/*
Theme Name: Green Magazine
Author: Jake Bonin / Scott Pederick
*/


aside {
 display:none !important;
}

html,
body{
    overflow-x: clip;
}

.single-post_service aside,
.single-post_information aside,
.single-post_product aside {
 display: block !important;
}

.home-content-stream .main-content-stream  {
    width: 100% ;
    margin-left: 0px !important;
}
.single-post_service  .home-content-stream .main-content-stream ,
.single-post_information .home-content-stream .main-content-stream,
.single-post_product .home-content-stream .main-content-stream
{
    width: 632px;

}  

.app-bar {
    display:none ;
}

.custom-logo a {
    max-height: 55px;
}
.max-w{
max-width:none ;
width:100% ;
margin:0 ;
padding:0 ;
}
.hero-content,
.hero-btn {
    /* display: none; */
}
.home-content-stream{
width:100% !important;
max-width:none;
margin:0 !important;
padding:0 40px;
box-sizing:border-box;
overflow:visible;
/* padding-top:140px; */
}

.hero-video-section{
 position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
height:70vh;
min-height:400px;
background:#000;

}

#green-yt-player,
#green-yt-player iframe{
position:absolute ;
top:50%;
left:50%;
width:100vw ;
height:56.25vw ;
min-width:100%;
min-height:100%;
transform:translate(-50%, -50%) scale(1.12);
border:0;
display:block;
pointer-events:none;
}


.youtube-demo-poster{
position:absolute;
inset:0;
z-index:3;
width:100%;
height:100%;
object-fit:cover;
opacity:1;
transition:opacity 3s ease;
pointer-events:none;
}

.youtube-demo-poster.is-hidden{
opacity:0;
}


.hero-overlay{
position:absolute;
inset:0;
background:linear-gradient(
to top,
rgba(0,0,0,.70) 0%,
rgba(0,0,0,.35) 45%,
rgba(0,0,0,.10) 100%
);
z-index:4;
}

.hero-content{
position:absolute;
left:70px;
bottom:70px;
z-index:5;
max-width:560px;
color:#fff;
}

.hero-content h1{
font-size:42px;
line-height:1.12;
font-weight:600;
letter-spacing:-0.02em;
margin:0 0 14px;
color:#fff;
text-transform:none;
}

.hero-content p{
font-size:16px;
line-height:1.6;
font-weight:400;
margin:0 0 20px;
color:rgba(255,255,255,.92);
max-width:500px;
}

.hero-btn{
display:inline-block;
padding:12px 24px;
background:#fff;
color:#111;
text-decoration:none;
font-size:13px;
font-weight:700;
letter-spacing:.08em;
text-transform:uppercase;
border-radius:0;
transition:all .25s ease;
}

.hero-btn:hover{
background:#111;
color:#fff;
}

.green-section-title{
font-size:34px;
line-height:1.2;
margin:55px 0 28px !important;
padding:0;
font-weight:700;
color:#111;
}

.green-home-grid {
display:grid;
gap:34px;
/* padding:0 0 30px; */
width:100%;
margin-top: 30px
}

.green-home-grid.columns-3{
grid-template-columns:repeat(3,minmax(0,1fr)) ;
}

.green-home-grid.columns-4{
grid-template-columns:repeat(4,minmax(0,1fr)) ;
}

.green-home-card{
width:100%;
display:block;
margin:0;
padding:0;
}

.green-card-image{
display:block;
overflow:hidden;
}

.green-card-image img{
width:100%;
height:320px;
object-fit:cover;
display:block;
transition:transform .35s ease;
}

.green-home-card:hover .green-card-image img{
transform:scale(1.03);
}


.green-card-content {
    padding-top: 16px;

    display: grid;
    grid-template-columns: minmax(0, 1fr) auto;
    grid-template-areas:
        "title type"
        "excerpt excerpt";
    column-gap: 16px;
    row-gap: 8px;
    align-items: start;
}

.green-card-title {
    grid-area: title;
    min-width: 0;
    margin: 0;
}

.green-card-type {
    grid-area: type;
    text-align: right;
    white-space: nowrap;
}
.green-card-excerpt {

    grid-area: excerpt;

}

/* .green-card-type{
font-size:12px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
color:#888;
margin-bottom:10px;
} */

/* .green-card-title {
font-size:24px;
line-height:1.3;
margin:0 0 12px;
font-weight:700;
overflow:hidden;
} */

/* .green-home-grid .columns-3 .green-card-title a {
text-decoration:none;
color:#111;
display:block;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
 font-family: 'Salina', serif;
font-size: 20px;
min-width: 0;
}  */

