/*!
Theme Name: niftic
Theme URI: https://niftic.agency
Author: Niftic Agency
Author URI: https://niftic.agency
Description: Niftic Base Theme
Version: 1.0.1
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: niftic
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

niftic is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

@media screen and (min-width: 1400px) {
  .container {
    max-width: 1400px;
  }
}
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
}
.container-fluid .row .image img {
  max-width: calc(100% + 50px);
  width: calc(100% + 50px);
  height: 100%;
  object-fit: cover;
}

.btn {
  text-transform: uppercase;
  font-weight: bold !important;
  font-size: 20px;
  line-height: 25px;
  padding-top: 5px;
}
.btn.btn-secondary {
  border: 1px solid #4d8799;
}
.site-navigation .btn {
  padding-top: 0;
}

.container-fluid {
  padding-right: 50px;
  padding-left: 50px;
}

.font-noah {
  font-family: "Noah Grotesque", sans-serif;
}
.font-hind {
  font-family: "Hind", sans-serif;
}
.font-goldie {
  font-family: "Goldie Dreambox", cursive;
}
.align-stretch {
  align-items: stretch !important;
}

header#masthead {
  height: 64px;
  background: #fff;
  position:relative;
  z-index:20;
}

header#masthead .container-fluid {
  height: 64px;
  align-items: center;
  justify-content: space-between;
}

header#masthead .site-branding a {
  display: inline-block;
  vertical-align: middle;
  height: 30px;
  width: 118px;
}

header#masthead .site-branding .divider {
  background-image: url("data:image/svg+xml,%3Csvg width='2' height='36' viewBox='0 0 2 36' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='2' height='12' fill='%23FF661F'/%3E%3Crect y='12.0001' width='2' height='12' fill='%23F4D345'/%3E%3Crect y='23.9999' width='2' height='12' fill='%234D8799'/%3E%3C/svg%3E%0A");
  display: inline-block;
  height: 36px;
  width: 2px;
  margin-top: 2px;
  margin-left: 24px;
  margin-right: 24px;
  vertical-align: middle;
}

header#masthead .site-branding h2.subtitle {
  font-weight: bold;
  letter-spacing: 3px;
  color: #4d8799;
  display: inline-block;
  vertical-align: middle;
  font-size: 2.4rem;
  line-height: 30px;
  height: 30px;
}

header#masthead .site-search {
  margin-left: 20px;
  margin-right: 20px;
  border: 1px solid #777676;
  border-radius: 4px;
  height: 40px;
  background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 8C0 12.4183 3.54389 16 7.9155 16C9.74466 16 11.4289 15.3729 12.7693 14.3199L18.0997 19.7072L19.4989 18.293L14.1686 12.9057C15.2105 11.551 15.831 9.84873 15.831 8C15.831 3.58172 12.2871 0 7.9155 0C3.54389 0 0 3.58172 0 8Z' fill='%23FF661F'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.93662 14C11.2153 14 13.8732 11.3137 13.8732 8C13.8732 4.68629 11.2153 2 7.93662 2C4.65792 2 2 4.68629 2 8C2 11.3137 4.65792 14 7.93662 14Z' fill='white'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: calc(100% - 15px);
}

header#masthead .site-search input {
  appearance: none;
  outline: none;
  background: none;
  border: 0px;
  height: 40px;
  font-size: 1.6rem;
  font-family: "Noah Grotesque";
  font-weight: normal;
  padding-left: 16px;
  padding-right: 16px;
  width: 300px;
}

header#masthead .site-navigation {
  display: inline-block;
  height: 40px;
  font-size: 1.8rem;
  font-family: "Noah Grotesque";
  font-style: normal;
  font-weight: bold;
  vertical-align: middle;
}

header#masthead .site-navigation > li {
  display: inline-block;
  height: 40px;
  margin-left: 5px;
  margin-right: 5px;
  line-height: 40px;
  vertical-align: middle;
}

header#masthead .site-navigation li a {
  height: 40px;
  text-decoration: none;
  color: #4d8799;
}

header#masthead .site-navigation li:last-of-type {
  margin-right: 0px;
}

header#masthead .site-navigation li a.btn {
  color: #fff;
  text-transform: capitalize !important;
}

header#masthead .site-navigation li a.btn-secondary {
  color: #4d8799;
  border: 2px solid #4d8799;
}

header#masthead .site-navigation li a.btn-secondary:hover {
  background: #4d8799;
  color: #fff;
}

#megamenu,
#megamenu .menu-categories-container,
#megamenu #category-menu {
  height: 62px;
}

.site-categories,
ul#category-menu {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 62px;
}

ul#category-menu > li {
  display: inline-block;
  height: 100%;
  line-height: 62px;
}

ul#category-menu li a {
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: bold;
  font-size: 18px;
  line-height: 22px;
  color: #fff;
  text-decoration: none;
}

ul#category-menu li.current-menu-item a {
  color: #f4d345 !important;
}
ul#category-menu .sub-menu {
  display: none;
}

ul#category-menu li.resources-new {
  position: relative;
}

ul#category-menu li.resources-new::after {
  content: "";
  background-image: url("data:image/svg+xml,%3Csvg width='46' height='16' viewBox='0 0 46 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='46' height='16' rx='4' fill='%23F4D345'/%3E%3Cpath d='M12.2811 3.34164V6.60464C12.2811 7.04664 12.2941 7.50164 12.3201 8.02164C11.9431 7.61864 11.5921 7.25464 11.2151 6.90364L7.49707 3.30264H6.69107V12.1816H8.96607V8.54164C8.96607 8.24264 8.94007 7.89164 8.91407 7.54064C9.17407 7.82664 9.46007 8.11264 9.70707 8.33364L13.7371 12.2206H14.5561V3.34164H12.2811ZM18.5139 10.1926V8.69764H21.5949V6.77364H18.5139V5.33064H22.0629V3.34164H16.1999V12.1816H22.1799V10.1926H18.5139ZM32.782 3.34164L31.612 6.81264C31.495 7.13764 31.378 7.46264 31.274 7.85264C31.092 7.44964 30.923 7.12464 30.741 6.78664L29.22 3.96564H28.687L27.166 6.83864C26.971 7.17664 26.815 7.50164 26.659 7.90464C26.555 7.50164 26.438 7.16364 26.334 6.83864L25.164 3.34164H22.707V3.38064L25.905 12.2206H26.581L28.583 8.50264C28.713 8.25564 28.83 8.02164 28.96 7.68364C29.077 8.02164 29.194 8.25564 29.337 8.50264L31.339 12.2206H32.015L35.2 3.38064V3.34164H32.782ZM36.198 9.26964H38.018L38.304 3.34164H35.912L36.198 9.26964ZM37.121 12.3766C37.745 12.3766 38.369 11.9866 38.369 11.1546C38.369 10.3096 37.745 9.91964 37.121 9.91964C36.497 9.91964 35.873 10.3096 35.873 11.1546C35.873 11.9866 36.497 12.3766 37.121 12.3766Z' fill='%2314435B'/%3E%3C/svg%3E%0A");
  width: 46px;
  height: 16px;
  background-position: center;
  background-size: contain;
  top: 4px;
  right: -30px;
  position: absolute;
}

.site-navigation .avatar {
  height: 30px;
  width: 30px;
  border-radius: 50%;
  margin-right: 8px;
}
#category-menu > li,
.site-navigation > li {
  position: relative;
}

#category-menu > li:last-of-type > ul.sub-menu {
  left: -100px !important;
}

#category-menu > li > ul.sub-menu,
.site-navigation > li > ul.sub-menu {
  display: none;
  position: absolute;
  left: -10px;
  top: 62px;
  background: #FBFEFF;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  padding: 25px;
  z-index: 10;
  width: 248px;
}
.site-navigation > li > ul.sub-menu {
  width: auto;
  right: -10px;
  padding: 38px 25px 16px;
  left: unset;
  top: 100%;
}
.site-navigation > li > ul.sub-menu:after,
.site-navigation > li > ul.sub-menu:before {
  content: '';
  display: block;
  position: absolute;
  top: 12px;
  left: -5px;
  right: -5px;
  height: 10px;
  background: #4d8799;
}
.site-navigation > li > ul.sub-menu:after {
  top: 0;
  height: 12px;
  background: #ffffff;
}
#category-menu > li:hover > ul.sub-menu,
.site-navigation > li:hover > ul.sub-menu {
  display: block;
}
#category-menu > li > ul.sub-menu > li,
.site-navigation > li > ul.sub-menu > li {
  display: block;
  margin-top: 8px;
  margin-bottom: 8px;
  line-height: 24px;
}
.site-navigation > li > ul.sub-menu > li > a {
  white-space: nowrap;
    font-weight: normal;
}

#category-menu > li > ul.sub-menu > li > a,
.site-navigation > li > ul.sub-menu > li > a {
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
  color: #222222 !important;
  position: relative;
}

#category-menu>li>ul.sub-menu>li>a:hover,
.site-navigation>li>ul.sub-menu>li>a:hover {
  color: #FF661F !important;
}

#category-menu > li > ul.sub-menu > li.active-sub > a {
  color: #FF661F !important;
  font-weight: bold;
}


ul#category-menu>li.current-menu-item>a:before,
ul#category-menu>li:hover>a:before {
  display: block;
  content: '';
  height: 26px;
  width: 21px;
  background-size: 100% 100%;
  top: 44px;
  position: absolute;
  left: calc(50% - 10px);
  z-index: 15;
  background-image: url("data:image/svg+xml,%0A%3Csvg width='77' height='95' viewBox='0 0 77 95' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Cpath d='M46.8051 17.26L46.5707 17.1818L37.5056 23.9805L29.1049 17.1818L19.1022 23.9805H11.6392L24.7678 58.1306H51.1032L64.2318 23.9805H55.9092L46.8051 17.26Z' fill='%23EAD9A7'/%3E%3Cpath d='M24.7642 58.1343L37.8928 92.2453L51.0996 58.1343H24.7642Z' fill='%23052427'/%3E%3Cpath d='M28.546 19.6424L37.9263 26.7192L48.0951 19.6424V-110.125H28.546V19.6424Z' fill='%23E8B84D'/%3E%3Cpath d='M9 26.7191H17.3532L28.5492 19.6787V-110.125H9V26.7191Z' fill='%23F4D345'/%3E%3Cpath d='M48.092 19.7555L58.3049 26.7191H67.6411V-110.125H48.092V19.7555Z' fill='%23D1A142'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='77' height='95' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

}

ul#category-menu>li.current-menu-item>a:after,
ul#category-menu>li:hover>a:after {
  content: '';
  display: block;
  width: 48px;
  background: white;
  height: 25px;
  position: absolute;
  border: 2px solid #4d8799;
  /* border-radius: 0 0 50% 50%; */
  left: calc(50% - 24px);
  top: 60px;
  z-index: -2;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-bottom-left-radius: 100px;
  border-bottom-right-radius: 100px;
}

