/*
 * Custom styles for resources page template
 */

 /*** GENERAL ***/
:root {
    --white: #fff;
    --dark-gray: rgba(51, 51, 51, 1);
    --gray: rgba(167, 167, 167, 1);
    --light-gray: rgba(225, 225, 225, 1);
    --super-light-gray: rgba(241, 241, 241, 1);
    --blue: rgba(13, 115, 163, 1);
    --light-blue: rgba(231, 241, 246, 1);
    --orange: rgba(251, 123, 11, 1);
    --light-orange: rgba(251, 123, 11, 0.1);
    --navy: rgba(7, 55, 95, 1);
    --light-navy: rgba(7, 55, 95, 0.1);
    --red: rgba(163, 61, 13, 1);
    --light-red: rgba(163, 61, 13, 0.1);
    --green: rgba(75, 186, 86, 1);
    --light-green: rgba(75, 186, 86, 0.1);
    --sky: rgba(11, 139, 251, 1);
    --light-sky: rgba(11, 139, 251, 0.1);
}
.resources-page #main{
    background-color: var(--white);
}
.resources-page #main > .container{
    margin: 30px auto!important;
}

.resources-page #main > .container > .row.resources > div{
    padding-bottom: 40px;
}
.resources-page #main > .container h2{
    font-size: 20px;
    margin-bottom: 20px;
}
.resources-page #main .intro-wrap{
    padding-top: 20px;
}
.resources-page #main .intro a{
    color: var(--enfold-main-color-primary);
}
.resources-page #main .intro a:hover{
    color: var(--enfold-main-color-secondary);
}
 /*** END GENERAL ***/
