: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 figure,
.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 figure > img,
.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: var(--border-radius-img);
    overflow: hidden;
}
.post-wedge .post-col.img-col img{
    background-color: var(--sweet-water);
    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: 32px;
    font-size: 2rem;
    line-height: 41px;
    line-height: 2.56rem;
    font-weight: 600;
}
/* featured post title*/
.post-wedge.media .post:nth-child(1) .post-col.title-col h3 {
    font-size: 46px;
    font-size: 2.88rem;
    font-weight: 600;
    line-height: 52px;
    line-height: 3.25rem;
}
.post-wedge a:hover,
.post-wedge a:active,
.post-wedge a:focus{
    text-decoration: none;
}
.post-wedge a h3 span {
    background-image: var(--text-gradient);
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 0% 3px;
    display: inline !important;
    transition: all .2s ease, underline3 .5s ease-in-out;
}
.post-wedge a:hover h3 span {
    text-decoration: none;
    background-size: 100% 3px;
    animation: 0.4s underline3 ease-in;
}


/******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;
    /* Pre-Launch QA (Aug 10), BS: "more breathing room between stories, see the two
       on the right." The two stacked stories sat at a 0px row gap and touched. 36px is
       the gap this same component already uses between stories below 992px, so the
       spacing is now consistent with itself rather than a new value. Row gap only -
       the left/right separation comes from the 63px paddings and the divider line. */
    gap: 36px 0;
    display: grid;
    grid-template-areas:
        'left top'
        'left bottom';
    /* grid-template-columns: minmax(0, 2.75fr) minmax(0, 2.25fr); */
    grid-template-columns: 1.18fr 1fr;
    grid-template-rows: 1fr 1fr;
}
.post-wedge.media .post:first-child{
    /* border-right: 1px solid transparent; */
    grid-area: left;
    padding-right:63px;
    /* position: relative; */
}

.post-wedge.media .defaultImg {
    background-color: var(--sweet-water);
    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: -46px;
    height: 370px;
}
.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:205px;
    /* 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(--cream);
    border-top-right-radius: var(--border-radius-img);
    float: unset;
    margin-right: 0;
    min-height: 88px;
    padding: 24px 36px 0 0;
    position: relative;
    width: calc(100% - 40px);
}

.post-wedge.media.ocean .post:nth-child(1) .post-col.title-col {
    background-color: var(--ocean);
}

.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 {
    font-size: 18px;
    font-size: 1.13rem;
    font-weight: 500;
    line-height: 29px; 
    line-height: 1.81rem;
}
.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 */
/*********************************/
/* cream */
.cream.post-wedge.media .post:nth-child(1) .post-col.title-col{
    background-color: var(--cream);
}
.cream.post-wedge.media .post .post-col.title-col h3,
.cream.post-wedge.media .post .post-col.title-col .date{
    color:var(--ocean);
}
.cream.post-wedge.media .post:first-child{
    align-self: stretch;
}
.cream.post-wedge.media .post:nth-child(2) .tags, 
.cream.post-wedge.media .post:nth-child(3) .tags {
    background-color: var(--sweet-water);
    color: var(--ocean);
}
.cream.post-wedge.media .post:nth-child(1) .tags{
    background-color: var(--sweet-water);
    color: var(--ocean);
}

/* ocean */
.ocean.post-wedge.media .post:nth-child(1) .post-col.title-col{
    background-color: var(--ocean);
}
.ocean.post-wedge.media .post .post-col.title-col h3,
.ocean.post-wedge.media .post .post-col.title-col .date{
    color:var(--white);
}
.ocean.post-wedge.media .post:first-child{
    align-self: stretch;
}
.ocean.post-wedge.media .post:nth-child(2) .tags, 
.ocean.post-wedge.media .post:nth-child(3) .tags {
    background-color: var(--sweet-water);
    color: var(--ocean);
}
.ocean.post-wedge.media .post:nth-child(1) .tags{
    background-color: var(--sweet-water);
    color: var(--ocean);
}
/*********************************/
/*  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 {
    border-radius: 8px;
    display: inline-block;
    font-size: 14px;
    font-size: 0.88rem;
    line-height: 15px;
    line-height: 0.94rem;
    margin-right:16px;
    padding: 8px 16px 10px;
}

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


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

    /************************/
    /*  START: Post Wedge  */
    /************************/
    .post-wedge.media {
        gap: 36px 0;   /* see base rule - Pre-Launch QA (Aug 10), BS */
        /* 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  */
    /*********************/
    
}

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

    .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 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  */
    /*********************/
}
/* MOBILE, only */
@media only screen and (max-width: 768px) {

    /***********************/
    /*  START: Post Wedge  */
    /***********************/
    .post-wedge.media .post:first-child{ 
        border-right: none;
        padding-right: 0;
    }
    /* BugHerd #503 - Brie: "We are notoriously allergic to small images. Can we have three
       stories fully stack please". Loop: "can we move the small image to the top? Make it
       100% width and the text plus information 100% width underneath the image."
       Posts 2 and 3 were a horizontal row with an 88x96 thumbnail; stacking them makes all
       three stories use the same pattern the featured post already uses. */
    .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;
    }
    /* BugHerd #503 - full width image on top, matching the featured post's 320px treatment
       just above, instead of the 88x96 thumbnail these two carried. */
    .post-wedge.media .post:nth-child(2) .post-col.img-col,
    .post-wedge.media .post:nth-child(3) .post-col.img-col {
        height: 320px;
        width: 100%;
        border-radius: 16px;
        flex-basis: auto;
        flex-grow: 0;
        flex-shrink: 0;
    }

    /* BugHerd #503 - and the text block full width underneath it. */
    .post-wedge.media .post:nth-child(2) .post-col.title-col,
    .post-wedge.media .post:nth-child(3) .post-col.title-col {
        width: 100%;
    }
    .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  */
    /*********************/
}
@media only screen and (max-width: 600px) {
    /***********************/
    /*  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  */
    /*********************/
}

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