ul#category-menu  > li#menu-item-149 > a:after,ul#category-menu li#menu-item-149 > a:before { display: none; } 

ul#category-menu > li.current-menu-item:hover > a:after {
  z-index:14;
}

footer#colophon {
  border-top: 1px solid #14435b;
  background: white;
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 1440 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='288' height='16' fill='%23F4D345'/%3E%3Crect x='288' width='288' height='16' fill='%23FF9E00'/%3E%3Crect x='576' width='288' height='16' fill='%23FF661F'/%3E%3Crect x='864' width='288' height='16' fill='%234D8799'/%3E%3Crect x='1152' width='288' height='16' fill='%2314435B'/%3E%3C/svg%3E%0A");
  background-position: bottom left;
  background-size: 100% 16px;
  background-repeat: no-repeat;
  padding-bottom: 16px;
  padding-top: 54px;
}

footer#colophon h4 {
  text-transform: uppercase;
  color: #37889b;
  font-weight: bold;
  font-size: 20px;
  line-height: 25px;
}

footer#colophon ul {
  margin-top: 24px;
}

footer#colophon li a {
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  text-decoration: none;
  color: #01445e;
}

footer#colophon ul#social {
  margin-top: 50px;
}

footer#colophon ul#social li.social_item {
  display: inline-block;
  height: 40px;
  width: 40px;
  border: 1px solid #14435b;
  border-radius: 40px;
  margin-left: 24px;
}


