:root{
    --border-color: var(--Tabiya-Green);
}

/*******************************************************/
/*  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: 1rem;
    line-height: 26px;
    line-height: 1.63rem;
    font-weight: 500;
    color: var(--white);
}
.share_icons a {
    transition: all .25s ease;
}
.share_icons a:hover {
    transform: scale(1.05);
}
.share_icons img{
    height:40px;
    width:auto;
}
.share_icons {
    gap: 26px;
    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 .hero-row-post-large-img-col{
    margin-top: -315px;
    z-index: 30;
}
.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: '';
}

@media only screen and (max-width: 768px) {
    .single .hero-row-post-large-img-col{
        /* margin-top: -108px; */
        margin-top: -78px;
    }   
}
/**************************/
/*  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 :is(ul,ol,p):not(:is(ul,ol) :is(ul,ol)) {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 36px;
    font-weight: 400;
}
.post-content :is(ul,ol,p):not(:is(ul,ol) :is(ul,ol)):last-of-type {
    margin-bottom: 0;
}
.post-content li + li{
    margin-top: 16px;
}
.post-content hr {
    border: 0;
    border-top: 1px solid var(--tabiya-green);
    margin-bottom: 26px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 36px;
    max-width: 1010px;
}
.post-content :is(h1,h2,h3,h4,h5,h6) {
    max-width: 1010px;
    margin-left: auto;
    margin-right: auto;
    text-wrap: pretty;
    margin-bottom: 16px; 
}

.post-content h2 {
    /* styled like h3 within posts */
    font-size: 38px;
    font-size: 2.38rem;
    line-height: 47px;
    line-height: 2.94rem;
}
.post-content h3 {
    /* styled like h3 within posts */
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 36px;
    line-height: 2.38rem;
}

.post-content .wp-caption p.wp-caption-text,
.fl-photo-caption-below,
.gallery + p {
    font-size: 16px;
    font-size: 1rem;
    font-style: normal;
    font-weight: normal;
    line-height: 28px; 
    line-height: 1.75rem; 
    margin-top: 10px;
    padding: 0;
    text-align: center;
}
.wp-caption p.wp-caption-text {
    margin: 10px auto 30px !important;
}

.fl-photo-caption-below {
    padding-bottom: 0;
}
/* .post-content p.image{
    max-width: 1080px;
    margin:auto;
   margin-bottom: 36px;

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

/* 
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;
} */

/****************************/
/*  START :: Post Gallery   */
/****************************/

/* Wordpress default styles, disabled via filter */
/* #gallery-1 {
    margin: auto;
}
#gallery-1 .gallery-item {
    float: left;
    margin-top: 10px;
    text-align: center;
    width: 33%;
}
#gallery-1 img {
    border: 2px solid #cfcfcf;
}
#gallery-1 .gallery-caption {
    margin-left: 0;
} */
 
#gallery-1 .gallery-item,
#gallery-2 .gallery-item,
#gallery-3 .gallery-item,
#gallery-4 .gallery-item,
#gallery-5 .gallery-item,
#gallery-6 .gallery-item {
    float: unset !important;
    margin: unset !important;
    text-align: unset !important;
    width: unset !important;
}
.gallery {
    display: flex;
    flex-direction: row;
    justify-content: center;
    gap: 16px;
    flex-wrap: wrap;
}
/* .gallery br {
    display: inline-flex;
} */
.gallery .gallery-item {
    margin: 0;
}
.gallery .gallery-item:has(.landscape) {
    flex: 1 1 30%;
}
.gallery .gallery-item:has(.portrait) {
    flex: 1 1 14%;
}
.gallery .gallery-item :is(.landscape, .portrait){
    display: flex;
    height: 100%;
}
.gallery .gallery-item img {
    border: none !important;
    border-radius: 30px;
    object-fit: cover;
    object-position: center bottom;
}
.gallery .gallery-caption {
    display: none;
}
.gallery + p {
    font-size: 16px;
    font-size: 1rem;
    margin-top:10px;
    text-align: center;
}
/* MOBILE, only */
@media only screen and (max-width: 768px) {
    .gallery {
        gap: 8px;
    }
    .gallery .gallery-item img {
        border-radius: 16px;
    }   
}
/****************************/
/*  END   :: Post Gallery   */
/****************************/