.green-card-title a{
text-decoration:none;
color:#111;
display:-webkit-box;
-webkit-line-clamp:2;
-webkit-box-orient:vertical;
overflow:hidden;
text-overflow:ellipsis;
white-space:normal;
line-height:1.35;
/* min-height:64px; */
 font-family: 'Salina';
font-size: 20px;
min-width: 0;
}

.green-card-title a:hover {
color:#0073aa;
}

.green-card-excerpt {
font-size:15px;
line-height:1.65;
color:#555;
overflow:hidden;
text-overflow:ellipsis;
white-space:nowrap;
}
.page-id-50759 #page-menu{
display:none;
}

.mega-test-wrap{
position:relative;
z-index:999;
background:#fff;
}

.green-banner-ad {
 position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
background:#ececec;
padding:40px 0;
margin-top:30px;
margin-bottom:60px;
}

.green-banner-wrap{
width:100%;
max-width:1600px;
margin:0 auto;
padding:0 40px;
box-sizing:border-box;
display:flex;
align-items:center;
justify-content:space-between;
gap:40px;
text-decoration:none;
color:#000;
}

.green-banner-text{
flex:1;
text-align:center;
}

.green-banner-text h2{
font-size:48px;
line-height:1.1;
margin:0 0 15px;
}

.green-banner-text p{
font-size:28px;
line-height:1.4;
margin:0;
color:black;
}

.green-banner-image{
width:230px;
flex-shrink:0;
}

.green-banner-image img{
width:100%;
height:auto;
display:block;
}


.green-home-grid .g{
grid-column:1 / -1;
position:relative;
left:50%;
right:50%;
width:100vw;
max-width:100vw;
margin-left:-50vw;
margin-right:-50vw;
background:#ececec;
padding:40px 0;
/* margin-top:45px;
margin-bottom:45px; */
box-sizing:border-box;
overflow:hidden;
}

.page-template-template-youtube-demo-poster-mc .home-content-stream>*+* {
    margin-top: 50px;
} 


.green-home-grid .g-single{
width:100%;
max-width:970px;
margin:0 auto;
padding:0 40px;
box-sizing:border-box;
}



.green-home-grid .g-single a{
display:block;
}


.green-home-grid .g-single img{
width:100%;
height:auto;
display:block;
transition:transform .3s ease;
}


.green-home-grid .g-single a:hover img{
transform:scale(1.01);
}


#green-yt-player iframe{
pointer-events:none;
}

.hero-video-section{
cursor:default;
}


.ytp-chrome-top,
.ytp-chrome-bottom,
.ytp-show-cards-title,
.ytp-watermark,
.ytp-large-play-button,
.ytp-button,
.ytp-pause-overlay{
display:none ;
opacity:0 ;
visibility:hidden;
}


.custom-sticky-header{
position:fixed;
top:0;
left:0;
width:100%;
z-index:999999;
background:#fff;
padding: 60px max(40px, calc((100vw - 1400px) / 2)) 30px;
box-sizing:border-box;
    box-shadow: 0 3px 8px rgba(0, 0, 0, 0.06);

 /*
.custom-sticky-header > .custom-logo-row,
.custom-sticky-header > .custom-header-nav {
    width: 100%;
    max-width: 1215px;
    margin-left: auto;
    margin-right: auto;
    box-sizing: border-box;
}  
*/
/* border-bottom:1px solid #e5e5e5; */
}

/* logo row */
.custom-logo-row {

    margin-top: 0px;
}

.custom-logo .logo {
    font-size: 90px;
    line-height: 1;
    display: inline-block;
}
.custom-menu .mega-menu > li > a {
    white-space: nowrap !important;
}

 #mega-menu-wrap-test-mega-menu {
        background: transparent ;
        background-color: transparent;
}

.custom-menu #mega-menu-test-mega-menu .mega-menu {
font-family: 'salina';
}

/* second row */
.custom-header-inner {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: 25px;
    padding-left: 50px;
    margin: 0;
    padding-left: 0;
    max-width: 100%;
}


/* menu */
.custom-menu .mega-menu-wrap {
    width: auto !important;
}

.custom-menu .mega-menu {
    display: flex !important;
    align-items: center;
    flex-wrap: nowrap !important;
}

#mega-menu-wrap-test-mega-menu #mega-menu-test-mega-menu li.mega-menu-megamenu > ul.mega-sub-menu
{
    flex-wrap: nowrap !important;
 }

.custom-menu .mega-menu > li {
    margin: 0 10px !important;
    white-space: nowrap;
    flex-wrap: nowrap;
}