footer#colophon ul#social li.social_item:first-of-type {
  margin-left: 0px;
}


footer#colophon ul#social li.social_item a {
  display: flex;
  height: 100%;
  width: 100%;
  justify-content: center;
  align-items: center;
}

footer#colophon ul#social li.social_item svg {
  height: 20px;
  width: 20px;
}

.resource-card {
  display: block;
  background: #ffffff;
  border: 1px solid #cbcbcb;
  box-sizing: border-box;
  border-radius: 4px;
  overflow: hidden;
  text-decoration: none;
  box-shadow: 5px 5px 8px rgba(0, 0, 0, 0.1);
  animation-iteration-count: 1;
  animation: fadeIn 0.2s ease-in;
}


@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.resource-card .resource-head {
  background: #14435b;
  height: 8px;
  width: 100%;
  display: block;
}

.resource-card .resource-thumb {
  height: 125px;
  width: 160px;
  text-align: center;
  margin: 0 auto;
  overflow: hidden;
  padding-top: 10px;
}

.resource-card .resource-thumb img {
  width: 100%;
  margin: 0 auto;
}

.resource-card .resource-thumb img {
      border: 1px solid;
      border-radius: 5px;
      padding: 2px;
      border-color: #14435B;
}

.resource-card .resource-details {
  padding: 16px;
  border-top: 1px solid #cbcbcb;
}