/*******************************/
/*  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: 30px;
    overflow: hidden;
}
.post-wedge .post-col.img-col img{
    background-color: var(--tabiya-green-2);
    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;
}
/* non-featured post titles */
.post-wedge .post .post-col.title-col h3{
    font-size: 21px;
    font-size: 1.31rem;
    line-height: 31px;
    line-height: 1.94rem;
    font-weight: 700;
}
/* featured post title*/
.post-wedge.media .post:nth-child(1) .post-col.title-col h3 {
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 36px;
    line-height: 2.25rem;
}

/******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: 0 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(--tabiya-green);
    grid-area: left;
    padding-right:63px;
    /* position: relative; */
}

.post-wedge.media .defaultImg {
    background-color: var(--tabiya-green-2);
    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(--soft-green);
    border-top-right-radius: 16px;
    float: unset;
    margin-right: 0;
    min-height: 88px;
    padding: 36px 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-size: 16px;
    font-size: 1rem;
    font-weight: 400;
    line-height: 26px; /* 162.5% */
    line-height: 1.63rem; /* 162.5% */
}
.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(--oxford-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(--oxford-blue);
}
.dark.post-wedge.media .post:nth-child(1) .tags{
    background-color: var(--sandbar-blue);
    color: var(--oxford-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(--oxford-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(--Oxford-Blue);
    border-radius: 20px;
    color: var(--Tabiya-Grey) !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(--oxford-blue);
    font-size: 18px;
    font-size: 1.13rem;
    font-weight: 700;
    line-height: 28px;
    line-height: 1.75rem;
    margin: 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(--Oxford-Blue);
    border-radius: 30px;
    color: var(--Tabiya-Grey-1) !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*****/

.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;
}
.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: 600;
    color: var(--oxford-blue);
    text-decoration: none;
    background-image: linear-gradient(var(--oxford-blue), var(--oxford-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(--oxford-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 {
    cursor: pointer !important;
}
.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{
    background: var(--Oxford-Blue);
    border-radius: 30px;
    color: var(--Tabiya-Grey-1);
    display: inline-block;
    font-size: 14px;
    font-size: 0.88rem;
    font-weight: 500;
    line-height: 22px; /* 157.143% */
    line-height: 1.38rem; /* 157.143% */
    margin-bottom: 16px;
    padding: 4px 16px;
    position:static !important;
    word-break: break-word;
}
.posts.list .postBox{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.posts.list .postTop{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    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: 200px;
    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: none;
}

.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(--oxford-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: 308px;
    flex-basis: 308px;
    border-radius: 16px;
    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: 26px 0;
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 36px;
    line-height: 2.25rem;
    font-weight: 600;
    max-width: 720px;
}
.posts.list .infoBox p.excerpt{
    max-width: 720px;
    margin-bottom: 26px;
    /* start :: limit excerpt to 2 lines, with ellipsis */
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow-y: hidden;
    display: -webkit-box;
    /* end   :: limit excerpt to 2 lines, with ellipsis */
}
.posts.list{
    border-bottom: none;
    margin:0;
}
div.loadMore button, 
div.loadMore button:hover, 
div.loadMore button:focus {
    background-color: var(--Tabiya-Green);
    border: none;
    border-radius: 50px;
    color: var(--Oxford-Blue);
    display: block;
    font-size: 18px;
    font-size: 1.13rem;
    font-weight: 600;
    line-height: normal;
    margin: 36px auto 0;
    min-width: inherit !important;
    padding: 20px 40px;
    transition: 0.2s all;
}
div.loadMore button:hover {
    transform: scale(1.05);
}
/*************************************/
/*  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(--oxford-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(--oxford-blue);
    font-size: 26px;
    font-size: 1.63rem;
    line-height: 34px;
    line-height: 2.13rem;
}
.posts .post h3 a{
    background-image: linear-gradient(var(--oxford-blue), var(--oxford-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;
}

/****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);
}

.shape-divider.top-left .fl-col-content {
    border-top-left-radius: 100px !important;
}
.active.post-list, .active.post{
    display:block;
    opacity: 0;
    transition: all 0.5s ease;
}
.active.visual.post-list, .active.visual.post{
    opacity: 1;
}

.posts.card a.arrowlink{
    margin-top: auto;
}
/* BB XL DESKTOP, and up */
@media only screen and (min-width: 1368px){
    .posts.list .postTop {
        gap: 36px;
    }
}
/* BB "LARGE" DESKTOP, only */
@media only screen and (min-width: 992px) and (max-width: 1366px) {
    .posts.list .postBottom {
        flex-basis: 150px;
    }  
}
/* ============================================ */
/*          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 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  */
    /*********************/
}
/* ============================================== */
/*          BB "LARGE" DESKTOP, and up            */
/* ============================================== */
@media only screen and (min-width: 992px) {
    /************************/
    /*  START :: Post List  */
    /************************/
    .posts.list .infoBox > .postBottom {
        display: none;
    }
}
/* ============================================ */
/*          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, only */
@media only screen and (min-width: 769px) and (max-width: 992px) {
    
    /************************/
    /*  START :: Post List  */
    /************************/
    .posts.list .infoBox .postBottom {
        display: flex;
    }
    .posts.list .infoBox .tags {
        margin-bottom: 0;
    }
    /************************/
    /*  END   :: Post List  */
    /************************/
}
/* ============================================ */
/*          TABLET, and down                      */
/* ============================================ */
@media only screen and (max-width: 992px) {
    /************************/
    /*  START :: Post List  */
    /************************/
    .posts.list .postBox > .postBottom {
        display: none;
    }
    div.loadMore button, div.loadMore button:hover, div.loadMore button:focus{
        padding: 15px 30px;
        /* margin-top: 36px; */
        margin: 0 auto 36px;
    }
    /************************/
    /*  END   :: Post List  */
    /************************/

    /*****************************/
    /*  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 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  */
    /*****************************/

    
    /************************/
    /*  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{
        border-bottom: 1px solid var(--border-color);
        border-top-right-radius: 30px;
        margin-bottom: 0;
        padding: 26px 26px 36px 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;
        margin-bottom: 0; /* reveal all 4 image corner radii */
    }
    .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;
    }
    /* non-featured post titles */
    .post-wedge .post .post-col.title-col h3{
        font-size: 20px;
        font-size: 1.25rem;
        line-height: 30px;
        line-height: 1.88rem;
    }
    /* featured post title */
    .post-wedge.media .post:nth-child(1) .post-col.title-col h3 {
        font-size: 23px;
        font-size: 1.44rem;
        line-height: 31px;
        line-height: 1.94rem;
    }
    /*********************/
    /*  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;
    }
    
    .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; 
    }
}
/* MOBILE, only */
@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 blockquote p {
        padding-left: 18px;
        padding-right: 18px;
        font-size: 22px;
        font-size: 1.38rem;
        line-height: 31px;
        line-height: 1.94rem;
    }
    /*****************************/
    /*  END: All Single Posts  */
    /*****************************/


    /* post carousel  – GRID layout */
    .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%;
    }
    .post-carrousel.grid .post .postBottom {
        margin-top: unset;
    }

    .posts.card .post .postBox, .post-card .post .postBox{
        flex-direction: column;
        justify-content: flex-start;
    }
    /************************/
    /*  START :: Post List  */
    /************************/
    .posts.list .postBox{
        flex-direction: column;
        gap:16px;
        align-items: flex-start;
    }
    .posts.list .postBottom {
        align-items: center;
        display: inline-flex;
        flex-basis: 0;
        flex-basis: unset;
        flex-direction: row;
        justify-content: flex-start;
        margin-bottom: 16px;
        width: 100%;
    }
    .posts .post .tags{
        margin-top:0;
        margin-bottom:0;
    }
    .infoPost{
        /* margin-bottom:0; */
    }
    .posts.list .postTop{
        align-items: start;
        flex-direction: column;
        order: 2;
        gap: 26px;
    }
    .posts.list .postBox .infoBox {
        order: 2;
    }
    .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;
        order: 0;
    }
    .posts.list .infoBox h3,
    .posts.list .infoBox p.excerpt{
        max-width: unset;
    }
    .posts.list .infoBox p.excerpt{
        margin-bottom:0;
    }
    /************************/
    /*  END   :: Post List  */
    /************************/

    /* 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;
    } */

    .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.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: -25px; */
        margin-bottom: 0;
    }
    .post-wedge.media .post:nth-child(2) .post-col.img-col, 
    .post-wedge.media .post:nth-child(3) .post-col.img-col {
        height: 96px;
        border-radius: 16px;
        flex-basis: 88px;
        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;
    }
    
    .grid .infoBox h3{
        margin: 16px 0 16px;
    }

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

    
    .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%;
        border-top-right-radius: 30px;
        padding-right: 16px;
        /* margin-bottom: -15px; */
    }
    .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.img-col{
        /* border-bottom-right-radius: 0; */
    }
    .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;
    }

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

}

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