.custom-menu .mega-menu-link {
    font-size: 16px !important;
}

/* right side */
.custom-header-right {
    display: flex;
    align-items: center;
    gap: 20px;
}

/* social icons */
.icons-list {
    display: flex;
    align-items: center;
    gap: 15px;
    margin: 0;
    padding: 0;
}

.icons-list li {
    list-style: none;
}

/* search */
.custom-search .header-search-form {
    margin: 0;
}

.custom-search .search-field {
    height: 42px;
    width: 180px;
    padding: 0 15px;
    border: 1px solid #ddd;
}

.custom-search-wrapper {
    position: relative;
    display: flex;
    align-items: center;
}

/* icon */
.search-toggle {
    background: none;
    border: none;
    cursor: pointer;
    font-size: 22px;
    padding: 0;
}

/* hidden search */
.custom-search {
    width: 0;
    overflow: hidden;
    opacity: 0;
    visibility: hidden;
    transition: all 0.4s ease;
}

/* open state */
.custom-header-inner.search-active .custom-search {
    width: 350px;
    opacity: 1;
    visibility: visible;
    margin-left: 15px;
}

/* input */
.custom-search .search-field {
    width: 100%;
    border: none;
    border-bottom: 1px solid #000;
    background: transparent;
    height: 42px;
    padding: 0 10px;
}

.custom-search-wrapper .search-toggle  .glyph-icon {
    font-size: 30px;
}

/* hide menu + social */
.custom-header-inner.search-active .custom-menu,
.custom-header-inner.search-active .header-social-icons {
    opacity: 0;
    visibility: hidden;
    width: 0;
    overflow: hidden;
}

/* search visible */
.custom-header-inner.search-active .custom-search{
    width:350px;
    opacity:1;
    visibility:visible;
}
/* submenu width fix */
.custom-menu .mega-sub-menu {
    width: auto !important;
    min-width: 250px !important;
}


/* 3 column cards */
 .block__thumbs{
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
}

/* .panel--spacing-thumbs {
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
} */
.block__thumbs .thumb-block{
    width:33.333%;
    box-sizing:border-box;
}
.panel--spacing-thumbs .thumb-block {
    width:33.333%;
    box-sizing:border-box;
}
/* make card vertical */
 .thumb-block__inner{
    display:block !important;
}

/* image full top */
 .thumb-block__image{
    width:100% !important;
    margin-bottom:15px;
}

.thumb-block__image img{
    width:100%;
    height:320px;
    object-fit:cover;
    display:block;
}

 .thumb-block__meta{
    width:100% !important;
    padding:0 !important;
}

/* Product pages - 4 columns */
.tax-category_product .block__thumbs,
.tax-category_product .panel--spacing-thumbs,
.tax-category_information .block__thumbs,
.tax-category_information .panel--spacing-thumbs,
.tax-category_service .block__thumbs,
.tax-category_service .panel--spacing-thumbs
{
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
}

.tax-category_product .block__thumbs .thumb-block,
.tax-category_product .panel--spacing-thumbs .thumb-block,
.tax-category_information .block__thumbs .thumb-block,
.tax-category_information .panel--spacing-thumbs .thumb-block,
.tax-category_service .block__thumbs .thumb-block,
.tax-category_service .panel--spacing-thumbs .thumb-block
{
    width:25%;
    box-sizing:border-box;

}

/* card vertical */
.tax-category_product .thumb-block__inner,
.tax-category_information .thumb-block__inner,
.tax-category_service .thumb-block__inner
{
    display:block !important;
}

/* image */
.tax-category_product .thumb-block__image,
.tax-category_information .thumb-block__image,
.tax-category_service .thumb-block__image
{
    width:100% !important;
    margin-bottom:15px;
}

.tax-category_product .thumb-block__image img,
.tax-category_information .thumb-block__image img,
.tax-category_service .thumb-block__image img
{
    width:100%;
    height:280px;
    object-fit:cover;
    display:block;
}

/* content */
.tax-category_product .thumb-block__meta,
.tax-category_information .thumb-block__meta,
.tax-category_service .thumb-block__meta
{
    width:100% !important;
    padding:0 !important;
}
/* ======================================================
   ARTICLE CATEGORY CARDS
   ====================================================== */

.tax-category_article .block__thumbs,
.tax-category_article .panel--spacing-thumbs{
    display:flex;
    flex-wrap:wrap;
    margin:0 -15px;
}