.resource-card .resource-meta {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px solid #4d8799;
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: bold;
  font-size: 14px;
  line-height: 17px;
  text-transform: uppercase;
  color: #4d8799;
}

.resource-card .resource-title {
  color: #14435b;
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 124.6%;
}

/* Card height changes */
.resource-card {
  height: 100%;
  position: relative;
  min-height: 250px;
}

.resource-card .resource-details {
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 100%;
}

.resource-card .resource-thumb {
  position: relative;
  height: 100%;
  bottom: 0;
}

.resource-card .resource-thumb img {
  position: relative;
  top: 0px;
  left: 50%;
  transform: translate(-50%);
}

.resources-filter .resources-filter-section {
  border-top: 1px solid #dadada;
  padding-bottom: 30px;
}
.resources-filter .resources-filter-section:first-of-type {
  border-top: 1px solid transparent;
}
.resources-filter .resources-filter-section:last-of-type {
  border-bottom: 1px solid #dadada;
  padding-bottom: 10px;
}

.resources-filter h1,
.resources-filter h2 {
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
}

.resources-filter h1 {
  color: #777676;
}

.resources-filter h2 {
  font-weight: bold;
  color: #222222;
  margin-top: 24px;
}

.resources-filter-list li * {
  vertical-align: middle;
}
.resources-filter-list li {
  margin-top: 16px;
  margin-bottom: 16px;
}

.resources-filter input[type="checkbox"] {
  appearance: none;
  height: 18px;
  width: 18px;
  border: 2px solid #dadada;
  border-radius: 4px;
  cursor: pointer;
}

