:root{
    --border-color: var(--patch-reef-blue);
}
/*****************************/
/*  START :: Search Results  */
/*****************************/
.fl-post-feed-post {
    border-bottom: none;
    border-top: 1px solid #e6e6e6;
    color: var(--patch-reef-blue);
    display: flex;
    padding: 26px 0;
    margin-bottom: 36px;
}
.fl-post-feed-post.post .postBox {
    max-width: 508px;
    padding-right: 70px;
    width: 100%;
}
.fl-post-feed-post .imgBox {
    flex-basis: 100%;
    width: 100%;
}
.fl-post-feed-post .post_tag {
    margin-bottom: 16px;
}
.fl-post-feed-post .fl-post-title a {
    color: var(--patch-reef-blue);
    font-size: 26px;
    font-size: 1.63rem;
    font-style: normal;
    font-weight: 700;
    line-height: 34px; /* 130.769% */
    line-height: 2.13rem; /* 130.769% */
}
.fl-post-feed-post .fl-post-title a:hover {
    text-decoration: none;
}
.fl-post-feed-post .fl-post-text {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    padding: 0;
}
.fl-post-feed-post .fl-post-excerpt {
    margin-top: 26px;
}
.fl-builder-pagination-load-more a.fl-button,
.fl-builder-pagination-load-more a.fl-button:hover {
    background: var(--sandbar-blue);
    border: 1px solid var(--sandbar-blue);
    border-radius: 6px;
    padding: 20px 40px;
    transition: all .25s ease;
}
.fl-builder-pagination-load-more a.fl-button:hover {
    transform: scale(1.05);
}
.fl-builder-pagination-load-more a.fl-button span {
    color: var(--patch-reef-blue);
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px; /* 155.556% */
    line-height: 1.75rem; /* 155.556% */
}
/* TABLET, and down */
@media only screen and (max-width: 992px) {
    .fl-post-feed-post.post .postBox {
        min-width: 380px;
    }
}
/* MOBILE, only */
@media only screen and (max-width: 768px) {
    .fl-post-feed-post.fl-post-feed-image-beside {
        flex-direction: column;
        max-width: 100%;
        margin-bottom: 0;
    }
    .fl-post-feed-post.post .postBox {
        min-width: unset;
        padding-right: 0;
    }
    .fl-post-feed-post .postBox .imgBox {
        margin-bottom: 26px;
    }
    .fl-post-feed-post .fl-post-excerpt {
        margin-top: 16px;
    }
}
/*****************************/
/*  END   :: Search Results  */
/*****************************/
/*******************************************************/
/*  START ::  Accessibility: External link new window  */
/*******************************************************/
a.acc_external_link, 
.acc_external_link a {
    position:relative;
}
a.acc_external_link .acc_external, 
.acc_external_link a .acc_external, 
a .acc_external, 
.acc_external {
    position: fixed;
    background: var(--patch-reef-blue) !important;
    color: var(--white) !important;
    padding: 4px 8px;
    font-size: 10px;
    font-size: 0.63rem;
    font-weight: bold;
    line-height: 1;
    font-family: var(--font-primary);
    transform: scale(1.07) translate(60px,10px);
    visibility: hidden;
    /* text-transform: uppercase; */
    opacity: 0;
    left: -99999px;
    z-index: 999;
    margin: 6px;
    border-radius: 4px;
    text-align: center;
    font-style: normal;
}

a.acc_external_link:hover .acc_external, 
.acc_external_link a:hover .acc_external,
a:hover .acc_external{
    visibility: visible;
    opacity: 1;
    
}
a.acc_external_link:focus .acc_external, 
.acc_external_link a:focus .acc_external{
    top:10px !important;
    left:0 !important;
    position:absolute;
    visibility: visible;
    opacity: 1;
    padding:0 !important;
    
}
a .acc_external_icon{
    position: relative;
    top: 1px;
    margin-left: 5px;
}

    /******************************************************/
    /*  START :: carousel posts – external-link hint fix  */
    /******************************************************/
    /* turns off snap-to-mouse functionality in post carousel */
    .post-carrousel a .acc_external {
        position: static;
        transform: scale(1.07) translate(-116px,-21px);
    }

    .post-carrousel a:has(.acc_external)::after {
        transform: translateX(-128px);
    } 

    .post-carrousel a:has(.acc_external):hover::after {
        transform: translateX(-116px) !important;
    }
    /******************************************************/
    /*  END   :: carousel posts – external-link hint fix  */
    /******************************************************/

/*******************************************************/
/*  END   ::  Accessibility: External link new window  */
/*******************************************************/

/******************************************/
/*  START :: Social Sharing + Icon Links  */
/******************************************/
.share_icons span{
    font-size: 16px;
    font-size: .8421rem;
    line-height: 28px;
    line-height: 1.75rem;
    font-weight: 400;
    color: var(--white);
}
.share_icons img{
    height:40px;
    width:auto;
}
.share_icons {
    gap: 36px;
    display: flex;
    align-items: center;
}
.icon-bluesky_logo::before {
    width: auto;
    margin: 0;
}
.social_link_container {
    align-items: baseline;
}
.social_link_container .social_link .fl-button-has-icon {
    line-height: 0;
}
/******************************************/
/*  END   :: Social Sharing + Icon Links  */
/******************************************/

/**************************/
/*  START :: Post Heroes  */
/**************************/

/* targets img tags w ONLY this one class – aka when no feature image is assigned  */
.single .hero-row-post-large-img-col img[class="fl-photo-img"]{
    background: var(--img-placeholder) no-repeat;
    background-size: cover;
}

.single .fl-heading {
    text-shadow: none;
}

.single .post_tag {
    margin-bottom: 26px;
}

.single .post_tag span::before{
    content: ', ';
}

.single .post_tag span:first-of-type::before {
    content: '';
}
/**************************/
/*  END :: Post Heroes  */
/**************************/
/*******************************/
/*  START :: All Single Posts  */
/*******************************/
body:not(.fl-builder-edit) .single .herolargeheight div{
    width:100%;
}
.single .herolargeheight img {
    width:100%;
    height: 500px;
    object-fit: cover;
    object-position: center center;
}
.single .heromediumheight img {
    width:100%;
    height: 320px;
    object-fit: cover;
    object-position: center center;
}
.single .hero-row-post-large-info-col p {
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 34px;
    line-height: 2.13rem;
}

.post-content .fl-module-content ul,
.post-content .fl-module-content ol,
.post-content .fl-module-content p {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 36px;
}

.post-content .wp-caption p.wp-caption-text {
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 28px; 
    line-height: 1.75rem; 
}
/* .post-content .fl-module-content p.image{
    max-width: 1080px;
    margin:auto;
   margin-bottom: 36px;

}
.post-content .fl-module-content p.image img{
    width: 100%;
    object-fit: cover;
    border-radius: 40px;
    margin: 0;
} */
.post-content .fl-module-content p:has(> img),
.post-content .fl-module-content p:has(> .fluid-width-video-wrapper),
.post-content .fl-module-content .wp-caption {
    max-width: 1222px;
    width: 100% !important;
}
.post-content .fl-module-content p > img,
.post-content .fl-module-content .wp-caption > img {
    border-radius: 16px;
    object-fit: cover;
    margin: 0;
    width: 100%;
}
.post-content .fl-module-content .wp-caption {
    background: inherit;
    border: none;
    margin: 0 !important;
    max-width: 100%;
    padding: 0;
    text-align: center;
}
.post-content .fl-module-content .fluid-width-video-wrapper {
    border-radius: 16px;
    overflow: hidden;
}
.post-content .fl-module-content blockquote p{
    margin: auto;
    margin-bottom: 36px;
    padding-left: 72px;
    padding-right: 72px;
}
.post-content .fl-module-content ul li a,
.post-content .fl-module-content ol li a {
    color: var(--patch-reef-blue);
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(var(--patch-reef-blue), var(--patch-reef-blue));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
    transition: background-size 250ms ease-in-out;
    display:inline;
}
.post-content .fl-module-content ul li a:hover,
.post-content .fl-module-content ol li a:hover {
    animation: 0.25s underline;
}
.post-content .fl-module-content > *:last-child{
    margin-bottom:0!important;
}

/* 
body:not(.fl-builder-edit) .hero-row-post-large-img,
body:not(.fl-builder-edit) .hero-row-post-large-img div,
body:not(.fl-builder-edit) .hero-row-post-large-img img{
    width:100%;
    height:100%;
    object-fit: cover;
} */
/*******************************/
/*  END   :: All Single Posts  */
/*******************************/