.tax-category_article .thumb-block{
    width:25%;
    padding:0 15px 40px;
    box-sizing:border-box;
    padding-bottom: 0px;
}

.tax-category_article .thumb-block__inner{
    display:flex !important;
    flex-direction:column;
    max-width:300px;
    margin:0 auto;
}

/* IMAGE */

.tax-category_article .thumb-block__image{
    width:100%;
    margin-bottom:12px;
}

.tax-category_article .thumb-block__image img{
    width:100%;
    height:250px;
    object-fit:cover;
    display:block;
}

/* CONTENT */

.tax-category_article .thumb-block__meta{
    width:100% !important;
    padding:0 !important;
}

/* Heading */

.tax-category_article .thumb-block__meta h4{
    margin:0 0 10px;
    font-family:"Salina", serif;
    font-size:24px;
    line-height:1.15;
    font-weight:400;

    /* Always reserve space for 2 lines */
    min-height:2.3em;
}

.tax-category_article .thumb-block__meta h4 a{
    color:#222;
    text-decoration:none;
}

/* Issue */

.tax-category_article .update-meta{
    margin-bottom:10px;
    display: none;
}

.tax-category_article .update-date{
    font-family:"Salina", serif;
    /* font-size:20px; */
    letter-spacing:-1px;
}

/* Excerpt */

.tax-category_article .thumb-block__meta .article-excerpt *{
    font-family:"Century Gothic", sans-serif !important;
    font-size:17px !important;
    line-height:1.4 !important;

    /* Limit excerpt to 2 lines */
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    overflow:hidden;
}


#hj-survey-toggle-1 {
    display: none;
}
.footer {
    margin-top: 0px;
}


@media (min-width:1700px){

    .home-content-stream{
        padding:0 70px;
    }

    .green-card-image img{
        height:360px;
    }

    .hero-content{
        left:55px;
        bottom:55px;
        max-width:560px;
    }

    .hero-content h1{
        font-size:42px;
        line-height:1.1;
    }

    .hero-content p{
        font-size:17px;
        line-height:1.6;
    }
}

/* =====================================
   DESKTOP / LAPTOP
===================================== */
@media (max-width:1400px){

    .home-content-stream{
        padding:0 30px;
    }

    .green-home-grid{
        /* display:block ; */
        gap:28px;
    }

    .green-card-image img{
        height:280px;
    }

    .hero-content{
        left:40px;
        bottom:40px;
        max-width:520px;
    }

    .hero-content h1{
        font-size:38px;
    }

    .hero-content p{
        font-size:16px;
    }
}

/* =====================================
   TABLET
===================================== */
@media (max-width:1024px){

    .home-content-stream{
        padding:0 25px;
    }

    .hero-video-section{
        height:70vh;
        min-height:500px;
    }

    .hero-content{
        left:30px;
        right:30px;
        bottom:30px;
        max-width:460px;
    }

    .hero-content h1{
        font-size:32px;
        line-height:1.15;
        margin-bottom:12px;
    }

    .hero-content p{
        font-size:15px;
        line-height:1.5;
        margin-bottom:16px;
    }

    .hero-btn{
        padding:12px 20px;
        font-size:13px;
    }
      .green-home-grid {
        display:block ;
     }
    .green-home-grid.columns-3,
    .green-home-grid.columns-4{
        grid-template-columns:repeat(2,1fr);
        gap:24px;
    }

    .green-card-image img{
        height:240px;
    }

    .green-card-title{
        font-size:20px;
    }

    .green-banner-wrap{
        padding:0 25px;
    }

    .green-banner-text h2{
        font-size:42px;
    }

    .green-banner-text p{
        font-size:22px;
    }

    .green-banner-image{
        width:190px;
    }

    /* Header */
    .custom-sticky-header{
        padding:60px 20px;
    }

    .custom-header-inner{
        padding-left:20px;
        gap:15px;
    }

    .custom-logo .logo{
        font-size:70px;
    }

    .custom-header-inner.search-active .custom-search{
        width:250px;
    }

    /* Article / Video pages = 2 columns */
    .block__thumbs .thumb-block,
    .panel--spacing-thumbs .thumb-block{
        width:50% !important;
    }

    /* Product / Service / Information pages = 2 columns */
    .tax-category_product .block__thumbs .thumb-block,
    .tax-category_product .panel--spacing-thumbs .thumb-block,
    .tax-category_information .block__thumbs .thumb-block,
    .tax-category_information .panel--spacing-thumbs .thumb-block,
    .tax-category_service .block__thumbs .thumb-block,
    .tax-category_service .panel--spacing-thumbs .thumb-block{
        width:50% !important;
    }

    .thumb-block__image img{
        height:260px;
    }
}