.resources-filter input[type="checkbox"]:checked {
  background-color: #6590a3;
  border-color: #6590a3;
  background-image: url("data:image/svg+xml,%3Csvg width='13' height='10' viewBox='0 0 13 10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.99 1.99996L11.58 0.579956L4.98999 7.16996L2.40999 4.59996L0.98999 6.00996L4.98999 9.99996L12.99 1.99996Z' fill='%23FFF'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 12px 9px;
}

.resources-filter label {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
  margin-left: 8px;
  cursor: pointer;
}

/* Resources */
nav.navigation.pagination {
  text-align: center;
}

nav.navigation.pagination .screen-reader-text {
  display: none;
}

nav.navigation.pagination .page-numbers {
  height: 40px;
  width: 40px;
  border-radius: 40px;
  display: inline-block;
  border: 1px solid #4D8799;
  color: #14435B;
  text-decoration: none;
  font-weight: bold;
  line-height: 40px;
  font-size: 16px;
  margin-left: 8px;
  margin-right: 8px;
}

nav.navigation.pagination .page-numbers.current {
  background: #14435B;
  border: 1px solid #14435B;
  color: #fff;
}

nav.navigation.pagination .page-numbers.prev,
nav.navigation.pagination .page-numbers.next {
  width: auto;
  border-radius: 0px;
  background: transparent;
  border-color: transparent;
  background-repeat: no-repeat;
  background-size: 6px 12px;
}

nav.navigation.pagination .page-numbers.prev {
  margin-right: 16px;
  padding-left: 16px;
  background-position: left;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 13L1 7L7 1' stroke='%234D8799' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}

nav.navigation.pagination .page-numbers.next {
  margin-left: 16px;
  padding-right: 16px;
  background-image: url("data:image/svg+xml,%3Csvg width='8' height='14' viewBox='0 0 8 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 13L7 7L1 1' stroke='%234D8799' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-position: right;
}

.resource-details {
  position: relative;
  transition: margin-top 0.3s ease-in-out;
  background: #fff;
  z-index: 2;
}

.resource-description {
  overflow: hidden;
  height: 0px;
  transition: height 0.3s ease-in-out;
}

.resource-description-content {
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 20px;
  padding-top: 16px;
  padding-bottom: 16px;
  color: #222222;
}

.resource-like {
  height: 17px;
  width: 19px;
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.05393 2.86862L9.4996 3.74492L9.94528 2.86862C10.7749 1.23734 12.3072 0.5 13.8666 0.5C14.9772 0.5 16.1398 0.872536 17.0172 1.63328C17.8832 2.38408 18.5 3.53653 18.5 5.16877C18.5 7.73029 16.7148 9.71063 14.5492 11.5421C14.0223 11.9877 13.4822 12.4172 12.9487 12.8415L12.9236 12.8615C12.3844 13.2903 11.8512 13.7147 11.359 14.1359C10.6437 14.748 9.98339 15.3786 9.49961 16.0445C9.01585 15.3786 8.35558 14.748 7.64032 14.1359C7.14814 13.7147 6.61502 13.2903 6.07588 12.8615L6.05082 12.8415C5.5174 12.4173 4.97727 11.9877 4.45041 11.5421C2.28501 9.71065 0.5 7.73031 0.5 5.16877C0.5 3.63841 1.05791 2.48206 1.89619 1.70544C2.74066 0.923088 3.89848 0.5 5.13338 0.5C6.69198 0.5 8.22428 1.2373 9.05393 2.86862Z' stroke='%23777676'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  float: right;
  overflow: hidden;
  text-indent: 999px;
  cursor: pointer;
}

.resource-like.liked {
  background-image: url("data:image/svg+xml,%3Csvg width='19' height='17' viewBox='0 0 19 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.8666 0C12.1455 0 10.4259 0.820636 9.4996 2.64195C8.57332 0.820636 6.85374 0 5.13338 0C2.43923 0 0 1.84682 0 5.16877C0 10.7865 7.8402 13.6209 9.4996 17C11.159 13.6209 19 10.7865 19 5.16877C19 1.62505 16.2971 0 13.8666 0Z' fill='%23FF661F'/%3E%3C/svg%3E%0A");
}

.resource-download {
  height: 17px;
  width: 17px;
  margin-left: 10px;
  background-image: url("data:image/svg+xml,%3Csvg width='17' height='17' viewBox='0 0 17 17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.5 1V11M8.5 11L4.5 7M8.5 11L12.5 7M1.5 12V15C1.5 15.5523 1.94772 16 2.5 16H14.5C15.0523 16 15.5 15.5523 15.5 15V12' stroke='%23777676' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-position: center;
  float: right;
  overflow: hidden;
  text-indent: 999px;
  white-space: nowrap;
  cursor: pointer;
}

.resource-download.loading {
  opacity: 0.5;
  pointer-events: none;
}

.breadcrumbs li {
  display: inline-block;
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
}

.breadcrumbs li a {
  color: #222;
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 14px;
  line-height: 22px;
  text-decoration-line: underline;
}

.breadcrumbs li::after {
  content: '>';
  display: inline-block;
  margin-left: 5px;
}

.breadcrumbs li:last-of-type::after {
  display: none;
}

#found_posts {
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #777676;
}

#view_posts,
#sort_posts,
#view_tag {
  font-family: Hind;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 26px;
  color: #777676;
  position: relative;
}

#view_posts strong,
#sort_posts strong,
#view_tag strong {
  color: #222222;
}


#view_posts .sub-menu,
#sort_posts .sub-menu {
  display: none;
  position: absolute;
  left: 0;
  background: #FFFFFF;
  box-shadow: 0px 4px 4px rgb(0 0 0 / 25%);
  padding-top: 25px;
  padding-bottom: 25px;
  z-index: 10;
  width: 100%;
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: 500;
  font-size: 18px;
  line-height: 22px;
}