/*** SEARCH ***/
.resources-page .search .facetwp-facet{
    margin-bottom: 30px;
}
.resources-page .search .facetwp-input-wrap{
    width: 100%;
}
.resources-page .search input.facetwp-search{
    margin-bottom: 0px!important;
    border-color: var(--light-gray)!important;
    font-size: 16px!important;
    padding: 10px!important;
    min-width: 200px!important;
    font-family: 'Metropolis'!important;
    font-weight: 400;
}
.resources-page .search input.facetwp-search::placeholder{
    margin-bottom: 0px;
    color: var(--gray);
}
.resources-page .search .facetwp-icon {
    background: var(--navy);
    opacity: 1;
    width: 40px;
}
.resources-page .search .facetwp-icon:before {
    background-image: url(/wp-content/themes/enfold-child/assets/resources/images/search.svg);
    background-position: 13px 50%;
    background-size: 15px 15px;
    width: 40px;
}
/*** END SEARCH ***/
/*** FILTERS ***/
.resources-page .filter-group {
    margin-bottom: 0px;
}
.resources-page .filter-group .label{
    font-size: 16px;
    position: relative;
    cursor: pointer;
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px var(--light-gray) solid;
}
.resources-page .filter-group .label:after {
    content: url(/wp-content/themes/enfold-child/assets/resources/images/down-chevron.svg);
    right: 0;
    position: absolute;
}
.resources-page .filter-group .label:before {
    content: '';
    display: inline-block;
    margin-right: 10px;
    width: 12px;
    height: 12px;
    background-color: var(--blue);
    border-radius: 20px;
}
.resources-page .filter-group.blue .label:before {
    background-color: var(--blue);
}
.resources-page .filter-group.orange .label:before {
    background-color: var(--orange);
}
.resources-page .filter-group.red .label:before {
    background-color: var(--red);
}
.resources-page .filter-group.green .label:before {
    background-color: var(--green);
}
.resources-page .filter-group.sky .label:before {
    background-color: var(--sky);
}
.resources-page .filter-group.navy .label:before {
    background-color: var(--navy);
}
.resources-page .filter-group.active .label:after {
    transform: rotate(180deg);
}
.resources-page .filter-group .facetwp-facet {
    margin-bottom: 15px;
}
.resources-page .filter-group .facetwp-facet .facetwp-display-value {
    font-size: 16px;
    font-family: 'metropolis';
}
.resources-page .filter-group .facetwp-facet .facetwp-checkbox {
    /* background: url(/wp-content/themes/enfold-child/assets/resources/images/checkbox-empty.svg) 0 50% no-repeat; */
    padding-left: 25px;
    position: relative;
    background: none;
}
.resources-page .filter-group .facetwp-facet .facetwp-checkbox:before {
    content: '';
    left: 3px;
    top: 3px;
    width: 18px;
    height: 18px;
    border: 1px solid var(--gray);
    border-radius: 3px;
    position: absolute;
}
.resources-page .filter-group .facetwp-facet .facetwp-checkbox.checked {
    background: url(/wp-content/themes/enfold-child/assets/resources/images/checkbox-filled.svg) 0 50% no-repeat;
}
.resources-page .filter-group .facetwp-facet .facetwp-checkbox.checked:before {
    display: none;
}
.facetwp-counter {
    display: none;
}
.facetwp-facet.facetwp-facet-reset {
    margin-bottom: 0!important;
}
.resources-page a.facetwp-reset {
    color: var(--white);
    background: var(--gray);
    margin: 0 5px 5px 0;
    padding: 4px 12px;
    border-radius: 32px;
    font-size: 16px;
    pointer-events: none;
}
.resources-page a.facetwp-reset.active {
    color: var(--white);
    background: var(--orange);
    pointer-events: auto;
}
/*** END FILTERS ***/
/*** RESOURCE FEED ***/
.resources-page .resource-container .thumbnail-wrap{
    height: auto;
    text-align: left;
    padding-bottom: 20px;
}
.resources-page .resource-container .resource-item .thumbnail-wrap a,
.resources-page .resource-container .resource-item .thumbnail-wrap img{
    width: auto;
    height: 100%;
    object-fit: cover;
}
.resources-page .resource-container .resource-item .content-wrap {
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
    height: 100%;
}
.resources-page .resource-container .resource-item .content-wrap h3{
    color: var(--dark-gray);
    font-size: 20px;
}
.resources-page .resource-container .resource-item .content-wrap p{
    font-size: 12px;
}
.resources-page .resource-container .resource-item .content-wrap a.read-more{
    color: var(--white);
    background: var(--orange);
    margin: 0 5px 5px 0;
    padding: 4px 12px;
    border-radius: 32px;
    font-size: 16px;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container {
    display: flex;
    flex-flow: row wrap;
    margin-bottom: 5px;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category,
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.blue{
    color: var(--blue);
    /* background: var(--light-blue); */
    margin: 0 5px 0 0;
    /* padding: 4px 12px; */
    border-radius: 32px;
    font-size: 13px;
    display: flex;
    flex-flow: column nowrap;
    justify-content: center;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.orange{
    color: var(--orange);
    /* background: var(--light-orange); */
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.red{
    color: var(--red);
    /* background: var(--light-red); */
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.green{
    color: var(--green);
    /* background: var(--light-green); */
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.navy{
    color: var(--navy);
    /* background: var(--light-navy); */
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.sky{
    color: var(--sky);
    /* background: var(--light-sky); */
}
.resources-page .resource-container .resource-item .content-wrap .categories-container > .category:not(:last-child) span:after {
    content: ',';
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .category.more-categories{
    color: var(--gray);
    /* background: var(--super-light-gray); */
    /* border: var(--gray) 1px solid; */
    cursor: default;
    /* padding: 1.5px 12px; */
    /* font-size: 10px; */
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap{
    position: relative;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container{
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    padding: 10px;
    width: 135px;
    background: rgba(241, 241, 241, 1);
    border-radius: 8px;
    display: none;
    z-index: 10;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap:hover .tooltip-categories-container{
    display: block;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category,
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category.blue{
    color: var(--blue);
    font-size: 13px;
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category.orange{
    color: var(--orange);
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category.red{
    color: var(--red);
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category.green{
    color: var(--green);
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category.navy{
    color: var(--navy);
}
.resources-page .resource-container .resource-item .content-wrap .categories-container .more-categories-wrap .tooltip-categories-container .tooltip-category.sky{
    color: var(--sky);
}

.resources-page .facetwp-pager {
    text-align: center;
    position: relative;
}
.facetwp-pager .facetwp-page {
    color: var(--dark-gray);
    font-size: 16px;
    padding: 8px;
    border-radius: 20px;
    width: 40px;
    height: 40px;
}
.facetwp-pager .facetwp-page.active {
    background-color: var(--light-gray);
}
.resources-page .facetwp-pager .prev,
.resources-page .facetwp-pager .next{
    visibility: hidden;
    position: absolute;
    left: 0;
    padding-top: 10px;
}
.resources-page .facetwp-pager .prev:before,
.resources-page .facetwp-pager .next:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/left-arrow.svg);
    visibility: visible;
    margin-right: -16px;
    display: inline-block;
    vertical-align: middle;
}
.resources-page .facetwp-pager .next{
    left: auto;
    right: 0;
}
.resources-page .facetwp-pager .next:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/right-arrow.svg);
}
.facetwp-load-more {
    margin: 0 5px 5px 0;
    padding: 4px 12px;
    border-radius: 32px;
    font-size: 16px;
    color: var(--white);
    background: var(--orange);
    pointer-events: auto;
    border: none;
    font-family: 'metropolis' !important;
}
/*** END RESOURCE FEED ***/
/*** NEXT STEPS ***/
.next-steps .widget:not(.widget_text) {
    border-bottom: 1px solid var(--light-gray);
    padding-bottom: 20px;
    margin-bottom: 20px;
    max-width: 232px;
}
.next-steps .widget:last-child{
    border-bottom: none;
}
.next-steps .widget.widget_media_image {
    position: relative;
    height: fit-content;
}
.next-steps .widget.widget_media_image a:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/hover-arrow.svg);
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition-duration: .3s;
}
.next-steps .widget.widget_media_image a:hover:before{
    opacity: 1;
}
.next-steps .widget.widget_media_image a:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: var(--orange);
    z-index: 2;
    transition-duration: .3s;
}
.next-steps .widget.widget_media_image a:hover:after{
    width: 75%;
}
/*** END NEXT STEPS ***/
/*** RESPONSIVENESS RESOURCES PAGE TEMPLATE ***/
@media(min-width: 991px) {
    .resources-page #main > .container{
        margin: 200px auto 0 auto!important;
    }
    .content {
        padding-top: 40px;    
    }
    /* .resources-page #main .container{
        margin: 0px auto!important;
    } */
    .resources-page #main .intro-wrap{
        position: fixed;
        top: 180px;
        background: var(--white);
        z-index: 2;
        width: 100%;
        padding-top: 50px;
    }
    .resources-page #main .intro-wrap .container{
        margin: 0 auto 0 auto!important;
    }
    .resources-page #main > .container > .row.resources {
        margin-bottom: 0;
    }
    .resources-page #main > .container > .row.resources > div{
        padding-top: 0px;
        padding-bottom: 100px;
        overflow: hidden scroll;
        height: calc(100vh - 180px);
        scrollbar-width: 7px;
        scrollbar-color: var(--gray) rgba(255,255,255,0);
    }
    .resources-page #main > .container > .row.resources > div::-webkit-scrollbar {
        width: 7px;
        height: auto;
    }
    .resources-page #main > .container > .row.resources > div::-webkit-scrollbar-thumb {
        background: var(--gray);
        border-radius: 5px;
    }
    .resources-page #main > .container > .row.resources > div::-webkit-scrollbar-track {
        background-color: rgba(255,255,255,0);
        border: none;
    }
    .resources-page #main > .container > .row.resources > .col-lg-6{
        padding-left: 50px;
        padding-right: 50px;
        border-left: 1px var(--light-gray) solid;
        border-right: 1px var(--light-gray) solid;
    }
    .resources-page #main > .container > .row.resources > .col-lg-3:first-child{
        padding-right: 34px;
    }
    .resources-page #main > .container > .row.resources > .col-lg-3:last-child{
        padding-left: 34px;
    }
    .resources-page #main > .container > .row.resources .search,
    .resources-page #main > .container > .row.resources .col-header{
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        background: var(--white);
        z-index: 1;
    }
    .resources-page .resource-container .thumbnail-wrap{
        height: 150px;
        text-align: center;
        padding-bottom: 0;
    }
}
/*** END RESPONSIVENESS RESOURCES PAGE TEMPLATE ***/