/*****FLEXIBLE POST GRID MIXED MEDIA*****/
.post-grid.fmm{
    display: flex;
    gap: unset;
    flex-direction: row;
}
.post-grid.fmm .post-row:not(.post0) img, .post-grid.fmm .post-row:not(.post0) .defaultImg{
    display:none!important;
}
.external_post .fl-module-button:not(.noarrow) a.fl-button::after{
    transform: rotate(-45deg) translate(0px, 10px);
}
.external_post .fl-module-button:not(.noarrow) a.fl-button:hover::after{
    transform: rotate(-45deg) translate(10px, 20px);
}
.post-grid.fmm .post-row{
    display:block;
    height:unset;
}
.post-grid.fmm .post0 .tags{
    position:absolute;
    top:16px;
    left:16px;
}
.post-grid.fmm .imgBox{
    position:relative;
}
.post-grid.fmm .tags{
    display: inline-block;
    padding: 8px 18px;
    font-size: 11.46px;
    font-size: 0.72rem;
    line-height: 1.2;
    border-radius: 4px;
    background-color: var(--white);
    color: var(--black);
    margin-right:5px;
}
.post-grid.fmm .post0.post-row .post-col.title-col {
    margin-right: 0;
    width: calc(100% - 100px);
    float: unset;
    position:relative;
    background-color: #F5F5F5;
    padding-top:36px;
    padding-right:90px;
    min-height:88px;
}
.post-grid.fmm .post0.post-row .post-col {
    width: 100%;
    float: unset;
}
.post-grid.fmm>div{
    float:left;
    width:50%;
}
.post-grid.fmm .firstCol{
    padding-right: 66px;
    border-right: 1px solid #C1BFBB;
    padding-bottom:36px;
}
.post-grid.fmm .secondCol .imgBox{
    margin-bottom:16px;
}
.post-grid.fmm .secondCol .post-row{
    margin-top:0px;
}
.post-grid.fmm .secondCol{
    padding-left: 66px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.post-grid.fmm .post0 .post-desc {
    margin-bottom: 26px;
    margin-top: 16px;
}
.post-grid.fmm .post0 img{
    margin-bottom:-88px;
    height:400px;
}
/*****post grid*****/
.post-grid{
    display:grid;
    grid-template-areas: 'post0 post0' 
    'post1 post2';
    gap:88px 54px;
}
.post0.post-row{
    grid-area: post0; 
}
.post1.post-row{
    grid-area: post1; 
    height: 100%;
    display: flex;
    flex-direction: column;
}
.post2.post-row{
    grid-area: post2; 
    height: 100%;
    display: flex;
    flex-direction: column;
}
.post2.post-row .desc-col, .post1.post-row .desc-col{
    margin-top: auto;
}
.post0.post-row .post-col{
    width:calc(50% - 54px);
    float:left;
}
.post0.post-row .post-col.title-col{
    margin-right:108px;
}
.post0 img{
    margin-bottom:44px;
    border-radius:6px;
    overflow:hidden;
    display:block;
    width:100%;
    height:548px;
    object-fit: cover;
}
.post0 .defaultImg{
    margin-bottom:44px;
    border-radius:6px;
    overflow:hidden;
    display:block;
    width:100%;
    height:548px;
    background-color: #727271;
}
.post-row .post-desc{
    margin-bottom:16px;
}
.post0 .post-desc{
    margin-bottom:26px;
    margin-top:8px;
}
.post2 img, .post1 img{
    margin-bottom:36px;
    border-radius:6px;
    overflow:hidden;
    display:block;
    width:100%;
    height: 260px;
    object-fit:cover;
}
.post2 .defaultImg, .post1 .defaultImg{
    margin-bottom:36px;
    border-radius:6px;
    overflow:hidden;
    display:block;
    width:100%;
    height:260px;
    background-color: #727271;
}

.post2 p, .post1 p{
    display:none;
}
.fmm .post2 p, .fmm .post1 p{
    display:block;
}
/*************************/
/*  START :: Post Wedge  */
/*************************/
.post-wedge .post-col.img-col{
    border-radius: 10px;
    overflow: hidden;
}
.post-wedge .post-col.img-col img{
    background-color: var(--sandbar-blue);
    height:100%;
    width: 100%;
    object-fit: cover;
    transition: all 0.5s ease;
}
.post-wedge .post .post-col.title-col {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    gap: 16px;
}
.post-wedge .post .post-col.title-col h3{
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 34px;
    line-height: 2.13rem;
}

/******POST WEDGE (FLEX LAYOUT)******/
.post-wedge.flex{
    display: grid;
    grid-template-areas:
        'top top'
        'left right';
    gap: 88px 54px;
}
.post-wedge.flex .post:first-child{
    grid-area: top;
}
.post-wedge.flex .post:nth-child(2){
    grid-area: left;
}
.post-wedge.flex .post:nth-child(3){
    grid-area: right;
}
.post-wedge.flex .post-col.img-col{
    height:260px;
    margin-bottom:36px;
}
.post-wedge.flex .post:first-child .post-col.img-col{
    height:540px;
}
.post-wedge.flex .post:first-child .post-col.title-col{
    margin-right:108px;
    width:calc(50% -54px);
}
.post-wedge.flex .post:first-child .post-col.desc-col{
    width:calc(50% -54px);
}
.post-wedge.flex .post:nth-child(2) .post-col.desc-col .post-desc, .post-wedge.flex .post:nth-child(3) .post-col.desc-col .post-desc{
    display:none;
}
.post-wedge.flex .post:nth-child(1) .post-col.title-col h3{
    font-size: 35px;
    font-size: 2.19rem;
    line-height: 45px;
    line-height: 2.81rem;
}
.post-wedge.flex .tags{
    display:none;
}
/******POST WEDGE (MEDIA LAYOUT)******/
.post-wedge.media {
    align-items: start;
    gap: 26px 0;
    display: grid;
    grid-template-areas:
        'left top'
        'left bottom';
    /* grid-template-columns: minmax(0, 2.75fr) minmax(0, 2.25fr); */
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.post-wedge.media .post:first-child{
    border-right: 1px solid var(--pauley-green);
    grid-area: left;
    padding-right:63px;
    /* position: relative; */
}

.post-wedge.media .defaultImg {
    background-color: var(--sandbar-blue);
    height: 100%;
}
.post-wedge.media .post:nth-child(2){
    grid-area: top;
}
.post-wedge.media .post:nth-child(3){
    grid-area: bottom;
    margin-top: auto;
}

.post-wedge.media .post:first-child .post-col.img-col{
    margin-bottom: -88px;
    height: 420px;
}
.post-wedge.media .post .post-col.img-col{
    position: relative;
}
.post-wedge.media .post:nth-child(2) .post-col.img-col,
.post-wedge.media .post:nth-child(3) .post-col.img-col{
    /* height:148px; */
    /* flex-basis: 154px; */
    flex-basis: 186px;
    flex-grow: 0;
    flex-shrink: 0;
}
/* .post-wedge.media .post:nth-child(2) .post-col.details-col,
.post-wedge.media .post:nth-child(3) .post-col.details-col{
    align-items: flex-start;
    display: flex;
    flex-basis: 290px;
    flex-direction: column;
    gap: 16px;
} */
.post-wedge.media .post:nth-child(2) .tags,
.post-wedge.media .post:nth-child(3) .tags{
    position: static;
}
.post-wedge.media .tags {
    position: absolute;
    top: 16px;
    left: 16px;
    display: inline-block;
    padding: 8px 18px;
    font-size: 11.46px;
    font-size: 0.72rem;
    line-height: 1.2;
    border-radius: 4px;
    background-color: var(--blue);
    color: var(--white);
    margin-right: 5px;
}
.post-wedge.media .post:nth-child(1) .post-col.title-col {
    background-color: var(--patch-reef-blue);
    border-top-right-radius: 16px;
    float: unset;
    margin-right: 0;
    min-height: 88px;
    padding:16px 36px 0 0;
    position: relative;
    width: calc(100% - 100px);
}

.post-wedge.media .post:nth-child(1) .post-col.title-col .tags,
.post-wedge.media .post:nth-child(2) .post-col.img-col .tags,
.post-wedge.media .post:nth-child(3) .post-col.img-col .tags{
    display: none!important;
}
.post-wedge.media .post:nth-child(2),
.post-wedge.media .post:nth-child(3){
    align-items: stretch;
    display: flex;
    flex-direction: row;
    gap: 20px;
    padding-left: 63px;
}
.post-wedge p.date-col {
    margin-top: auto;
    color: var(--white);
    font-weight: 700;
}
.post-wedge .desc-col {
    line-height: 0; /* remove random space so link can be flush with bottom */
}
.post-wedge .post-col .fl-module-button > div {
    margin-top: 0;
}
/*********************************/
/*  START :: Post Wedge – Colors */
/*********************************/
/* dark */
.dark.post-wedge.media .post:nth-child(1) .post-col.title-col,{
    background-color: var(--patch-reef-blue);
}
.dark.post-wedge.media .post .post-col.title-col h3{
    color:var(--white);
}
.dark.post-wedge.media .post:first-child{
    border-right: 1px solid var(--pauley-green);
    align-self: stretch;
}
.dark.post-wedge.media .post:nth-child(2) .tags, 
.dark.post-wedge.media .post:nth-child(3) .tags {
    background-color: var(--sandbar-blue);
    color: var(--patch-reef-blue);
}
.dark.post-wedge.media .post:nth-child(1) .tags{
    background-color: var(--sandbar-blue);
    color: var(--patch-reef-blue);
}
/* --patch-reef-blue */
.patch-reef-blue.post-wedge.media .post:nth-child(1) .post-col.title-col{
    background-color: var(--patch-reef-blue);
}
/* --deep-ocean-blue */
.deep-ocean-blue.post-wedge.media .post:nth-child(1) .post-col.title-col{
    background-color: var(--deep-ocean-blue);
}
/*********************************/
/*  END   :: Post Wedge – Colors */
/*********************************/

/******POST WEDGE (TWO COLUMN LAYOUT)******/
.post-wedge.two-column{
    display: flex;
    gap:66px;
}
.post-wedge.two-column .post{
    flex:1;
}
.post-wedge.two-column .post-col.img-col{
    height:400px;
    margin-bottom: -88px;
}
.post-wedge.two-column .tags {
    display: inline-block;
    padding: 8px 18px;
    font-size: 11.46px;
    font-size: 0.72rem;
    line-height: 1.2;
    border-radius: 4px;
    background-color: var(--sandbar-blue)
    color: var(--patch-reef-blue);
    margin-right: 13px;
}
.post-wedge.two-column .post-col:not(.img-col){
    width: calc(100% - 100px);
    background-color: #F5F5F5;
    padding-right: 90px;
    padding-top: 0px;
    position:relative;
    z-index: 5;
}
.post-wedge.two-column .post-col.title-col, 
.post-wedge.media .post-col.title-col{
    padding: 0;
}
.post-wedge .post .tags {
    background-color: var(--sandbar-blue);
    border-radius: 4px;
    color: var(--patch-reef-blue) !important;
    display: inline-block;
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 22px;
    line-height: 1.38rem;
    margin-right:16px;
    padding: 4px 16px;
}

.post-wedge .post .tags span::before {
    content: ', ';
}
.post-wedge .post .tags span:first-of-type::before {
    content: '';
}
.post-wedge.media .post:first-child .tags {
    max-width: calc(100% - (26px + (16px * 2))); /* 100% minus post's padding right + (tag's left * 2) */
}

/* .post-wedge h3 a{
    background-image: linear-gradient(var(--patch-reef-blue), var(--patch-reef-blue));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 1px;
} */

/* .post-wedge h3 a:focus{
    color:var(--black);
}
.post-wedge .post:hover h3 a{
    animation: 0.25s underline;
} */
/* .post-wedge .post:hover h3 a {
    animation: 0.25s underline2px;
} */
.post-wedge.media .post:nth-child(1) .post-col.desc-col {
    padding-right: 36px;
    width: calc(100% - 100px);
}
.post-wedge.media .post:nth-child(1) .post-col.desc-col {
    margin-top: 16px;
}
/*************************/
/*  END   :: Post Wedge  */
/*************************/

/******POST GRID (GRID LAYOUT)******/

.postBottom{
    /* padding:0 15px; */
    margin-top: auto;
}
.imgBox .defaultImg{
    background-image: url(/wp-content/uploads/img-placeholder-400x400.jpg);
    background-size: cover;
    height:260px;
    width:100%;
    background-color: #727271;
}
/* .posts{
    margin-top:66px;
} */
.infoPost{
    color: var(--patch-reef-blue);
    font-size: 18px;
    font-size: 1.13rem;
    font-weight: 700;
    line-height: 29px;
    line-height: 1.81rem;
    margin: 16px 0;
    cursor: default;
}
/* .post-wedge, .posts{
    display: grid;
    flex-wrap: initial;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr);
    gap: 56px;
    width: 100%;
} */
.posts .post .tags, 
.post-carrousel .tags,
.post_tag {
    background-color: var(--sandbar-blue);
    border-radius: 4px;
    color: var(--patch-reef-blue) !important;
    display: inline-block;
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 22px;
    line-height: 1.38rem;
    margin-right:16px;
    padding: 4px 16px;
}

.posts .post .tags span::before, 
.post-carrousel .tags span::before {
    content: ', ';
}
.posts .post .tags span:first-of-type::before, 
.post-carrousel .tags span:first-of-type::before {
    content: '';
}

.posts:not(.people) .post .tags, 
.post-carrousel:not(.list) .tags{
    position: absolute;
    top: 16px;
    left: 16px;
}

.postTop {
    cursor:pointer;
}

/******POST CARROUSEL*****/

/* addresses BB update that changed markup of modules, targets only versions without div.fl-module-content */
.post-grid-carousel .fl-module-html.fl-html {
    padding-top: 66px;
    margin-top: 0 !important;
}

.post-grid-carousel .slider-header .slider-ctl,
.post-grid-carousel .slider-header .slider-dot {
    margin-bottom: 0;
}

.post-carrousel.grid .post{
    padding:0 20px 0 0;
}
.post-carrousel.list .post{
    padding:0 20px 0 0;
}
.post-carrousel.list .post .postBox{
    padding:0 20px 0 0;
    border-right:1px solid var(--border-color);
}
.post-carrousel.grid .postBox .imgBox {
    height:260px;
}
.post-carrousel .post .postBox{
    max-width:370px;
    width:370px;
}
.post-carrousel .post .postBox a.arrowlink{
    margin-left:0;
}
.post-carrousel .post{
    height:100%;
}
.post-carrousel.slick-slider .post .infoBox{
    padding:0;
}
.post-carrousel.slick-slider .post .postBottom{
    padding: 0;
}
/******POST CARROUSEL (NEWS)******/
.carrousel-news .arrowlink{
    margin-left:0;
}
.carrousel-news .post{
    max-width: 360px;
    margin-right:30px;
}
.carrousel-news .tags{
    margin-bottom:16px;
}
/******POST CARROUSEL (GRID LAYOUT)******/

.post-carrousel .slick-track {
    display: flex; /* so slides can be equal height */
}
.post-carrousel .slick-slide {
    height: inherit; /* so slides can be equal height */
}

.post-carrousel.grid .tags {
    left: 16px;
    max-width: calc(100% - (16px * 2)); /* 100% - (left * 2) */
}

.post-carrousel.grid h3 a {
    color: currentColor;
}

.post-carrousel.grid h3 a:hover {
    text-decoration: none;
}


.post-carrousel.list .postBox .imgBox{
    position: relative;
    overflow: hidden;
    display: flex;
    border-radius: 6px;
    gap: 20px;
    align-items: center;
    justify-content: space-between;
}
.post-carrousel.list .postBox .imgBox .date{
    font-size: 14px;
    font-size: 0.88rem;
    font-weight: 600;
    color: #727271;
    line-height: 1;
}

.carrousel-two-column.post-carrousel .post .postBox{
    width:calc(100% - 33px);
}
.carrousel-two-column.post-carrousel .post .infoBox, 
.carrousel-two-column.post-carrousel .post .postBottom{
    width: calc(100% - 100px);
    background-color: #F5F5F5;
    padding-right: 90px;
    padding-top: 10px;
}
.carrousel-two-column.post-carrousel .post .imgBox{
    height: 400px;
    margin-bottom: -88px;
}
.carrousel-two-column.post-carrousel .post .infoBox{
    position:relative;
}
.carrousel-two-column.post-carrousel .post .imgBox img{
    height: 400px;
}
.carrousel-two-column.post-carrousel .slick-active:not(.slick-current) .postBox{
    float:right;
}
/******POST CARROUSEL (LIST LAYOUT)******/
.post-carrousel.list .slick-slide img{
    display:none!important;
}
.post-carrousel:not(.list) .date{
    /* display:none; */
}
/******POST CARROUSEL (CARD LAYOUT)******/
.post-carrousel.card .slick-track {
    display: flex;
}

.post-carrousel.card .post .tags{
    position:static;
    border-radius: 30px;
    border:1px solid var(--blue);
    background-color: var(--white);
    color:var(--blue);
}
.post-carrousel.card .post{
    padding:0 44px 0 0;
}
.post-carrousel.card .postBox{
    padding: 16px 16px 36px;
    background-color: var(--white);
    border-radius: 30px;
    transition: all 0.5s ease;
    width:368px;
}
.post-carrousel.card img{
    display:none!important;
}
.post-carrousel.card .infoBox h3 a, .post-carrousel.card .infoBox h3 a:hover{
    color:var(--blue);
}
.post-carrousel.card .postBox:hover{
    background-color: var(--blue);
}
.post-carrousel.card .postBox:hover .infoBox h3 a, .post-carrousel.card .postBox:hover .infoBox .post-desc, .post-carrousel.card .postBox:hover a.arrowlink{
    color:var(--white);
}
.post-carrousel.card .postBox:hover a.arrowlink{
    background-image: linear-gradient(var(--white), var(--white));
}
.post-carrousel.card .postBox:hover a.arrowlink::after{
    filter: brightness(10);
}

.posts .post h3 a{
    text-decoration: none;
    font-weight: 700;
    color:var(--patch-reef-blue);
    text-decoration: none;
    background-image: linear-gradient(var(--patch-reef-blue), var(--patch-reef-blue));
    background-position: 0% 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition:all .5s;
}
/* .posts .post:hover h3 a, 
.post-row h3:hover a, 
.post-list:hover h3 a, .
posts .post:focus h3 a{
    background-size: 100% 1px;
    color: var(--patch-reef-blue);
} */
.posts .post .infopost{
    font-size:11.46px;
    font-size:0.72rem;
    line-height:27px;
    line-height:1.69rem;
}
.postBox .imgBox{
    position: relative;
    overflow: hidden;
    border-radius: 10px;
}
.post .postBox{
    color: var(--patch-reef-blue);
    cursor: pointer;
    display: flex;
    flex-direction: column;
    height: 100%;
}
.post img,
.post .defaultImg {
    width:100%;
    object-fit:cover;
    transition: all 1s ease;
    height:260px;
    
}
.post h4{
    margin:26px 0 16px;
}

/* .post .infoBox{
    padding:0 12px 0px;
} */

.grid .infoBox h3{
    margin:26px 0 16px;
}
.post:hover img{
    transform: scale(1.05);
}
/******POST GRID (CARD LAYOUT)******/
.posts.card .post{
    padding: 16px 16px 36px;
    background-color: var(--white);
    border-radius: 30px;
    transition: all 0.5s ease;
}
.posts.card .tags {
    position:static;
    color: var(--blue);
    display: inline-block;
    border: 1px solid var(--blue);
    padding: 12px 14px;
    text-transform: capitalize;
    border-radius: 30px;
}
/* .posts.card .post:hover .infoBox .h4, .posts .post:hover .infoBox .excerpt{
    color:var(--white);
} */
.posts.card .post:hover .tags {
    color: var(--white);
    background-color:var(--blue);
    border: 1px solid var(--white);
}
.posts.card .post:hover a.arrowlink{
    color:white;
    background-image:linear-gradient(var(--white), var(--white))
}
.posts.card .post:hover a.arrowlink::after{
    filter:grayscale(100%) brightness(100);
    transform: translateX(10px);
}
.posts.card .post:hover {
    transform: scale(1.05);
    background-color: var(--blue);
    position:relative;
}
.posts.card .infoBox h3{
    color:var(--blue);
}
.posts.card .infoBox{
    padding:0 0;
}
.posts.card .postBottom{
    padding:0 0;
}
.posts.card a.arrowlink{
    margin-left:0;
}
/******POST GRID (LIST LAYOUT)******/
.posts.list {
    display: block;
}
.posts.list .tags{
    position:static;
    display: inline-block;
    padding: 6px 6px;
    font-size: 11.46px;
    word-break: break-word;
    font-size: 0.6364rem;
    line-height: 1.2;
    border-radius: 4px;
    background-color: var(--blue);
    color: var(--white);
    margin-bottom:5px;
    margin-right:0;
}
.posts.list .postBox{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
}
.posts.list .postTop{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    flex:7;
    order:2;
}
.posts.list .postBottom{
    margin-top:0;
    flex:1;
    order:1;
    padding:0;
}
.posts.list .postBox .imgBox{
    flex:1;
    order:2;
}
.posts.list .postBox .infoBox{
    flex: 2;
    order:1;
}
.posts.list .infoBox h3{
    margin-top:0;
}
.posts.list img {
    height: 240px;
    width: 100%;
}
.posts.list .post:hover .infoBox .excerpt{
    color:var(--black);
}
.posts.list .defaultImg{
    height:240px;
    background-color: #727271;
}
.posts.list .post{
    border-top: 1px solid #B9B7B3;
    padding:26px 0;
    border-color:  var(--border-color);

}
.posts.list .post:last-child{
    border-bottom: 1px solid var(--border-color);
}

/*********post filter*********/


.archive-info, .archive-filter{
    background-color:#FEFAF8;
}


.fl-archive--header .fl-archive--header-img {
    width: 38.4%;
    float: right;
}

.fl-archive--header .fl-archive--header-title {
    width: 100%;
    margin-top: 73px;
    margin-bottom: 23px;
}

.fl-archive--header .fl-archive--header-title h1 {
    color: var(--black);
    margin: 0;
    text-align:center;
}

.fl-archive--header .fl-archive--header-description{
    text-align: center;
    max-width: 830px;
    margin: 0 auto 0px;
    padding-bottom: 63px;
}

.filter-form--content.hidden {
    max-height: 1px;
    opacity:0;
}

.filter-form--header {
    display:flex;
    align-items: center;
}
.filter-form--content  {
    transition: all 0.25s linear;
    clear: both;
    display: flex;
    overflow: hidden;
    align-content: flex-start;
    opacity:0;
    max-height: 0px;
}
.filter-form--content.visible{
    padding-top: 30px;
    opacity:1;
    max-height: 1000px;
    overflow: inherit;
}

.fl-archive--filter.closed{
    background-color: var(--white);

}

.fl-archive--filter {
    background-color: var(--white);
    width: 100%;
    clear: both;
    border-radius: 6px;
    padding: 27px 42px;
}

.fl-archive--filter-refine svg {
    width: 17px;
    margin-right: 10px;
    margin-top: -4px;
}

.visiblefilters{
    opacity:0;
    visibility:hidden;
    transform:rotate(90deg);
    transition:all .15s ease;
}
.hiddenfilters{
    margin-bottom: 3px;
    opacity:0;
    visibility:hidden;
    transition:all .15s ease;
    position: absolute;
    top: 20px;
    left: 0;
}

.visiblefilters.active,
.hiddenfilters.active {
    transform:rotate(-180deg);
    opacity:1;
    visibility:visible;
}

.fl-archive--filter-refine svg#hiddenfilters {
    display: none;
}

.fl-archive--filter-refine {
    width: 50%;
    float: left;
    cursor: pointer;
}

.fl-archive--filter-refine span{
    /* font-family: var(--open-sans);
    color: var(--black); */
    position: relative;
}

.fl-archive--filter.closed .fl-archive--filter-clear {
    /*display:none!important;*/
}

.fl-archive--filter-items {
    float: left;
    width: 60%;
    vertical-align: text-top;
    display: flex;
    flex-wrap: wrap;
}

div.filter-item {
    background-color: var(--white);
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    color: var(--patch-reef-blue);
    display: flex;
    flex-direction: column;
    list-style-type: none;
    margin: 0;
    /* padding: 26px 36px; */
    border-radius: 10px;
    display: inline-block;
    position: relative;
    width: 50%;
}

div.filter-item.theme {
    padding: 14px 30px 14px 7px;
}

/* .fl-archive--filter-refine span{
    font-family: var(--open-sans);
    color: var(--black);
} */
.fl-archive--filter-clear {
    width: 50%;
    float: right;
    text-align: right;
}

.fl-archive--filter-items {
    float: left;
    width: 60%;
    vertical-align: text-top;
    display: flex;
    flex-wrap: wrap;
}

div.filter-item .filter-item--label-title, 
div.fl-archive--filter-search .filter-item--label-title{
    margin: 0;
    color: var(--patch-reef-blue);
    font-size: 22px;
    font-size: 1.38rem;
    font-style: normal;
    font-weight: 700;
    line-height: 34px;
    line-height: 2.13rem;
    position: relative;
    width: 100%;
    transition: all 0.5s ease;
}

.fl-module-button.white.arrowlink a.fl-button:hover{
    background-color:transparent;
}
.fl-module-button.white.arrowlink a.fl-button:hover span{
    color:var(--blue);
}
.fl-module-button.white.arrowlink a.fl-button::after{
    content: var(--arrow-blue);
}

div.filter-item .filter-item--label-title.visible {
    z-index: 15;
}

.filter-item--label-title img {
    float: right;
}
.fl-archive--filter-search > div{
    position:relative;
}
.fl-archive--filter-search > div:not(.category-filters--go):after{
    content:url(/wp-content/uploads/noun_Search_3107569.svg);
    display:block;
    position:absolute;
    bottom:-2px;
    left:0;
}
.filter-item ul {
    list-style-type: none;
    margin: 0;
    padding: 7px 0 17px;
    z-index: 5;
}

.filter-item ul li {
    padding: 0px 0;
    font-size: 16px;
    font-size: 1rem;
    line-height: 28px;
    line-height: 1.75rem;
    cursor: pointer;
}
.filter-item ul li label{
    cursor: pointer;
    display: block;
    font-size: 18px;
    font-size: 1.13rem;
    font-weight:400!important;
    line-height: 29px;
    line-height: 1.81rem;
    position: relative;
}
.filter-item ul li label input {
    position: absolute;
    opacity: 0;
    cursor: pointer;
    height: 0;
    width: 0;
}
.filter-item ul li label .checkmark {
    position: absolute;
    top: 2px;
    left: 0;
    height: 26px;
    width: 26px;
    background-color: #fff;
    border:solid 2px var(--patch-reef-blue);
    border-radius: 2px;
  }
  .filter-item ul li label input:checked ~ .checkmark {
    background-color: var(--patch-reef-blue);
    border:solid 1px var(--patch-reef-blue);
  }
  .checkmark:after {
    content: "";
    position: absolute;
    display: none;
  }
  .filter-item ul li label input:checked ~ .checkmark:after {
    display: block;
  }
  .filter-item ul li label .checkmark:after {
    left: 6px;
    top: 7px;
    width: 14px;
    height: 8px;
    border: solid white;
    border-width: 0 2px 2px 0;
    -webkit-transform: rotate(-45deg) scalex(-1);
    -ms-transform: rotate(-45deg) scalex(-1);
    transform: rotate(-45deg) scalex(-1);
  }
.category-filters--go {
    display: inline-block;
}

.category-filters--go button {
    background-color: transparent;
    border-radius: 50px;
    color: var(--blue);
    border: 1px solid var(--blue);
    background-color: var(--white);
    padding: 23px 88px 23px 37px;
    font-family: var(--open-sans);
    font-weight: 700;
    font-size: 14px;
    font-size: 0.7727rem;
    line-height: 19.64px;
    line-height: 1.23rem;
    min-width: inherit!important;
    transition:0.2s all;
    transform:scale(1);
}

.category-filters--go button.disable {
    background-color: var(--gray-light);
    border: 1px solid var(--gray-light);
}
div.loadMore button,
div.loadMore button:hover 
div.loadMore button:focus {
    background-color: var(--sandbar-blue);
    border: none;
    border-radius: 6px;
    color: var(--patch-reef-blue);
    display: block;
    font-size: 18px;
    font-size: 1.13rem;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 66px auto 0;
    min-width: inherit!important;
    padding: 20px 40px;
    transition:0.2s all;
}

div.loadMore button.page_btn{
    margin:36px 0 0;
    padding: 23px 30px;
}
div.loadMore button.page_btn.active{
    /* var(--sandbar-blue) with L value increased by 10% */
    background-color: hsl(169 55% 96% / 1);
}
div.loadMore button.page_btn.active:hover {
    transform: none;
}
div.loadMore {
    display: flex;
    gap: 10px;
    justify-content: center;
}
.category-filters--go button:hover,
div.loadMore button:hover {
    transform:scale(1.05);
}
.category-filters--go button .a_arrow{
    padding-left:39px;
}
/* .category-filters--go button:hover,
.category-filters--go button:active,
.category-filters--go button:focus{
    border-radius:500px!important;
} */
/* div.loadMore button:hover {
    border-color: var(--blue);
    background-color: var(--blue);
    color: #fff;
} */

.category-filters--go button:active,
.category-filters--go button:focus {
    outline: var(--blue) solid 2px;
}

.fl-archive--filter-search {
    width: 40%;
    float: left;
    padding: 0;
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.fl-archive--filter-search input::placeholder{
    color: var(--patch-reef-blue);
    opacity: 1;
}

.fl-archive--filter-search input{
    /* height: 70px; */
    background-image: var(--action-search);
    background-position: 16px center;
    background-repeat: no-repeat;
    background-size: 20px;
    border-radius: 8px;
    border: 1px solid var(--secondary-light);
    color: var(--patch-reef-blue);
    font-size: 18px;
    line-height: 29px;
    max-width: unset;
    padding: 18px 16px;
    padding-left: 45px;
}

.fl-archive--filter-search input[type=text]:focus {
    background-color: transparent;
    border: 1px solid var(--patch-reef-blue);
    border-radius: 8px;
    outline: var(--patch-reef-blue) solid 2px;
}

.fl-archive--filter-items ul li label {
    margin: 0;
    padding-left: calc(26px + 16px); /* width of checkbox + gap */
    position: relative;
}

.fl-archive--filter-items ul li label input {
    margin-right: 10px;
    margin-bottom: 0;
    margin-top: 5px;
    position: absolute;
    height: 15px;
    width: 15px;
    left: -25px;
    top: -1px;
    opacity: 0 !important;
}
/* .container input:checked ~ .checkmark {
    background-color: var(--blue);
  } */
.post-type-archive .fl-archive--content {
    margin: 72px -2.5% 95px;
    display: flex;
    flex-flow: wrap;
}
.posts-container{
    transition: all 0.5s ease;
}
.posts-container .posts{
    margin-bottom:0;
}
.posts-container .post {
    display: none;
}

.posts-container .post a {
    text-decoration: none;
}

.posts-container .post a.buttonlink {
    color: var(--patch-reef-blue);
    font-size: 18px;
    font-size: 1.13rem;
    font-style: normal;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem; 
}

.posts-container .post a:hover,
.posts-container .post a:focus {
    text-decoration: none;
}

.fl-archive .fl-archive--content {
    margin-top:66px;
    margin-bottom:110px;
}
.fl-archive--content .posts{
    margin-bottom:0;
}
.fl-archive--content .post {
    display: none;
}

.fl-archive--content .post a {
    text-decoration: none;
}

.fl-archive--content .post a:hover,
.fl-archive--content .post a:focus {
    text-decoration: none;
}
.post-list{
    padding: 16px 32px;
    border-top: 1px solid #B9B7B3;
    display:none;
}
.posts-list{
    padding: 66px 0;
    cursor:pointer;
}

.ajax_filter_noresults { margin: 44px;}
.ajax_filter_noresults p{
        text-align: center;
   
}
/* post styles from style.css above */
/* original post.css below*/

/* .posts.list .tags,
.post-wedge.media .tags{
    background-color: var(--yellow-soft);
    color: var(--black);
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding:10px 21px;
    border-radius: 80px;
    margin-bottom:20px;
    margin-top:22px;
} */
/* .post-wedge.media .tags{
    margin-top:0;
    top:26px;
    left:30px;
    margin-bottom: 0;
} */
.posts.list .postBottom{
    flex-basis: 200px;
    flex-shrink: 0;
    flex-grow: 0;
}
.posts.list .postBox .imgBox{
    height:200px;
    width:225px;
    flex-basis: 225px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    flex-grow: 0;
    flex-shrink: 0;
}
.post:hover img,
.post:hover .defaultImg {
    transform: scale(1.2);
}
.post:hover a.arrow_right::after {
    /* transform: translateX(12px); */
}
.posts.list .postTop{
    gap:16px;
    flex:unset;
    flex-grow: 1;
}
.posts.list .infoBox h3{
    margin-top:22px;
    margin-bottom:22px;
    font-size: 28px;
    line-height: 40px;
    font-weight: 600;
    max-width: 450px;
}
.posts.list .infoBox p.excerpt{
    max-width: 450px;
    margin-bottom:22px;
}
.posts.list{
    border-bottom: 1px solid var(--border-color);
    margin:0;
}

.fl-archive--filter-refine span{
    font-size:26px;
    /* font-family: var(--dm-sans); */
    line-height: 32px;
    font-weight: 900;
    display: flex;
    align-items: center;
    gap:23px;
}
.fl-archive--filter-refine span:before{
    content:"";
    width:20px;
    height:20px;
    background-image: url(/wp-content/uploads/Icon-feather-chevron-down.svg);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    transition: all 0.25s ease;
    transform: rotate(-180deg);
}
.fl-archive--filter.closed .fl-archive--filter-refine span:before{
    transform: rotate(0deg);
}
.fl-archive--filter{
    border-radius: 20px;
    padding: 30px;
    box-shadow: 0 0 20px rgba(0,0,0,0.2);
}
.fl-archive--filter-clear button{
    align-items: center;
    background-color: transparent;
    background-image: linear-gradient(var(--patch-reef-blue), var(--patch-reef-blue));
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 100% 1px;
    border: none;
    color:var(--patch-reef-blue);
    cursor: pointer;
    display: flex;
    font-size:18px;
    font-weight: 700;
    gap: 12px;
    line-height: 24px;
    margin-top: 36px;
    padding: 0 0 5px;
    text-decoration: none;
}
.fl-archive--filter-clear button:after{
    background: var(--action-close-pauley-green) no-repeat center;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 24px;
    width: 24px;
}

.fl-archive--filter-clear button:hover{
    animation: 0.25s underline;
}
.fl-archive--filter-search{
    align-items: flex-start;
}
.fl-archive--filter-search > div:not(.category-filters--go){
    width:100%;
}
.fl-archive--filter-search > div:not(.category-filters--go):after{
    display: none;
}

/*************************************/
/*  START :: Ajax Post Grid Loading  */
/*************************************/
.loading{
    display: none;
    opacity: 0;
    transition: all 0.5s ease;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 9;
    transform: translate(-50%, -50%) scale(0.7);
    background: var(--patch-reef-blue);
    padding: 20px 20px 10px;
    border-radius: 18px;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1);
    border: 6px solid #fff;
    pointer-events: none;
    min-height: 110px;
}
.loading h2{
    text-align: center;
    color: var(--white);

}
.loading span{
    position:relative;
    opacity: 0;
}
.loading h2 img{
    width:34px;
    height:34px;
    margin:10px;
    /* animation-name: spin;
    animation-duration: 2000ms;
    animation-iteration-count: infinite;
    animation-timing-function: linear;  */
}
/* @keyframes spin {
    from {
        transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
} */
.loading span:first-child{
    animation-name:show;
    animation-duration:1.5s;
    animation-delay:0;
    animation-iteration-count: infinite;
}
.loading span:nth-child(2){
    animation-name:show;
    animation-duration:1s;
    animation-delay:0.5s;
    animation-iteration-count: infinite;
}
.loading span:nth-child(3){
    animation-name:show;
    animation-duration:0.5s;
    animation-delay:1s;
    animation-iteration-count: infinite;
}
@keyframes show {
    from {opacity: 0;}
    to {opacity: 1;}
}
/*************************************/
/*  END   :: Ajax Post Grid Loading  */
/*************************************/

/* .post-wedge .post-col.img-col{
    
} */

/* .post-wedge.two-column .post-col.title-col, .post-wedge.media .post-col.title-col{
    padding-bottom:16px;
    padding-top:26px;
} */
.post h3.h4{
    color: var(--patch-reef-blue);
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 34px;
    line-height: 2.13rem;
}
.posts .post h3 a{
    background-image: linear-gradient(var(--patch-reef-blue), var(--patch-reef-blue));
}

/* .posts .post:hover h3 a, 
.post-row h3:hover a, 
.post-list:hover h3 a, 
.posts .post:focus h3 a {
    background-size: 100% 2px;
} */

.post-row .post-desc{
    margin-bottom:0;
}
/****migrate from feed ontario****/

/* body .background-shape-resp .fl-col-group:nth-child(2){
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr);
    gap: 54px 85px;
} */
/* body .background-shape-resp .fl-col-group:nth-child(2):before,
body .background-shape-resp .fl-col-group:nth-child(2):after{
    display: none;
} */
/* .background-shape-resp .fl-col.scaleonhover{
    width:100%!important;
    transition: all 0.5s ease;
    display: flex;
}

.background-shape-resp .fl-col.scaleonhover .fl-col-content{
    display: flex;
    flex-direction: column;
    width:100%;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    margin-bottom:16px;
}
.background-shape-resp .fl-col.scaleonhover .fl-col-content:after {
    content: '';
    height: 16px;
    width: 100%;
    display: block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -16px;
    background-color: var(--orange-accessible);
} */
/* body.fl-builder-edit .background-shape-resp .scaleonhover .fl-col:hover{
    transform: scale(1);
}
.background-shape-resp .h4 h3{
    color: var(--black);
}
body:not(.fl-builder-edit) .background-shape-resp .scaleonhover .fl-col:hover{
    transform: scale(1.05);
}
.fl-post .background-shape-resp .scaleonhover .icon92px img{
    height:118px;
} */

/***post grid card layout***/
.card.posts,
.post-card {
    display: grid;
    grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
    gap: 26px 16px;
    margin-top:0;
}
.grid.posts{
    display: grid;
    flex-wrap: initial;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr);
    gap: 56px;
    width: 100%;
}
.posts.card .post,
.post-card .post{
    background-color: #FAF6ED;
    padding: 26px 18px 28px 26px;
    border-radius: 40px;
}
.posts.card .post .postBox,
.post-card .post .postBox{
    display: flex;
    gap:16px;
    flex-direction:row;
    flex-direction: row-reverse;
    justify-content: space-between;
}
.posts.card .post .postBox .imgBox,
.post-card .post .postBox .imgBox{
    width:150px;
    height:143px;
    padding:16px;
    border-radius: 20px;
    background-color:white;
}
.posts.card .post img,
.post-card .post img{
    width:100%;
    height:100%;
    object-fit: contain;
}
.posts.card .post:hover img,
.post-card .post:hover img{
    transform: none;
}