#view_posts:hover .sub-menu,
#sort_posts:hover .sub-menu {
  display: block;
}

#view_posts .sub-menu li,
#sort_posts .sub-menu li {
  cursor: pointer;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 12px;
  text-transform: capitalize;
  text-align: left;
}

#view_posts .sub-menu li.active,
#sort_posts .sub-menu li.active {
  color: #222;
  font-weight: bold;
}

#view_posts .sub-menu li:hover,
#sort_posts .sub-menu li:hover {
  color: #FF661F;
}

.resource-card a {
  text-decoration: none;
}

/* Single Resource */
.resource-heading {
  background-image: url("data:image/svg+xml,%3Csvg width='1' height='42' viewBox='0 0 1 42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0)'%3E%3Crect width='1' height='42' fill='white'/%3E%3Crect y='-31' width='1441' height='1129' fill='%23E9F4F8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1441 42H0V41H1441V42Z' fill='%23BCD7E0'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0'%3E%3Crect width='1' height='42' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}

.resource-information {
  background: #fff;
  background-image: url("data:image/svg+xml,%3Csvg preserveAspectRatio='none' viewBox='0 0 1440 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='288' height='16' fill='%23F4D345'/%3E%3Crect x='288' width='288' height='16' fill='%23FF9E00'/%3E%3Crect x='576' width='288' height='16' fill='%23FF661F'/%3E%3Crect x='864' width='288' height='16' fill='%234D8799'/%3E%3Crect x='1152' width='288' height='16' fill='%2314435B'/%3E%3C/svg%3E%0A");
  background-repeat: no-repeat;
  background-size: 100% 8px;
  background-position: top left;
  box-shadow: 0px 4px 23px rgba(0, 0, 0, 0.19);
  border-radius: 4px;
  margin-top: 32px;
  margin-bottom: 64px;
  padding-top: 64px;
}

.resource-information hr {
  border-bottom: none;
  border-top: 1px solid #777676;
  margin-bottom: 16px;
  opacity: 0.9;
}

.resource-description {
  font-family: Hind;
  font-style: normal;
  font-weight: normal;
  font-size: 16px;
  line-height: 26px;
  color: #222222;
  opacity: 0.9;
}

.resource-long-description-header {
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: bold;
  font-size: 30px;
  line-height: 37px;
  margin-bottom: 24px;
  color: #14435B;
}

.resource-long-description {
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: 500;
  font-size: 16px;
  line-height: 129.19%;
  color: #222222;
}

.resource-long-description ul li::before {
  content: "\2022";
  color: #FF661F;
  font-weight: bold;
  display: inline-block;
  width: 1em;
  margin-left: -1em;
}

.resource-meta-h4 {
  font-family: Noah Grotesque;
  font-style: normal;
  font-weight: 800;
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  margin-right: 16px;
  opacity: 0.9;
  margin-top: 12px;
}

.resource-meta-h4 a {
  font-weight: normal;
  color: #4D8799;
}

.resource-preview {
  position: relative;
}

.resource-preview .preview-image {
  width: 100%;
  height: 100%;
  background-size: 100% auto;
  background-repeat: no-repeat;
  background-position: center;
  min-height: 400px;
  position: relative;
}

@media (max-width: 768px) {
  .resource-preview .preview-image {
    background-size: auto 100%;
  }
}

.resource-preview svg {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-40deg);
  opacity: 0.2;
}

.resource-information .resource-description { height: auto; } 

/* Modal */
.modal {
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  background: rgba(0, 0, 0, 0.7);
  z-index: 1000;
  padding: 15px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .3s ease-in-out,
  visibility 0s .3s;
}
.modal .modal-inner {
  padding: 40px 16px;
  background: #FFF;
  border: none;
  box-sizing: border-box;
  box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1);
  max-height: 100%;
  overflow-y: scroll;
  width: 600px;
  max-width: 100%;
  position: relative;
  margin: auto;
}
.modal .modal-inner .close {
    height: 20px;
    width: 20px;
    font-size: 30px;
    font-weight: bold;
    cursor: pointer;
    position: absolute;
    top: 20px;
    right: 20px;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 100;
}
.modal.toggled {
  opacity: 1;
  visibility: visible;
  transition: opacity .3s ease-in-out,
  visibility 0s 0s;
}

