/*!
Theme Name: niftic
Theme URI: https://niftic.agency
Author: Niftic Agency
Author URI: https://niftic.agency
Description: Niftic Base Theme
Version: 1.1.2
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;
    }

    .show-breadcrumbs section .container {
        max-width: 950px;
    }
}

body {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

img {
    max-width: 100%;
    height: auto;
}

a {
    color: #4D8799;
}

.btn {
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 20px;
    line-height: 25px;
    padding-top: 5px;
}

.btn.btn-secondary {
    border: 1px solid #4d8799;
}

.btn.btn-blue {
    background: #01445E;
    color: #fff;
}

.btn.btn-blue:hover {
    background: #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;
}

h1,
h2 {
    color: #1C4359;
}

.align-stretch {
    align-items: stretch !important;
}

header#masthead {
    height: 64px;
    background: #fff;
}

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: 0;
    vertical-align: middle;
}
header #top-menu {
    flex-wrap: nowrap;
}
header .menu-top-nav-container #top-menu li {
    display: inline-block;
    margin-right: 25px;
}

header #top-menu li a {
    font-weight: bold;
    font-size: 18px;
    color: #14435B;
    font-family: 'Noah Grotesque';
    text-decoration: none;
    white-space: nowrap;
}
header#masthead .nav-center {
    flex-basis: 475px;
}
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);
    /*overflow: hidden;*/
}

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

/* Homepage Search */
header#masthead .site-search.multiple .search-group {
    background: none;
    position: relative;
}

header#masthead .site-search.multiple .search-group>* {
    display: inline-block;
    vertical-align: middle;
}

header#masthead .site-search.multiple .search-group input {
    width: 50%;
    border-right: 1px solid #C4C4C4;
}

header#masthead .site-search.multiple .search-group .dropdown-toggle {
    background: none;
    width: 36%;
    border: none;
    border-right: 1px solid #C4C4C4;
    height: 40px;
    position: relative;
    text-align: left;
    font-size: 16px;
    color: #797979;
    cursor: pointer;
    line-height: 40px;
    font-family: "Noah Grotesque";
    font-weight: 500;
}

header#masthead .site-search.multiple .search-group .dropdown-toggle::after {
    width: 0;
    height: 0;
    margin-left: .255em;
    vertical-align: .255em;
    content: "";
    border-top: .3em solid;
    border-right: .3em solid transparent;
    border-bottom: 0;
    border-left: .3em solid transparent;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

header#masthead .site-search.multiple .search-group input[hidden] {
    display: none !important;
}

header#masthead .site-search.multiple .search-group button {
    width: 10%;
    height: 100%;
    border: none;
    cursor: pointer;
}

header#masthead .site-search.multiple .search-group .dropdown-menu {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 10rem;
    padding: .5rem 0;
    margin: .125rem 0 0;
    font-size: 1rem;
    color: #212529;
    text-align: left;
    list-style: none;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid rgba(0, 0, 0, .15);
    border-radius: .25rem;
}

header#masthead .site-search.multiple .search-group .dropdown-menu.show {
    display: block;
}

header#masthead .site-search.multiple .search-group .dropdown-menu .dropdown-item {
    display: block;
    width: 100%;
    padding: .25rem 1.5rem;
    clear: both;
    font-weight: 400;
    color: #212529;
    text-align: inherit;
    white-space: nowrap;
    background-color: transparent;
    border: 0;
    font-size: 16px;
    min-width: 180px;
    cursor: pointer;
}



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.cart {
    background-image: url("data:image/svg+xml,%3Csvg width='47' height='28' viewBox='0 0 47 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.0612 22.1593H41.8223L46.015 6.01847H43.5L39.5 20H14L10.5 0H9H9.08829H0V2H8.5L12.0612 22.1593Z' fill='%2314435B'/%3E%3Cpath d='M20.7794 25.0999C20.7794 23.5003 19.4787 22.1997 17.8792 22.1997C16.2796 22.1997 14.979 23.5003 14.979 25.0999C14.979 26.6994 16.2796 28.0001 17.8792 28.0001C19.4706 28.0001 20.7794 26.6994 20.7794 25.0999Z' fill='%2314435B'/%3E%3Cpath d='M38.9488 25.0999C38.9488 23.5003 37.6482 22.1997 36.0486 22.1997C34.4491 22.1997 33.1484 23.5003 33.1484 25.0999C33.1484 26.6994 34.4491 28.0001 36.0486 28.0001C37.6482 28.0001 38.9488 26.6994 38.9488 25.0999Z' fill='%2314435B'/%3E%3C/svg%3E%0A");
    width: 46px;
    height: 28px;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    position: relative;
}