/*** SINGLE POST  ***/
.single-post main {
    padding-top: 40px;
}
.avia-breadcrumbs {
    border-bottom: var(--light-gray) 1px solid;
    padding: 0 0 20px 0;
    margin-bottom: 20px;
}
.avia-breadcrumbs span.trail-before {
    display: none!important;
}
.avia-breadcrumbs span.sep {
    padding: 0 8px;
}
.avia-breadcrumbs span {
    font-family: 'metropolis' !important;
}
.back-link {
    margin-bottom: 20px;
}
.back-link a {
    color: var(--blue)!important;
    position: relative;
    font-weight: 500;
    text-transform: uppercase;
}
.back-link a:before {
    content: url(/wp-content/themes/enfold-child/assets/resources/images/arrow-back.svg);
    display: inline-block;
    margin-bottom: -5px;
    vertical-align: bottom;
    padding-right: 5px;
}
.single-post h1 {
    color: var(--dark-gray)!important;
    font-size: 52px!important;
    margin-bottom: 20px!important;
}
.single-post .flipbook-container {
    margin-bottom: 20px;
}
.single-post .video-container {
    margin-bottom: 20px;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-top: 56.25%;
}
.single-post .video-container iframe{
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
}
.share-section {
    border-top: var(--light-gray) 1px solid;
    padding: 30px 0 0 0;
    margin-top: 30px;
    display: flex;
}
.share-section * {
    color: var(--gray)!important;
    font-size: 16px;
    font-family: 'Metropolis';
}
.share-section > span{
    text-transform: uppercase;
    font-weight: 600;
}
.share-section > .share-container{
    display: flex;
    flex-flow: row wrap;
}
.share-section > .share-container .share-item{
    padding: 0 10px;
    display: flex;
    position: relative;
    flex-flow: column nowrap;
    justify-content: center;
}
.share-section > .share-container .share-item:not(:last-child):after{
    content: '';
    width: 1px;
    height: 16px;
    background: var(--gray);
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
}
.share-section > .share-container .share-item a{
    cursor: pointer;
}
.share-section > .share-container .share-item a:before{
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    padding-right: 5px;
}
.share-section > .share-container .share-item a.copy-link:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/icons/copy-link-icon.svg);
}
.share-section > .share-container .share-item a.email:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/icons/email-icon.svg);
}
.share-section > .share-container .share-item a.linkedin:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/icons/linkedin-icon.svg);
    padding-right: 0;
    margin-bottom: 5px;
}
.share-section > .share-container .share-item a.x:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/icons/x-icon.svg);
    padding-right: 0;
    margin-bottom: 5px;
}
.share-section > .share-container .share-item a.facebook:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/icons/facebook-icon.svg);
    padding-right: 0;
    margin-bottom: 3px;
}
.share-section > .share-container .share-item a.instagram:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/icons/instagram-icon.svg);
    padding-right: 0;
}