/* Master Mobile Styles */
@media (max-width: 767px) {

  .hide-mobile {
    display: none !important;
  }

  .container-fluid {
    padding-right: 15px;
    padding-left: 15px;
  }

  #megamenu .container-fluid,
  header .container-fluid {
    padding-left: 10px;
    padding-right: 10px;
  }

  header#masthead .site-branding a {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    padding-top: 14px;
    width: 100px;
  }

  header#masthead .site-branding h2.subtitle {
      font-size: 18px;
      line-height: 34px;
    }

  header#masthead .site-branding .divider {
    margin-left: 8px;
    margin-right: 8px;
  }

  #megamenu #category-menu {
    overflow-x: scroll;
    white-space: nowrap
  }

  ul#category-menu>li {
    margin-right: 20px;
  }

  header#masthead .site-navigation>li {
    margin-left: 0;
    margin-right: 5px;
  }

  .container-fluid .row .image:first-of-type img {
    margin-left: 0 !important;
  }

  .container-fluid .row .image:last-of-type img {
   margin-right: 0 !important;
  }

  .container-fluid .row .image img {
    max-width: 100% !important;
    width: 100% !important;
  }

}

#main {overflow-x: hidden;}

#your_library_header {
  float:left;
  display: none;
  margin-top: -10px;
}

#your_library_header h4 {
  color: #054560;
  height: 40px;
  line-height: 40px;
  align-items: center;
  display: flex;
}

#your_library_header h4 svg {
  margin-right: 12px;
}