/* =====================================
   MOBILE
===================================== */
@media (max-width:767px){

    .home-content-stream{
        padding:0 15px;
    }

    .hero-video-section{
        height:60vh;
        min-height:380px;
    }

    .hero-content{
        left:18px;
        right:18px;
        bottom:20px;
        max-width:none;
    }

    .hero-content h1{
        font-size:24px;
        line-height:1.2;
        margin-bottom:10px;
    }

    .hero-content p{
        font-size:14px;
        line-height:1.45;
        margin-bottom:14px;
    }

    .hero-btn{
        font-size:12px;
        padding:10px 18px;
    }

    .green-section-title{
        font-size:26px;
        line-height:1.2;
        margin:34px 0 18px;
    }
     .green-home-grid {
        display:block ;
     }
    .green-home-grid.columns-3,
    .green-home-grid.columns-4{
        grid-template-columns:1fr;
        gap:22px;
    }

    .green-card-image img{
        height:220px;
    }

    .green-card-title{
        font-size:19px;
        line-height:1.3;
    }

    .green-card-excerpt{
        font-size:14px;
        line-height:1.5;
    }

    .green-banner-ad{
        padding:25px 0;
    }

    .green-banner-wrap{
        padding:0 15px;
        flex-direction:column;
        text-align:center;
        gap:20px;
    }

    .green-banner-text h2{
        font-size:32px;
    }

    .green-banner-text p{
        font-size:18px;
        line-height:1.5;
    }

    .green-banner-image{
        width:150px;
    }

    /* Header */
    .custom-sticky-header{
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999999;
    background: #fff;
    padding: 60px 96px 30px;
    box-sizing: border-box;

    display: grid;
    grid-template-columns: 188px 1fr;
    align-items: center;
    column-gap: 30px;
}


    .custom-header-inner{
        padding-left:0;
        gap:10px;
    }

    .custom-logo .logo{
        font-size:50px;
    }

    .custom-header-inner.search-active .custom-search{
        width:100%;
        max-width:100%;
    }

    /* All listing pages = 1 column */
    .block__thumbs .thumb-block,
    .panel--spacing-thumbs .thumb-block,
    .tax-category_product .block__thumbs .thumb-block,
    .tax-category_product .panel--spacing-thumbs .thumb-block,
    .tax-category_information .block__thumbs .thumb-block,
    .tax-category_information .panel--spacing-thumbs .thumb-block,
    .tax-category_service .block__thumbs .thumb-block,
    .tax-category_service .panel--spacing-thumbs .thumb-block{
        width:100% !important;
    }

    .thumb-block__image img{
        height:220px;
    }
}

/* =====================================
   SMALL MOBILE
===================================== */
@media (max-width:480px){

    .hero-video-section{
        height:52vh;
        min-height:320px;
    }

    .hero-content{
        left:15px;
        right:15px;
        bottom:16px;
    }

    .hero-content h1{
        font-size:21px;
    }

    .hero-content p{
        font-size:13px;
        margin-bottom:12px;
    }

    .hero-btn{
        font-size:11px;
        padding:9px 16px;
    }

    .green-section-title{
        font-size:22px;
    }

    .green-card-image img,
    .thumb-block__image img{
        height:200px;
    }

    .green-card-title{
        font-size:18px;
    }

    .custom-logo .logo{
        font-size:40px;
    }

    .green-banner-text h2{
        font-size:26px;
    }

    .green-banner-text p{
        font-size:16px;
    }
}


.hero-article-section {
     position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    height: 70vh;
    min-height: 400px;
    overflow: hidden;
    background: #111;

}

.hero-article-bg {
    position: absolute;
    inset: 0;
    background-size: cover;
    background-position: center;
    transform: scale(1.03);
    z-index: 1;
}

.hero-article-section .hero-overlay {
    z-index: 2;
}

.hero-article-section .hero-content {
    z-index: 3;
}

.hero-label {
    display: inline-block;
    background: #fff;
    color: #111;
    font-size: 11px;
    font-weight: 700;
    letter-spacing: .08em;
    text-transform: uppercase;
    padding: 4px 10px;
    margin-bottom: 12px;
}

@media (max-width: 1024px) {
    .hero-article-section {
        height: 70vh;
        min-height: 500px;
    }
}


@media (max-width: 767px) {
    .hero-article-section {
        height: 60vh;
        min-height: 380px;
    }
}


@media (max-width: 480px) {
    .hero-article-section {
        height: 52vh;
        min-height: 320px;
    }
}