.single-post .related-posts,
.single-post .aside-header{
    border-left-style: solid;
    border-left-width: 1px;
    margin-left: 0;
    float: none;
    width: auto;
    overflow: hidden;
    display: block;
    clear: none;
    padding-top: 40px;
}
.single-post .related-posts .related-posts-wrap{
    margin-left: 50px;
}
.single-post aside h3{
    font-size: 20px;
    margin-bottom: 20px;
}
.single-post .related-posts .related-post{
    margin-bottom: 25px;
}
.single-post .related-posts .related-post .thumbnail-wrap{
    margin-bottom: 15px;
}
.single-post .related-posts .related-post h4{
    font-size: 16px;
    color: var(--dark-gray)!important;
    font-weight: 400;
}
.single-post .related-posts .related-post h4:hover{
    color: var(--blue)!important;
}
.single-post .sidebar {
    padding-top: 0px;
}
.single-post .sidebar .widget:not(.widget_text){
    border-bottom: 1px solid var(--light-gray);
    padding-bottom: 20px;
    margin-bottom: 20px;
    max-width: 232px;
}
.single-post .sidebar .widget:last-child{
    border-bottom: none;
}
.single-post .sidebar h2,
.single-post .aside-header{
    font-size: 20px!important;
    margin-bottom: 20px;
    color: var(--dark-gray)!important;
}
.single-post .aside-header > .wrap{
    margin-left: 50px;
}
.single-post .sidebar .widget.widget_media_image {
    position: relative;
    height: fit-content;
}
.single-post .sidebar .widget.widget_media_image a:before{
    content: url(/wp-content/themes/enfold-child/assets/resources/images/hover-arrow.svg);
    position: absolute;
    bottom: 25px;
    right: 25px;
    width: 24px;
    height: 24px;
    opacity: 0;
    transition-duration: .3s;
}
.single-post .sidebar .widget.widget_media_image a:hover:before{
    opacity: 1;
}
.single-post .sidebar .widget.widget_media_image a:after{
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 0%;
    height: 3px;
    background: var(--orange);
    z-index: 2;
    transition-duration: .3s;
}
.single-post .sidebar .widget.widget_media_image a:hover:after{
    width: 75%;
}
.single-post .post_delimiter,
.single-post .entry-footer {
    display: none;
}
/**** END SINGE POST ***/
/**** RESPONSIVE SINGE POST ***/
@media(max-width: 767px) {
    .share-section > .share-container{
        display: flex;
        flex-flow: row wrap;
    }
    .share-section > .share-container .share-item{
        padding: 0 10px;
        margin: 5px 0;
    }
    .single-post .related-posts,
    .single-post .aside-header{
        margin-left: 0;
        padding-top: 0px;
        display: block;
        text-align: left;
        border-left: none;
        border-right: none;
        width: 100%;
        clear: both;
    }
    .single-post .related-posts .related-posts-wrap, 
    .single-post .aside-header{
        margin-left: 0px;
    }
    .single-post .sidebar {
        border-top: none!important;
    }
    .single-post h1 {
        font-size: 40px!important;
    }
}
/**** END RESPONSIVE SINGE POST ***/