header#masthead .site-navigation li.cart span {
    position: absolute;
    top: -10px;
    left: 3px;
    text-align: center;
    width: 100%;
    display: inline-block;
    font-family: Noah Grotesque;
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    letter-spacing: 1px;
    color: #14435B;
}

header#masthead .site-navigation li a {
    height: 40px;
    font-weight: bold;
    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;
}

.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: #FFFFFF;
    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.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;
}

.image .aspect-ratio {
    height: 0;
    width: 100%;
    position: relative;
  }
  .image .aspect-ratio img {
    position: absolute;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
    top: 0;
    left: 0;
  }
  .container-fluid .image {
    display: flex;
    align-items: stretch;
  }
  .container-fluid .row .image img {
    max-width: calc(100% + 50px);
    width: calc(100% + 50px);
  }
  .container-fluid .row .image:first-of-type img {
    margin-left: -50px;
  }
  .container-fluid .row .image:last-of-type img {
    margin-right: -50px;
  }

.resource-card {
    display: block;
    background: #ffffff;
    border: 1px solid #4D8799;
    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;
}

.resource-card {
    padding-bottom: 130px !important;
}

.resource-card.blog-card {
    padding-bottom: 0px !important;
}

@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-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-meta {
    padding: 16px;
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 100%;
    background: white;
    padding-top: 10px;
    border-top: 1px solid #4d8799;
}

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

.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");
}

.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 {
    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 {
    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;
}

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

.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;
}


/* Product Cards */
.pt-cv-ifield .pt-cv-title a {
    text-decoration: none;
    color: #14435B;
}

.new-products-card .pt-cv-ifield,
.best-sellers-cards .pt-cv-ifield {
    background: #FFFFFF;
    box-shadow: 0px 4px 11px rgb(0 0 0 / 15%);
    border-radius: 8px;
    padding: 20px;
    min-height: 420px;
    position: relative;
}

.new-products-card .pt-cv-ifield .pt-cv-title,
.best-sellers-cards .pt-cv-ifield .pt-cv-title {
    font-family: Hind;
    font-weight: 500;
    font-size: 16px;
    line-height: 124.6%;
    position: relative;
    min-height: 57px;
}

.new-products-card .pt-cv-ifield .pt-cv-title::after,
.best-sellers-cards .pt-cv-ifield .pt-cv-title::after {
    content: "";
    position: absolute;
    border-top: 1px solid #4D8799;
    width: 100%;
    height: 1px;
    bottom: -5px;
    left: 0;
}

.new-products-card .pt-cv-ifield .product.woocommerce.add_to_cart_inline,
.best-sellers-cards .pt-cv-ifield .product.woocommerce.add_to_cart_inline {
    position: absolute;
    bottom: 20px;
    line-height: 17px;
}

.new-products-card .pt-cv-ifield .product.woocommerce.add_to_cart_inline br,
.best-sellers-cards .pt-cv-ifield .product.woocommerce.add_to_cart_inline br {
    display: none;
}

.new-products-card .pt-cv-ifield .woocommerce-Price-amount.amount,
.best-sellers-cards .pt-cv-ifield .woocommerce-Price-amount.amount {
    font-family: Noah Grotesque;
    font-weight: bold;
    font-size: 16px;
    line-height: 17px;
    text-transform: uppercase;
    color: #4D8799;
    margin-top: 15px;
    display: block;
}

.new-products-card .pt-cv-ifield .add_to_cart_button,
.best-sellers-cards .pt-cv-ifield .add_to_cart_button {
    display: none;
}