/* Article single — hero image */
.gallery--article-hero {
    width: 100%;
}

.gallery__hero-link {
    display: block;
    width: 100%;
}

.gallery__hero-img {
    width: 100%;
    aspect-ratio: 1140 / 970;
    object-fit: cover;
    display: block;
    cursor: pointer;
    transition: opacity 0.2s ease;
}

.gallery__hero-img:hover {
    opacity: 0.92;
}

/* GLightbox overrides */
.glightbox-clean .gclose {
    display: block ;
    opacity: 1 ;
    visibility: visible ;
    background: rgba(0,0,0,0.6) ;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    top: 15px;
    right: 15px;
}

.glightbox-clean .gclose svg {
    width: 20px;
    height: 20px;
}

/* Caption white box fix */
.glightbox-clean .gdesc-inner {
    background: rgba(0,0,0,0.75) ;
    padding: 12px 20px;
}

.glightbox-clean .gslide-description {
    background: transparent;
}

.glightbox-clean .gslide-title {
    color: #fff ;
    font-size: 14px;
    margin: 0;
}



.gallery {
     width:100% !important;
     aspect-ratio: 1140 / 970;
     max-width:1140px;

}



.panel--padding-base{
    width:100%;
    max-width:1140px;
    margin:0 auto;
    padding:0;
}

.gallery--article-hero{
    background:none !important;
    padding:0 !important;
    
}

.single-post_article .panel{
    float: none;
}


.single-post_article aside,
.single-post_article .sidebar-stream {
    display: none ;
}


.single-post_article .main-content-stream {
    width: 100% ;
    margin-left: 0 ;
    border: none ;
    background: none ;
    box-shadow: none ;
    float: none ;
}

.single-post_article .home-content-stream{
    padding-left:0 ;
    padding-right:0;
}
.single-post_article .box--border,
.single-post_article .box--background {
    border: none ;
    background: none ;
    box-shadow: none ;
}

.single-post_article .panel--padding-base {
    padding: 0 ;
    max-width: none ;
}


.article-single-hero-section{
   
   background-color: #E0E2E0;

  position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
}

.article-single-hero{
    max-width:1440px;
    margin:0 auto;
}

.article-single-hero__img {
    width: 100%;
    height: 600px;
    max-height: 600px;
    object-fit: cover;
    object-position: center center; 
    display: block;
    cursor: pointer;
}


.article-single-header {
    width:100vw;
    position:relative;
    left:50%;
    right:50%;
    margin-left:-50vw;
    margin-right:-50vw;
    padding: 30px 70px;
    box-sizing: border-box;
    text-align: center;
    background-color: #E0E2E0;
}

.article-single-title {
    font-family: 'Salina', serif;
    font-size: 60px;
    line-height: 1.1;
    font-weight: 400;
    margin: 0 auto 24px;
    color: #111;
    text-transform: none;

    max-width: 1250px;
    padding: 0 40px;
    box-sizing: border-box;
}

.article-single-excerpt{
    max-width: 1000px;   
    margin: 0 auto;
}
.article-single-excerpt p {
    font-family: 'Century Gothic Pro', 'Century Gothic', sans-serif;
    font-size: 25px;
    line-height: 1.4;
    letter-spacing: 0;
    color: #111;
    margin: 0;
}


.article-single-body-wrap{
    max-width:1440px;
    width:100%;
    margin:0 auto;
    box-sizing:border-box;

    display:grid;
    grid-template-columns:minmax(0,9fr) minmax(280px,3fr);
    gap:40px;
    padding:40px 96px;
}


.article-single-col-content {
    min-width: 0;
    padding-right: 35px;
}

.article-single-contributors {
    font-family: 'Century Gothic Pro', 'Century Gothic', sans-serif;
    font-size: 13px;
    letter-spacing: 0.05em;
    color: #555;
    margin-bottom: 30px;
    text-transform: uppercase;
}

.article-single-body {
    font-family: 'Century Gothic Pro', 'Century Gothic', sans-serif;
    font-size: 20px;
    line-height: 1.5;
    color: #222;
}

.article-single-body p {
    margin-bottom: 15px;
}


.article-single-col-ad {
     width:100%;
    max-width:300px;
    position: sticky;
    top: 100px;
}


@media (max-width: 1200px) {
    .article-single-header {
        padding: 50px 40px;
    }
    .article-single-body-wrap {
        padding: 30px 40px;
    }
    .article-single-title { font-size: 52px; }
    .article-single-excerpt { font-size: 24px; }
}