.posts.card .post .postBox .postBottom,
.post-card .post .postBox .postBottom{
    margin-top:0;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.posts.card .post .infoBox,
.post-card .post .infoBox {
    display: flex;
    gap:26px;
    align-items: center;
    margin-bottom:16px;
}
.posts.card .tags,
.posts.card .post:hover .tags,
.post-card .tags,
.post-card .post:hover .tags{
    color:var(--white);
    font-weight: 900;
    font-size: 16px;
    line-height: 21px;
    padding:7px 20px;
    background-color: var(--teal-deep);
    border: 0;
    margin-right:0;
    border-radius: 30px;
}
.posts.card .post:hover,
.post-card .post:hover{
    transform: none;
    background-color: #FAF6ED;
}
.posts.card .post .date,
.post-card .post .date{
    font-size: 16px;
    line-height: 21px;
    font-family: var(--dm-sans);
    font-weight: 500;
    color:var(--black);
}
.posts.card .post h3.h4,
.post-card .post h3.h4{
    font-size: 22px;
    line-height: 31px;
    color:var(--black);
}
.posts.card .post p.excerpt,
.post-card .post p.excerpt{
    font-size: 16px;
    line-height: 24px;
    color:var(--black);
    margin: 18px 0;
}
.posts.card .post a.arrowlink,
.posts.card .post:hover a.arrowlink,
.post-card .post a.arrowlink,
.post-card .post:hover a.arrowlink{
    border-radius: 0;
    color: #077C84;
    background-image: linear-gradient(#009CA7, #009CA7);
    padding:0;
    font-weight: 900;
    font-size: 20px;
    font-size: 1.0526rem;
    line-height: 28px;
    line-height: 1.4737rem;
    margin-left: 0;
    background-size: 100% 2px;
    margin-top:auto;
}
.posts.card .post:hover a.arrowlink,
.post-card .post:hover a.arrowlink{
    animation: 0.25s underline2px ease-in-out;
}
.posts.card .post a.arrowlink::after,
.post-card .post a.arrowlink::after{
    display: none;
}
/****general filter bar****/
.post{
    cursor:default!important;
}

.category-filters--go button{
    background-color: var(--sandbar-blue);
    border: 1px solid  var(--sandbar-blue);
    border-radius: 6px;
    color: var(--patch-reef-blue);
    display: inline-block;
    font-size: 18px;
    font-size: 1.13rem;
    line-height: 28px;
    line-height: 1.75rem;
    padding: 20px 40px;
    width: 100%;
}

.category-filters--go button .a_arrow{
    display: none;
}
/* .filter-item ul li{
    margin-bottom:9px;
} */
.filter-item ul li label{
    /* font-size: 16px;
    line-height: 22px;
    font-family: var(--dm-sans);
    font-weight: 500; */
}
.filter-item input:focus + span{
    outline: 0;
    outline-offset: 5px;
}
/****new style resource grid****/

.resource-col .fl-col-content{
    display: grid;
    grid-template-columns: minmax(0, 3fr) minmax(0, 3fr) minmax(0, 3fr);
    gap: 54px 85px;
    margin-bottom: 16px;
}
.fl-module-callout .fl-module-content{
    overflow: visible;
}
.resource-col .fl-callout{
    background-color: white;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative;
    padding-top: 26px;
    padding-right: 30px;
    padding-bottom: 20px;
    padding-left: 30px;
    margin-bottom: 16px;
    transition: all 0.2s ease;
}
.resource-col .fl-callout:after {
    content: '';
    height: 16px;
    width: 100%;
    display: block;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: -16px;
    background-color: var(--orange-accessible);
}
.fl-post .resource-col .fl-callout-photo-above-title .fl-photo img[class*="wp-image-"]{
    height: 118px;
    width:110px;
    object-fit: contain;
}
.fl-post .testimonial-carousel-box .carousel-card img[class*="wp-image-"]{
    height:200px;
    width:200px;
    object-fit: cover;
    border-radius: 50%;
}
.resource-col .fl-callout-photo-above-title .fl-photo{
    margin-bottom: 26px;
}
.resource-col .fl-callout-title-link:hover,
.resource-col .fl-callout-title-link:focus{
    color:var(--black);
}
body .resource-col h4.fl-callout-title{
    padding-bottom:36px;
}
.resource-col .fl-callout-cta-link {
    color: #077c84;
    font-size: 20px;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 28px;
    line-height: 1.47rem;
    display: inline-block;
    background-image: linear-gradient(var(--teal-deep2), var(--teal-deep2));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 2px;
    transition: all .2s ease, underline .5s ease-in-out;
}
.resource-col .fl-callout-cta-link:hover{
    transform: none !important;
    animation: 0.25s underline2px ease-in-out;
}
.resource-col .fl-callout-cta-link:after{
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
    margin-left: 16px;
    float: right;
    position: relative;
    top: 8px;
    background-image: var(--arrow-blue);
    transition: all 0.2s ease;
}
.resource-col .fl-callout-cta-link:hover:after{
    margin-left: 25px;
}
.resource-col .fl-callout:hover{
    transform: scale(1.05);
}
/****new style filter bar****/
.unfoldable .filter-form--content.hidden{
    display: flex!important;
    max-height: unset;
    opacity: 1;
    flex-direction: column;
    gap:16px;
    overflow: visible;
}
.unfoldable .fl-archive--filter-refine{
    display: none;
}
.unfoldable.fl-archive--filter.closed{
    background-color: transparent;
    box-shadow:none;
}
.unfoldable .fl-archive--filter-clear{
    align-items: center;
    display: flex;
    flex-direction: row;
    justify-content: center;
    text-align: center;
    width:100%;
}

.unfoldable .fl-archive--filter-search{
    align-items: center;
    background-color: white;
    border-radius: 10px;
    box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.12);
    color: var(--patch-reef-blue);
    display: flex;
    flex-direction: row;
    gap:10px;
    padding: 26px 36px;
    width: 100%;
}
.unfoldable .fl-archive--filter-search > div{
    display: flex;
    align-items: center;
}
.unfoldable .fl-archive--filter-search > div label{
    flex-basis: 124px;
    flex-shrink: 0;
    flex-grow: 0;
    font-size: 22px;
    font-size: 1.38rem;
    line-height: 34px;
    line-height: 2.13rem;
    margin-bottom: 0;
}
.fl-archive--filter-items{
    /* position:absolute; */
}
.unfoldable .fl-archive--filter-items{
    width: 100%;
    gap:16px;
    align-items: flex-start;
    /* position:absolute;
    top:120px; */
}
.unfoldable .fl-archive--filter-search > div:not(.category-filters--go){
    flex-grow: 1;
}
.unfoldable .category-filters--go {
    margin-top: 0;
    flex-basis: 142px;
    flex-shrink: 0;
    flex-grow: 0;
}

.unfoldable div.filter-item{
    width:unset;
    flex:1;
}
.unfoldable div.filter-item .filter-item--label-title{
    align-items: center;
    cursor: pointer;
    display: flex;
    justify-content: flex-start;
    gap: 26px;
    padding: 26px 36px;
}
.unfoldable div.filter-item .filter-item--label-title:before{
    background: var(--action-plus-pauley-green) center center / contain no-repeat;
    content:"";
    display: block;
    height: 24px;
    transform: rotate(0deg);
        transition: all 0.25s ease;
    width: 24px;
}
.unfoldable div.filter-item.visible .filter-item--label-title:before{
    background: var(--action-minus-pauley-green) center center / contain no-repeat;
    transform: rotate(-180deg);
    transition: all 0.25s ease;
}
/* .unfoldable div.filter-item.visible .filter-item--label-title:after{
    transform: rotate(180deg);
} */
.unfoldable div.filter-item .hint{
    font-weight: 600;
    margin-bottom: 0;
    max-height: 0px;
    opacity: 0;
    padding: 0 36px;
    transition: all 0.25s ease;
}
.unfoldable div.filter-item.visible .hint{
    box-sizing: content-box;
    max-height: 40px;
    padding-bottom: 16px;
    opacity: 1;
}
.unfoldable .filter-item ul{
    padding: 0px 0 0px;
    column-count: 2;
}
.unfoldable form{
    flex-direction: column;
    gap:36px;
    display: flex;
}
.unfoldable .filter-item ul{
    clear: both;
    display: none;
    flex-direction: column;
    gap: 8px;
    max-height: 1px;
    opacity:0;
    overflow: hidden;
    padding: 10px 36px 26px;
    transition: all 0.25s linear;
}
.unfoldable .filter-item ul.visible{
    display: flex;
}
.unfoldable .filter-item.visible ul{
    max-height: 1000px;
    opacity:1;
    overflow: inherit;
}
.unfoldable .filter-item.visible 
.unfoldable .posts.card{
    margin:0;
}
.shape-divider.top-left .fl-col-content {
    border-top-left-radius: 100px !important;
}
.fl-archive--filter.unfoldable {
    border-radius: 0px;
    padding: 0px;
}
.active.post-list, .active.post{
    display:block;
    opacity: 0;
    transition: all 0.5s ease;
}
.active.visual.post-list, .active.visual.post{
    opacity: 1;
}
/****ousel****/
/* .number-carousel-box .slick-track,
.testimonial-carousel-box .slick-track{
    display: flex;
    align-items: stretch;
}
.slick-slide .fl-module-callout{
    height:100%;
}
.slick-active button, 
.slick-active button:hover, 
.slick-active button:focus{
    font-size: 19px;
    font-size: 1rem;
    font-family: var(--dm-sans);
    font-weight: 500;
}
.number-carousel-img-box .slick-track{
    flex-direction: column;
}
.number-carousel-img-box .slick-list,
.number-carousel-img-box .slick-list div,
.number-carousel-img-box .slick-list div img{
    width:100%;
}
.number-carousel-left-col-box > .fl-col-content{
    height:100%;
    justify-content: center!important;
    position: relative;
}
body:not(.fl-builder-edit) .number-carousel-left-col .fl-col-group,
body:not(.fl-builder-edit) .number-carousel-left-col-box{
    height:100%;
}
body:not(.fl-builder-edit) .number-carousel-left-col-box-img{
    position: absolute;
    bottom: -66px;
    width: calc(100% - 138px);
}
.carousel-card {
    width: 422px !important;
    max-width: 422px;
    padding: 26px 28px 36px;
    border-radius: 40px;
    background-color: white;
    margin-right: 25px;
}
.carousel-card .fl-module-content,
.carousel-card .fl-callout,
.carousel-card .fl-callout-content{
    height: 100%;
}
.carousel-card .fl-callout-content{
    display: flex;
    flex-direction: column;
}
.testimonial-carousel-box .carousel-card {
    width: 580px !important;
    max-width: 580px;
    padding: 36px 44px 66px;
    border-radius: 40px;
    background-color: #FFF1D9;
    margin-left: 0px;
    margin-right: 26px;
}
body .carousel-card h3.fl-callout-title{
    padding-bottom:35px;
    padding-top:44px;
}
.carousel-card .fl-callout-text p{
    padding-bottom: 26px!important;
}
.testimonial-carousel-box .carousel-card .fl-photo{
    margin-bottom:35px;
}
.testimonial-carousel-box .carousel-card .fl-callout-text-wrap{
    margin-top:auto;
}
.testimonial-carousel-box .carousel-card .fl-callout-text p{
    color:#3B5426;
    padding-bottom:36px!important;
}
.testimonial-carousel-box .carousel-card .testinomial{
    font-size: 19px;
    font-size: 1rem;
    line-height: 25px;
    line-height: 1.3158rem;
    color: #3B5426;
}
.testimonial-carousel-left-col .fl-col-content{
    position: relative;
    z-index: 1;
}
body:not(.fl-builder-edit) .testimonial-carousel-left-col .testimonial-carousel-left-col-box-img{
    position: absolute;
    bottom: -120px;
    right: -130px;
}
.carousel-card a.fl-button, 
.carousel-card a.fl-button:visited,
.carousel-card a.fl-button:hover{
    background-color: transparent;
    border: 0;
    position: relative;
    text-decoration: none;
    background-image: linear-gradient(var(--teal-deep2), var(--teal-deep2));
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: 100% 2px;
    transition: all .2s ease, underline .5s ease-in-out;
    padding: 0;
    background-color: transparent;
    border-radius: 0;
}
.carousel-card a.fl-button:visited,
.carousel-card a.fl-button:hover
{
    transform: none !important;
    animation: 0.25s underline2px ease-in-out;
}
.carousel-card a.fl-button:hover::after{
    margin-left: 25px;
}
.carousel-card a.fl-button span{
    font-family: var(--dm-sans);
    font-size: 20px;
    font-size: 1.05rem;
    font-weight: 900;
    line-height: 28px;
    line-height: 1.47rem;
    letter-spacing: 0.01rem;
    color:#077c84;
}
.carousel-card a.fl-button:after{
    background-image: var(--arrow-blue);
    content: "";
    background-size: contain;
    background-repeat: no-repeat;
    width: 16px;
    height: 13px;
    margin-left: 16px;
    float: right;
    position: relative;
    top: 8px;
    transition: all 0.25s ease;
}
.fl-callout-number{
    margin-bottom:auto;
    display: block;
    border-radius: 50%;
    width: 54px;
    height: 54px;
    line-height: 54px;
    font-size: 20px;
    font-size: 1.0526rem;
    font-weight: 900;
    text-align: center;
    vertical-align: middle;
}
.fl-post .largeheight img {
    height: 580px;
    object-fit: cover;
    object-position: center;
}
.fl-post .number-carousel-img-box .largeheight img{
    min-height: 580px;
    height:100%;
}
.number-carousel-col .fl-col-content{
    flex-direction: column;
    display: flex;
    justify-content: space-between!important;
}
.slider-header{
    padding-right: 70px;
    margin-right:auto;
    margin-left:0;
    padding-left:0;
    max-width: 675px;
    gap:50px;
}
.slick-dots{
    padding:0;
}
.testimonial-carousel-row .slider-header{
    padding-right: 0px;
    padding-left: 0px;
    margin-right:0;
    margin-left:auto;
    max-width: 675px;
    gap:30px;
    justify-content:flex-start;
}

.slider-ctl{
    gap:20px;
}
.left_margin > .fl-col-content{
    max-width: 683px;
    margin-left: auto;
}
.right_margin > .fl-col-content{
    max-width: 683px;
    margin-right: auto;
}
.number-carousel-col .slick-arrow img{
    width:82px;
    height:82px;
} */
.posts.card a.arrowlink{
    margin-top: auto;
}

/* ============================================ */
/*          BB "LARGE" DESKTOP, and down        */
/* ============================================ */

@media only screen and (max-width: 1365px) {

    .card.posts, .post-card, .grid.posts {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(0, 3fr);
        gap: 56px 24px;
    }
    /************************/
    /*  START: Post Wedge  */
    /************************/
    .post-wedge.media {
        gap: 0;
        /* grid-template-columns: minmax(0, 1.75fr) minmax(0, 1fr); */
        grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    

    .post-wedge.media .post:first-child {
        padding-right: 26px;
    }
    .post-wedge.media .post:nth-child(2), 
    .post-wedge.media .post:nth-child(3){
        align-items: start;
    }
    .post-wedge.media .post:nth-child(3){
        margin-top: auto;
    }
    .post-wedge.media .post:nth-child(2), .post-wedge.media .post:nth-child(3) {
        padding-left: 26px;
    }
    /* .post-wedge.media .post:first-child .post-col.img-col {
        height: 520px;
    } */
    .post-wedge.media .post:nth-child(2) .post-col.img-col, 
    .post-wedge.media .post:nth-child(3) .post-col.img-col {
        align-items: start;
        flex-basis: 160px;
        height: 176px;
    }

    .post-wedge.media .post:nth-child(1) .post-col.desc-col {
        width: calc(100% - 19px);
    }
    /*********************/
    /*  END: Post Wedge  */
    /*********************/
    /*****************************/
    /*  START: All Single Posts  */
    /*****************************/
    .post-content .fl-module-content blockquote p{
        padding-left: 60px;
        padding-right: 60px;
    }
    /***************************/
    /*  END: All Single Posts  */
    /***************************/
}

@media only screen and (max-width: 1200px) {
    /* body .background-shape-resp .fl-col-group:nth-child(2){
        gap: 44px 36px;
    } */
    /* .resource-col .fl-col-content{
        gap: 44px 36px;
    } */
    .posts.card .post .infoBox, 
    .post-card .post .infoBox{
        flex-direction: column;
        align-items: flex-start;
        gap:16px;
    }
    .posts.card .post .date, 
    .post-card .post .date{
        font-size: 14px;
        line-height: 16px;
    }
    .posts.card .tags, 
    .posts.card .post:hover .tags, 
    .post-card .tags, 
    .post-card .post:hover .tags{
        font-size: 14px;
        line-height: 16px;
    }
}
/* ============================================ */
/*          SMALL DESKTOP SCREEN, and down      */
/* ============================================ */

@media only screen and (max-width: 1024px) {
    /***********************/
    /*  START: Post Wedge  */
    /***********************/
    .post-wedge.media .post:nth-child(1) .post-col.title-col{
        width: calc(100% - 56px);
        padding-right: 36px;
    }
    /*********************/
    /*  END: Post Wedge  */
    /*********************/
}
/* ============================================ */
/*          TABLET, and up                      */
/* ============================================ */
@media only screen and (min-width: 769px) {
    .post-grid-carousel .slider-header {
        position: absolute;
        right: 0;
        top: calc( 66px * -1); /* minus html element's padding-top */
        width: auto;
    }
}
/* ============================================ */
/*          TABLET, and down                      */
/* ============================================ */
@media only screen and (max-width: 992px) {

    /*****************************/
    /*  START: All Single Posts  */
    /*****************************/
    .single .herolargeheight img {
        width:100%;
        height: 400px;
        object-fit: cover;
        object-position: center center;
    }
    .single .heromediumheight img {
        width:100%;
        height: 220px;
        object-fit: cover;
        object-position: center center;
    }
    .single .hero-row-post-large-info-col p {
        font-size: 21px;
        font-size: 1.31rem;
        line-height: 33px;
        line-height: 2.06rem;
    }
    .post-content .fl-module-content blockquote p {
        padding-left: 36px;
        padding-right: 36px;
        font-size: 23px;
        font-size: 1.44rem;
        line-height: 33px;
        line-height: 2.06rem;
    }
    /*****************************/
    /*  END: All Single Posts  */
    /*****************************/

    .posts.card .post .postBox, .post-card .post .postBox{
        flex-direction: column;
        justify-content: flex-start;
    }
    /* .post-content .fl-module-content p.image{
        margin-bottom:44px;
    }
    .post-content .fl-module-content ul,
    .post-content .fl-module-content ol,
    .post-content .fl-module-content p{
        margin-bottom:26px;
    }
    .post-content .fl-module-content blockquote p{
        margin-bottom:44px;
        padding-left:44px;
    }
    .carousel-txt{
        
    } */
    /* .number-carousel-col .slick-arrow img {
        width: 50px;
        height: 50px;
    }
    .testimonial-carousel-box .carousel-card .fl-callout-text p{
        padding-bottom:16px!important;
    }
    .testimonial-carousel-box .carousel-card{
        width: 400px !important;
        max-width: 400px;
        padding: 26px 26px 36px;
        border-radius: 30px;
    }
    .testimonial-carousel-box .carousel-card .testinomial{
        font-weight: 500;
        font-size: 16px;
        font-size: 0.84rem;
        line-height: 24px;
        line-height: 1.26rem;
    }
    .testimonial-carousel-row .slider-header{
        margin-left:0;
    }
    body:not(.fl-builder-edit) .testimonial-carousel-left-col .testimonial-carousel-left-col-box-img{
        position: absolute;
        bottom: 0;
        right: unset;
        left:0;
        max-width: 160px;
    } */
    /* .testimonial-carousel-box .carousel-card .fl-photo{
        margin-bottom:16px;
    }
    .fl-post .testimonial-carousel-box .carousel-card img[class*="wp-image-"]{
        height: 100px;
        width: 100px;
    }
    .testimonial-carousel-left-col .fl-col-content {
        position: static;
        z-index: 1;
    }
    body:not(.fl-builder-edit) .testimonial-carousel-row{
        position: relative;
    }
    body:not(.fl-builder-edit) .number-carousel-left-col-box-img{
        position: static;
        bottom: 0;
        margin-top: 16px;
        width: 100%;
    }
    body:not(.fl-builder-edit) .number-carousel-left-col-box-img .fl-photo-content{
        max-width: 175px;
        float: right;
    }
    .number-carousel-row{
        overflow: hidden;
    }
    .fl-post .largeheight img{
        height:424px;
    }
    .fl-post .number-carousel-img-box .largeheight img{
        min-height: 424px!important;
        max-height: 424px!important;
        height:100%;
    }
    .number-carousel-col .fl-col-content{
        
    }
    .carousel-card{
        padding: 26px;
        margin-left:0;
        margin-right:26px;
        border-radius:30px;
    }
    .slider-header{
        padding-right:36px;
        margin-right:0;
        max-width: unset;
    }
    .slider-dot,
    .slider-ctl{
        margin-bottom:26px;
        margin-top:0;
    }
    .posts.list .infoBox h3,
    */
    
    
    /*
    .number-carousel-img-box .slick-list, 
    .number-carousel-img-box .slick-list div, 
    .number-carousel-img-box .slick-list div img{
        max-width: 100%;
    }
    .left_margin > .fl-col-content{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .right_margin > .fl-col-content{
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .resource-col .fl-callout{
        padding:26px 16px;
    } */
    .posts.list .postBox{
        flex-direction: column;
        gap:16px;
    }
    .posts.list .postBottom {
        flex-direction: row;
        flex-basis: 0;
        align-items: center;
        flex-basis: unset;
        justify-content: flex-start;
    }
    .posts .post .tags{
        margin-top:0;
        margin-bottom:0;
    }
    .infoPost{
        /* margin-bottom:0; */
    }
    .posts.list .postTop{
        flex-direction: row;
    }
    .posts.list .infoBox h3{
        margin-top: 0px;
        margin-bottom: 16px;
    }
    .posts.list .post{
        padding-top:22px;
        padding-bottom:22px;
    }
    .posts.list img{
        width: 100%;
        height: 100%;
    }
    .posts.list .postBox .imgBox{
        width: 100%;
        height: 240px;
        flex-basis: 320px;
        flex-shrink:0;
    }
    .posts.list .infoBox h3,
    .posts.list .infoBox p.excerpt{
        max-width: unset;
    }
    .posts.list .infoBox p.excerpt{
        margin-bottom:0;
    }
    /* body:not(.fl-builder-edit) .background-shape-resp .fl-col-group:nth-child(2),
    .resource-col .fl-col-content {
        display: grid;
        grid-template-columns: minmax(0, 2fr) minmax(0, 2fr);
        gap: 36px 36px;
    } */
    .unfoldable div.filter-item {
        /* width: 100%;
        padding:22px 42px;
        width: 100%;
        padding: 0; */
    }
    .unfoldable div.filter-item.visible .hint{
        padding-top:16px;
        padding-bottom:8px;
    }
    .card.posts, .post-card, .grid.posts {
        display: grid;
        grid-template-columns: minmax(0, 3fr) minmax(0, 3fr);
        gap: 56px 24px;
    }
    .posts.card .post .infoBox, .post-card .post .infoBox{
        flex-direction: row;
        align-items: center;
    }
    /************************/
    /*  START: Post Wedge  */
    /************************/
    /******POST WEDGE (TWO COLUMN LAYOUT)******/
    .post-wedge.two-column {
        display: flex;
        gap: 36px;
        flex-direction: column;
    }
    /******POST WEDGE (MEDIA LAYOUT)******/
    .post-wedge.media {
        display: grid;        
        /* gap: 115px 0; */
        grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr);
        display: flex;
        gap: 36px;
        flex-direction: column;
    }
    .post-wedge.media .post:first-child{
        padding-right:0;
        border-right:none;
    }
    .post-wedge.media .post:nth-child(2), 
    .post-wedge.media .post:nth-child(3){
        gap: 26px;
        padding-left: 0;
    }
    .post-wedge.media .post:first-child{
        width: 100%;
        border-right: none!important;
        padding-right: 0;
    }
    .post-wedge.media .post:nth-child(1) .post-col.title-col{
        margin-bottom: -20px;
        padding: 26px 26px 26px 0;
        width: 100%;

        /* width: calc(100% - 36px); */
        /* padding-top: 26px; */
        /* padding-bottom: 16px; */
        /* padding-right: 36px; */
        /* border-top-right-radius: 6px; */
    }
    .post-wedge.media .post:first-child .post-col.img-col {
        height: 400px;
    }
    .post-wedge.media .post:nth-child(2) .post-col.img-col, 
    .post-wedge.media .post:nth-child(3) .post-col.img-col{
        flex-basis: 154px;
        height: 148px;
    }


    /******POST WEDGE (FLEX LAYOUT)******/
    .post-wedge.flex .post:first-child .post-col.title-col{
        margin-right:66px;
        width:calc(50% -33px);
    }
    .post-wedge.flex .post:first-child .post-col.desc-col{
        width:calc(50% -33px);
        width: 100%;
        padding-right: 16px;
    }

    .post-wedge .post .post-col.title-col h3{
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px;
        line-height: 1.88rem;
    }
    /*********************/
    /*  END: Post Wedge  */
    /*********************/

    /* news filter */
    .row--filter-split-background:not(.labs) .fl-builder-top-edge-layer > svg {
        height: 250px;
    }
     /* labs filter */
    .row--filter-split-background.labs .fl-builder-top-edge-layer > svg {
        height: 70px;
    }
    .unfoldable .fl-archive--filter-search{
        /* flex-direction: column;
        align-items:center; */
        padding: 16px 36px;
    }
    .unfoldable .fl-archive--filter-search > div{
        /* width: 100%;
        flex-basis: 100%; */
    }
    .unfoldable .fl-archive--filter-search > div:not(.category-filters--go){
        /* flex-direction: column;
        align-items: flex-start;
        gap: 8px; */
    }
    .unfoldable .fl-archive--filter-search > div label{
        flex-basis: 124px;
        /* font-size: 20px;
        font-size: 1.05rem;
        line-height: 22px;
        line-height: 1.16rem; */
    }

    .unfoldable .fl-archive--filter-search > div label,
    .unfoldable div.filter-item .filter-item--label-title {
        font-size: 21px;
        font-size: 1.31rem;
        line-height: 33px;
        line-height: 2.06rem;
    }

    div.filter-item .filter-item--label-title{
        /* font-size: 18px;
        font-size: 1.13rem;
        line-height: 29px;
        line-height: 1.81rem; */
    } 
    .unfoldable div.filter-item .filter-item--label-title {
        gap: 16px;
        padding: 16px;
    }
    .unfoldable div.filter-item.visible .hint {
        padding-top: 8px;
        padding-bottom: 0px;
    }
    .unfoldable form{
        /* gap:16px; */
    }
    .unfoldable .filter-item ul {
        padding: 20px 16px 16px;
    }
    .posts.card .post, .post-card .post{
        border-radius: 30px;
    }
    .grid .post h3.h4 {
        font-size: 24px;
        font-size: 1.5rem;
        line-height: 30px; 
        line-height: 1.88rem; 
    }
    /* addresses BB update that changed markup of modules, targets only versions without div.fl-module-content */
    .post-grid-carousel .fl-module-html.fl-html {
        padding-top: 44px;
    }
}
@media only screen and (max-width: 768px) {
    /************************/
    /*  START: Post Heroes  */
    /************************/
    .single .post_tag {
        margin-bottom: 16px;
    }
    /**********************/
    /*  END: Post Heroes  */
    /**********************/

    /*****************************/
    /*  START: All Single Posts  */
    /*****************************/
    .single .herolargeheight img {
        width:100%;
        height: 280px;
        object-fit: cover;
        object-position: center center;
    }
    .single .heromediumheight img {
        width:100%;
        height: 200px;
        object-fit: cover;
        object-position: center center;
    }
    .single .hero-row-post-large-info-col p {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 31px;
        line-height: 1.94rem;
    }
    .post-content .fl-module-content blockquote p {
        padding-left: 18px;
        padding-right: 18px;
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 29px;
        line-height: 1.81rem;
    }
    /*****************************/
    /*  END: All Single Posts  */
    /*****************************/

    /* post carousel  – GRID layout */
    
    /* addresses BB update that changed markup of modules, targets only versions without div.fl-module-content */
    .post-grid-carousel .fl-module-html.fl-html {
        padding-top: 36px;
    }

    .post-carrousel.grid {
        margin-top: 16px;
    }

    .post-carrousel.grid .slick-slide {
        /* height: 100%; resets the height: inherit so that slides no longer equalize height */
        max-width: 100%;
        /* max-width: 390px; more than 1 card visible on mobile */
    }
    .post-carrousel.grid .post {
        padding: 0 16px 0 0;
    }

    .post-carrousel.grid .post .postBox {
        justify-content: start;
        min-width: 100%;
        width: unset;
    }
    .post-carrousel.grid .post .postBottom {
        margin-top: unset;
    }

    /* **********post grid************ */
    /* .post0.post-row .post-col {
        width: 100%;
        float: left;
    }
    .post0.post-row .post-col.title-col {
        margin-right: 0;
    }
    .post0.post-row .post-col {
        width: 100%;
        float: left;
    }
    .post-grid {
        grid-template-areas:
            'post0'
            'post1'
            'post2';
        gap: 36px 54px;
    }
    .post2 img, .post1 img {
        width:100%;
        margin-bottom:26px;
        height:300px;
    }
    .post2 .defaultImg, .post1 .defaultImg {
        margin-bottom:26px;
        height:300px;
    }
    .title-col h3{
        font-size:28px;
        font-size:1.75rem;
        line-height:36px;
        line-height:2.25rem;
    }
    .post0 img{
        margin-bottom:26px;
        height:300px;
    }
    .post0 .defaultImg{
        margin-bottom:26px;
        height:300px;
    }
    .post0 .post-desc {
        margin-bottom: 16px;
    } */
    /***posts***/
    /* .post img {
        width: 100%;
        object-fit: cover;
        transition: all 1s ease;
        height: 300px;
    }
    .hiddenfilters {
        margin-bottom: 0px;
    }
    .post_btn{
        margin-top:16px
    }
    div.loadMore{
        margin-top: 26px;
    }
    .posts-list{
        padding-bottom:44px;
    }
    .fl-archive--content .posts{
        margin-bottom:0;
    }
    .fl-archive .fl-archive--content {
        margin-top: 66px;
        margin-bottom: 36px;
    }
    .category-filters--go button, div.loadMore button, .colorbgButton a.fl-button{
        padding:15px 26px;
    }
    .category-filters--go{
        margin-top:13px;
    }
    .fl-archive--header .fl-archive--header-title {
        width: 100%;
        margin-top: 36px;
        margin-bottom: 23px;
    }
    .fl-archive--filter-search{
        width:100%;
    }
    .fl-archive--header .fl-archive--header-description{
        padding-bottom: 23px;
    }
    .fl-archive--filter{
        padding:21px 18px 26px;
    }
    .fl-archive--filter-refine {
        width: 70%;
    }
    .fl-archive--filter-refine .h3,div.filter-item .filter-item--label-title, div.fl-archive--filter-search .filter-item--label-title{
        font-size: 18px;
        font-size: 1.13rem;
        line-height: 30px;
        line-height: 1.88rem;
    }
    .fl-archive--filter-clear {
        width: 30%;
    }
    .filter-form--content{
        padding-top: 13px;
        flex-direction: column;
    }
    .filter-item ul{
        padding:0px 0 12px;
    }
    .filter-item ul li label .checkmark{
        top: 2px;
    }
    .infoBox h3{
        margin:16px 0 16px;
    }
    .post-wedget, .posts{
        display: grid;
        flex-wrap: initial;
        grid-template-columns: minmax(0, 1fr);
        gap: 25px;
        width: 100%;
    } */

    /***********************/
    /*  START: Post Wedge  */
    /***********************/
    .post-wedge.media .post:first-child{ 
        border-right: none;
        padding-right: 0;
    }
    .post-wedge.media .post:nth-child(2), 
    .post-wedge.media .post:nth-child(3){ 
        padding-left: 0;
        gap: 16px;
        /* flex-direction: column; */
    }
    /* .post-wedge.media .post:nth-child(2) .post-col.title-col h3, 
    .post-wedge.media .post:nth-child(3) .post-col.title-col h3{
        margin-bottom: 12px;
    } */
    .post-wedge .post-col.img-col{
        border-radius: 8px;
    }
    .post-wedge.media .post:first-child .post-col.img-col{
        height: 320px;
        margin-bottom: -20px;
    }
    .post-wedge.media .post:nth-child(2) .post-col.img-col, 
    .post-wedge.media .post:nth-child(3) .post-col.img-col {
        height: 96px;
        flex-basis: 86px;
        flex-grow: 0;
        flex-shrink: 0;
    }
    .post-wedge.media {
        display: flex;
        gap: 36px;
        flex-direction: column;
    }
    /* .post-wedge.media .post:nth-child(1) .post-col.title-col{
        width: calc(100% - 66px);
    } */
    .post-wedge.media .post:nth-child(2), 
    .post-wedge.media .post:nth-child(3){
        gap: 16px;
    }
    .post-wedge.media .post:nth-child(1) .post-col.title-col{
        border-top-right-radius: 8px;
    }
    
    .post-wedge.media .post:nth-child(1) .post-col.desc-col{
        /* width: calc(100% - 66px); */
        width: calc(100% - 16px);
        /* padding-top: 16px;
        padding-bottom: 10px;
        padding-right: 16px;
        border-top-right-radius: 6px; */
        padding-right: 16px;
    }
    .post-wedge.media .post:first-child .tags {
        max-width: calc(100% - (16px * 2));
    }
    /******POST WEDGE (FLEX LAYOUT)******/
    .post-wedge.flex{
        grid-template-areas:
        'top'
        'left'
        'right';
        gap: 36px 54px;
    }
    .post-wedge.flex .post-col.img-col{
        height:300px;
        margin-bottom:26px;
    }
    .post-wedge.flex .post:first-child .post-col.img-col{
        height:300px;
    }
    .post-wedge.flex .post:nth-child(2) .post-col.desc-col .post-desc, .post-wedge.flex .post:nth-child(3) .post-col.desc-col .post-desc{
        display:none;
    }
    .post-wedge.flex .post:nth-child(2) .post-col.title-col h3, .post-wedge.flex .post:nth-child(3) .post-col.title-col h3 {
        font-size: 1.556rem;
        line-height: 2rem;
    }
    
    /*********************/
    /*  END: Post Wedge  */
    /*********************/
      
    .card.posts, .post-card, .grid.posts {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        gap: 36px;
    }

    .posts.card .post .infoBox,
    .post-card .post .infoBox {
        flex-direction: column;
        align-items: start;
    }

    .posts.card .post .postBox .imgBox,
    .post-card .post .postBox .imgBox {
        width: 100%;
    }
    .posts.card .tags,
    .post-card .tags {
        width: 100%;
    }

    .row--filter-split-background:not(.labs) .fl-builder-top-edge-layer > svg {
        height: 348px;
    }
    
    .unfoldable .fl-archive--filter-search{
        flex-direction: column;
        align-items:center;
        padding: 16px;
    }
    .unfoldable .fl-archive--filter-search > div{
        width: 100%;
        flex-basis: 100%;
    }
    .unfoldable .fl-archive--filter-search > div label{
        flex-basis: unset;
        margin-bottom: 0;
    }
    .unfoldable .fl-archive--filter-search > div label,
    .unfoldable div.filter-item .filter-item--label-title {
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 31px;
        line-height: 1.94rem;
    }
    .fl-archive--filter-search input {
        background-position: 8px center;
        padding: 8px 16px;
        padding-left: 36px;
    }
    .fl-archive--filter-search input::placeholder {
        font-size: 14px;
        font-size: 0.88rem;
    }
    .category-filters--go button {
        padding: 14px 20px;
        width: auto;
    }
    .unfoldable .fl-archive--filter-search > div:not(.category-filters--go){
        flex-direction: column;
        align-items: flex-start;
        gap: 8px;
    }
    .unfoldable .fl-archive--filter-items{
        align-items: stretch;
        flex-direction: column;
    }
    .unfoldable .filter-item ul {
        padding-top: 0;
    }
    .fl-archive--filter-clear button {
        margin-top: 0;   
    }
    .grid .infoBox h3{
        margin: 16px 0 16px;
    }

    .grid .postBox .imgBox {
        border-radius: 8px;
    }

    /* .testimonial-carousel-box blockquote p {
        font-size: 22px;
        font-size: 1.16rem;
        line-height: 30px;
        line-height: 1.58rem;
    }
    .testimonial-carousel-box .carousel-card,
    .carousel-card{
        border-radius: 20px;
    }
    .posts.list .postTop{
        flex-direction: column-reverse;
    }
    .post-content .fl-module-content blockquote p{
        margin-bottom:26px;
        padding-left:44px;
    }
    .carousel-card a.fl-button span{
        font-size: 18px;
        font-size: 0.95rem;
        line-height: 26px;
        line-height: 1.37rem;
    }
    .carousel-card{
        width: calc(100vw - 36px) !important;
        max-width: calc(100vw - 36px);
    } */
    /* .fl-post .largeheight img {
        height: 360px;
    } */
    /* .fl-post .number-carousel-img-box .largeheight img{
        min-height: 360px!important;
        max-height: 360px!important;
        height:100%;
    }
    body .carousel-card h3.fl-callout-title {
        padding-bottom: 16px;
        padding-top: 26px;
    }
    .carousel-card .fl-callout-text p {
        padding-bottom: 6px !important;
    }
    .slider-header{
        padding:0;
    } */
    
    .fl-archive--filter-refine {
        width: 70%;
    }
    .fl-archive--filter-clear {
        width: 30%;
    }
    .posts.list .post {
        padding-top: 26px;
        padding-bottom: 26px;
        padding-left: 16px;
        padding-right: 16px;
    }
    .posts.list img {
        width: 100%;
        height: 100%;
    }
    .posts.list .postBox .imgBox {
        width: 100%;
        height: 240px;
        flex-basis: 240px;
        flex-shrink: 0;
        max-width: 320px;
    }
    /* body:not(.fl-builder-edit) .background-shape-resp .fl-col-group:nth-child(2) {
        gap: 16px 16px;
    } */
    div.loadMore button, div.loadMore button:hover, div.loadMore button:focus{
        padding: 15px 30px;
        margin-top: 36px;
    }
    .posts.card .post, .post-card .post{
        padding:16px;
        border-radius: 20px;
    }
    .fl-archive--filter{
        padding:16px;
    }

}
@media only screen and (max-width: 600px) {
    /* .testimonial-carousel-box .carousel-card{
        width: calc(100vw - 36px) !important;
        max-width: calc(100vw - 36px);
    } */
    /***********************/
    /*  START: Post Wedge  */
    /***********************/
    .post-wedge.media .post:nth-child(1) .post-col.title-col{
        /* width: calc(100% - 26px); */
        width: 100%;
    }
    .post-wedge.media .post:nth-child(1) .post-col.desc-col{
        /* width: calc(100% - 26px);
        padding-right: 26px; */
        width: 100%;
    }
    .post-wedge.media .post:nth-child(1) .post-col.title-col{
        border-top-right-radius: 8px;
        padding-right: 16px;
    }
    /* .post-wedge .post-col.img-col{
        border-radius: 20px;
    } */
    .post-wedge.media .post:first-child .post-col.img-col{
        /* height: 260px; */
        /* height: 240px; */
    }
    /*********************/
    /*  END: Post Wedge  */
    /*********************/
    .posts.list .post{
        padding-left: 0;
        padding-right: 0;
    }
    .fl-archive--filter-refine span{
        font-size: 20px;
        line-height: 32px;
    }

    body:not(.fl-builder-edit) .background-shape-resp .fl-col-group:nth-child(2),
    .resource-col .fl-col-content{
        grid-template-columns: minmax(0, 1fr);
    }
    .posts.card .post .postBox, .post-card .post .postBox{
        flex-direction: column;
    }
    .unfoldable .filter-item ul{
        column-count: 1;
    }

}

@media only screen and (max-width: 375px) {
    
}