.latest-blog-card .pt-cv-ifield {
    background: #FFFFFF;
    border: 1px solid #777676;
    box-sizing: border-box;
    border-radius: 4px;
    min-height: 475px;
}

.latest-blog-card .pt-cv-ifield img {
    width: 100%;
}

.latest-blog-card .pt-cv-ifield .pt-cv-title {
    padding: 15px 24px;
    font-size: 20px;
    line-height: 107.9%;
}

.latest-blog-card .pt-cv-ifield .pt-cv-content {
    padding: 0 24px;
    font-family: Hind;
    font-size: 16px;
    line-height: 26px;
}

#pt-cv-view-189982e3z8 .pt-cv-content .pt-cv-readmore {
    color: #4D8799 !important;
    background: transparent !important;
}

#pt-cv-view-189982e3z8 .pt-cv-content .pt-cv-readmore:hover {
    color: #4D8799 !important;
    background: transparent !important;
}

.latest-blog-card .pt-cv-ifield .pt-cv-readmore {
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: underline !important;
    text-transform: capitalize;
    color: #4D8799;
    font-weight: bold;
    padding-left: 0;
    display: inline-block;
    margin-top: 10px;
    position: relative;
}

.latest-blog-card .pt-cv-ifield .pt-cv-readmore::after {
    content: "";
    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='%2314435B' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    width: 14px;
    height: 14px;
    position: absolute;
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    right: -5px;
    top: 8px;
}

/* Blog styles */
.single-post .resource-card {
    border: 1px solid #777676;
    box-shadow: none;
}

/*
.single-post .post-image {
    height: 155px;
    width: 100%;
}
*/
.single-post .post-image {
    width: 100%;
    height: 0;
    padding-top: 52.5%;
    position: relative;
}

.single-post .post-image img {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
}

.single-post .post-image img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.single-post .post-details {
    display: flex;
    flex-direction: column;
    height: calc(100% - 225px);
}

.single-post .post-title {
    color: #14435B;
    font-family: Noah Grotesque;
    font-style: normal;
    font-weight: bold;
    font-size: 20px;
    line-height: 107.9%;
    display: block;
    /*flex-grow: 1;*/
}

.single-post .post-excerpt {
    font-family: Hind;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 26px;
    color: #222222;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    box-orient: vertical;
    -webkit-line-clamp: 3;
    text-overflow: ellipsis;
    line-clamp: 3;
    overflow: hidden;
}

.single-post .post-readmore {
    font-family: Noah Grotesque;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-decoration-line: underline;
    text-transform: capitalize;
    color: #4D8799;
    margin-top: 16px;
    display: block;
    margin-bottom: 16px;
}

.single-post .post-readmore:after {
    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 fill-rule='evenodd' clip-rule='evenodd' d='M0.292893 0.292893C0.683417 -0.0976311 1.31658 -0.0976311 1.70711 0.292893L7.70711 6.29289C8.09763 6.68342 8.09763 7.31658 7.70711 7.70711L1.70711 13.7071C1.31658 14.0976 0.683417 14.0976 0.292893 13.7071C-0.0976311 13.3166 -0.0976311 12.6834 0.292893 12.2929L5.58579 7L0.292893 1.70711C-0.0976311 1.31658 -0.0976311 0.683417 0.292893 0.292893Z' fill='%2314435B'/%3E%3C/svg%3E%0A");
    height: 14px;
    width: 8px;
    display: inline-block;
    content: '';
    margin-left: 8px;
    margin-bottom: -2px;
}

.nav-links {
    text-align: center;
}

.nav-links>div {
    display: inline-block;
}

.nav-links .nav-previous a,
.nav-links .nav-next a {
    background: #14435B;
    border-radius: 4px;
    width: 240px;
    text-align: center;
    display: inline-block;
    color: #fff;
    text-transform: uppercase;
    font-family: Noah Grotesque;
    font-style: normal;
    font-weight: bold;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    color: #FFFFFF;
    text-decoration: none;
    padding-top: 12px;
    padding-bottom: 12px;
}

.nav-next {
    margin-left: 24px;
}

.ajax-nav .nav-next {
    display: none;
}