@media (max-width: 1024px) {
    .article-single-header {
        padding: 40px 25px;
    }
    .article-single-body-wrap {
        grid-template-columns: 1fr;
        padding: 25px;
        gap: 30px;
    }
    .article-single-col-ad {
        width: 100%;
        position: static;
    }
    .article-single-col-content {
        padding-right: 0;
    }
    .article-single-title { font-size: 40px; }
    .article-single-excerpt { font-size: 20px; }
}

@media (max-width: 767px) {
    .article-single-header {
        padding: 30px 15px;
    }
    .article-single-body-wrap {
        padding: 20px 15px;
    }
    .article-single-title { font-size: 30px; }
    .article-single-excerpt { font-size: 18px; }
    .article-single-body { font-size: 17px; }
}

.box--border,
.breadcrumb__list  {
    border: none !important;
}

body.category .image-section-title {
    border: none !important;
 text-align: center !important;
 
}

body.tax-category_article .image-section-title > div {
    left: 0 !important;
    right: 0 !important;
    width: auto;
    transform: none;
    text-align: center;
}

.category-news .breadcrumb--post,
.category-videos .breadcrumb--post,
.single-format-standard .breadcrumb--post
 {
    display: none;
}


/* ==========================================================
   FEATURED ROW — 1 landscape Article/Video (spans 2 cols)
   + Latest Issue ad (1 col). Left and right columns are
   ALWAYS equal height — CSS Grid sizes the row to the
   tallest item's natural content (the left card: image +
   title + excerpt), then the ad column stretches to match.
   This works automatically at any desktop width, no extra
   breakpoints needed for the height-matching itself.
   ========================================================== */

.green-featured-row{
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    align-items: stretch;   /* default, but explicit so it's clear why this works */
    gap: 34px;
    margin-top: 50px;
    width: 100%;
}

.green-featured-card{
    grid-column: span 2;
    display: flex;
    flex-direction: column;
    margin: 0;
    padding: 0;
}

.green-featured-image{
    display: block;
    overflow: hidden;
    flex-shrink: 0;
}

.green-featured-image img{
    width: 100%;
    height: 370px;
    object-fit: cover;
    display: block;
    transition: transform .35s ease;
}

.green-featured-card:hover .green-featured-image img{
    transform: scale(1.03);
}

.green-featured-content{
    padding-top: 16px;
    flex: 1;
}

.green-featured-title{
    font-size: 26px;
    line-height: 1.3;
    margin: 0 0 12px;
    font-weight: 700;
}

.green-featured-title a{
    text-decoration: none;
    color: #111;
}

.green-featured-title a:hover{
    color: #0073aa;
}

/* --- Ad column: stretches to match the left card's full height --- */

.green-featured-issue-ad{
    grid-column: span 1;
    height: 100%;
    overflow: hidden;

}

.green-issue-ad-link{
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: #111;

}

.green-issue-ad-link img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
}

/* .green-issue-ad-label{
padding:14px 16px;
font-size:13px;
font-weight:700;
text-transform:uppercase;
letter-spacing:.06em;
text-align:center;
} */

/* ==========================================================
   IN-GRID AD TILE — sits in the right-hand column of the
   "Next 6" grid (.green-home-grid), spanning 2 rows so the
   4 surrounding post cards flow around it with no gaps.
   ========================================================== */

.green-grid-ad-tile{
grid-row: span 2;
display:flex;
overflow:hidden;
background:#ececec;
height:100%;
}

.green-grid-ad-tile a{
display:block;
width:100%;
height:100%;
}

.green-grid-ad-tile img{
width:100%;
height:100%;
object-fit:cover;
display:block;
}

@media (max-width:1024px){
    .green-grid-ad-tile{
        grid-column: auto !important;
        grid-row: span 1;
        /* height:280px; */
    }
}

@media (max-width:767px){
    .green-grid-ad-tile{
        grid-row: auto;
        /* height:240px; */
    }
    .green-grid-ad-tile img{
        height:100%;
    }
}

@media (max-width:1024px){
    .green-featured-row{
        grid-template-columns: 1fr 1fr;
    }
    .green-featured-card{
        grid-column: span 2;
    }
    .green-featured-issue-ad{
        grid-column: span 2;
    }
    .green-featured-image img,
    .green-issue-ad-link img{
        /* height:280px; */
    }
}

@media (max-width:767px){
    .green-featured-row{
        display:block;
    }
    .green-featured-card{
        margin-bottom:28px;
    }
    .green-featured-image img{
        /* height:240px; */
    }
    .green-issue-ad-link img{
        /* height:240px; */
    }
}

.green-tax-header{
    background:#E0E2E0;     
    padding: 50px 20px;
    text-align:center;
     position:relative;
    left:50%;
    right:50%;
    width:100vw;
    margin-left:-50vw;
    margin-right:-50vw;
    overflow:hidden;
}

.green-tax-title{
    margin:0;
    color:#555;
      font-family: "Alternate Gothic", "Arial Narrow", sans-serif !important;
    font-size: 42px;
    font-weight: 200;
    text-transform: lowercase;
    letter-spacing: -0.00em;
    line-height: 1;
}

.green-tax-description {
    margin: 10px 0 0;
    color: #111;
    font-size: 16px;
    line-height: 1.5;
}
.breadcrumb--article,
.breadcrumb--service,
.breadcrumb--product,
.breadcrumb--tip
{
    display: none;
}

/* Ad column — 2 ads stacked vertically */
.article-single-col-ad {
    width: 300px;
    position: sticky;
    top: 100px;
}

.article-ad-stack {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.article-ad-item img {
    width: 300px;
    height: 600px;
    object-fit: cover;
    display: block;
}

@media (max-width: 1024px) {
    .article-single-col-ad {
        width: 100%;
        position: static;
    }
    .article-ad-stack {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center;
    }
}

.post-template-default div.panel.single-title.single-title--post h1{
    font-family: "Century Gothic Pro";
}

.tax-category_service h1.green-tax-title,
.tax-category_product h1.green-tax-title,
.tax-category_information h1.green-tax-title
{
    font-family: "Code-Pro-Bold-LC" !important;
}

.designbooks-add {
    display: none !important;
}
footer{
    background: none !important;
}

.post_article-template-default .article-button .button {
    background: #ddd;
    border-radius: 8px;
    color: #000;
    font-family: 'Century Gothic';
}

.page-template-templates .subscribe__option button {
  background: #ddd;
    border-radius: 8px;
    color: #000;
    font-family: 'Century Gothic';
}

.page-template-page-subscribe .subscribe__option h3 {
    display: none;
    margin: 1em 0 .8em;
}

.page-template-page-subscribe .subscribe__option h4 {
margin: 1em 0 .8em;
}

.single-post_article  .c-yellow,
.single-specs--article h3 b,
.post-type-archive-post_article .c-yellow,
.post-type-archive-post_article h4,
.post_article-template-default h4
 {
    color: #000;
    font-family: 'Salina';
}

.single-post_article .single-specs__spec p span {
    color: #000;
    font-family: 'Century Gothic';
}

.single-post_article .single-specs__spec p b {
    color: #000;
    font-family: 'salina';
}
.single .c-yellow,
.post-type-archive .c-yellow {
    color: #000;
}

.post-template-default h4,
.category-news h4,
.page-template-page-subscribe h4,
.tax-category_product h4,
.tax-category_service h4,
.tax-category_information h4,
.post-type-archive-post_product h4,
.post-type-archive-post_product h3 a,
.post-type-archive-post_service h4,
.post-type-archive-post_service h3 a,
.post-type-archive-post_information h4,
.post-type-archive-post_information h3 a {

    font-family: 'Code Pro LC';
    /* font-weight: 500;
    letter-spacing: 0.04em; */

}

.columns-4 .green-card-title a{
     font-family: 'Code Pro LC' !important;
}

.mega-menu-test-mega-menu {
     font-family: 'salina';
}

.mega-sub-menu {
    font-family: 'Century Gothic Pro' !important;
}

.custom-header-right .header-social-icons li .glyph-icon{
     font-size: 22px;
}


.green-issue-ad-link{
    display:block;
    text-decoration:none;
}

.green-issue-ad-image{
    position:relative;
    overflow:hidden;
    display:inline-block;
    line-height:0;
}

.green-issue-ad-image img{
    display:block;
    width:100%;
    height:auto;
    transition:transform .3s ease;
}

.green-issue-ad-image::after{
    content:"";
    position:absolute;
    inset:0;
    background:rgba(0,0,0,.45);
    opacity:0;
    transition:opacity .3s ease;
}

.green-issue-ad-title{
    position:absolute;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    color:#fff;
    font-size:24px;
    font-weight:700;
    text-align:center;
    opacity:0;
    transition:opacity .3s ease;
    z-index:2;
    width:90%;
}

.green-issue-ad-image:hover::after{
    opacity:1;
}

.green-issue-ad-image:hover .green-issue-ad-title{
    opacity:1;
}

.green-issue-ad-image:hover img{
    transform:scale(1.05);
}