.resource-library-item {
    border: 1px solid #777676;
    box-sizing: border-box;
    border-radius: 4px;
    padding: 16px 24px;
    min-height: 400px;
    position: relative;
}

.resource-library-item .button-wrap {
    position: absolute;
    bottom: 16px;
    left: 24px;
    right: 24px;
}

.resource-library-item img {
    width: 100%;
    margin-bottom: 16px;
}

.resource-library-item img {
        max-width: 200px;
        display: block;
        margin: 0 auto;
        margin-bottom: 16px;
}


.resource-library-item a {
    text-decoration: none;
}

.resource-library-item h4 {
    font-weight: bold;
    font-size: 20px;
    line-height: 107.9%;
    color: #14435B;
}

.resource-library-item p {
    color: #222222;
    font-size: 16px;
    line-height: 26px;
    margin-top: 8px;
}

.resource-library-item .btn {
    background: #14435B;
}

.resource-library-item .btn:hover {
    background: #14435B;
}

.woocommerce-message {
    border-top-color: #4d8799;
    font-family: 'Hind';
    margin-bottom: 10px;
}

.woocommerce-message::before {
    color: #4d8799;
}

.woocommerce-message .button {
    text-transform: uppercase;
    font-weight: bold !important;
    font-size: 20px !important;
    line-height: 40px !important;
    padding-top: 5px !important;
    text-align: center;
    text-decoration: none;
    outline: 0;
    border: 0;
    cursor: pointer;
    padding-left: 2rem !important;
    height: 4.8rem !important;
    border-radius: 4px !important;
    background: #FFFFFF !important;
    border: 1px solid #14435B !important;
    padding-right: 2rem !important;
    color: #14435B !important;
}

.header-banner {
    background: #F4D345;
    color: #14435B;
    font-family: "Noah Grotesque";
    font-style: normal;
    font-weight: 800;
    font-size: 18px;
    line-height: 22px;
    text-align: center;
    padding: 16px;
}

body.blog .header-banner,
body.single.single-post .header-banner {
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 5;
}

body.blog.admin-bar .header-banner,
body.single.single-post.admin-bar .header-banner {
    top: 32px;
}

#add_payment_method table.cart td.actions .coupon .input-text,
.woocommerce-cart table.cart td.actions .coupon .input-text,
.woocommerce-checkout table.cart td.actions .coupon .input-text {
    border: 1px solid #777676;
    box-sizing: border-box;
    border-radius: 4px;
    height: 45px;
    min-width: 150px;
}

#pwgc-apply-gift-card {
    height: 46px;
}


.woocommerce form.login,
.woocommerce form.register {
    border: 2px solid #14435B;
    min-height: 620px;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    display: block;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit {
    font-family: "Noah Grotesque";
    font-weight: bold;
    font-size: 18px;
    background: #14435B;
    border-radius: 4px;
    float: none;
    display: block;
    margin: 0 auto;
    min-width: 244px;
    color: #fff;
    transition: .3s all ease-in-out;
}

.woocommerce .woocommerce-form-login .woocommerce-form-login__submit:hover,
.woocommerce .woocommerce-form-register .woocommerce-form-register__submit:hover {
    background: #4D8799;
    color: #fff;
}

.register-checklist {
    margin: 24px 0;
    padding: 0 24px;
}

.register-checklist .checklist-item {
    position: relative;
    margin: 5px 0;
    font-family: "Noah Grotesque";
    font-weight: bold;
    font-size: 16px;
    line-height: 129.19%;
    color: #222222;
}

.register-checklist .checklist-item::before {
    content: "";
    background-image: url("data:image/svg+xml,%3Csvg width='15' height='12' viewBox='0 0 15 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 11.2937L0 5.895L1.74437 4.10125L5.59187 7.7725L13.2231 0L15 1.76063L5.625 11.2937Z' fill='%23FF661F'/%3E%3C/svg%3E%0A");
    position: absolute;
    left: -24px;
    top: 50%;
    transform: translateY(-50%);
    width: 15px;
    height: 12px;
    background-size: contain;
}

.woocommerce-form-login .wc-social-login.form-row-wide p {
    display: none;
}

.woocommerce-form-login .wc-social-login.form-row-wide {}

.woocommerce-form-login .wc-social-login.form-row-wide a.button-social-login {
    display: block;
    max-width: 230px;
    margin: 6px auto;
}

/* contact */
.wpcf7-form {
    padding: 64px 48px 0;
    border: 2px solid #14435B;
    border-radius: 8px;
    border-top-width: 8px;
    margin-top: 40px;
}
.wpcf7-form-control-wrap {
    position: relative;
    width: 100%;
    display: block;
}
.wpcf7-form button, 
.wpcf7-form input, 
.wpcf7-form optgroup, 
.wpcf7-form select, 
.wpcf7-form textarea {
    width: 100%;
    min-height: 48px;
    border-radius: 4px;
    border: 1px solid #777676;
    margin-bottom: 40px;
}
.wpcf7-form .wpcf7-submit {
    display: block;
    width: auto;
    margin-left: auto;
    margin-right: auto;
    background: #01445E;
    border-radius: 4px;
    color: white;
    border: 0;
    padding: 0 64px;
    text-transform: uppercase;
}


.cta-row {
    align-items: stretch !important;
}
.cta-row .call_to_action {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    padding-top: 40px;
    padding-bottom: 40px;
}
.cta-row img {
    height: 100%;
    object-fit: cover;
}

.user-bought {
        border: 2px solid #ff661f;
        margin: 10px 0;
        padding: 20px;
        border-radius: 5px;
        font-weight: bold;
}

/*.berocket_single_filter_widget li label {
    text-transform: lowercase;
}

.berocket_single_filter_widget li label::first-letter {
    text-transform: uppercase;
}*/

.single figure {
    max-width: 85%;
    margin: 15px auto;
}

.woocommerce-account .entry-content>p {
    display: none !important;
    position: absolute;
    font-size: 16px;
    text-align: center;
    width: 100%;
    top: 10px;
}

.ettc-order-details-table tr {
    width: 100%;
}

table.ettc-order-details-table {
    display: table;
}

/* Master Mobile Styles */
@media screen and (max-width: 1399px) {
    .new-products-card .pt-cv-ifield, .best-sellers-cards .pt-cv-ifield {
        min-height: 0px;
    }
    .pt-cv-view .pt-cv-title {
        margin-bottom: 35px;
    }
}
@media screen and (max-width: 1060px) {
    header #top-menu li a {
        font-size: 14px;
    }
}
@media (max-width: 991px) {

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

    .container-fluid {
        padding-right: 15px;
        padding-left: 15px;
    }
    .slide-nav-link, .ssme-search, .button.ssme-button.ssme-custom, .nav-social, .nav-footer {
        display: block !important;
    }
    #megamenu .container-fluid,
    header .container-fluid {
        padding-left: 10px;
        padding-right: 10px;
    }
    #megamenu #category-menu::-webkit-scrollbar {
        display: none;
      }
  
    #megamenu #category-menu {
        -ms-overflow-style: none; 
        scrollbar-width: none; 
    }
    ul#category-menu>li.current-menu-item>a:before, ul#category-menu>li.current-menu-item>a:after {
        display: none;
    }
    
    header#masthead {
        height: auto;
        background: #fff;
        padding-bottom: 15px;
    }
    header#masthead .container-fluid {
        height: 46px !important;
    }
    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;
    }
    .subject-row-item a img {
        height: 40px;
    }
    .subject-row-item a h4 {
        font-size: 2rem;
        line-height: 2rem;
    }
}
@media screen and (max-width: 767px) {
    .subject-row {
        flex-wrap: wrap;
    }
    .subject-row-item {
        width: calc(50% - 30px);
    }
    .subject-row-item a img {
        top: 20%;
        height: 35%;
    }
    .subject-row-item a h4 {
        top: 70%;
    }
    .cta-row img {
        margin-left: -15px !important;
        margin-right: -15px !important;
        min-width: calc(100% + 30px) !important;
    }
}

.pt-cv-href-thumbnail {
    display:block;
    text-align: center;
}


/* CTA img fix */
.cta-row > .image > img {max-height: 500px;}

.post-content iframe {max-width: 100%;}