.ct-section {
width:100%;
background-size:cover;
background-repeat:repeat;
}
.ct-section>.ct-section-inner-wrap {
display:flex;
flex-direction:column;
align-items:flex-start;
}
.ct-div-block {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.ct-new-columns {
display:flex;
width:100%;
flex-direction:row;
align-items:stretch;
justify-content:center;
flex-wrap:wrap;
}
.ct-link-text {
display:inline-block;
}
.ct-link {
display:flex;
flex-wrap:wrap;
text-align:center;
text-decoration:none;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-link-button {
display:inline-block;
text-align:center;
text-decoration:none;
}
.ct-link-button {
background-color: #1e73be;
border: 1px solid #1e73be;
color: #ffffff;
padding: 10px 16px;
}
.ct-image {
max-width:100%;
}
.ct-fancy-icon>svg {
width:55px;height:55px;}
.ct-inner-content {
width:100%;
}
.ct-slide {
display:flex;
flex-wrap:wrap;
text-align:center;
flex-direction:column;
align-items:center;
justify-content:center;
}
.ct-nestable-shortcode {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-comments {
width:100%;
text-align:left;
}
.oxy-comment-form {
width:100%;
}
.oxy-login-form {
width:100%;
}
.oxy-search-form {
width:100%;
}
.oxy-tabs-contents {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab {
display:flex;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-tab-content {
display:flex;
width:100%;
flex-wrap:nowrap;
flex-direction:column;
align-items:flex-start;
}
.oxy-testimonial {
width:100%;
}
.oxy-icon-box {
width:100%;
}
.oxy-pricing-box {
width:100%;
}
.oxy-posts-grid {
width:100%;
}
.oxy-gallery {
width:100%;
}
.ct-slider {
width:100%;
}
.oxy-tabs {
display:flex;
flex-wrap:nowrap;
flex-direction:row;
align-items:stretch;
}
.ct-modal {
flex-direction:column;
align-items:flex-start;
}
.ct-span {
display:inline-block;
text-decoration:inherit;
}
.ct-widget {
width:100%;
}
.oxy-dynamic-list {
width:100%;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
			.ct-div-block,
			.oxy-post-content,
			.ct-text-block,
			.ct-headline,
			.oxy-rich-text,
			.ct-link-text { max-width: 100%; }
			img { flex-shrink: 0; }
			body * { min-height: 1px; }
		}            .oxy-testimonial {
                flex-direction: row;
                align-items: center;
            }
                        .oxy-testimonial .oxy-testimonial-photo-wrap {
                order: 1;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo {
                width: 125px;                height: 125px;                margin-right: 20px;
            }
            
                        .oxy-testimonial .oxy-testimonial-photo-wrap, 
            .oxy-testimonial .oxy-testimonial-author-wrap, 
            .oxy-testimonial .oxy-testimonial-content-wrap {
                align-items: flex-start;                text-align: left;            }
            
                                                            .oxy-testimonial .oxy-testimonial-text {
                margin-bottom:8px;font-size: 21px;
line-height: 1.4;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
                                    .oxy-testimonial .oxy-testimonial-author {
                font-size: 18px;
-webkit-font-smoothing: subpixel-antialiased;
            }
                            

                                                .oxy-testimonial .oxy-testimonial-author-info {
                font-size: 12px;
-webkit-font-smoothing: subpixel-antialiased;
            }
            
             
            
                        .oxy-icon-box {
                text-align: left;                flex-direction: column;            }
            
                        .oxy-icon-box .oxy-icon-box-icon {
                margin-bottom: 12px;
                align-self: flex-start;            }
            
                                                                        .oxy-icon-box .oxy-icon-box-heading {
                font-size: 21px;
margin-bottom: 12px;            }
            
                                                                                    .oxy-icon-box .oxy-icon-box-text {
                font-size: 16px;
margin-bottom: 12px;align-self: flex-start;            }
            
                        .oxy-icon-box .oxy-icon-box-link {
                margin-top: 20px;                            }
            
            
            /* GLOBALS */

                                                            .oxy-pricing-box .oxy-pricing-box-section {
                padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
text-align: center;            }
                        
                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                justify-content: center;            }
            
            /* IMAGE */
                                                                                    .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-graphic {
                justify-content: center;            }
            
            /* TITLE */
                                                            
                                    .oxy-pricing-box .oxy-pricing-box-title-title {
                font-size: 48px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-title-subtitle {
                font-size: 24px;
            }
            

            /* PRICE */
                                                .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-price {
                                                flex-direction: row;                                            }
            
                                    .oxy-pricing-box .oxy-pricing-box-currency {
                font-size: 28px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-main {
                font-size: 80px;
line-height: 0.7;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-amount-decimal {
                font-size: 13px;
            }
                        
                                    .oxy-pricing-box .oxy-pricing-box-term {
                font-size: 16px;
            }
            
                                    .oxy-pricing-box .oxy-pricing-box-sale-price {
                font-size: 12px;
color: rgba(0,0,0,0.5);
                margin-bottom: 20px;            }
            
            /* CONTENT */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-content {
                font-size: 16px;
color: rgba(0,0,0,0.5);
            }
            
            /* CTA */

                                                                        .oxy-pricing-box .oxy-pricing-box-section.oxy-pricing-box-cta {
                justify-content: center;            }
            
        
                                .oxy-progress-bar .oxy-progress-bar-background {
            background-color: #000000;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);            animation: none 0s paused;        }
                
                .oxy-progress-bar .oxy-progress-bar-progress-wrap {
            width: 85%;        }
        
                                                        .oxy-progress-bar .oxy-progress-bar-progress {
            background-color: #66aaff;padding: 40px;animation: none 0s paused, none 0s paused;            background-image: linear-gradient(-45deg,rgba(255,255,255,.12) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.12) 50%,rgba(255,255,255,.12) 75%,transparent 75%,transparent);        
        }
                
                        .oxy-progress-bar .oxy-progress-bar-overlay-text {
            font-size: 30px;
font-weight: 900;
-webkit-font-smoothing: subpixel-antialiased;
        }
        
                        .oxy-progress-bar .oxy-progress-bar-overlay-percent {
            font-size: 12px;
        }
        
        .ct-slider .unslider-nav ol li {border-color: #ffffff; }.ct-slider .unslider-nav ol li.unslider-active {background-color: #ffffff; }.ct-slider .ct-slide {
				padding: 0px;			}
		
                        .oxy-superbox .oxy-superbox-secondary, 
            .oxy-superbox .oxy-superbox-primary {
                transition-duration: 0.5s;            }
            
            
            
            
            
        
        
        
        
            .oxy-shape-divider {
                width: 0px;
                height: 0px;
                
            }
            
            .oxy_shape_divider svg {
                width: 100%;
            }
            .oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .sub-menu{
box-shadow:px px px px ;}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-show-dropdown .oxy-pro-menu-list .menu-item-has-children > a div{
margin-left:0px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
width:30px;
height:30px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon{
padding-top:15px;
padding-right:15px;
padding-bottom:15px;
padding-left:15px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-open-icon, .oxy-pro-menu .oxy-pro-menu-mobile-open-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon{
top:20px;
left:20px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
width:24px;
height:24px;
}

.oxy-pro-menu .oxy-pro-menu-mobile-close-icon, .oxy-pro-menu .oxy-pro-menu-mobile-close-icon svg{
transition-duration:0.4s;
}

.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container{
background-color:#ffffff;
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container, .oxy-pro-menu .oxy-pro-menu-open-container{
background-image:url();
}

.oxy-pro-menu .oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item-has-children > a svg, .oxy-pro-menu .oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item-has-children > a svg{
font-size:24px;
}

.oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-open-container .menu-item-has-children ul, .oxy-pro-menu .oxy-pro-menu-dropdown-links-toggle.oxy-pro-menu-off-canvas-container .menu-item-has-children ul{
background-color:rgba(0,0,0,0.2);
border-top-style:solid;
}

.oxy-pro-menu .oxy-pro-menu-container:not(.oxy-pro-menu-open-container):not(.oxy-pro-menu-off-canvas-container) .oxy-pro-menu-list{
                    flex-direction: row;
               }
.oxy-pro-menu .oxy-pro-menu-container .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .menu-item, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .menu-item{
                    align-items: flex-start;
                }

            .oxy-pro-menu .oxy-pro-menu-off-canvas-container{
                    top: 0;
                    bottom: 0;
                    right: auto;
                    left: 0;
               }
.oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-open-container .oxy-pro-menu-list .menu-item a, .oxy-pro-menu .oxy-pro-menu-container.oxy-pro-menu-off-canvas-container .oxy-pro-menu-list .menu-item a{
                    text-align: left;
                    justify-content: flex-start;
                }

            .oxy-site-navigation {
--oxynav-brand-color:#4831B0;
--oxynav-neutral-color:#FFFFFF;
--oxynav-activehover-color:#EFEDF4;
--oxynav-background-color:#4831B0;
--oxynav-border-radius:0px;
--oxynav-other-spacing:8px;
--oxynav-transition-duration:0.3s;
--oxynav-transition-timing-function:cubic-bezier(.84,.05,.31,.93);
}

.oxy-site-navigation .oxy-site-navigation__mobile-close-wrapper{
text-align:left;
}

.oxy-site-navigation > ul{ left: 0; }
.oxy-site-navigation {
                        --oxynav-animation-name: none; 
                    }

                .oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1){ 
                    background-color: var(--oxynav-brand-color);
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                    border: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2){ 
                    background: transparent;
                    border: 1px solid currentColor;
                    transition: var(--oxynav-transition-duration);
                    margin-left: var(--oxynav-other-spacing);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2):not(:hover) > img{
                    filter: invert(0) !important;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover{
                    background-color: var(--oxynav-activehover-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a{
                    color: var(--oxynav-neutral-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a{
                    color: var(--oxynav-brand-color);
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(1) > a::after{
                    color: var(--oxynav-neutral-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:nth-last-child(2) > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true']:hover > a::after{
                    color: var(--oxynav-brand-color);   
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }
.oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > button, .oxy-site-navigation > ul:not(.open) > li[data-cta='true'] > ul{
                    display: none;
                }

                .ct-section-inner-wrap, .oxy-header-container{
  max-width: 1280px;
}
body {font-family: 'Open Sans';}body {line-height: 1.5;font-size: 18px;font-weight: 300;color: #000000;}.oxy-nav-menu-hamburger-line {background-color: #000000;}h1, h2, h3, h4, h5, h6 {font-family: 'Gilda Display';font-size: 46px;font-weight: 500;line-height: 1.3;color: #000000;}h2, h3, h4, h5, h6{font-size: 38px;font-weight: 500;line-height: 1.3;color: #000000;}h3, h4, h5, h6{font-size: 30px;font-weight: 500;line-height: 1.3;color: #000000;}h4, h5, h6{font-size: 22px;font-weight: 500;line-height: 1.3;color: #000000;}h5, h6{font-size: 18px;}h6{font-size: 16px;}a {color: #4e8540;text-decoration: none;}a:hover {color: #fdbf59;text-decoration: none;}.ct-link-text {color: #4e8540;text-decoration: ;}.ct-link-text:hover {color: #fdbf59;}.ct-link {text-decoration: ;}.ct-link-button {font-weight: 400;border-radius: 6px;}.ct-section-inner-wrap {
padding-top: 64px;
padding-right: 64px;
padding-bottom: 64px;
padding-left: 64px;
}.ct-new-columns > .ct-div-block {
padding-top: 16px;
padding-right: 16px;
padding-bottom: 16px;
padding-left: 16px;
}.oxy-header-container {
padding-right: 64px;
padding-left: 64px;
}@media (max-width: 992px) {
				.ct-columns-inner-wrap {
					display: block !important;
				}
				.ct-columns-inner-wrap:after {
					display: table;
					clear: both;
					content: "";
				}
				.ct-column {
					width: 100% !important;
					margin: 0 !important;
				}
				.ct-columns-inner-wrap {
					margin: 0 !important;
				}
			}
.home__shop-seasonal {
}
.home__block-header {
}
.home__block-header-top {
}
.home__view-all-link {
}
.home__block-header-bottom {
}
.home__shop-seasonal-slider {
}
.home__shop-seasonal-card--b {
}
.home__shop-seasonal-link {
}
.home__shop-seasonal-top {
}
.home__shop-seasonal-price {
}
.home__shop-seasonal-price-sale {
}
.home__shop-seasonal-price-compare {
}
.home__shop-seasonal-image {
}
.home__shop-seasonal-meta {
}
.home__shop-seasonal-vendor {
}
.home__shop-seasonal-type {
}
.home__shop-seasonal-title {
}
.watch {
}
.hero-slider {
}
.watch__section {
}
.watch__block-header {
}
.watch__heading {
}
.watch__view-all-link {
}
.watch__section--just-say-know-with-maria {
}
.watch__section--shop {
}
.channel-banner {
}
.channel-banner--shop {
}
.channel-banner__link {
}
.channel-banner__background-img {
}
.channel-banner__shop-logo {
}
.watch__block-header--shop {
}
.watch__heading--shop {
}
.watch__view-all-link--button {
}
.watch__section--gbl-tv-originals {
}
.watch__section--marias-kitchen {
}
.watch__section--know-n-go {
}
.watch__section--quick-hits {
}
.watch__section--knowledge-for-newbeez {
}
.watch__section--green-eye-for-the-stoner-guy {
}
.channel-banner--green-gear {
}
.channel-banner__image {
}
.channel-banner--hemp-cbd {
}
.channel-banner--furry-friends {
}
.learning-center__intro-content {
}
.learning-center__left {
}
.learning-center__right {
}
.learning-center__sub-page--post {
}
.roundedcorners {
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-top-width:0px;
 border-right-width:0px;
 border-bottom-width:0px;
 border-left-width:0px;
 border-radius:0px;
}
@media (max-width: 767px) {
.roundedcorners {
}
}

@media (max-width: 479px) {
.roundedcorners {
}
}

.boxshadow {
 border-top-color:#cfd5cd;
 border-right-color:#cfd5cd;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
@media (max-width: 1280px) {
.boxshadow {
}
}

@media (max-width: 767px) {
.boxshadow {
}
.boxshadow:not(.ct-section):not(.oxy-easy-posts),
.boxshadow.oxy-easy-posts .oxy-posts,
.boxshadow.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.header {
 margin-top:16px;
 margin-bottom:16px;
}
@media (max-width: 767px) {
.header {
}
}

@media (max-width: 479px) {
.header {
}
}

.h1-responsive {
 font-size:46px;
 text-align:center;
}
@media (max-width: 1280px) {
.h1-responsive {
 font-size:36px;
}
}

@media (max-width: 991px) {
.h1-responsive {
 font-size:30px;
}
}

@media (max-width: 767px) {
.h1-responsive {
}
}

@media (max-width: 479px) {
.h1-responsive {
 font-size:24px;
}
}

.oxel_horizontal_divider {
 margin-top:16px;
 margin-bottom:16px;
 width:100px;
}
.oxel_horizontal_divider:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
.oxel_horizontal_divider__line {
 height:2px;
 background-color:#cfd5cd;
}
.oxel_horizontal_divider__icon {
color: #cfd5cd;}.oxel_horizontal_divider__icon 
>svg {width: 20px;height: 20px;}.oxel_horizontal_divider__icon {
flex-shrink: 0;
}
.oxel_horizontal_divider__icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_horizontal_divider__icon.oxy-easy-posts .oxy-posts,
.oxel_horizontal_divider__icon.ct-section .ct-section-inner-wrap{
display:flex;
}
.blog-social-icon {
color: #ffffff;}.blog-social-icon 
>svg {width: 40px;height: 40px;}.blog-social-icon {
 margin-top:16px;
 margin-right:16px;
 margin-bottom:16px;
 margin-left:16px;
}
@media (max-width: 1280px) {
.blog-social-icon {
}.blog-social-icon 
>svg {width: 36px;height: 36px;}.blog-social-icon {
}
}

@media (max-width: 767px) {
.blog-social-icon {
}.blog-social-icon 
>svg {width: 32px;height: 32px;}.blog-social-icon {
}
}

.h3-responsive {
}
@media (max-width: 991px) {
.h3-responsive {
 font-size:24px;
}
}

@media (max-width: 767px) {
.h3-responsive {
 font-size:24px;
 text-align:center;
}
}

@media (max-width: 479px) {
.h3-responsive {
 font-size:18px;
}
}

.about-author-header {
 margin-left:238px;
}
@media (max-width: 991px) {
.about-author-header {
 margin-left:auto;
 margin-right:auto;
 align-self:center;
 width:auto;
}
}

@media (max-width: 767px) {
.about-author-header {
 align-self:center;
 width:auto;
}
}

@media (max-width: 479px) {
.about-author-header {
 align-self:center;
}
}

.div-mp {
 padding-top:16px;
 padding-right:16px;
 padding-bottom:16px;
 padding-left:16px;
 margin-top:16px;
 margin-left:8px;
 margin-right:8px;
 margin-bottom:16px;
 text-align:left;
}
.div-mp:not(.ct-section):not(.oxy-easy-posts),
.div-mp.oxy-easy-posts .oxy-posts,
.div-mp.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.learning-center__header-tag {
}
.learning-center__nav-wrapper {
}
.learning-center__nav {
}
.learning-center__nav-link {
}
.learning-center__nav-fade {
}
.learning-center__nav-arrow {
}
.learning-center__tag-hero {
}
.learning-center__sub-page--tag {
}
.learning-center__tag-content {
}
.learning-center__sub-page {
}
@media (max-width: 991px) {
.learning-center__sub-page {
}
}

@media (max-width: 767px) {
.learning-center__sub-page {
}
.learning-center__sub-page .ct-section-inner-wrap {
padding-top: 48px;
padding-right: 32px;
padding-bottom: 48px;
padding-left: 32px;
}
}

@media (max-width: 479px) {
.learning-center__sub-page {
}
.learning-center__sub-page .ct-section-inner-wrap {
padding-top: 32px;
padding-right: 20px;
padding-bottom: 32px;
padding-left: 20px;
}
}

.learning-center__header {
}
.learning-center__masthead {
}
.learning-center__masthead-left {
}
.learning-center__optin-blurb {
 font-family:Open Sans;
}
.learning-center__masthead-center {
}
.learning-center__masthead-title-accent {
 text-transform:uppercase;
}
.learning-center__masthead-right {
}
.learning-center__category-header {
}
.learning-center__category-title {
}
.learning-center__post-content {
}
.learning-center__post-header {
}
.learning-center__post-heading {
}
.learning-center__post-view-more {
}
.oxel_iconlist {
 max-width:100%;
 float:left;
 width:100%;
 border-top-color:#cfd5cd;
 border-right-color:#cfd5cd;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:7px;
}
.oxel_iconlist__row {
 padding-top:8px;
 padding-left:8px;
 padding-right:8px;
 padding-bottom:8px;
 width:100%;
 margin-top:0px;
 margin-bottom:0px;
}
.oxel_iconlist__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_iconlist__row.oxy-easy-posts .oxy-posts,
.oxel_iconlist__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel_iconlist__row {
 padding-right:0px;
}
}

@media (max-width: 479px) {
.oxel_iconlist__row {
 padding-left:0px;
}
}

.oxel_iconlist__row__icon {
color: #000000;}.oxel_iconlist__row__icon 
>svg {width: 15px;height: 15px;}.oxel_iconlist__row__icon {
 margin-left:32px;
 margin-right:16px;
}
@media (max-width: 767px) {
.oxel_iconlist__row__icon {
 margin-left:16px;
 margin-right:8px;
}
}

.oxel_iconlist__row__label {
 width:75%;
 padding-left:16px;
 text-align:left;
 color:#000000;
}
@media (max-width: 991px) {
.oxel_iconlist__row__label {
 font-size:16px;
}
}

@media (max-width: 767px) {
.oxel_iconlist__row__label {
 width:100%;
}
}

@media (max-width: 479px) {
.oxel_iconlist__row__label {
 font-family:Open Sans;
 font-size:16px;
}
}

.oxel_iconlist__row--dark {
}
.oxel-image-accordion {
}
.oxel-image-accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion.oxy-easy-posts .oxy-posts,
.oxel-image-accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
}
@media (max-width: 767px) {
.oxel-image-accordion {
 height:600px;
}
.oxel-image-accordion:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion.oxy-easy-posts .oxy-posts,
.oxel-image-accordion.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.oxel-image-accordion__item {
 position:relative;
 height:400px;
 overflow:hidden;
 transition-duration:0.6s;
 transition-timing-function:cubic-bezier(.69,.05,.67,.88);
 transition-property:all;
}
@media (max-width: 767px) {
.oxel-image-accordion__item {
 height:auto;
}
}

.oxel-image-accordion__details {
 z-index:10;
 position:absolute;
 left:18px;
 bottom:16px;
 width:10000px;
}
.oxel-image-accordion__details:not(.ct-section):not(.oxy-easy-posts),
.oxel-image-accordion__details.oxy-easy-posts .oxy-posts,
.oxel-image-accordion__details.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 767px) {
.oxel-image-accordion__details {
 position:absolute;
 bottom:8px;
 left:8px;
}
}

.oxel-image-accordion__icon {
background-color: #f9f9fa;
border: 1px solid #f9f9fa;
padding: 10px;color: #374047;}.oxel-image-accordion__icon 
>svg {width: 14px;height: 14px;}.oxel-image-accordion__icon {
 margin-right:16px;
}
@media (max-width: 767px) {
.oxel-image-accordion__icon {
padding: 6px;}.oxel-image-accordion__icon {
}
}

.oxel-image-accordion__link {
 color:#f9f9fa;
}
.oxel-image-accordion__image {
 position:absolute;
 width:100%;
 height:100%;
}
.oxel_accordion {
 border-top-color:#adb4b9;
 border-right-color:#adb4b9;
 border-bottom-color:#adb4b9;
 border-left-color:#adb4b9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 width:90%;
 margin-top:16px;
 margin-right:16px;
 margin-bottom:16px;
 margin-left:16px;
}
@media (max-width: 991px) {
.oxel_accordion {
 margin-left:0px;
 margin-top:0px;
 margin-right:0px;
 margin-bottom:0px;
}
}

.oxel_accordion__row {
 width:98%;
 padding-top:12px;
 padding-left:12px;
 padding-right:12px;
 padding-bottom:12px;
 text-align:justify;
 border-bottom-color:#eceeef;
 border-bottom-width:1px;
 border-bottom-style:solid;
 border-top-style:none;
 background-color:#f9f9fa;
 border-right-style:none;
 border-left-style:none;
 margin-top:0px;
cursor: pointer;
}
.oxel_accordion__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row.oxy-easy-posts .oxy-posts,
.oxel_accordion__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
justify-content:space-between;
}
.oxel_accordion__icon {
color: #374047;}.oxel_accordion__icon 
>svg {width: 18px;height: 18px;}.oxel_accordion__icon {
 margin-right:8px;
 transition-duration:0.3s;
}
.oxel_accordion__row_left {
}
.oxel_accordion__row_left:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__row_left.oxy-easy-posts .oxy-posts,
.oxel_accordion__row_left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_accordion__content {
 width:100%;
 padding-top:16px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:16px;
 border-bottom-color:#98a1a8;
 border-bottom-width:2px;
 border-bottom-style:none;
 overflow:hidden;
 opacity:1;
 transition-duration:3s;
 border-top-style:none;
 border-right-style:none;
 border-left-style:none;
 transition-property:max-height;
 text-align:left;
 max-height:3000px;
 margin-top:0px;
}
.oxel_accordion__content:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content.oxy-easy-posts .oxy-posts,
.oxel_accordion__content.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_accordion__content__hidden {
 max-height:0px;
 padding-left:8px;
 padding-right:8px;
 padding-top:0px;
 z-index:-1;
 padding-bottom:0px;
 transition-duration:0s;
}
.oxel_accordion__content__hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_accordion__content__hidden.oxy-easy-posts .oxy-posts,
.oxel_accordion__content__hidden.ct-section .ct-section-inner-wrap{
display:flex;
}
.oxel_accordion__row__label {
 font-family:Gilda Display;
 font-weight:400;
 color:#000000;
 text-transform:none;
 font-size:21px;
 line-height:1.4em;
}
@media (max-width: 767px) {
.oxel_accordion__row__label {
 font-size:16px;
}
}

@media (max-width: 479px) {
.oxel_accordion__row__label {
 font-size:18px;
 text-align:left;
}
}

.oxel_dropdown_buttonv2__trigger {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:16px;
 padding-right:16px;
 background-color:#fdbf59;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 position:relative;
cursor: pointer;
}
.oxel_dropdown_buttonv2__trigger:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__trigger.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__trigger.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.oxel_dropdown_buttonv2__trigger {
}
}

.oxel_dropdown_buttonv2 {
 background-color:#374047;
 position:relative;
}
.oxel_dropdown_buttonv2:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_dropdown_buttonv2__submenu {
 position:absolute;
 left:0px;
 min-width:100%;
 padding-top:4px;
 width:200px;
 z-index:10;
 top:100%;
padding-inline-start: 0; margin-block-start: 0; margin-block-end: 0;
}
.oxel_dropdown_buttonv2__submenu--hidden {
 opacity:0;
pointer-events: none;
}
.oxel_dropdown_buttonv2__submenu--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenu--hidden.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenu--hidden.ct-section .ct-section-inner-wrap{
display:none;
}
.oxel_dropdown_buttonv2__submenubutton:hover{
 background-color:#fdbf59;
}
.oxel_dropdown_buttonv2__submenubutton {
 text-align:left;
 background-color:#eceeef;
 min-width:100%;
 color:#374047;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.oxel_dropdown_buttonv2__submenubutton:not(.ct-section):not(.oxy-easy-posts),
.oxel_dropdown_buttonv2__submenubutton.oxy-easy-posts .oxy-posts,
.oxel_dropdown_buttonv2__submenubutton.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.oxel_dropdown_buttonv2__submenulabel {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:16px;
 padding-right:16px;
 width:100%;
 color:#374047;
 font-size:18px;
}
@media (max-width: 991px) {
.oxel_dropdown_buttonv2__submenulabel {
 font-size:16px;
}
}

.oxel_dropdown_buttonv2__label {
 font-family:Open Sans;
 color:#000000;
 background-color:#fdbf59;
 font-size:20px;
 font-weight:400;
 letter-spacing:1px;
white-space: nowrap;
}
@media (max-width: 991px) {
.oxel_dropdown_buttonv2__label {
 font-size:18px;
}
}

@media (max-width: 767px) {
.oxel_dropdown_buttonv2__label {
 font-size:18px;
}
}

.oxel_dropdown_buttonv2__symbol {
background-image: linear-gradient(135deg, rgba(0,0,0,0) 50%, #ffffff 50%);transform:rotate(45deg); margin-top:-4px;
 margin-left:16px;
 width:10px;
 background-color:#000000;
 height:10px;
min-width: 0 !important; min-height: 0 !important;
}
.h2-responsive {
 margin-top:32px;
 text-align:left;
}
@media (max-width: 1280px) {
.h2-responsive {
 font-size:28px;
 margin-top:0px;
}
}

@media (max-width: 991px) {
.h2-responsive {
 margin-bottom:0px;
 font-size:28px;
}
}

@media (max-width: 767px) {
.h2-responsive {
 font-size:24px;
 text-align:center;
}
}

@media (max-width: 479px) {
.h2-responsive {
 font-size:22px;
}
}

.blog-section {
}
.blog-text-link:hover{
 color:#000000;
}
.blog-text-link {
 color:#000000;
 hover_color:#000000;
 font-weight:400;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 font-size:20px;
}
@media (max-width: 1280px) {
.blog-text-link {
 font-size:16px;
}
}

@media (max-width: 991px) {
.blog-text-link {
 font-size:14px;
}
}

.blog-cat-link:hover{
 color:#4e8540;
}
.blog-cat-link {
 font-size:12px;
 font-weight:400;
 text-transform:uppercase;
 color:#4e8540;
 hover_color:#4e8540;
 text-align:left;
 margin-top:0px;
 padding-top:0px;
}
.blog-small-link:hover{
 color:#000000;
}
.blog-small-link {
 hover_color:#000000;
 text-align:left;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin-top:0px;
 align-self:flex-start;
}
.blog-small-link:not(.ct-section):not(.oxy-easy-posts),
.blog-small-link.oxy-easy-posts .oxy-posts,
.blog-small-link.ct-section .ct-section-inner-wrap{
display:inline;
}
@media (max-width: 1280px) {
.blog-small-link {
 font-size:16px;
}
}

@media (max-width: 991px) {
.blog-small-link {
 font-size:14px;
}
}

.h4-responsive {
}
@media (max-width: 991px) {
.h4-responsive {
 font-size:20px;
}
}

@media (max-width: 767px) {
.h4-responsive {
 font-size:16px;
}
}

.p-responsive {
 font-size:18px;
 text-align:left;
 margin-top:0px;
 margin-bottom:0px;
 font-weight:400;
}
@media (max-width: 1280px) {
.p-responsive {
 font-size:16px;
}
}

@media (max-width: 991px) {
.p-responsive {
 margin-top:0px;
 font-size:14px;
}
}

@media (max-width: 767px) {
.p-responsive {
 font-size:16px;
}
}

@media (max-width: 479px) {
.p-responsive {
}
.p-responsive:not(.ct-section):not(.oxy-easy-posts),
.p-responsive.oxy-easy-posts .oxy-posts,
.p-responsive.ct-section .ct-section-inner-wrap{
align-items:center;
}
}

.blog-hero {
background-size: cover; background-color:#4e8540;
 height:60vh;
 width:100%;
 background-position:0% 100%;
}
.blog-hero .ct-section-inner-wrap {
padding-top: 250px;
padding-bottom: 250px;
}
@media (max-width: 991px) {
.blog-hero {
background-size: cover; height:400px;
}
}

@media (max-width: 767px) {
.blog-hero {
 height:300px;
}
}

.oxel_icon_button__container:hover{
 background-color:#cfd3d7;
}
.oxel_icon_button__container {
 background-color:#eceeef;
 padding-top:8px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:8px;
 transition-duration:0.3s;
}
.oxel_icon_button__container:not(.ct-section):not(.oxy-easy-posts),
.oxel_icon_button__container.oxy-easy-posts .oxy-posts,
.oxel_icon_button__container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.oxel_icon_button_text {
 color:#374047;
}
.oxel_icon_button_icon {
color: #606e79;}.oxel_icon_button_icon 
>svg {width: 18px;height: 18px;}.oxel_icon_button_icon {
 margin-right:8px;
}
.episode-border:hover{
 border-top-width:2px;
 border-right-width:2px;
 border-bottom-width:2px;
 border-left-width:2px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:12px;
 border-top-color:#f5f5f5;
 border-right-color:#f5f5f5;
 border-bottom-color:#f5f5f5;
 border-left-color:#f5f5f5;
}
.episode-border {
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 border-radius:12px;
}
@media (max-width: 767px) {
.episode-border {
}
}

.truncate {
 float:left;
 max-width:100%;
overflow: hidden; white-space: nowrap; text-overflow: ellipsis !important;
}
.truncate:not(.ct-section):not(.oxy-easy-posts),
.truncate.oxy-easy-posts .oxy-posts,
.truncate.ct-section .ct-section-inner-wrap{
display:inline-block;
}
.shadow-small {
 margin-right:0px;
 border-top-color:#f9faf9;
 border-right-color:#f9faf9;
 border-bottom-color:#f9faf9;
 border-left-color:#f9faf9;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.shadow-small:not(.ct-section):not(.oxy-easy-posts),
.shadow-small.oxy-easy-posts .oxy-posts,
.shadow-small.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 767px) {
.shadow-small {
}
}

.button:hover{
 color:#000000;
 border-top-color:#000000;
 border-right-color:#000000;
 border-bottom-color:#000000;
 border-left-color:#000000;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.button {
 font-family:Open Sans;
 background-color:#fdbf59;
 padding-top:8px;
 padding-bottom:8px;
 padding-left:32px;
 padding-right:32px;
 color:#000000;
 font-size:24px;
 text-transform:uppercase;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; letter-spacing:1px;
 margin-top:32px;
 margin-bottom:16px;
 font-weight:400;
 text-align:center;
}
.button:not(.ct-section):not(.oxy-easy-posts),
.button.oxy-easy-posts .oxy-posts,
.button.ct-section .ct-section-inner-wrap{
display:none;
align-items:center;
align-content:center;
justify-content:center;
}
@media (max-width: 1280px) {
.button {
 font-size:18px;
}
}

@media (max-width: 991px) {
.button {
 font-size:14px;
 padding-left:8px;
 padding-right:8px;
 line-height:1.2;
 margin-bottom:16px;
}
}

@media (max-width: 767px) {
.button {
 font-size:16px;
}
}

.klaviyo_form_trigger {
}
.cursor {
}
.oxel-vidlist {
 width:100%;
}
.oxel-vidlist__columns {
 width:100%;
 position:relative;
}
.oxel-vidlist__columns:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__columns.oxy-easy-posts .oxy-posts,
.oxel-vidlist__columns.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:flex-start;
}
@media (max-width: 991px) {
.oxel-vidlist__columns {
}
.oxel-vidlist__columns:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__columns.oxy-easy-posts .oxy-posts,
.oxel-vidlist__columns.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.oxel-vidlist__column--left {
 width:60%;
 text-align:center;
}
.oxel-vidlist__column--left:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__column--left.oxy-easy-posts .oxy-posts,
.oxel-vidlist__column--left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel-vidlist__column--right {
 right:0px;
 width:40%;
 text-align:left;
 height:100%;
 position:absolute;
 left:60%;
 top:0px;
 background-color:#cfd3d7;
}
.oxel-vidlist__column--right:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__column--right.oxy-easy-posts .oxy-posts,
.oxel-vidlist__column--right.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
justify-content:flex-start;
}
@media (max-width: 991px) {
.oxel-vidlist__column--right {
 max-height:200%;
}
}

.oxel-vidlist__column {
}
@media (max-width: 991px) {
.oxel-vidlist__column {
 width:100%;
 position:static;
}
}

.oxel-vidlist__video {
}
.oxel-vidlist__video--main {
}
.oxel-vidlist__list-item:hover{
 background-color:#dee1e3;
}
.oxel-vidlist__list-item {
 width:100%;
 padding-top:16px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:16px;
 text-align:left;
 color:initial;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.oxel-vidlist__list-item:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__list-item.oxy-easy-posts .oxy-posts,
.oxel-vidlist__list-item.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.oxel-vidlist__list-item-title {
 width:70%;
}
.oxel-vidlist__icon {
color: #606e79;}.oxel-vidlist__icon 
>svg {width: 32px;height: 32px;}.oxel-vidlist__icon {
 margin-left:16px;
 margin-right:16px;
 height:32px;
}
.oxel-vidlist__icon--inactive {
color: #606e79;}.oxel-vidlist__icon--inactive 
>svg {width: 32px;height: 32px;}.oxel-vidlist__icon--inactive {
}
.oxel-vidlist__icon--active {
color: #606e79;}.oxel-vidlist__icon--active 
>svg {width: 32px;height: 32px;}.oxel-vidlist__icon--active {
}
.oxel-vidlist__list-item--active {
 background-color:#dee1e3;
}
.oxel-vidlist__list-item-left {
 text-align:center;
}
.oxel-vidlist__list-item-left:not(.ct-section):not(.oxy-easy-posts),
.oxel-vidlist__list-item-left.oxy-easy-posts .oxy-posts,
.oxel-vidlist__list-item-left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:center;
}
.oxel_toc__primary:hover{
 color:#000000;
}
.oxel_toc__primary {
 color:#000000;
 font-size:16px;
 text-transform:capitalize;
 letter-spacing:1px;
 padding-left:8px;
 width:100%;
 padding-bottom:4px;
 border-top-color:#cfd5cd;
 border-right-color:#606e79;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-bottom-width:1px;
 margin-bottom:8px;
 padding-top:4px;
 border-left-width:2px;
 border-top-width:1px;
}
.oxel_toc__sub:hover{
 color:#21262d;
}
.oxel_toc__sub {
 text-decoration:underline;
 color:#21262d;
 margin-left:16px;
 font-size:16px;
}
.oxel_toc__sub__2 {
 margin-left:32px;
}
.oxel_toc__sub__1:hover{
 color:#000000;
}
.oxel_toc__sub__1 {
 font-size:16px;
 color:#21262d;
}
.oxel_toc__container {
 padding-bottom:16px;
 width:100%;
}
.oxel_toc__sub__3 {
 margin-left:48px;
}
.oxel_toc__sub__4 {
 margin-left:64px;
}
.oxel_toc__template {
}
.oxel_logo_slider {
 width:100%;
 position:relative;
 overflow:hidden;
 background-color:#ffffff;
 text-align:center;
}
.oxel_logo_slider:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider.oxy-easy-posts .oxy-posts,
.oxel_logo_slider.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.oxel_logo_slider__logo {
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 width:20%;
 height:100px;
 text-align:center;
 padding-top:16px;
 padding-left:16px;
 padding-right:16px;
 padding-bottom:16px;
}
.oxel_logo_slider__logo:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__logo.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__logo.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:center;
}
.oxel_logo_slider__image_carrier {
 width:100%;
 text-align:left;
 flex-shrink:0;
 transition-duration:0.1s;
 transition-timing-function:linear;
}
.oxel_logo_slider__image_carrier:not(.ct-section):not(.oxy-easy-posts),
.oxel_logo_slider__image_carrier.oxy-easy-posts .oxy-posts,
.oxel_logo_slider__image_carrier.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
justify-content:flex-start;
}
.oxel_logo_slider__image_carrier--delay {
}
.oxel_megamenu_parent:hover{
 color:#ffffff;
}
.oxel_megamenu_parent {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:32px;
 padding-right:32px;
 position:relative;
 transition-duration:0.3s;
}
.oxel_megamenu_parent:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu_parent.oxy-easy-posts .oxy-posts,
.oxel_megamenu_parent.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 1280px) {
.oxel_megamenu_parent {
 padding-left:16px;
 padding-right:16px;
}
}

@media (max-width: 991px) {
.oxel_megamenu_parent {
 padding-left:8px;
 padding-right:8px;
}
}

@media (max-width: 767px) {
.oxel_megamenu_parent {
 padding-left:16px;
 padding-right:16px;
}
}

@media (max-width: 479px) {
.oxel_megamenu_parent {
 padding-left:8px;
 padding-right:8px;
}
}

.oxel_megamenu_parent__title:hover{
}
.oxel_megamenu_parent__title {
 color:#ffffff;
 font-size:20px;
 text-transform:uppercase;
}
@media (max-width: 479px) {
.oxel_megamenu_parent__title {
 font-size:16px;
}
}

.oxel_megamenu__wrapper {
transform:; padding-top:32px;
 padding-left:0px;
 padding-right:0px;
 padding-bottom:0px;
 opacity:1;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 position:relative;
 z-index:1999;
 transition-property:opacity;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__wrapper {
 width:100%;
}
}

@media (max-width: 767px) {
.oxel_megamenu__wrapper {
 width:100%;
}
.oxel_megamenu__wrapper:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

@media (max-width: 479px) {
.oxel_megamenu__wrapper {
 width:100%;
}
}

.oxel_megamenu__wrapper--hidden {
transform:translateY(64px); opacity:0;
pointer-events: none;
}
@media (max-width: 767px) {
.oxel_megamenu__wrapper--hidden {
}
.oxel_megamenu__wrapper--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper--hidden.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper--hidden.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

@media (max-width: 479px) {
.oxel_megamenu__wrapper--hidden {
 text-align:center;
}
.oxel_megamenu__wrapper--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__wrapper--hidden.oxy-easy-posts .oxy-posts,
.oxel_megamenu__wrapper--hidden.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
}

.oxel_megamenu__close-icon {
background-color: #f4f4f4;
border: 1px solid #f4f4f4;
padding: 20px;color: #fdbf59;}.oxel_megamenu__close-icon 
>svg {width: 58px;height: 58px;}.oxel_megamenu__close-icon {
 position:absolute;
 top:48px;
 right:16px;
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
@media (max-width: 991px) {
.oxel_megamenu__close-icon {
background-color: #f9faf9;
border: 1px solid #f9faf9;
padding: 4px;color: #000000;}.oxel_megamenu__close-icon 
>svg {width: 20px;height: 20px;}.oxel_megamenu__close-icon {
}
.oxel_megamenu__close-icon:not(.ct-section):not(.oxy-easy-posts),
.oxel_megamenu__close-icon.oxy-easy-posts .oxy-posts,
.oxel_megamenu__close-icon.ct-section .ct-section-inner-wrap{
display:flex;
}
}

@media (max-width: 767px) {
.oxel_megamenu__close-icon {
background-color: #ffffff;
border: 1px solid #ffffff;
padding: 4px;color: #000000;}.oxel_megamenu__close-icon 
>svg {width: 20px;height: 20px;}.oxel_megamenu__close-icon {
}
}

@media (max-width: 479px) {
.oxel_megamenu__close-icon {
background-color: #ffffff;
border: 1px solid #ffffff;
padding: 4px;color: #000000;}.oxel_megamenu__close-icon 
>svg {width: 20px;height: 20px;}.oxel_megamenu__close-icon {
}
}

.oxel_dynamicslider {
 width:100%;
}
.swiper-container {
}
.oxel_dynamicslider__container {
 height:400px;
}
.swiper-wrapper {
}
.swiper-slide {
}
.oxel_floating_icon_menu {
 position:fixed;
 right:32px;
 bottom:32px;
 text-align:right;
 z-index:9999;
pointer-events: none;
}
.oxel_floating_icon_menu:not(.ct-section):not(.oxy-easy-posts),
.oxel_floating_icon_menu.oxy-easy-posts .oxy-posts,
.oxel_floating_icon_menu.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column-reverse;
align-items:flex-end;
}
.oxel_floating_icon_menu__main_icon:hover{
background-color: #606e79;
border: 1px solid #606e79;
padding: ;}.oxel_floating_icon_menu__main_icon:hover{
}
.oxel_floating_icon_menu__main_icon {
background-color: #374047;
border: 1px solid #374047;
padding: 16px;color: #f9f9fa;}.oxel_floating_icon_menu__main_icon 
>svg {width: 24px;height: 24px;}.oxel_floating_icon_menu__main_icon {
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
cursor: pointer; pointer-events: all;
}
.oxel_floating_icon_menu__row {
 margin-bottom:8px;
 margin-top:8px;
}
.oxel_floating_icon_menu__row:not(.ct-section):not(.oxy-easy-posts),
.oxel_floating_icon_menu__row.oxy-easy-posts .oxy-posts,
.oxel_floating_icon_menu__row.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.floating_icon_menu__hidden_icon:hover{
background-color: #606e79;
border: 1px solid #606e79;
padding: ;}.floating_icon_menu__hidden_icon:hover{
}
.floating_icon_menu__hidden_icon {
background-color: #374047;
border: 1px solid #374047;
padding: 16px;color: #f9f9fa;}.floating_icon_menu__hidden_icon 
>svg {width: 18px;height: 18px;}.floating_icon_menu__hidden_icon {
 margin-right:3px;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
}
.oxel_floating_icon_menu__label {
 margin-right:16px;
 font-size:12px;
 text-transform:uppercase;
 letter-spacing:2px;
 font-weight:600;
 background-color:#eceeef;
 padding-top:2px;
 padding-bottom:2px;
 padding-left:4px;
 padding-right:4px;
 color:#374047;
}
.oxel_floating_icon_menu__hidden_links {
transform:translate(100px); transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 opacity:0;
 text-align:right;
}
.oxel_floating_icon_menu__hidden_links:not(.ct-section):not(.oxy-easy-posts),
.oxel_floating_icon_menu__hidden_links.oxy-easy-posts .oxy-posts,
.oxel_floating_icon_menu__hidden_links.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-end;
}
.tabs-8932-tab:hover{
 background-color:#ffffff;
}
.tabs-8932-tab {
 background-color:#eceeef;
 padding-top:16px;
 padding-bottom:16px;
 padding-left:32px;
 padding-right:32px;
 color:#374047;
 transition-duration:0.3s;
 transition-timing-function:ease-in-out;
 border-top-color:#eceeef;
 border-right-color:#eceeef;
 border-bottom-color:#eceeef;
 border-left-color:#eceeef;
 border-top-style:solid;
 border-right-style:none;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
.tabs-8932-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-8932-tab.oxy-easy-posts .oxy-posts,
.tabs-8932-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
@media (max-width: 991px) {
.tabs-8932-tab {
 border-bottom-style:none;
 border-right-color:#dee1e3;
 border-right-width:1px;
 border-right-style:solid;
}
}

@media (max-width: 479px) {
.tabs-8932-tab {
 padding-left:16px;
 padding-right:16px;
}
}

.tabs-8932-tab-active {
 margin-left:-8px;
 background-color:#ffffff;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:none;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-left:40px;
}
@media (max-width: 991px) {
.tabs-8932-tab-active {
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:none;
 border-left-style:solid;
 margin-left:0px;
 padding-left:032px;
}
}

@media (max-width: 479px) {
.tabs-8932-tab-active {
 padding-left:16px;
 padding-right:16px;
}
}

.tabs-contents-8932-tab {
}
.oxel_dashboard_tabs {
 width:100%;
}
.oxel_dashboard_tabs:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:stretch;
}
@media (max-width: 991px) {
.oxel_dashboard_tabs {
}
.oxel_dashboard_tabs:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
}

.oxel_dashboard_tabs__tab_icon {
color: #7f8b93;}.oxel_dashboard_tabs__tab_icon 
>svg {width: 18px;height: 18px;}.oxel_dashboard_tabs__tab_icon {
 margin-right:8px;
}
@media (max-width: 767px) {
.oxel_dashboard_tabs__tab_icon {
 margin-right:0px;
}
}

.oxel_dashboard_tabs__tab_label {
 line-height:1;
 font-size:14px;
 text-transform:uppercase;
}
@media (max-width: 767px) {
.oxel_dashboard_tabs__tab_label {
}
.oxel_dashboard_tabs__tab_label:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs__tab_label.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs__tab_label.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
}

.oxel_dashboard_tabs__tab {
}
.oxel_dashboard_tabs__tab_content_container {
 width:75%;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:none;
 overflow:hidden;
}
@media (max-width: 991px) {
.oxel_dashboard_tabs__tab_content_container {
 width:100%;
 border-top-color:#dee1e3;
 border-right-color:#dee1e3;
 border-bottom-color:#dee1e3;
 border-left-color:#dee1e3;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
}

.oxel_dashboard_tabs__tab_content--hidden {
}
.oxel_dashboard_tabs__tab_content--hidden:not(.ct-section):not(.oxy-easy-posts),
.oxel_dashboard_tabs__tab_content--hidden.oxy-easy-posts .oxy-posts,
.oxel_dashboard_tabs__tab_content--hidden.ct-section .ct-section-inner-wrap{
display:none;
flex-direction:unset;
}
.oxel-breadcrumb-wrapper {
 width:100%;
}
.oxel-breadcrumb-code {
 width:100%;
}
.menu-container {
 margin-bottom:0px;
}
.menu-container:not(.ct-section):not(.oxy-easy-posts),
.menu-container.oxy-easy-posts .oxy-posts,
.menu-container.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:row;
align-items:center;
}
.menu-item:hover{
 color:#4e8540;
 background-color:#f9faf9;
}
.menu-item {
 padding-top:8px;
 padding-bottom:8px;
 padding-left:32px;
 padding-right:32px;
 color:#000000;
 text-transform:uppercase;
 transition-duration:.3s;
}
.watch-menu-link:hover{
 color:#4e8540;
}
.watch-menu-link {
 font-family:Open Sans;
 color:#000000;
 font-size:18px;
 margin-left:8px;
 margin-bottom:8px;
 margin-top:8px;
 line-height:1.2;
}
.menu-dropdown-icon {
color: #000000;}.menu-dropdown-icon 
>svg {width: 18px;height: 18px;}.menu-dropdown-icon {
 margin-left:8px;
}
.oxy-stock-content-styles {
}
.blog-block {
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin-top:8px;
 margin-right:8px;
 margin-bottom:8px;
 margin-left:8px;
}
.blog-block:not(.ct-section):not(.oxy-easy-posts),
.blog-block.oxy-easy-posts .oxy-posts,
.blog-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
}
@media (max-width: 479px) {
.blog-block {
 margin-top:8px;
 margin-right:0px;
 margin-bottom:8px;
 margin-left:0px;
}
}

.blog-block-title {
 font-family:Open Sans;
 font-size:18px;
 text-align:center;
 color:#404040;
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
 padding-left:8px;
 width:100%;
 margin-bottom:16px;
 font-weight:300;
}
@media (max-width: 1280px) {
.blog-block-title {
 font-size:18px;
}
}

@media (max-width: 991px) {
.blog-block-title {
 font-size:18px;
}
}

@media (max-width: 767px) {
.blog-block-title {
 font-size:16px;
}
}

@media (max-width: 479px) {
.blog-block-title {
 font-size:16px;
}
}

.blog-block-copy {
 padding-top:8px;
 padding-right:5%;
 padding-bottom:8px;
 padding-left:5%;
 text-align:center;
 margin-top:0px;
 color:#000000;
}
@media (max-width: 991px) {
.blog-block-copy {
 font-size:16px;
}
}

.blog-block-image {
 border-top-left-radius:7px;
 border-top-right-radius:7px;
 border-radius:0px;
}
.testimonial-slide-quote {
 font-family:Gilda Display;
 color:#404040;
 font-size:24px;
 font-style:italic;
 margin-bottom:32px;
 margin-top:32px;
}
@media (max-width: 991px) {
.testimonial-slide-quote {
 font-size:20px;
}
}

@media (max-width: 767px) {
.testimonial-slide-quote {
 font-size:18px;
}
}

@media (max-width: 479px) {
.testimonial-slide-quote {
 font-size:16px;
}
}

.step {
 background-color:#4e8540;
 width:125px;
 height:125px;
 border-radius:90%;
 z-index:1;
}
@media (max-width: 767px) {
.step {
 width:100px;
 height:100px;
}
}

.step-info {
 margin-top:120px;
 margin-left:-30px;
 background-color:#ffffff;
 z-index:1;
 width:60%;
 padding-top:32px;
 padding-right:32px;
 padding-bottom:32px;
 padding-left:32px;
 border-top-color:#cfd5cd;
 border-right-color:#cfd5cd;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
@media (max-width: 767px) {
.step-info {
 width:100%;
 margin-top:32px;
 margin-left:8px;
 margin-right:8px;
}
}

.step-image {
 margin-top:60px;
 margin-left:-40px;
 z-index:0;
 width:35%;
}
@media (max-width: 767px) {
.step-image {
 width:100%;
 margin-top:32px;
 margin-left:8px;
 margin-right:8px;
}
}

.feature-block {
 background-color:#ffffff;
}
.tabs-5436-tab {
}
.tabs-5436-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-5436-tab.oxy-easy-posts .oxy-posts,
.tabs-5436-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
.tabs-5436-tab-active {
}
.tabs-contents-5436-tab {
}
.tabs-3648-tab {
 padding-top:8px;
 padding-bottom:8px;
 border-top-color:#cfd5cd;
 border-right-color:#cfd5cd;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 background-color:#f9faf9;
}
.tabs-3648-tab:not(.ct-section):not(.oxy-easy-posts),
.tabs-3648-tab.oxy-easy-posts .oxy-posts,
.tabs-3648-tab.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
}
.tabs-3648-tab-active {
 background-color:#ffffff;
}
.tabs-contents-3648-tab {
}
.icon-menu-link {
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
 padding-left:8px;
 margin-top:8px;
 margin-right:8px;
 margin-bottom:8px;
 margin-left:8px;
 border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
}
.icon-menu-link:not(.ct-section):not(.oxy-easy-posts),
.icon-menu-link.oxy-easy-posts .oxy-posts,
.icon-menu-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.icon-menu-img {
 border-top-color:#4e8540;
 border-right-color:#4e8540;
 border-bottom-color:#4e8540;
 border-left-color:#4e8540;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-radius:90%;
 padding-top:4px;
 padding-right:4px;
 padding-bottom:4px;
 padding-left:4px;
 width:80px;
 max-width:80px;
}
.mj-types-block {
 width:100%;
 padding-top:0px;
 padding-right:0px;
 padding-bottom:0px;
 padding-left:0px;
 margin-top:32px;
 margin-bottom:32px;
}
.mj-types-block:not(.ct-section):not(.oxy-easy-posts),
.mj-types-block.oxy-easy-posts .oxy-posts,
.mj-types-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
}
@media (max-width: 767px) {
.mj-types-block {
}
}

.img-top-round {
 border-top-left-radius:7px;
 border-top-right-radius:7px;
}
.rsp-h1 {
 margin-top:16px;
 margin-bottom:16px;
}
.rsp-h2 {
 margin-top:16px;
 margin-bottom:16px;
}
.post-slider-link {
 border-top-color:#4e8540;
 border-right-color:#4e8540;
 border-bottom-color:#4e8540;
 border-left-color:#4e8540;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
 padding-left:8px;
}
.timeline-entry--left:after{
transform:rotate(45deg); position:absolute;
 right:-16px;
 width:32px;
 height:32px;
 background-color:#ffffff;
 border-radius:7px;
 border-top-left-radius:0px;
 border-bottom-right-radius:0px;
  content:"";
}
.timeline-entry--left {
 position:relative;
 text-align:center;
 border-top-color:#fdbf59;
 border-right-color:#fdbf59;
 border-bottom-color:#fdbf59;
 border-left-color:#fdbf59;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:32px;
 padding-right:32px;
 padding-bottom:32px;
 padding-left:32px;
 gap:8px;
}
.timeline-entry--left:not(.ct-section):not(.oxy-easy-posts),
.timeline-entry--left.oxy-easy-posts .oxy-posts,
.timeline-entry--left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:flex-start;
gap:8px;
}
@media (max-width: 991px) {
.timeline-entry--left {
 width:60%;
 text-align:center;
 z-index:0;
}
.timeline-entry--left:not(.ct-section):not(.oxy-easy-posts),
.timeline-entry--left.oxy-easy-posts .oxy-posts,
.timeline-entry--left.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.timeline-entry--left:after{
}
.timeline-entry--left:not(.ct-section):not(.oxy-easy-posts):after,
.timeline-entry--left.oxy-easy-posts .oxy-posts:after,
.timeline-entry--left.ct-section .ct-section-inner-wrap:after{
display:none;
}
}

@media (max-width: 767px) {
.timeline-entry--left {
 width:80%;
 padding-left:16px;
 padding-right:16px;
}
}

@media (max-width: 479px) {
.timeline-entry--left {
 width:90%;
}
}

.timeline-entry--right:after{
transform:rotate(45deg); position:absolute;
 width:32px;
 height:32px;
 background-color:#ffffff;
 border-radius:7px;
 border-top-left-radius:0px;
 border-bottom-right-radius:0px;
 left:-16px;
  content:"";
}
.timeline-entry--right {
 position:relative;
 border-top-color:#fdbf59;
 border-right-color:#fdbf59;
 border-bottom-color:#fdbf59;
 border-left-color:#fdbf59;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 padding-top:32px;
 padding-right:32px;
 padding-bottom:32px;
 padding-left:32px;
 gap:8px;
}
.timeline-entry--right:not(.ct-section):not(.oxy-easy-posts),
.timeline-entry--right.oxy-easy-posts .oxy-posts,
.timeline-entry--right.ct-section .ct-section-inner-wrap{
gap:8px;
}
@media (max-width: 991px) {
.timeline-entry--right {
 width:60%;
}
.timeline-entry--right:after{
}
.timeline-entry--right:not(.ct-section):not(.oxy-easy-posts):after,
.timeline-entry--right.oxy-easy-posts .oxy-posts:after,
.timeline-entry--right.ct-section .ct-section-inner-wrap:after{
display:none;
}
}

@media (max-width: 767px) {
.timeline-entry--right {
 width:80%;
 padding-left:16px;
 padding-right:16px;
}
}

@media (max-width: 479px) {
.timeline-entry--right {
 width:90%;
}
}

.timeline-spacer {
 height:300px;
}
@media (max-width: 991px) {
.timeline-spacer {
}
.timeline-spacer:not(.ct-section):not(.oxy-easy-posts),
.timeline-spacer.oxy-easy-posts .oxy-posts,
.timeline-spacer.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
}

.timeline-heading {
 font-size:24px;
 text-align:left;
 margin-bottom:0px;
 margin-top:0px;
}
@media (max-width: 767px) {
.timeline-heading {
}
}

.timeline-card-desktop {
}
@media (max-width: 991px) {
.timeline-card-desktop {
}
.timeline-card-desktop:not(.ct-section):not(.oxy-easy-posts),
.timeline-card-desktop.oxy-easy-posts .oxy-posts,
.timeline-card-desktop.ct-section .ct-section-inner-wrap{
display:none;
}
}

.timeline-card--mobile {
}
.timeline-card--mobile:not(.ct-section):not(.oxy-easy-posts),
.timeline-card--mobile.oxy-easy-posts .oxy-posts,
.timeline-card--mobile.ct-section .ct-section-inner-wrap{
display:none;
}
@media (max-width: 991px) {
.timeline-card--mobile {
}
.timeline-card--mobile:not(.ct-section):not(.oxy-easy-posts),
.timeline-card--mobile.oxy-easy-posts .oxy-posts,
.timeline-card--mobile.ct-section .ct-section-inner-wrap{
display:flex;
}
}

.mj-types-header {
}
@media (max-width: 767px) {
.mj-types-header {
background-image:url(https://staging.greenbeelife.com/wp-content/uploads/2023/03/flower.jpg); background-position:50% 0%;
}
}

.episode-block-title {
 color:#ffffff;
 margin-top:16px;
 padding-top:8px;
 padding-bottom:8px;
 width:100%;
 background-color:#404040;
 border-top-color:#ffffff;
 border-right-color:#ffffff;
 border-bottom-color:#ffffff;
 border-left-color:#ffffff;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 font-weight:400;
}
.episode-block-title:not(.ct-section):not(.oxy-easy-posts),
.episode-block-title.oxy-easy-posts .oxy-posts,
.episode-block-title.ct-section .ct-section-inner-wrap{
display:flex;
justify-content:center;
}
@media (max-width: 991px) {
.episode-block-title {
 font-size:16px;
}
}

.slider-block {
 text-align:left;
}
.slider-block:not(.ct-section):not(.oxy-easy-posts),
.slider-block.oxy-easy-posts .oxy-posts,
.slider-block.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.episode-title {
 color:#ffffff;
 background-color:#21262d;
 margin-top:8px;
 padding-top:8px;
 padding-right:8px;
 padding-bottom:8px;
 padding-left:8px;
 font-size:14px;
 width:100%;
}
.social-icon:hover{
color: #fdbf59;}.social-icon:hover{
}
.social-icon {
color: #4e8540;}.social-icon 
>svg {width: 40px;height: 40px;}.social-icon {
 margin-top:16px;
 margin-right:16px;
 margin-bottom:16px;
 margin-left:16px;
}
@media (max-width: 1280px) {
.social-icon {
}.social-icon 
>svg {width: 36px;height: 36px;}.social-icon {
}
}

@media (max-width: 767px) {
.social-icon {
}.social-icon 
>svg {width: 32px;height: 32px;}.social-icon {
}
}

.mega-menu-text-link:hover{
 color:#4e8540;
 font-weight:400;
}
.mega-menu-text-link {
 color:#000000;
 margin-left:24px;
 margin-right:24px;
 font-size:20px;
 font-weight:300;
}
@media (max-width: 767px) {
.mega-menu-text-link {
 margin-top:8px;
 margin-bottom:8px;
}
}

@media (max-width: 479px) {
.mega-menu-text-link {
 width:100%;
}
}

.menu-link {
 font-size:16px;
 color:#ffffff;
 text-transform:uppercase;
 letter-spacing:4px;
 margin-bottom:8px;
}
.products {
}
.reverse_button {
 color:#fdbf59;
 font-size:18px;
 padding-left:32px;
 padding-right:32px;
 padding-top:8px;
 padding-bottom:8px;
 border-top-color:#fdbf59;
 border-right-color:#fdbf59;
 border-bottom-color:#fdbf59;
 border-left-color:#fdbf59;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 text-transform:uppercase;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;}
.footer-link {
 color:#ffffff;
}
.headline-text {
 font-size:22px;
 font-weight:400;
 width:80%;
 text-align:center;
 margin-bottom:0px;
}
@media (max-width: 1280px) {
.headline-text {
 font-size:20px;
}
}

@media (max-width: 991px) {
.headline-text {
 width:100%;
}
}

@media (max-width: 767px) {
.headline-text {
 font-size:16px;
}
}

.mobile-cats-div {
 min-width:90px;
 padding-top:4px;
 padding-right:4px;
 padding-bottom:4px;
 padding-left:4px;
}
@media (max-width: 991px) {
.mobile-cats-div {
}
}

@media (max-width: 479px) {
.mobile-cats-div {
 min-width:90px;
 padding-top:4px;
 padding-right:4px;
 padding-bottom:4px;
 padding-left:4px;
}
}

.ingredients-box {
 padding-top:16px;
 padding-right:16px;
 padding-bottom:16px;
 padding-left:16px;
 border-top-color:#cfd5cd;
 border-right-color:#cfd5cd;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.ingredients-box:not(.ct-section):not(.oxy-easy-posts),
.ingredients-box.oxy-easy-posts .oxy-posts,
.ingredients-box.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
.product-link:hover{
 border-top-color:#cfd5cd;
 border-right-color:#cfd5cd;
 border-bottom-color:#cfd5cd;
 border-left-color:#cfd5cd;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
}
.product-link {
 padding-top:16px;
 padding-right:16px;
 padding-bottom:0px;
 padding-left:16px;
 text-align:justify;
 width:NaNpx;
 min-height:100%;
}
.product-link:not(.ct-section):not(.oxy-easy-posts),
.product-link.oxy-easy-posts .oxy-posts,
.product-link.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
justify-content:space-between;
}
@media (max-width: 991px) {
.product-link {
 padding-top:0px;
 padding-right:0px;
 padding-left:0px;
}
}

.product-div {
 width:25%;
 text-align:center;
}
.product-div:not(.ct-section):not(.oxy-easy-posts),
.product-div.oxy-easy-posts .oxy-posts,
.product-div.ct-section .ct-section-inner-wrap{
display:flex;
}
@media (max-width: 479px) {
.product-div {
 padding-left:0px;
 padding-right:0px;
}
}

.product-name {
 font-size:16px;
 color:#000000;
 font-weight:400;
 margin-bottom:16px;
 text-align:left;
 margin-left:8px;
 line-height:1.2;
 width:100%;
 margin-top:0px;
}
@media (max-width: 991px) {
.product-name {
 font-size:14px;
 margin-bottom:16px;
}
}

.sgbltv-slider-image {
 border-radius:12px;
 margin-bottom:16px;
}
.sgbltv-slider-title {
 color:#000000;
 font-size:14px;
 font-weight:400;
 line-height:1.2;
 text-align:left;
}
.episode-desc {
 color:#000000;
 -webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale; border-top-style:none;
 border-right-style:none;
 border-bottom-style:none;
 border-left-style:none;
 font-size:20px;
 font-weight:400;
 text-align:left;
}
@media (max-width: 479px) {
.episode-desc {
 font-size:16px;
}
}

.oxel_accordion__row--hidden {
 background-color:#f9faf9;
}
.brand-partners-shop-button {
 width:100%;
 border-radius:4px;
}
@media (max-width: 1280px) {
.brand-partners-shop-button {
 padding-left:0px;
 padding-right:0px;
}
}

.product-price {
 font-weight:300;
 color:#000000;
 margin-bottom:16px;
 font-size:16px;
}
.brand-partner-category {
 font-family:Open Sans;
 margin-top:16px;
 font-size:26px;
 font-weight:400;
 text-transform:uppercase;
 color:#ffffff;
 padding-left:32px;
 padding-top:4px;
 padding-bottom:4px;
 padding-right:4px;
 background-color:#4e8540;
 width:100%;
}
@media (max-width: 767px) {
.brand-partner-category {
 margin-bottom:0px;
 font-size:22px;
}
}

@media (max-width: 479px) {
.brand-partner-category {
 font-size:22px;
}
}

.brand-partner-title {
 font-size:20px;
 font-weight:400;
 width:100%;
 background-color:#f4f4f4;
 margin-top:16px;
 padding-bottom:8px;
 padding-top:8px;
 padding-left:32px;
}
@media (max-width: 767px) {
.brand-partner-title {
 font-size:18px;
}
}

@media (max-width: 479px) {
.brand-partner-title {
 font-size:18px;
}
}

.about-brand-link {
 font-size:16px;
 font-weight:400;
 font-style:italic;
 color:#4e8540;
 padding-top:4px;
 padding-right:4px;
 padding-bottom:4px;
 padding-left:32px;
 width:100%;
 background-color:#f4f4f4;
 text-align:left;
}
@media (max-width: 767px) {
.about-brand-link {
 font-size:14px;
}
}

@media (max-width: 479px) {
.about-brand-link {
 font-size:14px;
}
}

.dropdown-trigger {
}
@media (max-width: 767px) {
.dropdown-trigger {
}
}

.brand-title-bar {
 margin-top:16px;
 font-size:20px;
 font-weight:400;
 padding-top:8px;
 padding-bottom:8px;
 padding-left:32px;
 width:100%;
 background-color:#f4f4f4;
}
.gbl-lc-cat-title:ct_depth{
}
.gbl-lc-cat-title {
 margin-top:8px;
 font-size:28px;
}
.product-div-label {
 font-size:20px;
 color:#ffffff;
 background-color:#000000;
 padding-top:4px;
 padding-left:16px;
 padding-bottom:4px;
 padding-right:16px;
 z-index:10;
 margin-left:-16px;
 border-radius:8px;
 margin-top:-16px;
}
.oxy-superbox-primary {
}
.oxy-superbox-secondary {
}
.channel-badges__link-wrapper:hover{
transform:scale(1.02,1.02); transition-duration:0.6s;
 transition-timing-function:ease-out;
}
.channel-badges__link-wrapper:hover .channel-badges__content-wrapper{
 color:#404040;
 transition-timing-function:ease-out;
 transition-duration:0.6s;
}
.channel-badges__link-wrapper {
 border-radius:20px;
 overflow:hidden;
}
.channel-badges__content-wrapper:hover{
 transition-timing-function:ease-out;
 transition-duration:0.6s;
 background-color:#edebe1;
}
.channel-badges__content-wrapper {
 width:100%;
 height:100%;
 padding-top:16px;
 padding-right:16px;
 padding-bottom:32px;
 padding-left:16px;
 color:#ffffff;
 background-color:#4e8540;
}
.channel-badges__content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.channel-badges__content-wrapper.oxy-easy-posts .oxy-posts,
.channel-badges__content-wrapper.ct-section .ct-section-inner-wrap{
display:flex;
flex-direction:column;
align-items:center;
}
@media (max-width: 991px) {
.channel-badges__content-wrapper {
}
.channel-badges__content-wrapper:not(.ct-section):not(.oxy-easy-posts),
.channel-badges__content-wrapper.oxy-easy-posts .oxy-posts,
.channel-badges__content-wrapper.ct-section .ct-section-inner-wrap{
flex-wrap:wrap;
}
}

.toggle-0811 {
}
.toggle-0811-expanded {
}
.columns--2 {
}
.columns--3 {
}
.columns-gap--xl {
}
.columns-gap--l {
}
.columns--xl-2 {
}
.columns--l-1 {
}
.columns--m-1 {
}
.home-end-grid__thumb {
}
.home-end-grid__text-wrapper {
}
.gilda-font-weight {
}
.signup-shortcode {
 padding-left:30px;
 padding-right:80px;
}
.login-shortcode {
 padding-left:30px;
 padding-right:80px;
}
.login-sec {
}
.login-sec:not(.ct-section):not(.oxy-easy-posts),
.login-sec.oxy-easy-posts .oxy-posts,
.login-sec.ct-section .ct-section-inner-wrap{
display:grid;
display: grid !important;justify-items: center;align-items: start;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.learning-center__optin-link {
}
.learning-center__affiliate-content {
}
.learning-center__affiliate-header {
}
.learning-center__affiliate-header:not(.ct-section):not(.oxy-easy-posts),
.learning-center__affiliate-header.oxy-easy-posts .oxy-posts,
.learning-center__affiliate-header.ct-section .ct-section-inner-wrap{
display:flex;
}
.learning-center__affiliate-heading {
}
.learning-center__affiliate-view-more {
}
.learning-center__blogs-by-category {
}
.learning-center__blogs-by-category-grid {
}
.learning-center__explore-products {
}
.learning-center__post-author {
}
.learning-center__post-title {
}
.learning-center__post-category {
}
.learning-center__post-intro {
}
.learning-center__header-row {
}
.learning-center__header-row:not(.ct-section):not(.oxy-easy-posts),
.learning-center__header-row.oxy-easy-posts .oxy-posts,
.learning-center__header-row.ct-section .ct-section-inner-wrap{
display:flex;
}
.learning-center__heading {
}
.learning-center__cta-link {
}
.learning-center__post-image {
}
.learning-center__post-image-wrapper {
}
.learning-center__page {
 margin-right:0px;
}
.watch-listen-learn-shop-grid {
 width:100%;
 max-width:1440px;
}
@media (max-width: 1280px) {
.watch-listen-learn-shop-grid {
}
}

.watch-listen-learn-shop-grid__card--listen {
}
.watch-listen-learn-shop-grid__card--learn {
}
.watch-listen-learn-shop-grid__card--shop {
}
.watch-listen-learn-shop-grid__header {
}
.learning-center__masthead-title {
}
.learning-center__masthead-text {
}
.learning-center__tag-header {
}
.learning-center__header-category {
}
.learning-center__sub-page--category {
}
.learning-center__category-content {
}
.learning-center__category-hero {
}
.learning-center__tag-landing {
}
.learning-center__sub-page--tag-landing {
}
.learning-center__post-hero {
}
.learning-center__header-post {
}
.ct-section-inner-wrap {
}
.learning-center__post-sidebar-right {
}
.learning-center__post-sidebar-left {
}
.learning-center__post-main {
}
.learning-center__post-layout {
}
.learning-center__sub-page--post-old {
}
.learning-center__shop-product {
}
.learning-center__shop-product-title {
}
.learning-center__shop-product-image {
}
.learning-center__shop-product-excerpt {
}
.learning-center__shop-product-button {
}
.learning-center__shop-product-button-text {
}
.learning-center__watch-video {
}
.learning-center__listen-video {
}
.home__must-reads {
}
.home__must-reads-grid {
}
.learn__campaign {
}
.learn__campaign-hero {
}
.learn__campaign-header {
}
.learn__campaign-content {
}
.learn__post {
}
.learn__post-hero {
}
.learn__post-header {
}
.learn__post-layout {
}
.learn__post-sidebar-left {
}
.learn__post-main {
}
.learn__post-sidebar-right {
}
.learn__post-listen {
}
.learn__post-watch {
}
.learn__post-affiliate-product {
}
.test-section {
}
.test-hero {
}
.test-layout {
}
.test-left {
}
.test-main {
}
.test-right {
}
.test-left-section {
}
.home__cannabis-101 {
}
.elevator-section {
}
.learn__post-related-videos {
}
.learn__post-latest-heading {
}
.learn__post-layout-secondary {
}
.learn__post-sidebar-left-empty {
}
.learn__post-main-secondary {
}
.learn__post-sidebar-right-empty {
}
.home__event-promo {
}
.home__event-promo:not(.ct-section):not(.oxy-easy-posts),
.home__event-promo.oxy-easy-posts .oxy-posts,
.home__event-promo.ct-section .ct-section-inner-wrap{
display:grid;
align-items:center;
display: grid !important;align-items: stretch;grid-template-columns: repeat(1, minmax(200px, 1fr));grid-column-gap: 20px;grid-row-gap: 20px;}
.home__section-header {
}
.home__binge-worthy {
 width:100%;
}
.home__listen-to {
 width:100%;
}
.home__watch-just-say-know {
}
.home__watch {
}
.home__listen {
 width:100%;
}
.home__learn {
}
.home__shop {
}
.home__fresh-pics {
}
.home__fresh-picks {
}
.home {
}
.home__section-title {
}
.home__section-icon {
}
.home__section-intro {
}
.home__events {
}
.home__block-header--boxed {
}
.home__shop-by-category {
}
.home__section-top {
}
.home__shop-category-slider {
}
.home__shop-category-item {
}
.home__shop-category-image {
}
.home__shop-category-title {
}
.home__shop-slider-wrapper {
}
.home__hub {
 width:100%;
 text-align:center;
}
.home__hub:not(.ct-section):not(.oxy-easy-posts),
.home__hub.oxy-easy-posts .oxy-posts,
.home__hub.ct-section .ct-section-inner-wrap{
justify-content:space-around;
}
.home__listen-to-grid {
 background-color:#21262d;
}
.home__listen-to-logo {
}
.home__listen-to-logo--right {
}
.home__listen-to-logo--left {
}
.home__listen-to-info {
}
.home__listen-to-info-1 {
}
.home__listen-to-info-2 {
}
.home__listen-to-blurb {
}
.home__listen-to-cta {
}
.home__listen-to-cta-text {
}
.home__pillar {
 width:100%;
}
.home__pillar-grid {
 width:80%;
 padding-bottom:0px;
}
.home__pillar-item {
}
.home__pillar-icon {
 width:100%;
 height:100%;
}
.home__pillar-label {
}
.home__pillar-item-wrapper {
}
.home__pillar-icon-group {
}
.home__pillar-reveal {
}
.home__pillar-logo {
}
.home__binge-grid {
}
.home__binge-row {
}
.home__binge-card {
}
.home__binge-thumb {
}
.learn__view-all-link {
}
.learn__block-header {
}
.home__fresh-grid {
}
.home__fresh-row {
}
.home__fresh-card {
}
.home__fresh-link {
}
.home__fresh-title {
}
.learn__post-social-block {
}
.learn__post-ad-block {
}
.learn__blogs-by-cat-grid {
}
.learn__blogs-by-cat {
}
.learn__featured-blocks {
}
.home__fresh-title-span {
}
.home__learn-icon {
}
.home__shop-seasonal-card {
}
.learn {
}
.learn__tag-hero {
}
.learn__tag {
}
.learn__tag-header-wrapper {
}
.learn__tag-content {
}
.learn__category-hero {
}
.learn__category {
}
.learn__category-header-wrapper {
}
.learn__category-nav-wrapper {
}
.learn__category-content {
}
.learn__campaign-header-wrapper {
}
.watch__featured-video {
}
.watch__discover-grid {
}
.watch__discover-image {
}
.watch__discover-video {
}
.watch__section--discover {
}
.hero-slider--legacy {
}
/* Victoria, Monster Studios */
/* ============================================ */
/* === CRITICAL: SITE HEADER STAYS ON TOP === */
/* ============================================ */

/*.oxy-header-wrapper.oxy-sticky-header,
#_header_2-501727 {
  position: fixed !important;
  top: 0 !important;
  z-index: 99999 !important;
  background-color: #fff !important;
  width: 100% !important;
  left: 0 !important;
  right: 0 !important;
} */
.oxy-header-wrapper.oxy-sticky-header,
#_header_2-501727 {
  z-index: 99999 !important;
}

/* Remove body padding/margin 
body {
  padding-top: 0 !important;
  margin-top: 0 !important;
  overflow-x: visible !important;
}*/

/* Normal state - header at top */
.oxel_megamenu__wrapper {
  top: 70px !important; /* Remove the calc() */
}

/* Sticky state - when header is stuck */
.oxy-sticky-header-active .oxel_megamenu__wrapper {
  top: 50px !important; /* Lower value for sticky header */
}

/* Sticky state - header scrolled 
.oxy-sticky-header-active .oxel_megamenu__wrapper {
  top: 100px !important; 
}*/


/* Apply Gilda to all main page headings */
.learn h1,
.learn h2,
.learn h3,
.learn h4,
.learn h5,
.learn h6,
.learning-center__page h1,
.learning-center__page h2,
.learning-center__page h3,
.learning-center__page h4,
.learning-center__page h5,
.learning-center__page h6,
.learning-center__sub-page--post h1,
.learning-center__sub-page--post h2,
.learning-center__sub-page--post h3,
.learning-center__sub-page--post h4,
.learning-center__sub-page--post h5,
.learning-center__sub-page--post h6,
.learn__post h1,
.learn__post h2,
.learn__post h3,
.learn__post h4,
.learn__post h5,
.learn__post h6,
.learn__campaign h1,
.learn__campaign h2,
.learn__campaign h3,
.learn__campaign h4,
.learn__campaign h5,
.learn__campaign h6,
.learn__category h1,
.learn__category h2,
.learn__category h3,
.learn__category h4,
.learn__category h5,
.learn__category h6,
.learn__tags h1,
.learn__tags h2,
.learn__tags h3,
.learn__tags h4,
.learn__tags h5,
.learn__tags h6,
/*.home h1,
.home h2,
.home h3,
.home h4,
.home h5,
.home h6*/ {
  font-family: 'Gilda Display', serif;
  font-weight: 700;
}




/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {
  h1 {font-size: 24px;}
  h2 {font-size: 22px;}
  h3 {font-size: 18px;}
  h4 {font-size: 16px;}

  .wp-element-caption {font-size: 16px;}
}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {
  h1 {font-size: 24px;}
  h2 {font-size: 22px;}
  h3 {font-size: 18px;}
  h4 {font-size: 16px;}

  .wp-element-caption {font-size: 16px;}
}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {
  h1 {font-size: 30px;}
  h2 {font-size: 24px;}
  h3 {font-size: 20px;}
  h4 {font-size: 18px;}

}

/* Large devices (laptops/desktops, 992px and up) */
@media only screen and (min-width: 992px) {
  h1 {font-size: 36px;}
  h2 {font-size: 28px;}
  h3 {font-size: 24px;}
  h4 {font-size: 20px;}

}

/* Extra large devices (large laptops and desktops, 1200px and up) */
@media only screen and (min-width: 1200px) {
  h1 {font-size: 46px;}
  h2 {font-size: 38px;}
  h3 {font-size: 30px;}
  h4 {font-size: 22px;}

}

/* Victoria - Monster Studios */
/*Utility Classes*/


/*** Columns ***/

.columns--1 {
    column-count: 1;
  }
  
  .columns--2 {
    column-count: 2;
  }
  
  .columns--3 {
    column-count: 3;
  }
  
  .columns--4 {
    column-count: 4;
  }
  
  .columns--5 {
    column-count: 5;
  }
  
  /* Xl Brake Point */
  
  @media (max-width: 1280px) {
  
    .columns--xl-1 {
    column-count: 1;
  }
  
  .columns--xl-2 {
    column-count: 2;
  }
  
  .columns--xl-3 {
    column-count: 3;
  }
  
  .columns--xl-4 {
    column-count: 4;
  }
  
  .columns--xl-5 {
    column-count: 5;
  }
  }
  
  /* L Brake Point */
  
  @media (max-width: 992px) {
  
    .columns--l-1 {
    column-count: 1;
  }
  
  .columns--l-2 {
    column-count: 2;
  }
  
  .columns--l-3 {
    column-count: 3;
  }
  
  .columns--l-4 {
    column-count: 4;
  }
  
  .columns--l-5 {
    column-count: 5;
  }
  }
  
  /* M Brake Point */
  
  @media (max-width: 768px) {
  
    .columns--m-1 {
    column-count: 1;
  }
  
  .columns--m-2 {
    column-count: 2;
  }
  
  .columns--m-3 {
    column-count: 3;
  }
  
  .columns--m-4 {
    column-count: 4;
  }
  
  .columns--m-5 {
    column-count: 5;
  }
  }
  
  /* S Brake Point */
  
  @media (max-width: 480px) {
  
    .columns--s-1 {
    column-count: 1;
  }
  
  .columns--s-2 {
    column-count: 2;
  }
  
  .columns--s-3 {
    column-count: 3;
  }
  
  .columns--s-4 {
    column-count: 4;
  }
  
  .columns--s-5 {
    column-count: 5;
  }
  }
  
  /* Columns Gaps */
  
  .columns-gap--xs {
    column-gap: .25em;
  }
  
  .columns-gap--s {
    column-gap: .5em;
  }
  
  .columns-gap--m {
    column-gap: 1em;
  }
  
  .columns-gap--l {
    column-gap: 1.5em;
  }
  
  .columns-gap--xl {
    column-gap: 2em;
  }


/* Victoria, Monster Studios */


/* ========================================= */
/* ==== Global Home Styles ==== */
/* ========================================= */

/* Home wrapper - horizontal page margins 
.home {
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
}*/

/* Home sections - vertical spacing
.home > section,
.home > div[class^="home__"] {
  padding-top: clamp(32px, calc(32px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(32px, calc(32px + (100vw - 480px) * 0.044), 64px);
} */

/* ========================================= */
/* ==== Global Home Section Styles ==== */
/* ========================================= */
.home .home__events {
/* margin-top: clamp(32px, calc(32px + (100vw - 480px) * 0.044), 64px) !important;  */
  margin-top: clamp(16px, calc(16px + (100vw - 480px) * 0.044), 32px) !important;
 /* margin-top: 0; */
}
  .home .home__pillar,
  .home .home__events,
  .home .home__watch,
  .home .home__listen,
  .home .home__learn,
  .home .home__shop,
  .home .home__hub {
  max-width: 1280px;
  margin: 0 auto;
  /* Vertical padding scales from 32-64px */
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  /* Horizontal padding scales from 16-64px */
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
}

/* Above 1280px: Remove horizontal padding */
@media (min-width: 1281px) {  
  .home .home__pillar,
  .home .home__events,
  .home .home__watch,
  .home .home__listen,
  .home .home__learn,
  .home .home__shop,
  .home .home__hub {
    margin: 0 auto;
  /* Vertical padding scales from 32-64px */
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  /* Horizontal padding scales from 16-64px */
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
   /* padding-left: 0;
    padding-right: 0;*/
  }
}

/* Home typography *//* font-family: 'Gilda Display', serif;  */
.home .home h2 {
  font-size: clamp(62px, calc(62px + (100vw - 540px) * 0.0372), 80px);
 /* font-size: clamp(32px, calc(32px + (100vw - 540px) * 0.0991), 80px);*/ /*font-size: clamp(32px, calc(32px + (100vw - 540px) * 0.0475), 55px); */
  color: #282a2a;
  font-weight: 700;
  font-family: 'Inherit'; 
  
}

.home .home h3 {
  font-size: clamp(32px, calc(32px + (100vw - 540px) * 0.0375), 44px);
  color: #282a2a;
  font-weight: 700;
  font-family: 'Inherit';
  letter-spacing: -0.5px;
}

.home .home h4 {
 /* font-size: clamp(26px, calc(26px + (100vw - 540px) * 0.0375), 44px); */
  color: #282a2a;
  font-weight: 700;
  font-family: 'Inherit';
  letter-spacing: -0.5px;
}


/* Home Sections H2  */
.home .home__events h2,
.home .home__listen h2,
.home .home__learn h2,
.home .home__shop h2 {
  text-align: left;
  margin-bottom: 1.5em;
  line-height: 1;
  letter-spacing: -0.5px;
}

/* Header row wrapper - flexbox for h2 and link */ /* DOUBLE CSS?? REPEATED?? */
.home .home__section-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.75em;
}

/* ========================================= */
/* ==== Home Section Header (H2 + Icon) ==== */
/* ========================================= */

/* Main header container - now vertical stack */
.home .home__section-header {
  display: flex;
  flex-direction: column; /* ← CHANGE: stack vertically */
  gap: 12px; /* ← CHANGE: smaller gap between top row and paragraph - it was 24px */
  width: 100%;
  margin-bottom: 1em; /* ← KEEP: same bottom margin */
  border-bottom: 1px solid #e5e5e5; /* #e5e5e5 home #e5e8eb LC light*/
 padding-bottom: 1em;  
}

/* Home Section Titles (H2 with icons) - Complete styling */
.home .home__section-title {
  text-align: left;
  line-height: 1;
  margin: 0 !important;
  flex: 1;
}

/* NEW: Top row wrapper - icon + title side by side */
.home .home__section-top {
  display: flex;
  flex-direction: row; /* ← ADD: explicit row direction */
  align-items: center;
  gap: 24px; /* ← KEEP: same gap between icon and title */
  width: 100%;

  line-height: 1;
}

/* Icon styling */
.home .home__section-icon {
  width: 60px;
  height: 60px;
  background: #282a2a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
 /* display: none; */
}

/* =============================== */
/* Link wrapper - prevent default link styling */
.home a.home__section-top {
  text-decoration: none;
  color: inherit;
}

/* Icon turns green on section-top hover */
.home .home__section-top:hover .home__section-icon {
  background: #4e8540;
}

/* Add transition to icon for smooth effect */
.home .home__section-icon {
  transition: background 0.25s ease;
}

/* Learn section icon hover */
.home .home__section-top:hover .home__learn-icon {
  background-color: #4e8540 !important;
}

.home .home__learn-icon {
  transition: background-color 0.25s ease;
}


/* =============================== */

.home .home__section-icon svg {
  width: 48px;
  height: 48px;
 /* display: none; */
}

/* Intro paragraph - goes below on new line */
.home .home__section-intro {
  font-family: 'Inherit'; /*font-family: 'Open Sans', sans-serif; */
  font-size: 24px;
  font-weight: 400 !important;
  color: #999;
  line-height: 1.2;
  margin: 0 0 0 0; /* Match icon width + gap (64px + 24px) */
 /*  width: calc(100% - 86px);Force wrap but maintain alignment */
  flex-basis: 100%; /* Force to new line */
  
 /*  border-left: 1px solid #999;
  padding-left: 16px; <— ADD THIS */
  
}

@media (max-width: 540px) {
  .home .home__section-header {
    gap: 16px;
  }

/* Icon styling */
.home .home__section-icon {
  width: 56px;
  height: 56px;
}
  .home .home__section-icon svg {
  width: 42px;
  height: 42px;
}
  
  .home .home__section-intro {
    line-height: 1.2;
    margin: 0 0 0 0; /* Match icon width + gap (64px + 24px) */
    font-size: 20px;
    width: 100%; 
   }
}
@media (max-width: 480px) {
  .home .home__events .home__section-top {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
}


/* Header row wrapper - flexbox for h2 and link */
.home .home__block-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.75em;
}
/* View All Link Styling */
.home .home__view-all-link {
  background: transparent;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
 /* margin-bottom: 24px; */
  position: relative;
  transition: color 0.35s ease-in-out;
}

/* Underline - starts full */
.home .home__view-all-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

/* Hover - green color, underline disappears */
.home .home__view-all-link:hover {
  color: #4e8540;
}

.home .home__view-all-link:hover::after {
  width: 0;
}

@media (max-width: 992px) {
  .home .home__block-header {
    flex-direction: column;     /* stack title + link */
    align-items: flex-start;    /* left-align both */
    gap: 8px;                   /* nice breathing space */
    margin-bottom: 1.75em;       /* tighten spacing slightly */
  }
}

.home .home__block-header-top {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: flex-end;
  width: 100%;
}

.home .home__block-header-bottom {
  font-size: clamp(18px, calc(18px + (100vw - 540px) * 0.0156), 20px);
  color: #999;
  font-weight: 500;
  margin-top: 16px;
  letter-spacing: -0.5px;
}
.home .home__block-header-bottom span {
  color: #4e8540;  /* #4e8540; #868473 */
  font-weight: 400;
  text-transform: uppercase;
}

@media (max-width: 1024px) {
  .home .home__block-header-top {
    flex-direction: column;     /* stack title + link */
    align-items: flex-start;    /* left-align both */
    gap: 8px;                   /* nice breathing space */
  }
  .home .home__block-header-bottom {
    margin-top: 16px;
  }
}


/* Modifier only changes specific properties */
.home .home__block-header--boxed {
  margin-bottom: 1em !important;
  padding: 0 64px 0 !important;
}
@media (max-width: 992px) {
  .home .home__block-header--boxed {
    padding: 0 32px 0 !important;
  }
}
@media (max-width: 540px) {
  .home__block-header--boxed {
    display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;

  }
}

/* ========================================= */
/* ==== Home: Pillar Section ==== */
/* ========================================= */
/* Wrapper section */
.home .home__pillar {
  width: 100%;
}

.home .home__pillar-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  justify-items: center;
  width: 95%;
  margin: 0 auto;
  gap: clamp(24px, 4vw, 48px);
}

/* Each item is a link */
.home .home__pillar-item {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-decoration: none;
  color: #1d1d1f;
  transition: transform .35s ease;
}

/* NEW — wrapper becomes hover trigger + positioning context */
.home .home__pillar-item-wrapper {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;


  /* Slightly tighter scaling */
  padding-bottom: clamp(4px, 2vw, 16px);
  
  /* ✅ Add space for the reveal to appear 
  padding-bottom: clamp(16px, 5vw, 32px);*/
}

/* Pillar Icon Circle (match .home__section-icon style) */
.home .home__pillar-icon {
  width: 60px;
  height: 60px;
  background: #282a2a;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: background .35s ease, transform .35s ease;
}

/* SVG inside */
.home .home__pillar-icon svg {
  width: 48px;
  height: 48px;
  color: #fff;
  transition: color .35s ease;
}

/* Label text */
.home .home__pillar-label {
  margin-top: 12px;
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1;
  color: #282a2a;
  text-transform: uppercase;
  display: none;
}

/* Hover State */
.home .home__pillar-item:hover .home__pillar-icon {
  transform: scale(1.08);
  background: #282a2a; /*#4e8540; */
}

.home .home__pillar-item:hover .home__pillar-icon svg {
  color: #fff;
}

.home .home__pillar-icon-group {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}

/* ===== FIXED REVEAL (no pushing layout) ===== */
.home .home__pillar-reveal {
  position: absolute;
  left: 50%;
  top: calc(100% + 12px);                /* appears below icon+label */
  transform: translateX(-50%) translateY(-6px);
  opacity: 0;
  pointer-events: none;
  z-index: 3;

  /* smoother, more noticeable motion */
  transition:
    opacity .45s ease-out,
    transform .55s cubic-bezier(.25,.46,.45,1);
  will-change: opacity, transform;       /* hint for smoother frames */
}

/* Logo image */
.home .home__pillar-logo {
  width: clamp(80px, 16vw, 140px) !important; /* bigger, responsive */
  height: auto !important;
  max-width: none !important;
  display: block;
}

/* Reveal on hover */
.home .home__pillar-item:hover .home__pillar-reveal {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  max-height: 140px; /* keep it */
}



/* ============================================================================================= */





/* =================================== */
/* ==== Home: Event Promo Section ==== */
/* =================================== */
.home .home__event-promo {
 /* Remove unwanted grid gap */
  grid-row-gap: 0 !important;
  row-gap: 0 !important;
}

.home .home__event-promo h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  /* position: relative; Contains the ::after */
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

.home .home__event-promo-wrapper {
 /* max-width: 1200px;
  margin: 0 auto; */
}

.home .home__event-promo-grid {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(450px, 2fr) minmax(0, 0.75fr); /* ← CHANGED */
  grid-template-rows: auto 1fr auto;
  max-height: 600px;
  gap: 0;
  overflow: hidden;
}

/* ==== Image Column (Left) ==== */
.home .home__event-promo__image {
  grid-column: 1;
  grid-row: 1 / 4;
  position: relative;
  overflow: hidden;
  min-width: 0;
  /* NO aspect-ratio here */
}

.home .home__event-promo__image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

.home .home__event-promo__image-overlay {
  position: absolute;
 /* bottom: 12px;  Exactly 20px from bottom */
 /* right: 12px; */
  top: 40%;
  left: 50%; 
  transform: translateX(-50%); /* Only center horizontally */
  opacity: 0.4;
  pointer-events: none;
  width: 96px;
  height: 96px;
}

.home .home__event-promo__image-overlay img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ==== Marquee (Top Center/Right) ==== */
.home .home__event-promo__marquee {
  grid-column: 2 / 4;
  grid-row: 1;
  background: #ffffff;
  overflow: hidden;
  white-space: nowrap;
  padding: 16px 0;
  border-bottom: 1px solid #e5e5e5;
  position: relative;
}

/* Left fade */
.home .home__event-promo__marquee::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  background: linear-gradient(to right, #ffffff 0%, transparent 100%);
  z-index: 10;
  pointer-events: none;
}

/* Right fade */
.home .home__event-promo__marquee::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 80px;
  background: linear-gradient(to left, #ffffff 0%, transparent 100%);
  z-index: 10;
  pointer-events: none;
}

.home .home__event-promo__marquee-content {
  display: inline-block;
  animation: marquee 20s linear infinite;
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #282a2a;
  text-transform: uppercase;
  letter-spacing: 2px;
}

@keyframes marquee {
  0% { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}

/* ==== Content Wrapper (Center) ==== */
.home .home__event-promo__content {
  grid-column: 2;
  grid-row: 2 / 4;
  display: flex;
  flex-direction: column;
  background: #ffffff;
}

/* ==== Info Section ==== */
.home .home__event-promo__info {
  flex: 1;
  padding: 20px 40px 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}

.home .home__event-promo__title {
  font-family: 'Inherit'!important;
  font-size: 34px !important;
  font-weight: 700 !important;
  color: #868473 !important;
  margin: 0 0 20px 0 !important;
  padding-bottom: 20px;
  line-height: 1.1 !important;
  text-align: center !important;
}

.home .home__event-promo__subtitle {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700 !important;
  color: #282a2a !important;
  margin: 0 0 20px 0 !important;
  line-height: 1.2 !important;
}

/* Smaller "with" text */
.home .home__event-promo__subtitle-small {
  font-size: 16px;
  font-weight: 700;
  text-transform: lowercase;
}

.home .home__event-promo__description {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px !important;
  font-weight: 500 !important;
  color: #999 !important;
  margin: 0 0 20px 0 !important;
  line-height: 1.4 !important;
}

.home .home__event-promo__description-highlight {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px !important;
  font-weight: 700 !important;
  color: #b64400 !important;   /* fdbf59 #548c6b green board sage   #47795c moss  #bf7b22 clay   #e8a83a mustard   #b64400 brick */
}

.home .home__event-promo__time {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #282a2a !important;
  margin: 0 !important;
}

/* Event Time Link Styling */
.home .home__event-promo__time-link {
  background: transparent;
  color: #282a2a; /*#b64400; */
  font-size: 18px !important;
  font-weight: 700 !important;
  text-decoration: none;
  position: relative;
  transition: color 0.35s ease-in-out;  
}

/* Underline (drawn using pseudo-element) */
.home .home__event-promo__time-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

/* Hover State: shift to green, remove underline */
.home .home__event-promo__time-link:hover {
  color: #b64400;
}

.home .home__event-promo__time-link:hover::after {
  width: 0;
}


/* ==== Footer Section ==== */
.home .home__event-promo__footer {
  padding: 16px 40px;
  background: #282a2a;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 30px;
}
.home .home__event-promo__footer:hover {
 /* background: #b64400; /* or #000 or #252525 */
}
.home .home__event-promo__footer-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 600;
  color: #ffffff;
  text-transform: uppercase;
  letter-spacing: 0.05em;
  -webkit-font-smoothing: antialiased;
  position: relative;
  text-align: center;
}
.home .home__event-promo__footer-text::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 0;                          /* start hidden */
  height: 1px;
  background-color: currentColor;
  transition: width .35s ease-in-out;
}

/* On footer hover → underline animates in */
.home .home__event-promo__footer:hover .home__event-promo__footer-text::after {
  width: 100%;
}

.home .home__event-promo__footer-icon {
  width: 50px;
  height: 50px;
  background: #282a2a;
 /* border: 4px solid #fff; */
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}

.home .home__event-promo__footer-icon img {
  width: 30px;
  height: 30px;
  object-fit: contain;
}

.home .home__event-promo__footer-line {
  flex: 1;
  height: 1px;
  background: #ffffff;
/* display: none; */
}

/* ==== Product Column (Right) ==== */
.home .home__event-promo__product {
  grid-column: 3;
  grid-row: 2 / 4;
  background: #ffffff;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  min-width: 0; /* CRITICAL for proportional shrinking */
}

.home .home__event-promo__product-image {
  width: 100%;
  max-width: 200px;
  min-width: 0; /* Allow image to shrink */
}

.home .home__event-promo__product-image img {
  width: 100%;
  height: auto;
  display: block;
}

.home .home__event-promo__product-brand {
  font-family: 'Open Sans', sans-serif;
  font-size: 40px;
  font-weight: 700;
  color: #b64400;   /* #282a2a;  #b49a61; - Holidays Gold */
  margin: 10px 0;
  text-transform: uppercase;
  letter-spacing: 2px;

  line-height:1.1;  /* ADDED ON */
  text-align: center;
}

.home .home__event-promo__product-logo {
  width: 48px;
  height: 48px;

  display: none;
}

.home .home__event-promo__product-logo img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

/* ==== Credit/Author Line ==== */
.home .home__event-promo__credit {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #666;
  margin-top: 16px;
  line-height: 1.5;
}

.home .home__event-promo__credit-tagline {
  font-style: italic;
}

/* ==== Video CSS ==== 
.home .home__event-promo__image {
  position: relative;
  overflow: hidden;
} */

.home .home__event-promo__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center; /* ← ADD */
  z-index: 1;
}

.home .home__event-promo__image-overlay {
  position: relative;
  z-index: 2;
}




/* ========================================= */
/* ==== Responsive: Tablet ==== */
/* ========================================= */

@media (max-width: 992px) {
  .home .home__event-promo-grid {
    grid-template-columns: 1fr 1fr; /* 2 columns instead of 3 */
    grid-template-rows: auto auto 1fr auto; /* Add extra row for content */
    max-height: none; /* Remove height constraint */
  }
  
  /* Image - spans left side, rows 1-3 */
  .home .home__event-promo__image {
    grid-column: 1;
    grid-row: 1 / 4;
    aspect-ratio: 2 / 3; /* ← ADD back for tablet */
  }

/*.home .home__event-promo__image img {
  height: 100%;
} */
  
  /* Marquee - spans top right, both columns */
  .home .home__event-promo__marquee {
    grid-column: 2;
    grid-row: 1;
  }
  
  /* Product - right side below marquee */
  .home .home__event-promo__product {
    grid-column: 2;
    grid-row: 2 / 4;
    padding: 15px 20px 15px; /* Reduce padding for tighter fit */
    gap: 0;
    border-left: none;/* 1px solid #e5e5e5; */
    border-bottom: none;
   /* max-height: 90%;  Adjust this value as needed */
    justify-content: flex-start; /* Align to top instead of center */
    overflow: visible; /* Ensure content isn't cut off */
    height: auto; /* Allow natural height */
  }

  .home .home__event-promo__product-brand {
    font-size: 40px;
    margin: 5px 0;
}
  
  /* Content - full width at bottom */
  .home .home__event-promo__content {
    grid-column: 1 / 3; /* Span both columns */
    grid-row: 4;
    border-top: 1px solid #e5e5e5;
  }

/* ==== Info Section ==== */
.home .home__event-promo__info {
  flex: 1;
  padding: 40px 40px 40px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
  
  .home .home__event-promo__description {
    font-size: 20px !important;
    margin: 0 auto 20px auto !important; /* Changed to auto left/right */
    max-width: 500px;
  }

  .home .home__event-promo__product-image {
    width: 100%;
    max-width: 160px;
    min-width: 0; /* Allow image to shrink */
    margin-bottom: 24px;
  }
}
/* ==== Product Column (Right) ==== 
.home__event-promo__product {
  grid-column: 3;
  grid-row: 2 / 4;
  background: #ffffff;
  padding: 40px 30px;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  border-left: 1px solid #e5e5e5;
  border-bottom: 1px solid #e5e5e5;
  min-width: 0; 
}*/
/* ========================================= */
/* ==== Responsive: Mobile ==== */
/* ========================================= */

@media (max-width: 480px) {
  .home .home__event-promo-grid {
    grid-template-columns: 1fr 1fr; /* Keep 2 columns */
    grid-template-rows: auto auto 1fr auto; /* 4 rows */
  }
  
  /* Marquee - full width at top */
  .home .home__event-promo__marquee {
    grid-column: 1 / 3; /* Span both columns */
    grid-row: 1;
  }
  
  /* Image - left side */
  .home .home__event-promo__image {
    grid-column: 1;
    grid-row: 2 / 4; /* Rows 2-3 */
    aspect-ratio: 2 / 3; /* ← ADD back for tablet */
  }
  
  /* Product - right side */
  .home .home__event-promo__product {
    grid-column: 2;
    grid-row: 2 / 4; /* Rows 2-3 */
  }
  
  /* Content - full width at bottom */
  .home .home__event-promo__content {
    grid-column: 1 / 3;
    grid-row: 4;
  }
  /* ==== Info Section ==== */
  .home .home__event-promo__info {
    flex: 1;
    padding: 40px 0 40px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: center;
  }
  .home .home__event-promo__title {
    font-size: 30px !important;
  }
  
  .home .home__event-promo__subtitle {
    font-size: 22px !important; /* Rounded up for better readability */
  }
  
  .home .home__event-promo__description {
    font-size: 18px !important;
  }
  
  .home .home__event-promo__time {
    font-size: 16px !important;
  }

    .home .home__event-promo__product-brand {
    font-size: 28px;
    margin: 5px 0;
  }
  .home .home__event-promo__product-image {
    width: 100%;
    max-width: 100px;
    min-width: 0; /* Allow image to shrink */
    margin-bottom: 24px;
  }
}

/* =============== */
/* ==== WATCH ==== */
/* =============== */
/* ============================ */
/* ==== Home: Binge Worthy ==== */
/* ============================ */
.home .home__binge-worthy h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  /* position: relative; Contains the ::after */
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

/* ===== Binge Worthy – viewport (no side padding) ===== */
.home .home__binge-grid {
  /* make sure the flex chain can shrink */
  min-width: 0;
  width: 100%;
  /* the viewport should not scroll vertically */
  overflow-x: auto;
 /* overflow-y: hidden; */
  -webkit-overflow-scrolling: touch;      /* smooth iOS */
  scrollbar-width: thin;                   /* Firefox */
  overscroll-behavior-x: contain;          /* trackpad won’t tug ancestors */
  contain: inline-size;                    /* prevent intrinsic width leaks */
  padding-bottom: 24px;
  padding-top: 12px;
}

/* Optional: light scrollbar styling */
.home .home__binge-grid::-webkit-scrollbar { height: 6px; }
.home .home__binge-grid::-webkit-scrollbar-thumb { background:#ccc; border-radius:3px; }
.home .home__binge-grid::-webkit-scrollbar-track { background:#f1f1f1; }
/* Firefox */
.home .home__binge-grid { scrollbar-color: #ccc #f1f1f1;  /* thumb | track */ scrollbar-width: thin; }

/* ===== Binge Worthy – track that actually scrolls ===== */
.home .home__binge-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: 24px;
  padding: 0;                  /* no left/right padding as requested */
  width: 100%;
  max-width: 100%;
  min-width: 0;
  scroll-snap-type: x proximity; /* nice snapping feel */
}

/* How many cards visible by default (≈ 3.5) */
.home .home__binge-row { --visible: 3.5; --gap: 24px; }

/* Cards (link wrappers) */
.home .home__binge-card {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  display: block;
  scroll-snap-align: start;
  border-radius: 14px;
  overflow: hidden;            /* rounded corners clip the image */
  text-decoration: none;
  position: relative;
}

/* Thumbnails */
.home .home__binge-thumb {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 9 / 16;        /* tall poster style like your cards */
  object-fit: cover;
}

/* Hover (desktop) */
@media (hover:hover) {
  .home .home__binge-card {
    transition: transform .35s ease-out, box-shadow .35s ease-out;
  }
  .home__binge-card:hover {
    transform: translateY(-8px);
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
}

/* Hover (desktop)
@media (hover:hover) {
  .home__binge-card {
    transition: transform .35s ease, box-shadow .35s ease;
    transform-origin: center center;
  }

  .home__binge-card:hover {
    transform: scale(1.05);
    box-shadow: 0 8px 24px rgba(0,0,0,.18);
  }
} */

/* Tweak visible count at breakpoints if you want */
/* Desktop & large screens (1281px and up) */
@media (min-width: 1281px) { .home .home__binge-row { --visible: 4.5; }} /* adjust to taste */

@media (max-width: 1280px) { .home .home__binge-row { --visible: 3.5; } }
@media (max-width: 1024px) { .home .home__binge-row { --visible: 3.5; } }
@media (max-width: 992px) { .home .home__binge-row { --visible: 3.5; } }
@media (max-width: 768px) { .home .home__binge-row { --visible: 3.5; } }
@media (max-width: 540px) { .home .home__binge-row { --visible: 2.5; } }
@media (max-width: 540px) { .home .home__binge-row { --visible: 1.5; } }




/* ======================================== */ /* --- 🟩 🟪 🟩 🟪 🟩 🟪 🟩 🟪 🟩 🟪 --- */
/* ==== Home Watch JSK Episodes ==== */
/* ======================================== */
/* ==== Home: Watch Just Say Know ==== */

.home .home__watch-just-say-know h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  /* position: relative; Contains the ::after */
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

/* Desktop: Regular layout */
.home .home__watch-jsk-scroll-container {
  position: relative;
  width: 100%;
}

/* Desktop: 5-up grid that fills the container */
.home .home__watch-jsk-scroll {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr)); /* was repeat(4, 1fr) */
  gap: 20px;
  width: 100%;
  padding: 0;
}

/* Let each card occupy full column height so titles don’t clip */
.home .home__watch-jsk {
  display: flex;
  flex-direction: column;
  gap: 12px;
  width: 100%;
  height: 100%;
}

/* Image already fills width; keep 16:9 */
.home .home__watch-jsk-thumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  
  max-width: 100%;
  height: auto;
}

/* Optional: keep titles tidy to 2 lines so all rows align */
.home .home__watch-jsk-title {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 16px;
  font-weight: 700;
  color: #282a2a;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;

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

/* Underline hover for Watch Just Say Know titles */
.home .home__watch-jsk-title a {
  color: inherit;
  text-decoration: none;
  display: inline;
  position: relative;
  transition: color 0.25s ease;
}

.home .home__watch-jsk-title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.home .home__watch-jsk-title a:hover {
  color: #4e8540 !important;
}

.home .home__watch-jsk-title a:hover::after {
  width: 0;
}

/* Hide fade on desktop */
.home .home__watch-jsk-fade-right {
  display: none;
}

/* allow this chain to shrink */
.home .home__watch,
.home .home__watch .ct-section-inner-wrap,
.home .home__watch-jsk-scroll-container,
.home .home__watch-jsk-scroll { min-width: 0; }



/* ============================= */
/* <= 1023px: turn into scroller */
/* ============================= */

@media (max-width: 1023px) {
  /* viewport wraps the scroller; never scrolls */
  .home .home__watch-jsk-scroll-container {
    position: relative;
    overflow: hidden;
  }

  /* SCROLLER: the only thing that scrolls */
  .home .home__watch-jsk-scroll {
    --visible: 3.5;       /* how many cards we “see” across by default */
    --gap: 16px;          /* space between cards */

    display: flex;        /* override desktop grid */
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--gap);

    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;

    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    overscroll-behavior-x: contain;
    contain: inline-size;

    /* scrollbar colors match your other sliders */
    scrollbar-width: thin;
    scrollbar-color: #ccc #f1f1f1;  /* thumb | track */
    padding-bottom: 18px;
  }

  .home .home__watch-jsk-scroll::-webkit-scrollbar { height: 6px; }
  .home .home__watch-jsk-scroll::-webkit-scrollbar-thumb { background-color:#ccc; border-radius:3px; }
  .home .home__watch-jsk-scroll::-webkit-scrollbar-track { background-color:#f1f1f1; }

  /* CARDS: sized via --visible, like Binge */
  .home .home__watch-jsk {
    flex: 0 0 calc(
      (100% - (var(--visible) - 1) * var(--gap)) / var(--visible)
    );
    height: auto;
    width: auto;
  }
}

/* Match Binge-style “visible” behaviour */
@media (max-width: 768px)  { .home .home__watch-jsk-scroll { --visible: 3.5; } }
@media (max-width: 540px)  { .home .home__watch-jsk-scroll { --visible: 1.5; } }
@media (max-width: 480px)  { .home .home__watch-jsk-scroll { --visible: 1.5; } }


/* ================ */
/* ==== LISTEN ==== */
/* ================ */
/* ========================= *//* --- 🟩 ⚠️ 🟩 ⚠️ 🟩 ⚠️ 🟩 ⚠️ 🟩 ⚠️ --- */
/* ==== Home: listen To ==== */
/* ========================= */
.home .home__listen-to h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  /* position: relative; Contains the ::after */
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

/* ===== Listen To: Section wrapper ===== */
.home .home__listen-to {
  /* dark card like your screenshot */
 /*  background: #1f2326;        near your #282a2a but a touch softer */
 /* color: #fff; */
 /*  padding: clamp(24px, 3vw, 40px) clamp(16px, 4vw, 48px); */
 /*  border: 1px solid #e5e5e5;  matches other home blocks’ border look */

}

/* ===== Grid frame (reorder by changing template areas) ===== */
.home .home__listen-to-grid {
  display: grid;
  grid-template-columns: 1fr minmax(0, 620px) 1fr;
  grid-template-areas: "left info right";
  align-items: flex-start; /* instead of center */;
  gap: clamp(16px, 2vw, 16px);
  /* prevent child overflow from forcing page width */
  min-width: 0;
  padding: 56px 32px 32px;
}


/* Areas */
.home .home__listen-to-logo--left  { grid-area: left;  }
.home .home__listen-to-logo--right { grid-area: right; }
.home .home__listen-to-info        { grid-area: info;  }

/* Logo wrapper: center it inside its (1fr) column and cap its size */
.home .home__listen-to-logo{
  display: grid;
  place-items: center;
  width: 100%;
  max-width: clamp(160px, 22vw, 260px); /* <- control logo width here */
  min-height: clamp(140px, 18vw, 220px); /* optional: keeps a stable box height */
  margin-inline: auto;   /* centers the box within the wide 1fr column */
  overflow: hidden;      /* safety */
  min-width: 0;
}

/* Image: fill the box, but keep aspect ratio */
.home .home__listen-to-logo img {
  width: 100%;           /* fill wrapper width */
  height: auto;
  max-height: 100%;
  object-fit: contain;
  display: block;
}

/* If you want left a touch smaller 
.home__listen-to-logo-left{
  max-width: clamp(140px, 20vw, 230px);
}*/

/* ===== Center copy box ===== */
.home .home__listen-to-info {
  display: flex;
  flex-direction: column;
  align-items: center;   /* horizontally center children */
  text-align: center;    /* center multi-line text */
  padding-top: clamp(16px, 2.5vw, 28px);
  padding-bottom: clamp(16px, 2.5vw, 28px);
  padding-left: clamp(16px, 2.5vw, 16px);
  padding-right: clamp(16px, 2.5vw, 16px);
 /* border: 1px solid rgba(255,255,255,0.18); */
  border-radius: 8px;
/*  backdrop-filter: saturate(120%); */
  min-width: 0;
  /* justify-self: center; centers the box inside the grid */
}
.home .home__listen-to-info h4,  /* REAPEATED ???????????? ======================================== */
.home .home__listen-to-info h4 {
  margin: 0 0 12px 0;
  color: #fff;
  font-family: 'Inherit';   /* matches your headings choice */
  font-size: 24px;
  line-height: 1.2;
}
.home .home__listen-to-info h4 {
  opacity: .9;
}

.home .home__listen-to-blurb {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  line-height: 1.5;
  max-width: 520px;
  margin: 12px auto 24px; /* centers text and adds good breathing room */
  text-align: center;
}

/* CTA – button style consistent with your brand */
.home .home__listen-to-cta {
  position:relative;
  display:inline-block;
  margin-top:12px;
  padding:18px 32px;
  text-decoration:none;
  border:none;
  outline:none;
  background:transparent;          /* bg moved to ::before */
}

/* scalable background layer */
.home .home__listen-to-cta::before {
  content:"";
  position:absolute;
  inset:0;
  background:#edebe1;
  border-radius:4px;
  transition: transform .4s ease-out; /* box-shadow .15s ease */
  transform-origin:center;
  z-index:0;
}

.home .home__listen-to-cta:hover::before {
  transform:scaleX(1.2);   /* ← Horizontal grow only */ /* transform:scale(1.05); only bg scales */
 /* box-shadow:0 4px 10px rgba(0,0,0,.18); */
}

/* text stays crisp */
.home .home__listen-to-cta-text {
  position:relative;
  z-index:1;
  display:block;
  line-height:1;
  color:#000;
  font:400 20px/1 'Open Sans', sans-serif;
  letter-spacing:1px;
}
/* Optional: if your Oxygen section uses flex ancestors, keep shrinking safe */
.home .home__listen-to,
.home .home__listen-to .ct-section-inner-wrap,
.home .home__listen-to-grid { min-width: 0; }


/* <=1024px: stack logos on the left, intro spans on the right */
@media (max-width: 1024px) {
  .home .home__listen-to-grid {
    grid-template-columns: clamp(140px, 28vw, 220px) 1fr; /* left column for logos */
    grid-template-rows: auto auto;                       /* two rows for the two logos */
    grid-template-areas:
      "left  info"
      "right info";
    align-items: start;
  
    padding: 32px 20px;
     /* Split gap into two controls */
    column-gap: clamp(10px, 2vw, 10px); /* space between logos and intro */
    row-gap: clamp(12px, 2vw, 20px);     /* space between the two logos */
  }

  /* keep logos centered in the left column “track” */
  .home .home__listen-to-logo {
    justify-self: center;
    align-self: start;
    max-width: clamp(120px, 24vw, 150px); /* slightly smaller at this breakpoint */
    min-height: clamp(110px, 16vw, 180px);
  }

  /* let the copy wrap without pushing width */
  .home .home__listen-to-info{
    min-width: 0;
  }
}
@media (max-width: 540px) {
  .home .home__listen-to-grid {
    grid-template-columns: 1fr 1fr;   /* two logo columns */
    grid-template-rows: auto auto;    /* logos row + intro row */
    grid-template-areas:
      "left right"
      "info info";

    row-gap: clamp(12px, 4vw, 24px);  /* spacing between logos row & intro */
    column-gap: clamp(12px, 4vw, 24px); /* spacing between logos */
    padding: 24px 16px;
    align-items: center;
    text-align: center; /* keeps typography centered nicely */
  }

  /* Logos scale a bit down on small screens */
  .home .home__listen-to-logo img {
    max-width: clamp(100px, 40vw, 180px);
  }

  /* Intro stays centered */
  .home .home__listen-to-info {
    justify-self: center;  /* centers intro block */
    width: 100%;
  }

  /* CTA remains centered */
  .home .home__listen-to-cta {
    margin-left: auto;
    margin-right: auto;
  }
}



/* =============== */
/* ==== LEARN ==== */
/* =============== */
/* ================================== */
/* ==== Home: Must Reads Section ==== */
/* ================================== */

/* ==== Must Reads H3 Title ==== */
.home .home__must-reads h3 {
  text-align: left;
  margin-bottom: 1.5em;
  line-height: 1.1;
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

/* Main Grid - stretch columns to same height */
.home .home__must-reads-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 16px;
  width: 100%;
}

/* ===== LEFT COLUMN ===== */
.home .home__must-reads-left {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.home .home__must-reads-left .home__post-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.home .home__must-reads-left .home__post-card a {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  color: inherit;
}

/* Left Image Wrapper - ABSOLUTE, fills like background */
.home .home__must-reads-left .home__post-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  overflow: hidden;
}

.home .home__must-reads-left .home__post-image {
  width: 100%;
  height: 100%;
}

.home .home__must-reads-left .home__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;  /* Horizontally & vertically centered */
  display: block;
}

/* Left Meta - stays at bottom */
.home .home__must-reads-left .home__post-meta {
  margin-top: auto;
  padding-top: 16px;
  position: relative;
  z-index: 1;
}

/* ===== RIGHT COLUMN ===== */
.home .home__must-reads-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.home .home__must-reads-right .home__post-card a {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}

/* Right Image Wrapper - fixed size */
.home .home__must-reads-right .home__post-image-wrapper {
  width: 160px;
  height: 120px;
  flex-shrink: 0;
  overflow: hidden;
}

.home .home__must-reads-right .home__post-image {
  width: 100%;
  height: 100%;
}

.home .home__must-reads-right .home__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Right Column Meta */
.home .home__must-reads-right .home__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
  flex: 1;
}
/* ===== SHARED TEXT STYLES ===== */
/* Category */
.home .home__must-reads-grid .home__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* Post Title */
.home .home__must-reads-grid .home__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  color: #282a2a;
  margin: 0 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

/* Title wrapper */
.home .home__must-reads-grid .home__post-title span {
  position: relative;
  display: inline;
  transition: color 0.25s ease;
  color: #282a2a;
}

/* Underline default hidden */
.home .home__must-reads-grid .home__post-title span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* On card hover */
.home .home__must-reads-grid .home__post-card:hover .home__post-title span {
  color: #4e8540;
}

.home .home__must-reads-grid .home__post-card:hover .home__post-title span::after {
  width: 100%;
}

/* Left Featured Title - BIGGER */
.home .home__must-reads-grid .home__must-reads-left .home__post-title {
  font-size: 22px !important;
  line-height: 1.2;
  margin: 8px 0 !important;
}

/* ===== LINE CLAMP OVERRIDES - Must come AFTER shared styles ===== */

/* Right Column - Container setup */
.home .home__must-reads-right .home__post-title {
  padding-bottom: 2px;
}

/* Right Column - Limit SPAN to 4 lines with ellipsis */
.home .home__must-reads-right .home__post-title span {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  max-width: 100%;
}

/* ========================================= */
/* ==== Desktop 1280px+ - Left Title 1 Line ==== */
/* ========================================= */
@media (min-width: 1280px) {
  .home .home__must-reads-left .home__post-title {
    padding-bottom: 4px;
  }
  
  /* Limit LEFT SPAN to 1 line */
  .home .home__must-reads-left .home__post-title span {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    max-width: 100%;
  }
}

/* Author */
.home .home__must-reads-grid .home__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
  display: none;
}


/* ========================================= */
/* ==== Responsive: Tablet Layout ==== */
/* ========================================= */

@media (max-width: 1024px) and (min-width: 541px) {
  .home .home__must-reads-grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  
  /* Left column - back to normal flow */
  .home .home__must-reads-left .home__post-image-wrapper {
    position: relative;
    bottom: auto;
  }
  
  .home .home__must-reads-left .home__post-meta {
    margin-top: 16px;
    padding-top: 0;
  }
  
  /* Right column becomes 3-column grid */
  .home .home__must-reads-right {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
  
  /* Right cards switch to VERTICAL layout */
  .home .home__must-reads-right .home__post-card a {
    flex-direction: column;
    gap: 0;
  }
  
  /* Right images full width */
  .home .home__must-reads-right .home__post-image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-height: 200px;
  }
  
  /* Meta spacing adjustment */
  .home .home__must-reads-right .home__post-meta {
    margin-top: 12px;
  }
}

/* ==== Must Reads WRAPPER – (max-width: 1024px) and (min-width: 540px) ==== */
@media (max-width: 1024px) and (min-width: 540px) { 
  .home .home__must-reads-left .home__post-image-wrapper {
    height: clamp(300px, calc(21vw + 186px), 400px);
    overflow: hidden;
    position: relative;
  } 
  
  .home .home__must-reads-left .home__post-image img {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 100%;
    height: auto;
    transform: translate(-50%, -50%);
    display: block;
  }
}

/* ========================================== */
/* ==== Must Reads – Mobile ≤540px ==== */
/* ========================================== */

@media (max-width: 540px) {
  .home .home__must-reads-grid {
    display: flex;
    flex-direction: column;
  }

  /* Left column - back to normal flow */
  .home .home__must-reads-left .home__post-image-wrapper {
    position: relative;
    bottom: auto;
  }
  
  .home .home__must-reads-left .home__post-meta {
    margin-top: 16px;
    padding-top: 0;
  }

  .home .home__must-reads-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* Each right-side card becomes a horizontal row */
  .home .home__must-reads-right .home__post-card a {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
  }

  /* Thumbnail column */
  .home .home__must-reads-right .home__post-image-wrapper {
    flex: 0 0 38%;
    max-width: 38%;
    width: auto;
    height: auto;
    aspect-ratio: 4 / 3;
  }

  .home .home__must-reads-right .home__post-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  /* Text column */
  .home .home__must-reads-right .home__post-meta {
    flex: 1 1 auto;
    margin-top: 0;
  }
}


/* ============================================ */
/* ==== Home Section Headers with View All ==== */
/* ============================================ */

/* ============================================================================================= */

/* ==================================== */ /* --- 🟪 🟪 🟪 🟪 🟪 🟪 --- */
/* ==== Home: Cannabis 101 Section ==== */
/* ==================================== */

/* Ensure h2 doesn't have bottom margin when inside header row 
.home__section-header h2 {
  margin-bottom: 0 !important;
}*/
.home .home__cannabis-101 h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  /* position: relative; Contains the ::after */
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

/* Mobile: Stack header and link */
@media (max-width: 540px) {
  .home .home__section-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 12px;
  }
  
  .home .home__view-all-link {
    margin-bottom: 0;
  }
}


.home .home__cannabis-101-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 24px;
}

/* Cannabis 101 card structure */
.home .home__cannabis-101-grid .home__post-card {
  display: flex;
  flex-direction: column;
}

.home .home__cannabis-101-grid .home__post-card a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

/* Cannabis 101 card images */
.home .home__cannabis-101-grid .home__post-image {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 16 / 9;
  max-height: 250px;
}

.home .home__cannabis-101-grid .home__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Meta container */
.home .home__cannabis-101-grid .home__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

/* Category */
.home .home__cannabis-101-grid .home__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* Title */
.home .home__cannabis-101-grid .home__post-title {  /* Title IM HERE 🟥 ⚠️ ⚠️  ⚠️  ⚠️  ⚠️   */
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  color: #282a2a;
  margin: 0 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

/* Title span wrapper */
.home .home__cannabis-101-grid .home__post-title span {
  position: relative;
  display: inline;
  transition: color 0.25s ease;
  color: #282a2a;
}

/* Underline default hidden */
.home .home__cannabis-101-grid .home__post-title span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* On CARD hover: color + underline */
.home .home__cannabis-101-grid .home__post-card:hover .home__post-title span {
  color: #4e8540;
}

.home .home__cannabis-101-grid .home__post-card:hover .home__post-title span::after {
  width: 100%;
}

/* Author */
.home .home__cannabis-101-grid .home__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
  display: none;
}

/* Excerpt */
.home .home__cannabis-101-grid .home__post-excerpt {
  font-family: 'Open Sans', sans-serif;
  font-size: 15px;
  font-weight: 400;
  color: #282a2a;
  line-height: 1.4;
  margin: 0 0 8px 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
  overflow: hidden;
}

/* ========================================= */
/* ==== Responsive: Tablet ==== */
/* ========================================= */

@media (max-width: 1024px) and (min-width: 541px) {
  .home .home__cannabis-101-grid {
    grid-template-columns: repeat(3, 1fr);
    gap: 20px;
  }
  
  .home .home__cannabis-101-grid .home__post-image {
    max-height: 200px;
  }
}

/* ========================================= */
/* ==== Cannabis 101 – Mobile ≤540px  ====== */
/* ========================================= */

@media (max-width: 540px) {
  /* Stack cards vertically */
  .home .home__cannabis-101-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }

  /* ALL CARDS - Horizontal layout (image left, text right) */
  .home .home__cannabis-101-grid .home__post-card a {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
  }

  .home .home__cannabis-101-grid .home__post-image {
    flex: 0 0 38%;
    max-width: 38%;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }

  .home .home__cannabis-101-grid .home__post-image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
  }

  .home .home__cannabis-101-grid .home__post-meta {
    margin-top: 0;
  }

  /* Hide excerpt on mobile */
  .home .home__cannabis-101-grid .home__post-excerpt {
    display: none;
  }
}

/* Match Must Reads side padding at 480px */
@media (max-width: 480px) {
  .home .home__cannabis-101 {
    padding-left: 8px;
    padding-right: 8px;
  }
}


/* ============== */
/* ==== SHOP ==== */
/* ============== */
/* ==================================== */
/* ==== Home: Fresh Pics ==== */
/* ==================================== */  /* --- 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ --- */
.home .home__fresh-picks h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  /* position: relative; Contains the ::after */
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
}

/* ============================================= */
/* ===== HOME – Fresh Picks Slider Layout  ===== */
/* ============================================= */

/* Outer wrapper – just keeps things inside the section */
.home .home__fresh-picks .home__fresh-grid {
  width: 100%;
  overflow-x: clip;        /* safety against tiny wobble */
}

/* Base: mobile-first = slider behaviour */
/* Base: mobile-first = slider behaviour */
.home .home__fresh-picks .home__fresh-row {
  --visible: 3.5;
  --gap: 24px;                /* match Binge default gap */

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap);            /* use the variable */

  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;

  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  padding: 16px 0 clamp(18px, calc(18px + (100vw - 540px) * 0.0125), 24px);
}

/* Cards in slider mode */
.home .home__fresh-picks .home__fresh-card {
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
}

/* Fresh Picks – image hover zoom */
.home .home__fresh-picks .home__fresh-card img {
  transition: transform 0.35s ease-in-out;
}

.home .home__fresh-picks .home__fresh-card:hover img {
  transform: scale(1.05);
}

/* Fresh Picks scrollbar */
.home .home__fresh-picks .home__fresh-row::-webkit-scrollbar { height:6px; }
.home .home__fresh-picks .home__fresh-row::-webkit-scrollbar-thumb { background:#ccc; border-radius:3px; }
.home .home__fresh-picks .home__fresh-row::-webkit-scrollbar-track { background:#f1f1f1; }
/* Firefox */
.home .home__fresh-picks .home__fresh-row { scrollbar-color:#ccc #f1f1f1; scrollbar-width:thin; }


/* Tweak visible count at smaller breakpoints */
@media (max-width: 992px) { .home .home__fresh-picks .home__fresh-row { --visible: 3.5; } }
@media (max-width: 768px) { .home .home__fresh-picks .home__fresh-row { --visible: 3.5; } }
@media (max-width: 540px) { .home .home__fresh-picks .home__fresh-row { --visible: 1.5; } }



/* @media (min-width: 1281px) { .home__binge-row { --visible: 4.5; }} adjust to taste */
/*
@media (max-width: 1280px) { .home__binge-row { --visible: 3.5; } }
@media (max-width: 1024px) { .home__binge-row { --visible: 3.5; } }
@media (max-width: 992px) { .home__binge-row { --visible: 3.5; } }
@media (max-width: 768px)  { .home__binge-row { --visible: 3.5; } }
@media (max-width: 540px)  { .home__binge-row { --visible: 2.5; } }

*/
/* ============================= */
/* ===== DESKTOP (≥ 993px)  ==== */
/* ============================= */

@media (min-width: 992px) {
  .home .home__fresh-picks .home__fresh-grid {
    overflow-x: visible;
  }

  .home .home__fresh-picks .home__fresh-row {
    /* turn OFF slider, turn ON 4-column grid */
    display: grid;
    grid-template-columns: repeat(4, minmax(0, 1fr));    
    row-gap: 0;
    overflow: visible;
    scroll-snap-type: none;    
  }

  .home .home__fresh-picks .home__fresh-card {
    flex: 0 0 auto;
    scroll-snap-align: none;
  }
}

/* ===================================== */
/* ===== Fresh Picks Card Internals ==== */
/* ===================================== */

/* Just in case we need consistent alignment */
.home .home__fresh-picks .home__fresh-card {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Your existing image & title styles can stay as-is.
   If you want to be explicit, you can keep these: */
/* Contain the zoom inside the link wrapper */
.home .home__fresh-picks .home__fresh-link {
  display: block;       /* ensures proper overflow behavior */
  overflow: hidden;     /* prevent image from spilling out */
}

/* Smooth zoom effect */
.home .home__fresh-picks .home__fresh-card img {
  display: block;
  width: 100%;
  height: auto;

  transform: scale(1, 1);
  transition-timing-function: ease-out;
  transition-duration: 0.6s;
  transition-property: transform;
}

/* Hover: subtle zoom */
.home .home__fresh-picks .home__fresh-card:hover img {
  transform: scale(1.05, 1.05);
}


/* H4 title inside the card (non-link) */
/* FRESH PICKS — Title */
.home .home__fresh-picks .home__fresh-title {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.1;
  text-align: left;
}

/* Underline effect (default hidden) */  /* --- 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ --- */
/* FRESH PICKS — Title span setup */
.home .home__fresh-title .home__fresh-title-span {
  position: relative;
  display: inline;
  color: inherit;
}

/* Underline default hidden */
.home .home__fresh-title .home__fresh-title-span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* Hover: underline appears only on the text */
.home .home__fresh-card:hover .home__fresh-title .home__fresh-title-span::after {
}

/* Hover: color shift to #4e8540 */
.home .home__fresh-card:hover .home__fresh-title .home__fresh-title-span {
  color: #4e8540;
}


/* ================================ */
/* ==== Home: Shop by Category ==== */
/* ================================ */
.home .home__shop-by-category h3 {
  text-align: left;
  margin-bottom: 1.5em; /* Space between heading and content */
  line-height: 1.1;
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
  margin-top: 28px;
}

/* ===== Shop by Category — minimal, stable version ===== */

/* 1) Allow the flex chain to shrink (prevents horizontal blow-out) */
.home .home__shop,
.home .home__shop .ct-section-inner-wrap,
.home .home__shop-by-category,
.home .home__shop-by-category > * {
  min-width: 0;
}

/* 2) Make the section a vertical stack (safe if .home__shop is flex) */
.home .home__shop {
  display: flex;
  flex-direction: column;
  align-items: stretch;
}

/* 3) Section wrapper (does NOT scroll) */
.home .home__shop-by-category {
  width: 100%;
  padding-bottom: 10px;
  background-color: #fff;   /* #edebe1;  */
  /* keeps any 1px wobble from showing; if you ever see clipping issues,
     you can switch to `overflow-x: hidden;` */
  overflow-x: clip;
}

/* 4) The scroller (this is the ONLY thing that scrolls) */
.home .home__shop-category-slider {
  --visible: 4;        /* was 3.5 or your planned 4.5 */
  --gap: 40px;         /* was 64px */

  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap);
  padding: 16px 0 clamp(18px, calc(18px + (100vw - 540px) * 0.0125), 24px);

  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;

  width: 100%;
  max-width: 100%;
  box-sizing: border-box;

  overscroll-behavior-x: contain;
  contain: inline-size;
}

/* 5) Items don’t shrink */
.home .home__shop-category-slider > * { flex: 0 0 auto; }

/* 6) Item/card sizing */
.home .home__shop-category-item {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  max-width: 280px;       /* keeps circles from getting huge on very wide screens */
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

/* Circle image follows card width */
.home .home__shop-category-image {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1 / 1;    /* always a square */
  object-fit: cover;
  border-radius: 50%;
}

/* H4 title */
/* SHOP BY CATEGORY – Title */
.home .home__shop-by-category .home__shop-category-title {
  margin-top: 16px;
  font-size: 18px;
  line-height: 1.1;
}

/* ==== Hover Underline Effect for Shop Category Titles ==== */
/* Title underline default hidden */
.home .home__shop-category-title::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out; 
}

/* Show underline on card hover */
.home .home__shop-category-item:hover .home__shop-category-title::after {
  width: 100%;
}

/* Title color change on hover */
.home .home__shop-category-item:hover .home__shop-category-title {
  color: #4e8540;
}


/* Desktop & large screens (example values – tweak like Binge/Fresh) */
@media (min-width: 1281px)  { .home .home__shop-category-slider { --visible: 4.5; } }
@media (max-width: 1280px)  { .home .home__shop-category-slider { --visible: 4; } }
@media (max-width: 1024px)  { .home .home__shop-category-slider { --visible: 4; } }
@media (max-width: 992px)   { .home .home__shop-category-slider { --visible: 3.5; } }
@media (max-width: 768px)   { .home .home__shop-category-slider { --visible: 3.5; } }
@media (max-width: 540px)   { .home .home__shop-category-slider { --visible: 1.5; } }
@media (max-width: 540px)   { .home .home__shop-category-slider { --visible: 1.5; } }



/* Scrollbar styling */
.home .home__shop-category-slider::-webkit-scrollbar { height: 6px; }
.home .home__shop-category-slider::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.home .home__shop-category-slider::-webkit-scrollbar-track { background: #f1f1f1; }
/* Firefox */
.home .home__shop-category-slider { scrollbar-color:#ccc #f1f1f1; scrollbar-width:thin; }



/* ============================= */
/* ==== Home: Shop Seasonal ==== */
/* ============================= */  /* --- 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ --- */
.home .home__shop-seasonal h3 {
  text-align: left;
  margin-bottom: 1.5em;
  line-height: 1.1;
  margin-bottom: 0 !important;
  font-weight: 700;
  font-family: 'Inherit';
  margin-top: 28px;
}

/* ===== Shop Seasonal — minimal, stable version ===== */
/* 1) Allow the flex chain to shrink (prevents horizontal blow-out) */
.home .home__shop,
.home .home__shop .ct-section-inner-wrap,
.home .home__shop-seasonal,
.home .home__shop-seasonal > * {
  min-width: 0;
}

/* 2) Section wrapper (does NOT scroll) */
.home .home__shop-seasonal {
  width: 100%;
  padding-bottom: 10px;
  background-color: #fff;
  overflow-x: clip;
}

/* 3) The scroller (this is the ONLY thing that scrolls) */
.home .home__shop-seasonal-slider {
  --visible: 4;
  --gap: 40px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap);
  padding: 16px 0 clamp(18px, calc(18px + (100vw - 540px) * 0.0125), 24px);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: thin;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  overscroll-behavior-x: contain;
  contain: inline-size;
}

/* 4) Cards don't shrink */
.home .home__shop-seasonal-slider > * { flex: 0 0 auto; }

/* 5) Card sizing 
.home__shop-seasonal-card {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;

  border: 1px solid #e5e8eb;
  padding: 16px;
  background: #fff;
} */

/* 5) Card sizing */
/* Card sizing - maintain proportions */
.home .home__shop-seasonal-card {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
/*  border: 1px solid #e5e8eb; */
  padding: 16px 16px 24px;
  background-size: 100%; 
  background-position: center; 
  aspect-ratio: 488 / 741;
  overflow: hidden;
  transition: background-size 0.5s ease-in-out;
  border-radius: 14px;
}

.home .home__shop-seasonal-card:hover {
  background-size: 105%;
}

/* Link fills card and spaces content */
.home .home__shop-seasonal-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between; /* Push title to bottom, meta/price to top */
  width: 100%;
  height: 100%;
}

.home .home__shop-seasonal-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

/* META WRAPPER */
.home .home__shop-seasonal-meta {
  display: flex;
  gap: 0;
  color: #fff;
  align-self: flex-start;
}

.home .home__shop-seasonal-vendor,
.home .home__shop-seasonal-type {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 !important;
}

.home .home__shop-seasonal-vendor {
  font-size: 12px;
  font-weight: 700;
  color: #fff;
}

.home .home__shop-seasonal-type {
  font-size: 12px;
  font-weight: 500;
  color: #fff;
}

/* PRICE WRAPPER */
.home .home__shop-seasonal-price {
  display: flex;
  flex-direction: row;
  align-self: flex-start; /* flex-start; */
  align-items: flex-end; /* or baseline */
  gap: 12px;
}

.home .home__shop-seasonal-price-sale,
.home .home__shop-seasonal-price-compare {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 !important;
  line-height: 1;
}

.home .home__shop-seasonal-price-sale {
  font-size: 32px;
  font-weight: 700;
  color: #fff;
}

.home .home__shop-seasonal-price-compare {
  font-size: 20px;
  font-weight: 500;
  color: #fff;
  text-decoration: line-through;
  margin-bottom: 1px !important;
}


/* 7) Image follows card width */
.home .home__shop-seasonal-image {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: 50%;
}

/* 8) H4 title */
.home .home__shop-seasonal .home__shop-seasonal-title {
  font-family: 'Open Sans';
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.1;
  color: #fff;color: var(--card-title);
  margin: 0;
  -webkit-font-smoothing: antialiased; /* Safari / Chrome / Edge */
  -moz-osx-font-smoothing: grayscale;  /* Firefox on macOS */
  text-align: left;
  width: 100%;
}

/* ==== Hover Underline Effect for Shop Seasonal Titles ==== */
/* Title underline default hidden */
.home .home__shop-seasonal-title::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: var(--card-title); /* #4e8540; */
  transition: width 0.35s ease-in-out; 
}

/* Show underline on card hover */
.home .home__shop-seasonal-card:hover .home__shop-seasonal-title::after {
  width: 100%;
}

/* Title color change on hover 
.home__shop-seasonal-card:hover .home__shop-seasonal-title {
  color: currentcolor;  #4e8540; 
} */


/* ==== Hide Image Per Card ====
.home .home__shop-seasonal-card:nth-child(1) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card:nth-child(2) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card:nth-child(3) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card:nth-child(4) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card:nth-child(5) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card:nth-child(6) .home__shop-seasonal-image {
  display: none;
}  */

/* ==== Default Card Variables ==== */
.home .home__shop-seasonal-card {
  --card-vendor: #fff;
  --card-type: #fff;
  --card-price-sale: #fff;
  --card-price-compare: #fff;
  --card-title: #fff;
}

/* ==== Apply Variables to Text Elements ==== */
.home .home__shop-seasonal-vendor {
  color: var(--card-vendor);
}

.home .home__shop-seasonal-type {
  color: var(--card-type);
}

.home .home__shop-seasonal-price-sale {
  color: var(--card-price-sale);
}

.home .home__shop-seasonal-price-compare {
  color: var(--card-price-compare);
}

.home .home__shop-seasonal-title {
  color: var(--card-title);
}

/* ==== Card 1 -OTTO ==== */
.home .home__shop-seasonal-card:nth-child(1) {
  --card-vendor: #fff;
  --card-type: #fff;
  --card-price-sale: #ff0000; /* #b64400 */
  --card-price-compare: #fff;
  --card-title: #fff;
}

/* ==== Card 2 -CBDMD ==== */
.home .home__shop-seasonal-card:nth-child(2) {
  --card-vendor: #282a2a;
  --card-type: #282a2a;
  --card-price-sale: #ff0000;
  --card-price-compare: #282a2a;
  --card-title: #282a2a;
}

/* ==== Card 3 -PAW #bf3971 ==== */
.home .home__shop-seasonal-card:nth-child(3) {
  --card-vendor: #bf3971;
  --card-type: #fff;
  --card-price-sale: #ff0000;
  --card-price-compare: #fff;
  --card-title: #bf3971;  /* green- #395252; old pink- #9e2048; */
}

/* ==== Card 4 -ADLER #d9cb98 ==== */
.home .home__shop-seasonal-card:nth-child(4) {
  --card-vendor: #d9cb98;
  --card-type: #fff;
  --card-price-sale: #ff0000;
  --card-price-compare: #fff;
  --card-title: #d9cb98; /* pink #9e2048; */
}
.home .home__shop-seasonal-card:nth-child(4) .home__shop-seasonal-price-compare {
 /* text-decoration: none; */
}

/* ==== Card 5 -REVERLY #bfbf86 ==== 
.home__shop-seasonal-card:nth-child(5) {
  --card-vendor: #bfbf86;
  --card-type: #fff;
  --card-price-sale: #ff0000;
  --card-price-compare: #fff;
  --card-title: #bfbf86;
}*/

/* ==== Card 5 -THE CONTINENTAL #efe5d9 ==== */
.home .home__shop-seasonal-card:nth-child(5) {
  --card-vendor: #efe5d9;
  --card-type: #fff;
  --card-price-sale: #ff0000;
  --card-price-compare: #fff;
  --card-title: #efe5d9;
}
.home .home__shop-seasonal-card:nth-child(5) .home__shop-seasonal-price-compare {
 /* text-decoration: none; */
}

/* ==== Card 5 ==== */
.home .home__shop-seasonal-card:nth-child(6) {
  --card-vendor: #bf3971;
  --card-type: #fff;
  --card-price-sale: #ff0000;
  --card-price-compare: #fff;
  --card-title: #bf3971;  /* green- #395252; old pink- #9e2048; */
}


/* Responsive breakpoints */
@media (min-width: 1281px)  { .home .home__shop-seasonal-slider { --visible: 3.5; } }
@media (max-width: 1280px)  { .home .home__shop-seasonal-slider { --visible: 3.5; } }
@media (max-width: 1024px)  { .home .home__shop-seasonal-slider { --visible: 3; } }
@media (max-width: 992px)   { .home .home__shop-seasonal-slider { --visible: 2.5; } }
@media (max-width: 768px)   { .home .home__shop-seasonal-slider { --visible: 2.5; } }
@media (max-width: 540px)   { .home .home__shop-seasonal-slider { --visible: 1.5; } }

/* Scrollbar styling */
.home .home__shop-seasonal-slider::-webkit-scrollbar { height: 6px; }
.home .home__shop-seasonal-slider::-webkit-scrollbar-thumb { background: #ccc; border-radius: 3px; }
.home .home__shop-seasonal-slider::-webkit-scrollbar-track { background: #f1f1f1; }

/* Firefox */
.home .home__shop-seasonal-slider { scrollbar-color: #ccc #f1f1f1; scrollbar-width: thin; }






/* ==================================== */
/* ==== Shop Seasonal Card Style B ==== */
/* ==================================== */    /* Title IM HERE 🟥 ⚠️ ⚠️  ⚠️  ⚠️  ⚠️ 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪  */

/* Card sizing - Style B */
.home .home__shop-seasonal-card--b {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  max-width: 280px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 16px 16px 24px;
  background-size: 100%; 
  background-position: center; 
  aspect-ratio: 488 / 741;
  overflow: hidden;
  transition: background-size 0.5s ease-in-out;
  border-radius: 14px;
}

.home .home__shop-seasonal-card--b:hover {
  background-size: 105%;
}

/* Link fills card and spaces content */
.home .home__shop-seasonal-card--b .home__shop-seasonal-link {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-top {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: 4px;
  width: 100%;
}

/* META WRAPPER */
.home .home__shop-seasonal-card--b .home__shop-seasonal-meta {
  display: flex;
  gap: 0;
  color: #fff;
  align-self: flex-start;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-vendor,
.home .home__shop-seasonal-card--b .home__shop-seasonal-type {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 !important;
  letter-spacing: -0.5px;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-vendor {
  font-size: 12px;
  font-weight: 700;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-type {
  font-size: 12px;
  font-weight: 500;
}

/* PRICE WRAPPER */
.home .home__shop-seasonal-card--b .home__shop-seasonal-price {
  display: flex;
  flex-direction: row;
  align-self: flex-start;
  align-items: center;
  gap: 12px;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-price-sale,
.home .home__shop-seasonal-card--b .home__shop-seasonal-price-compare {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin: 0 !important;
  line-height: 1;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-price-sale {
  font-size: 32px;
  font-weight: 700;
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-price-compare {
  font-size: 20px;
  font-weight: 500;
  text-decoration: line-through;
  margin-bottom: 0 !important;
  margin-top: 4px !important;
}

/* Image */
.home .home__shop-seasonal-card--b .home__shop-seasonal-image {
  width: 100%;
  max-width: 280px;
  aspect-ratio: 1 / 1;
  object-fit: cover;
  border-radius: unset;
}

/* H4 title */
.home .home__shop-seasonal-card--b .home__shop-seasonal-title {
  font-family: 'Open Sans';
  margin-top: 16px;
  font-size: 20px;
  line-height: 1.1;
  color: var(--card-title-b);
  margin: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  width: 100%;
}

/* Title underline */
.home .home__shop-seasonal-card--b .home__shop-seasonal-title::after {
  content: "";
  display: block;
  width: 0%;
  height: 1px;
  background-color: var(--card-title-b);
  transition: width 0.35s ease-in-out; 
}

/* Show underline on card hover */
.home .home__shop-seasonal-card--b:hover .home__shop-seasonal-title::after {
  width: 100%;
}

/* ==== Default Card Variables - Style B ==== */
.home .home__shop-seasonal-card--b {
  --card-vendor-b: #fff;
  --card-type-b: #fff;
  --card-price-sale-b: #fff;
  --card-price-compare-b: #fff;
  --card-title-b: #fff;
}

/* ==== Apply Variables to Text Elements - Style B ==== */
.home .home__shop-seasonal-card--b .home__shop-seasonal-vendor {
  color: var(--card-vendor-b);
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-type {
  color: var(--card-type-b);
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-price-sale {
  color: var(--card-price-sale-b);
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-price-compare {
  color: var(--card-price-compare-b);
}

.home .home__shop-seasonal-card--b .home__shop-seasonal-title {
  color: var(--card-title-b);
}

/* ==== Hide Image Per Card - Style B ==== 
.home .home__shop-seasonal-card--b:nth-child(1) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card--b:nth-child(2) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card--b:nth-child(3) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card--b:nth-child(4) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card--b:nth-child(5) .home__shop-seasonal-image {
  display: none;
}
.home .home__shop-seasonal-card--b:nth-child(6) .home__shop-seasonal-image {
  display: none; 
} */

/* ==== Card 1 - Style B ==== */     /* Title IM HERE 🟥 ⚠️ ⚠️  ⚠️  ⚠️  ⚠️ 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪  */


/* ==== Card 1 - Style B ==== */
.home .home__shop-seasonal-card--b:nth-child(1) {
  --card-vendor-b: #282a2a;
  --card-type-b: #282a2a;
  --card-price-sale-b: #fff;
  --card-price-compare-b: #282a2a;
  --card-title-b: #282a2a;
}

.home .home__shop-seasonal-card--b:nth-child(1) .home__shop-seasonal-price {
  text-decoration: none;
}
.home .home__shop-seasonal-card--b:nth-child(1) .home__shop-seasonal-price-compare {
  text-decoration: none;
}
.home .home__shop-seasonal-card--b:nth-child(1) .home__shop-seasonal-price-sale {
  background-color: #4e8540;
  padding: 8px 8px;
  font-weight: 700;
  font-size:24px;
}
/*.home__shop-seasonal-card--b:nth-child(6) .home__shop-seasonal-type {
  text-transform: uppercase;
  font-size: 10px;
} */

/* ==== Card 2 - Style B ==== */
.home .home__shop-seasonal-card--b:nth-child(2) {
  --card-vendor-b: #282a2a;
  --card-type-b: #282a2a;
  --card-price-sale-b: #fff;
  --card-price-compare-b: #282a2a;
  --card-title-b: #282a2a;
}

.home .home__shop-seasonal-card--b:nth-child(2) .home__shop-seasonal-price {
  text-decoration: none;
}
.home .home__shop-seasonal-card--b:nth-child(2) .home__shop-seasonal-price-compare {
  text-decoration: none;
}
.home .home__shop-seasonal-card--b:nth-child(2) .home__shop-seasonal-price-sale {
  background-color: #4e8540;
  padding: 8px 8px;
  font-weight: 700;
  font-size:24px;
}
/*.home__shop-seasonal-card--b:nth-child(6) .home__shop-seasonal-type {
  text-transform: uppercase;
  font-size: 10px;
} */

/* ==== Card 3 - Style B LONE PRODUCT ==== */
.home .home__shop-seasonal-card--b:nth-child(3) {
  --card-vendor-b: #282a2a;
  --card-type-b: #282a2a;
  --card-price-sale-b: #4e8540;
  --card-price-compare-b: #282a2a;
  --card-title-b: #282a2a;
}
.home .home__shop-seasonal-card--b:nth-child(7) .home__shop-seasonal-price-compare {
  text-decoration: none;
}







/* ===================================== */
/* ===== HOME END GRID Grid Styles ===== */
/* ===================================== */
/* ===== Home CTA Grid with Dual Overlay (Fades on Hover) ===== */

.home .home-end-grid__thumb {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  display: block;
  text-decoration: none;
  padding: 45px 0 35px;
}

/* Initial dark overlay */
.home .home-end-grid__thumb::before {
  content: '';
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1;
  pointer-events: none;
  opacity: 1;
  transition: opacity 0.3s ease;
}

/* Green hover overlay */
.home .home-end-grid__thumb::after {
  content: '';
  position: absolute;
  inset: 0;
  background-color: #4e8540;
  opacity: 0;
  transition: opacity 0.3s ease;
  z-index: 2;
  pointer-events: none;
}

/* Hover transitions */
.home .home-end-grid__thumb:hover::before {
  opacity: 0; /* fade out the dark overlay */
}

.home .home .home-end-grid__thumb:hover::after {
  opacity: 0.6; /* fade in the green overlay */
}

/* Text on top */
.home .home-end-grid__text-wrapper {
  position: relative;
  z-index: 3;
  color: #fff;
  text-align: center;
  padding: 2rem;
}

/* ===== Home End Grid Background Positioning ===== */

/* Fisrt Number 30% moves the image toward the left (from the default center/50%) */
/* Second Number 20% moves it toward the top (from the default center/50%) */

.home #Home_Grid_Thumb-Now_Streaming {
  background-position: center 40%;
  background-size: cover;
  background-repeat: no-repeat;
}

.home #Home_Grid_Thumb-Live_Weekly {
  background-position: center top;
  background-size: cover;
  background-repeat: no-repeat;
}

.home #Home_Grid_Thumb-Learning_Center {
  background-position: center  15%;
  background-size: cover;
  background-repeat: no-repeat;
}

.home #Home_Grid_Thumb-Our_Founder {
  background-position: center 70%;
  background-size: cover;
  background-repeat: no-repeat;
}

.home #Home_Grid_Thumb-Market_Place {
  background-position: center 55%;
  background-size: cover;
  background-repeat: no-repeat;
}



@media (max-width: 1280px) {
  .home .home-end-grid__thumb {
    padding: 20px 0 10px !important; /* or whatever new value you need */
  }
}

@media (max-width: 992px) {
  .home .home-end-grid__thumb {
   padding: 20px 0 10px !important; 
  }
}

@media (max-width: 768px) {
  .home .home-end-grid__thumb {
   padding: 16px 0 6px !important;  
  }
}

@media (max-width: 540px) {
  .home .home-end-grid__thumb {
   padding: 14px 0 4px !important; 
  }
}
@media (max-width: 479px) {
  .home .home-end-grid__thumb {
   padding: 14px 0 4px !important; 
  }
}




/* Specific sizing for bee icon only */
.home .home__section-icon--bee {
  width: 36px !important;  /* Adjust size as needed */
  height: 36px !important;
}



/* ============================================================= */
/* ===== FIX: Prevent horizontal shift below 430px - Home ===== */
/* ============================================================= */
@media (max-width: 429px) {
  .home .home .ct-inner-content {
    max-width: 100% !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
}





/* Victoria, Monster Studios */


/* =================================== */
/* ==== LEARNING CENTER - SUBPAGE ==== */
/* =================================== */
/*
.learning-center__page .ct-section-inner-wrap {
    padding: 64px 64px;
  }

@media (max-width: 992px) {
  .learning-center__page .ct-section-inner-wrap {
    padding: 48px 32px;
  }
}

@media (max-width: 540px) {
  .learning-center__page .ct-section-inner-wrap {
    padding: 48px 32px;
  }
}

@media (max-width: 480px) {
  .learning-center__page .ct-section-inner-wrap {
    padding: 32px 20px;
  }
}
/*


/* Scoped Gilda Display headings for Learning Center page only 

.learning-center__page h2 {
  font-family: 'Gilda Display', serif;
  font-weight: 700;
  color: #282a2a;
}
*/
/* Specific sizing for each heading level 
.learning-center__page h2 {
  font-size: 55px;
  margin: 0 0 24px;
}
*/

/* LC page: kill legacy inner-wrap padding so sections can own spacing *//* +++++ NEW +++++ ✅  ✅  ✅  ✅  ✅   */
.learn .ct-section-inner-wrap { /* ----- DONE, REVIEW IT ----- ⚠️ 👀 ⚠️ 👀  ⚠️ 👀  */
  padding: 0 !important;
  overflow: visible !important;
}

/* LC wrapper container (div) — inline padding only */
.learn {
  max-width: 1280px;
  margin: 0 auto;

  /* Horizontal padding scales from 16–64px */
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
}

/* Vertical rhythm per section (no inline padding here) */
.learning-center__header,
.learning-center__intro-content,
.learn__featured-blocks,
.learn__blogs-by-cat,
.learning-center__explore-products {
  /* Vertical padding scales 48–64px */
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
}


/* ======================================= */
/* ==== LEARNING CENTER - BLOCK HEADER ==== */
/* ======================================= */
.learn .learn__block-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 1.75em; /* matches Home spacing */
}

/* Stack on small screens */
@media (max-width: 540px) {
  .learn .learn__block-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 1.75em;
  }
}

/* ======================================= */
/* ==== LEARNING CENTER - H2 STYLE ==== */
/* ======================================= */
.learn .learning-center__heading {
  text-align: left;
  margin-bottom: 0; /* header wrapper handles spacing */
  margin-top: 0;
  line-height: 1.1;
  font-family: 'Inherit'; /*'Gilda Display', serif; */
  color: #282a2a;
  font-weight: 700;
  font-size: clamp(62px, calc(62px + (100vw - 540px) * 0.0372), 80px); /*font-size: clamp(32px, calc(32px + (100vw - 540px) * 0.0375), 55px); */
}

/* ======================================= */
/* ==== LEARNING CENTER - VIEW ALL LINK ==== */
/* ======================================= */
.learn .learn__view-all-link {
  background: transparent;
  color: #999;
  font-size: 16px;
  font-weight: 400;
  text-decoration: none;
  position: relative;
  transition: color 0.35s ease-in-out;
}

/* Underline (starts full, disappears on hover) */
.learn .learn__view-all-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn .learn__view-all-link:hover {
  color: #4e8540;
}

.learn .learn__view-all-link:hover::after {
  width: 0;
}








/* ================================== */
/* ==== LEARNING CENTER - HEADER ==== */
/* ================================== */
.learn .learning-center__header {

/*  padding-top: clamp(24px, calc(24px + (100vw - 480px) * 0.044), 32px); */
  padding-bottom: 0;

  font-family: 'Gilda Display', serif;   /* +++++ NEW +++++ ✅ ⚠️ ✅ ⚠️ ✅ ⚠️ ✅ ⚠️ ✅ ⚠️  */
}


/* ==================================== */
/* ==== LEARNING CENTER - MASTHEAD ==== */
/* ==================================== *//* ----- DONE, REVIEW IT ----- ⚠️ 👀 ⚠️ 👀  ⚠️ 👀  */
.learn .learning-center__masthead {
  width: 100%; /* Make it stretch across the full container */  
  display: grid;
  grid-template-columns: 1fr 2fr 1fr; /* ✅ Center is wider it was 1fr 2fr 1fr*/
  align-items: center;
  justify-content: space-between;
  gap: 20px; /* it was 2rem */  
 /* padding: 2rem 0; */
  text-align: center;
  margin-bottom: clamp(24px, calc(24px + (100vw - 480px) * 0.044), 32px);
}


@media (max-width: 540px) {
  .learn .learning-center__masthead {
    display: flex;
    flex-direction: column;
   /* padding: 1rem 0; */
  }
}

/* ==== LEARNING CENTER - MASTHEAD REORDERING ==== */
@media (max-width: 540px) {
  .learn .learning-center__masthead {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: auto auto auto;
  }

  .learn .learning-center__masthead > div:nth-child(2) { order: 1; }
  .learn .learning-center__masthead > div:nth-child(1) { order: 2; }
  .learn .learning-center__masthead > div:nth-child(3) { order: 3; }
}

.learn .learning-center__masthead-center {
  display: flex;
  justify-content: center;
  align-items: center;
}

.learn .learning-center__masthead-right {
  margin-left: auto; /* ✅ Pushes the whole block to the right */
  display: flex;
  justify-content: center; /* centers icon horizontally inside block */
  align-items: center;     /* centers icon vertically */
}

/* ==== LEARNING CENTER - MASTHEAD LEFT ==== */
.learn .learning-center__masthead-left {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 2px;  
}

/* ==== LEARNING CENTER - MASTHEAD LEFT MEDIA ==== */
@media (max-width: 540px) {
  .learn .learning-center__masthead-left {
    align-items: center;
  }
/* ==== LEARNING CENTER - MASTHEAD RIGHT MEDIA ==== */
  .learn .learning-center__masthead-right {
    margin-left: 0 !important; /* Cancels desktop auto margin */
  }
}



/* ===== Optin Blurb ===== */
.learn .learning-center__masthead-left .learning-center__optin-blurb {
  font-family: 'Open Sans', sans-serif;
  font-size: 14px;
  color: #222;
  font-weight: 700;
  margin: 0;
  line-height: 115%;
  text-align:left;
 /* text-transform: uppercase;*/
}

/* ===== Optin Link ===== */
.learn .learning-center__optin-link {
  font-family: 'Gilda Display', serif;
  font-size: 13px;
  color: #222;
  font-weight: 500;
  text-align:left;
  transition: color 0.25s ease, text-decoration-color 0.25s ease;
}

.learn .learning-center__optin-link:hover {
 /* text-decoration: overline; */
  color: #4e8540;
  text-decoration: underline;
}

/* ==== LEARNING CENTER - MASTHEAD CENTER ==== */



/* =========================================================== */
/* Whole H1 */
.learn .learning-center__masthead-center 
.learning-center__masthead-title  {
  font-family: 'Raleway', serif !important;
 /* font-size: 2.8rem;  it was 2.8rem*/
  line-height: 1.6; /* +++ chat has it at 1.2 +++ */
  margin: 0;
  font-weight: 700;
 /*  font-size: 2.8rem; it was 3.2rem*/
}

/* Accent “GBL” on its own line */
.learn .learning-center__masthead-center 
.learning-center__masthead-title .learning-center__masthead-title-accent {
  display: block;
  font-family: 'Raleway', sans-serif;
  font-size: 160px; /* it was 170px */
  font-weight: 900;
  line-height: 0.8;
  margin: 0;
}

/* “Learning Center” line */
.learn .learning-center__masthead-center 
.learning-center__masthead-title .learning-center__masthead-text{
  display: block;
  font-family: 'Raleway', serif !important;
  font-size: 40px;
  font-weight: 700;
}
@media (max-width: 992px) {
  /* Accent “GBL” on its own line */
  .learn .learning-center__masthead-center 
  .learning-center__masthead-title .learning-center__masthead-title-accent {
    display: block;
    font-family: 'Raleway', sans-serif;
    font-size: 134px; /* it was 170px */
    font-weight: 900;
    line-height: 0.8;
    margin: 0;
  }

  /* “Learning Center” line */
  .learn .learning-center__masthead-center 
  .learning-center__masthead-title .learning-center__masthead-text{
    display: block;
    font-family: 'Raleway', serif !important;
    font-size: 34px;
    font-weight: 700;
  }  
}

/* ================================ */
/* ==== LEARNING CENTER - NAV  ==== */
/* ================================ *//* ----- DONE, REVIEW IT ----- ⚠️ 👀 ⚠️ 👀  ⚠️ 👀  */

/* Base nav layout */
.learn .learning-center__nav {
  display: flex;
  flex-direction: row;
  overflow-x: auto !important;
  overflow-y: hidden !important;
   /* NEW: one variable drives both gap and fallback margins */
  --lc-nav-gap: clamp(24px, calc(24px + (100vw - 480px) * 0.02), 40px);
  padding: 12px 0;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: #fff;
}
.learn .learning-center__nav::-webkit-scrollbar {  /* NEW!!!!!!!!!!!!!!!!!!!!!!!!!!!!! */
  display: none !important;
}


/* Make sure the direct children are treated as the flex items */
.learn .learning-center__nav > .ct-div-block,
.learn .learning-center__nav > .ct-link,
.learn .learning-center__nav > a {
  flex: 0 0 auto;
  display: block;           /* older Safari friendly */
}

/* Fallback spacing for old Safari/iPad (no flex gap support) */
.learn .learning-center__nav > .ct-div-block + .ct-div-block,
.learn .learning-center__nav > .ct-link + .ct-link,
.learn .learning-center__nav > a + a {
 /* margin-left: 40px; */
  margin-left: var(--lc-nav-gap);
}

/* Modern browsers: use gap, kill fallback margins */
@supports (gap: 1rem) {
  .learn .learning-center__nav { gap: var(--lc-nav-gap); }
  .learn .learning-center__nav > * + * { margin-left: 0; }
}


/* ==== LEARNING CENTER - NAV LINK ==== */
.learn .learning-center__nav-link {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #282a2a;
  text-decoration: none;
  flex-shrink: 0;
  scroll-snap-align: start;
  text-transform: uppercase;
  transition: color 0.25s ease;
  font-family: 'Open Sans', sans-serif;
  position: relative;  /* ← ADD for ::before positioning */
  /* line-height: 1; */
}

/* Animated overline - grows from left to right */
.learn .learning-center__nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn .learning-center__nav-link:hover {
  color: #282a2a80;
}

.learn .learning-center__nav-link:hover::before {
  width: 100%;  /* Grows to full width on hover */
}

/* ===== Wrapper for fade + arrow ===== */
.learn .learning-center__nav-wrapper {
  position: relative;
  width: 100%;

  background: #fff;   /* belt-and-suspenders */
}

.learn .learning-center__nav-fade {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 100%;
/*  background: linear-gradient(to right, transparent, #fff); */
  pointer-events: none;
  z-index: 5;

   /* use white->white with alpha, NOT 'transparent' */
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    rgba(255,255,255,0.9),
    #fff
  );
  /* just in case */
  mix-blend-mode: normal;
}

.learn .learning-center__nav-arrow  {
  position: absolute;
  right: 0rem;
  bottom: -12px;
  transform: none;
  font-size: 22px;
  color: #222;
  font-weight: normal;
  opacity: 1;
  pointer-events: none;
  z-index: 6;
}

.learn .learning-center__nav::-webkit-scrollbar {
  width: 0;
  height: 0;
  background: transparent;   /* older Safari/iOS */
}



/* =================================================== *//* ----- DONE, REVIEW IT ----- ⚠️ 👀 ⚠️ 👀  ⚠️ 👀  */
/* ==== Intro Content Layout (2-Column Container) ==== */
/* =================================================== */
.learn .learning-center__intro-content {
 /* width: 100%;
  max-width: 1120px;
  margin: 40px auto 60px;   Top margin only */
 /*  padding: 0;           Same horizontal padding as header */
  padding-top: clamp(24px, calc(24px + (100vw - 480px) * 0.044), 32px);
  display: flex;
  flex-direction: row;
  gap: 40px;
  align-items: flex-start;
  box-sizing: border-box;   /* ensures padding doesn't add overflow */
}
/*
@media (max-width: 991px) {
 .learning-center__page .learning-center__intro-content {
    margin: 32px auto;
  }
}

@media (max-width: 991px) {
 .learning-center__page .learning-center__intro-content {
    margin: 24px auto;
  }
} */

/* ========================================= */
/* ==== Stack Intro Content at 992px and Below ==== */
/* ========================================= */

@media (max-width: 992px) {
  .learn .learning-center__intro-content {
    flex-direction: column-reverse;
  }
  
  /* Optional: Adjust gap for stacked layout */
  .learn .learning-center__intro-content {
    gap: 32px; /* ← Increase gap between stacked sections */
  }
}

/* ===================================== *//* ----- IM HERE ----- ⚠️ ⚠️  ⚠️ ⚠️ ⚠️  */
/* ==== Left Column: Latest Stories ==== */
/* ===================================== */
.learn .learning-center__left {
  flex: 0 0 20%;
}

/* ===== Latest Stories Section (Left Column) ===== */
.learn .learning-center__latest-stories {
  padding-right: 0;
}

.learn .learning-center__latest-heading {
  font-family: 'Open Sans', sans-serif;  /* +++++ NEW +++++ ✅ ⚠️ ✅ ⚠️ ✅ ⚠️ ✅ ⚠️ ✅ ⚠️  */
  font-size: 24px !important;
  font-weight: 700;
  color: #282a2a !important;
  margin-top: 0 !important;
  margin-bottom: 16px !important;
  border-bottom: 1px solid #282a2a;
  padding-bottom: 12px;
  letter-spacing: -1.2px !important;
}

/* ===== Individual Story Item ===== */
.learn .learning-center__latest-item {
  padding: 16px 0;
  border-bottom: 1px solid #e5e8eb; /*border-bottom:1px solid #282a2a35*//*++++++++++*/
}

.learn .learning-center__latest-item:last-child {
 /* border-bottom: none; */
}

/* ==== Latest: Category ==== */
.learn .learning-center__latest-stories .learning-center__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  /* text-transform: uppercase; */
  margin: 0 0 4px !important;
}


/* ==== Latest: Title Container ==== */
.learn .learning-center__latest-stories .learning-center__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #282a2a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2; /* This should match image 2 spacing */
  letter-spacing: -0.5px;

  /* ADD THESE PROPERTIES: */
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* ==== Anchor inside (inherits font, only hover color) ==== */
.learn .learning-center__latest-stories .learning-center__post-title a {
  color: inherit;
  text-decoration: none;
  display: inline;
  transition: color 0.25s ease;
  position: relative;  /* ← ADD for ::after positioning */
}

/* Underline - starts full */
.learn .learning-center__latest-stories .learning-center__post-title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;  /* ← Starts at full width */
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

/* ==== Hover Color + Underline disappears ==== */
.learn .learning-center__latest-stories .learning-center__post-title a:hover {
  color: #4e8540 !important;
}

.learn .learning-center__latest-stories .learning-center__post-title a:hover::after {
  width: 0;  /* ← Disappears on hover */
}

/* ==== Latest: Author ==== */
.learn .learning-center__latest-stories .learning-center__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 8px 0 0 !important;
}

/* ==== Latest: Title Container - Query ==== */
@media (max-width: 991px) {
  .learn .learning-center__latest-stories .learning-center__post-title {
    font-size: 18px;  
  }
  .learn .learning-center__latest-item:last-child {
    border-bottom: 1px solid #e5e8eb; /*border-bottom:1px solid #282a2a35*//*++++++++++*/
  }
}


/* Hide 5th post on screens larger than 1024px */
@media (min-width: 1025px) {
  .learning-center__latest-item--fifth {
    display: none;
  }
}



/* ===================================================== */
/* ==== Learning Center: Intro Grid (New Structure) ==== */
/* ===================================================== */

/* Main Grid Container */
.learn .learn__intro-grid {
  display: grid;
  grid-template-columns: 2fr 1fr;
  gap: 24px;
  align-items: stretch;
  margin-bottom: 0; /* CHANGED!!! IT WAS 16px ‼️⚠️  */
  width: 100%;
  flex: 1 1 75%; /* Keep your existing flex for the right column */
}

/* ===== LEFT COLUMN ===== */
.learn .learn__intro-left {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
}

.learn .learn__intro-left .learn__post-card {
  flex: 1;
  display: flex;
  flex-direction: column;
}

.learn .learn__intro-left .learn__post-card a {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  text-decoration: none;
  color: inherit;
}

/* Left Image Wrapper - ABSOLUTE positioning */
.learn .learn__intro-left .learn__post-image-wrapper {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 80px;
  overflow: hidden;
}

.learn .learn__intro-left .learn__post-image {
  width: 100%;
  height: 100%;
}

.learn .learn__intro-left .learn__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  display: block;
}

/* Left Meta - positioned at bottom */
.learn .learn__intro-left .learn__post-meta {
  margin-top: auto;
  padding-top: 16px;
  position: relative;
  z-index: 1;
}

/* ===== RIGHT COLUMN ===== */
.learn .learn__intro-right {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.learn .learn__intro-right .learn__post-card a {
  display: flex;
  flex-direction: row;
  gap: 16px;
  align-items: flex-start;
  text-decoration: none;
  color: inherit;
}

/* Right Image Wrapper - fixed size */
.learn .learn__intro-right .learn__post-image-wrapper {
  width: 160px;
  height: 120px;
  flex-shrink: 0;
  overflow: hidden;
}

.learn .learn__intro-right .learn__post-image {
  width: 100%;
  height: 100%;
}

.learn .learn__intro-right .learn__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* Right Column Meta */
.learn .learn__intro-right .learn__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 0;
  flex: 1;
}

/* ===== SHARED TEXT STYLES ===== */
.learn .learn__intro-grid .learn__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

.learn .learn__intro-grid .learn__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  color: #282a2a;
  margin: 0 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.learn .learn__intro-grid .learn__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
 /* display: none; */   /* CHANGED!!! IT WAS 16px ‼️⚠️  */
}

.learn .learn__intro-left .learn__post-author { /* IM HERE 🟪  🟪  🟪  🟪  🟪  🟪  🟪  🟪   */
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
  display: none; 
}

/* Hover Effects */
.learn .learn__intro-grid .learn__post-title span {
  position: relative;
  display: inline;
  transition: color 0.25s ease;
  color: #282a2a;
}

.learn .learn__intro-grid .learn__post-title span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

.learn .learn__intro-grid .learn__post-card:hover .learn__post-title span {
  color: #4e8540;
}

.learn .learn__intro-grid .learn__post-card:hover .learn__post-title span::after {
  width: 100%;
}

/* Left Featured Title - BIGGER */
.learn .learn__intro-left .learn__post-title {
  font-size: 22px !important;
  line-height: 1.4;
  margin: 4px 0 !important;
}

.learn .learn__intro-left .learn__post-title span { /* IM HERE 🟪  🟪  🟪  🟪  🟪  🟪  🟪  🟪   */
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    max-width: 100%;
  }

/* Right Column Title Clamp */
.learn .learn__intro-right .learn__post-title {
  padding-bottom: 2px;
}

.learn .learn__intro-right .learn__post-title span {
  display: -webkit-box !important;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  width: fit-content;
  max-width: 100%;
}

/* ================================= */
/* ==== Responsive Breakpoints ===== */
/* ================================= */

/* ========================================= */
/* ==== Desktop Layout Adjustments (1025px+) ==== */
/* ========================================= */

@media (min-width: 1025px) {
  
  /* Make right column posts VERTICAL (meta below images) */
  .learn .learn__intro-right .learn__post-card a {
    display: flex;
    flex-direction: column; /* ← Change from row to column */
    gap: 0;
    align-items: stretch;
  }
  
  /* Right images - full width, taller */
  .learn .learn__intro-right .learn__post-image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9; /* ← Make images wider/taller */
    max-height: none;
  }
  
  /* Right meta - goes below image */
  .learn .learn__intro-right .learn__post-meta {
    margin-top: 12px;
    gap: 8px;
  }
  
  /* Optional: Make right column gap larger for more height */
  .learn .learn__intro-right {
    gap: 24px; /* ← Increase gap between right posts */
  }
}

/* ========================================= */
/* ==== Extra Large Screens (1281px+) ==== */
/* ========================================= */

@media (min-width: 1281px) {
  
  /* Even larger images and gaps for big screens */
  .learn .learn__intro-right .learn__post-image-wrapper {
    aspect-ratio: 3 / 2; /* ← Slightly taller aspect ratio */
  }
  
  .learn .learn__intro-right {
    gap: 24px; /* ← Even larger gap */  /* CHANGED!!! IT WAS 40px ‼️⚠️  */
  }
}



@media (min-width: 1280px) {
  .learn .learn__intro-left .learn__post-title {
    padding-bottom: 4px;
  }
  
  .learn .learn__intro-left .learn__post-title span {
    display: -webkit-box !important;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    width: fit-content;
    max-width: 100%;
  }
}

@media (max-width: 1024px) and (min-width: 541px) {
  .learn .learn__intro-grid {
    display: flex;
    flex-direction: column;
    gap: 32px;
  }
  
  .learn .learn__intro-left .learn__post-image-wrapper {
    position: relative;
    bottom: auto;
    height: clamp(300px, calc(21vw + 186px), 400px);
  }
  
  .learn .learn__intro-left .learn__post-meta {
    margin-top: 16px;
    padding-top: 0;
  }
  
  .learn .learn__intro-right {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 24px;
  }
  
  .learn .learn__intro-right .learn__post-card a {
    flex-direction: column;
    gap: 0;
  }
  
  .learn .learn__intro-right .learn__post-image-wrapper {
    width: 100%;
    height: auto;
    aspect-ratio: 16 / 9;
    max-height: 200px;
  }
  
  .learn .learn__intro-right .learn__post-meta {
    margin-top: 12px;
  }
}

@media (max-width: 540px) {
  .learn .learn__intro-grid {
    display: flex;
    flex-direction: column;
  }
  
  .learn .learn__intro-left .learn__post-image-wrapper {
    position: relative;
    bottom: auto;
  }
  
  .learn .learn__intro-left .learn__post-meta {
    margin-top: 16px;
    padding-top: 0;
  }
  
  .learn .learn__intro-right {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  .learn .learn__intro-right .learn__post-card a {
    display: flex;
    flex-direction: row;
    align-items: stretch;
    gap: 12px;
  }
  
  .learn .learn__intro-right .learn__post-image-wrapper {
    flex: 0 0 38%;
    max-width: 38%;
    width: auto;
    height: auto;
    aspect-ratio: 4 / 3;
  }
  
  .learn .learn__intro-right .learn__post-meta {
    flex: 1 1 auto;
    margin-top: 0;
  }
}



                                                                /* ----- IM HERE ----- ⚠️ ⚠️  ⚠️ ⚠️ ⚠️  */
/* ====================================================================================================  */

/* ========================================================== */
/* ===== Featured Blocks - Shared Styles (Hemp & Grind) ===== */
/* ========================================================== */

/* Card structure */
.learn .learn__featured-blocks .learn__post-card {
  display: flex;
  flex-direction: column;
}

.learn .learn__featured-blocks .learn__post-card a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

/* Image wrapper */
.learn .learn__featured-blocks .learn__post-image {
  width: 100%;
  overflow: hidden;
  aspect-ratio: 1 / 1;
  max-height: none;
}

.learn .learn__featured-blocks .learn__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* Meta container - matches Cannabis 101 */
.learn .learn__featured-blocks .learn__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

/* Category */
.learn .learn__featured-blocks .learn__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* Title */
.learn .learn__featured-blocks .learn__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  color: #282a2a;
  margin: 0 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.learn .learn__featured-blocks .learn__post-title a {
  text-decoration: none;
  color: inherit;
  display: inline;
  transition: color 0.25s ease;
  position: relative;
}

/* Underline effect */
.learn .learn__featured-blocks .learn__post-title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn .learn__featured-blocks .learn__post-title a:hover {
  color: #4e8540 !important;
}

.learn .learn__featured-blocks .learn__post-title a:hover::after {
  width: 0;
}

/* Author */
.learn .learn__featured-blocks .learn__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* ============================================================= */
/* ===== MOBILE: Slider Behavior (<992px) ===== */
/* ============================================================= */

/* Default mobile slider */
.learn .learn__hemp-hooray-grid,
.learn .learn__grind-it-out-grid {
  --visible: 3.5;
  --gap: 24px;
  
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap);
  
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch;
  scroll-snap-type: x mandatory;
  
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Padding ONLY for slider mode (<992px) */
@media (max-width: 991px) {
  .learn .learn__hemp-hooray-grid,
  .learn .learn__grind-it-out-grid {
    padding-bottom: clamp(18px, calc(18px + (100vw - 540px) * 0.0125), 24px);
  }
}

/* Cards in slider mode */
.learn .learn__featured-blocks .learn__post-card {
  scroll-snap-align: start;
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
}

/* Scrollbar styling */
.learn .learn__hemp-hooray-grid::-webkit-scrollbar,
.learn .learn__grind-it-out-grid::-webkit-scrollbar {
  height: 6px;
}

.learn .learn__hemp-hooray-grid::-webkit-scrollbar-thumb,
.learn .learn__grind-it-out-grid::-webkit-scrollbar-thumb {
  background: #ccc;
  border-radius: 3px;
}

.learn .learn__hemp-hooray-grid::-webkit-scrollbar-track,
.learn .learn__grind-it-out-grid::-webkit-scrollbar-track {
  background: #f1f1f1;
}

/* Firefox scrollbar */
.learn .learn__hemp-hooray-grid,
.learn .learn__grind-it-out-grid {
  scrollbar-color: #ccc #f1f1f1;
  scrollbar-width: thin;
}

/* Adjust visible count at breakpoints */
@media (max-width: 768px) {
  .learn .learn__hemp-hooray-grid,
  .learn .learn__grind-it-out-grid {
    --visible: 3.5;
  }
}

@media (max-width: 540px) {
  .learn .learn__hemp-hooray-grid,
  .learn .learn__grind-it-out-grid {
    --visible: 1.5;
  }
}

@media (max-width: 480px) {
  .learn .learn__hemp-hooray-grid,
  .learn .learn__grind-it-out-grid {
    --visible: 1.5;
  }
}

/* ============================================================= */
/* ===== DESKTOP: Grid Layout (≥992px) ===== */
/* ============================================================= */

@media (min-width: 992px) {
  .learn .learn__hemp-hooray-grid,
  .learn .learn__grind-it-out-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
    
    overflow: visible;
    scroll-snap-type: none;
  }
  
  .learn .learn__featured-blocks .learn__post-card {
    flex: 0 0 auto;
    scroll-snap-align: none;
  }
}



/* ====================================================================================================  */

                                                             /* ----- IM HERE 2 ----- 🟥 ⚠️  ⚠️ ⚠️ ⚠️  */
/* ====================================================================================================  */
/* ===== Main Wrapper ===== */

/* ===================================== *//* ----- IM HERE ----- ⚠️ ⚠️  ⚠️ ⚠️ ⚠️  */
/* ===== Blogs by Category Section ===== */
/* ===================================== */

/* Parent wrapper */
.learn .learn__blogs-by-cat {
  box-sizing: border-box;
}

/* Grid layout */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-grid {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 48px;
  max-width: 1280px;
  margin-inline: auto;
  box-sizing: border-box;
}

/* Make code block wrapper transparent to grid */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-grid > .ct-code-block,
.learn .learn__blogs-by-cat.learn__blogs-by-cat-grid > .ct-code-block > div {
  display: contents;
}

@media (max-width: 991px) {
  .learn .learn__blogs-by-cat .learn__blogs-by-cat-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 32px;
  }
}

@media (max-width: 639px) {
  .learn .learn__blogs-by-cat .learn__blogs-by-cat-grid {
    gap: 32px;
  }
}

@media (max-width: 480px) {
  .learn .learn__blogs-by-cat .learn__blogs-by-cat-grid {
    grid-template-columns: 1fr;
    gap: 32px;
  }
}

/* Individual category block */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-block {
  box-sizing: border-box;
}

/* Header with title and arrow */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 16px;
  border-bottom: 1px solid #282a2a;
  padding-bottom: 8px;
}

/* Heading (with link) */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-heading {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px !important;
  font-weight: 700;
  color: #282a2a !important;
  margin: 0 !important;
  letter-spacing: -1.2px !important;
}

.learn .learn__blogs-by-cat .learn__blogs-by-cat-heading a {
  color: inherit;
  text-decoration: none;
  transition: color 0.25s ease;
}

.learn .learn__blogs-by-cat .learn__blogs-by-cat-heading a:hover {
  color: #4e8540;
}

/* Arrow icon */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-header .arrow-icon {
  font-size: 22px;
  color: #282a2a;
  text-decoration: none;
  transition: color 0.25s ease;
}

.learn .learn__blogs-by-cat .learn__blogs-by-cat-header .arrow-icon:hover {
  color: #4e8540;
}


/* ===== Individual Post Card ===== */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-card {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 24px 0;
  border-bottom: 1px solid #e5e8eb;
}

/* ===== Image Wrapper ===== */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-image-wrapper {
  width: 100%;
  height: 180px;
  overflow: hidden;
}

.learn .learn__blogs-by-cat .learn__blogs-by-cat-image {
  width: 100%;
  height: 100%;
}

.learn .learn__blogs-by-cat .learn__blogs-by-cat-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* ===== Post Meta ===== */
.learn .learn__blogs-by-cat .learn__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
}

/* Title - matches Featured Blocks */
.learn .learn__blogs-by-cat .learn__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  color: #282a2a !important;
  margin: 0 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

.learn .learn__blogs-by-cat .learn__post-title a {
  color: inherit;
  text-decoration: none;
  display: inline;
  transition: color 0.25s ease;
  position: relative;
}

.learn .learn__blogs-by-cat .learn__post-title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

.learn .learn__blogs-by-cat .learn__post-title a:hover {
  color: #4e8540 !important;
}

.learn .learn__blogs-by-cat .learn__post-title a:hover::after {
  width: 100%;
}

/* Author - matches Featured Blocks */
.learn .learn__blogs-by-cat .learn__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}


/* ===== Discover Brands Placeholder ===== */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-placeholder {
  display: flex;
  flex-direction: column;  /* Stack vertically */
  align-items: center;      /* Center items */
  gap: 16px;
  padding: 24px 0;
  border-bottom: 1px solid #e5e8eb;
}

/* Placeholder Image */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-placeholder-image {
  width: 100%;
  height: 140px;            /* Fixed height like old version */
  object-fit: cover;
  border-radius: 8px;
  margin-top: 20px;
}

/* Placeholder Text */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-placeholder-text {
  width: 100%;              /* Full width */
  padding: 0 16px;
  box-sizing: border-box;
}

/* Placeholder Heading */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-placeholder-text h3 {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px !important;
  font-weight: 700;
  color: #282a2a !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
  margin: 0 0 12px 0;       /* Add bottom margin */
}

/* Placeholder Paragraph */
.learn .learn__blogs-by-cat .learn__blogs-by-cat-placeholder-text p {
  font-size: 15px;
  font-weight: 400;
  color: #282a2a;
  line-height: 1.4;
  margin: 0;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  overflow: hidden;
  -webkit-line-clamp: 9;    /* Limit to 9 lines */
}

/* Show/hide images based on viewport */
@media (min-width: 481px) {
  /* Desktop: hide mobile-only images */
  .learn__blogs-by-cat-card .mobile-only {
    display: none;
  }
}

@media (max-width: 480px) {
  /* Mobile: hide desktop-only images */
  .learn__blogs-by-cat-card .desktop-only {
    display: none;
  }
}
/* .show-both always visible at all sizes */





/* ========================================== */ /* ----- IM HERE ----- ⚠️ ⚠️  ⚠️ ⚠️ ⚠️  */
/* ==== Learning center Explore Products ==== */
/* ========================================== */
.learn .learning-center__explore-products {
}

/*  H2 Title */
.learn .learning-center__explore-products .learning-center__heading  {
}

.learn .learning-center__post-image-wrapper {
  max-height: 300px;         /* or whatever height works best */
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: center;
}

/*  Image */
.learn .learning-center__explore-products .learning-center__post-image {
   width: 100%;
   height: 100%;  
   object-fit: cover;
   display: block;
  /*max-height: 300px; */
}

 


/* ==== Content - Category, Title, Author
.learning-center__explore-products .learning-center__post-content {
  display: flex;
  flex-direction: column;
 justify-content: space-between;
  height: 100%; 
  padding-bottom: 16px; 
} ==== */

/* ==== Content - Category, Title, Author ==== */
.learn .learning-center__explore-products .learning-center__post-content {
  display: flex;
  flex-direction: column;
  justify-content: center;   /* Vertically centers content */
  height: 100%;
}


/* ==== Category ==== */
.learn .learning-center__explore-products .learning-center__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
/*  text-transform: uppercase; */
  margin: 0px 0 8px !important;
}
/* h3.learning-center__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #282a2a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: -0.5px; 
} */

/* text-decoration: none;
  display: inline; */


 /* ==== Title ==== */  
/* ==== Title Container ==== */  
.learn .learning-center__explore-products h3.learning-center__post-title {
  font-family: 'Inherit';
  font-size: clamp(28px, calc(28px + (100vw - 540px) * 0.0375), 44px);
  font-weight: 700;
  color: #282a2a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.1;
  letter-spacing: -0.5px;
  text-align: left;
  position: relative;  /* ← Contains the ::after */
}

/* Link that wraps the h3 */
.learn .learning-center__explore-products a:has(h3.learning-center__post-title) {
  color: inherit;
  text-decoration: none;
  display: block;
  transition: color 0.25s ease;
}

/* Underline on the h3 - starts at 0 */
.learn .learning-center__explore-products h3.learning-center__post-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;  /* ← Starts at 0 width */
  height: 1px;
  background-color: #4e8540;  /* ← Green color */
  transition: width 0.35s ease-in-out;
}

/* Hover: Change h3 color + underline grows */
.learn .learning-center__explore-products a:has(h3.learning-center__post-title):hover h3 {
  color: #4e8540 !important;
}

.learn .learning-center__explore-products a:has(h3.learning-center__post-title):hover h3::after {
  width: 100%;  /* ← Grows to full width */
}

@media (max-width: 991px) {
.learn .learning-center__explore-products h3.learning-center__post-title {
    font-size: 32px;
  }
}

@media (max-width: 540px) {
 .learn .learning-center__explore-products h3.learning-center__post-title  {
    font-size: 24px;
  }
}


 /* ==== Intro ==== */   /* .learning-center__post-content  FOR THE OTHER ONES */
.learn .learning-center__post-intro {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 400;
 color: #282a2a;
  margin: 16px 0 8px;
  line-height: 1.6;
  letter-spacing: normal; 
/*  padding-right: 40px;*/
  width: 80%;
}

@media (max-width: 991px) {
 .learn .learning-center__post-intro {
    width: 100%;
  }
}

@media (max-width: 540px) {
 .learn .learning-center__post-intro  {
    width: 100%;
  }
}

 /* ==== Author ==== */
.learn .learning-center__explore-products .learning-center__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 8px 0 0 !important;
} 


@media (max-width: 540px) {
  #explore-products__hemp-grid {
    display: flex;
    flex-direction: column-reverse; /* ✅ Flip order: image first, then text */
  }
}






/* ===================== */
/* ==== Widget Fix ==== */
/* ===================== */
.acsb-sr-only {
  position: absolute !important;
  left: -9999px !important; /* Visually hide it off-screen */
  top: auto !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
}


/* ============================================================= */
/* ===== FIX: Prevent horizontal shift below 430px ===== */
/* ============================================================= */

@media (max-width: 429px) {
  /* Constrain the parent section */
  .learn .learn__featured-blocks {
    max-width: 100vw !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box !important;
    overflow-x: hidden !important;
  }
  
  /* Constrain the grids */
  .learn .learn__hemp-hooray-grid,
  .learn .learn__grind-it-out-grid {
    max-width: 100vw !important;
    width: 100% !important;
    box-sizing: border-box !important;
  }
}
/* Victoria, Monster Studios */

/* ===== Reusable Footer ===== */





/* Desktop/base */
#section-w-l-l-s-blocks > .ct-section-inner-wrap {
  padding: 64px 64px; /* example base */
}

/* ≤1280px */
@media (max-width: 1280px) {
  #section-w-l-l-s-blocks > .ct-section-inner-wrap {
    padding: 64px 32px;
  }
}

/* ≤992px */
@media (max-width: 992px) {
  #section-w-l-l-s-blocks > .ct-section-inner-wrap {
    padding: 48px 32px;
  }
}

/* ≤540px */
@media (max-width: 540px) {
  #section-w-l-l-s-blocks > .ct-section-inner-wrap {
    padding: 48px 32px;
  }
}

@media (max-width: 480px) {
  #section-w-l-l-s-blocks > .ct-section-inner-wrap {
    padding: 32px 20px;
  }
}

/* ============================================ */
/* ===== Watch, Listen, Learn & Shop Grid ===== */
/* ============================================ */

/* ==== Grid ==== */
.watch-listen-learn-shop-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr); /* ✅ Two columns */
  gap: 32px; /* Adjust spacing as needed */
  width: 100%;
  align-items: stretch; /* ✅ Make all children match row height */  
}

@media (max-width: 1280px) {
  .watch-listen-learn-shop-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: auto auto;         /* Two rows */ 
    gap: 24px !important;
  }
}

@media (max-width: 1040px) {
  .watch-listen-learn-shop-grid {
     display: grid;
    grid-template-columns: repeat(2, 1fr); /* Two columns total */
    grid-template-rows: auto auto;         /* Two rows */ 
    gap: 24px; /* Adjust spacing as needed */
  }
  
   /* First child in the first column of the first row */
  .watch-listen-learn-shop-grid  > *:nth-child(1){
    grid-column: 1; /* First column */
    grid-row: 1; /* First row */
  }

  /* Second child in the second column of the first row */
  .watch-listen-learn-shop-grid  > *:nth-child(2){
    grid-column: 2; /* Second column */
    grid-row: 1; /* First row */
  }

  /* Third child in the first column of the second row */
  .watch-listen-learn-shop-grid  > *:nth-child(3){
    grid-column: 1; /* First column */
    grid-row: 2; /* Second row */
  }

  /* Fourth child in the second column of the second row */
  .watch-listen-learn-shop-grid  > *:nth-child(4){
    grid-column: 2; /* Second column */
    grid-row: 2; /* Second row */
  }  
}

/* Styles for smaller screens (under 540px) - Stacking layout */
@media (max-width: 540px) {
  .watch-listen-learn-shop-grid {
     display: grid;
    grid-template-columns: repeat(1, 1fr); /* Two columns total */
    grid-template-rows: auto auto;         /* Two rows */ 
    gap: 24px; /* Adjust spacing as needed */
  }
  
   /* First child in the first column of the first row */
  .watch-listen-learn-shop-grid  > *:nth-child(1){
    grid-column: 1; /* First column */
    grid-row: 1; /* First row */
  }

  /* Second child in the second column of the first row */
  .watch-listen-learn-shop-grid  > *:nth-child(2){
    grid-column: 1; /* Second column */
    grid-row: 2; /* First row */
  }

  /* Third child in the first column of the second row */
  .watch-listen-learn-shop-grid  > *:nth-child(3){
    grid-column: 1; /* First column */
    grid-row: 3; /* Second row */
  }

  /* Fourth child in the second column of the second row */
  .watch-listen-learn-shop-grid  > *:nth-child(4){
    grid-column: 1; /* Second column */
    grid-row: 4; /* Second row */
  }  
}




/* ===== W/L/L/S: Card (Base) ===== */
.watch-listen-learn-shop-grid__card {
  position: relative;
  border-radius: 0;
  overflow: hidden;
  height: 100%;
  min-height: 200px; /* adjust as needed so all four feel balanced */
}

/* Make the whole card clickable */
.watch-listen-learn-shop-grid__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  color: #ffffff;
}

/* ===== Background image layer ===== */
.watch-listen-learn-shop-grid__image {
  position: absolute;
  top: 0; right: 0; bottom: 0; left: 0;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}

/* Overlay for legibility */
.watch-listen-learn-shop-grid__card::before {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 2;
}

/* ===== Content wrapper (top-aligned, centered) ===== */
.watch-learn-grid__card-content {
  position: relative;
  z-index: 3;
  display: flex;
  flex-direction: column;
  align-items: center;          /* center horizontally */
  justify-content: flex-start;  /* align to the top */
  text-align: center;
  padding: 24px 20px 40px;
  height: 100%;
  gap: 8px;
  color: #ffffff;

  /* Font base (applies to text inside this block) */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* ===== Icon + Title wrapper ===== */
.watch-listen-learn-shop-grid__header {
  display: flex;
  flex-direction: column;     /* stacked by default */
  align-items: center;        /* center horizontally */
  justify-content: flex-start;/* top-align vertically */
  gap: 8px;                   /* space between icon & title */
}

/* Mobile ≤540px — side-by-side */
@media (max-width: 540px) {
  .watch-listen-learn-shop-grid__header {
    flex-direction: row;      /* side by side */
    justify-content: center;  /* center as a group */
    align-items: center;      /* vertical centering */
    gap: 16px;
  }
}

/* ===== Icon ===== */
.watch-listen-learn-shop-grid__icon {
  line-height: 1;
  margin-top: 6px;              /* helps align icons to same visual line */
  font-size: 28px;              /* if it's a font-icon; otherwise size the SVG */
}
.watch-listen-learn-shop-grid__icon svg {
  width: 40px;
  height:40px;
  display: block;
}

/*
#image-370-5007646 {
  width: 30px; 
  height: auto;
  display: block;
  margin-top: 10px;
}
*/
/* ===== Titles & text (match the comp) ===== */
/* h2 (Title) — Gilda Display, bold + white */
.watch-listen-learn-shop-grid__title,
.watch-listen-learn-shop-grid__title h2 {
  margin: 6px 0 0 0;
  font-family: 'Open Sans', serif;
  font-size: 32px;              /* tweak to taste */
  font-weight: 700;             /* visually bold for impact */
  line-height: 1.1;
/*  letter-spacing: 0.5px; */
  color: #fff;
  text-transform: uppercase;
  webkit-font-smoothing: antialiased;
}

/* h3 (Subtitle) — Gilda Display, medium + white */
.watch-listen-learn-shop-grid__subtitle,
.watch-listen-learn-shop-grid__subtitle h3 {
  margin: 0 0 16px;
  font-family: 'Open Sans', serif;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.2;
/*  letter-spacing: 0.2px; */
  color: #fff;
  webkit-font-smoothing: antialiased;
}

/* Description — Open Sans, regular + slightly softer white */
.watch-listen-learn-shop-grid__description {
  margin: 0;
  font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 24px;
  color: rgba(255, 255, 255, 0.98); /*  color: rgba(255, 255, 255, 0.92); */
  webkit-font-smoothing: antialiased;
}

/* ===== Per-card background images (swap URLs) ===== */
.watch-listen-learn-shop-grid__card--watch  .watch-listen-learn-shop-grid__image {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2023/03/watch-bg.jpg');
}
.watch-listen-learn-shop-grid__card--listen .watch-listen-learn-shop-grid__image {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2023/03/watch-bg.jpg');
}
.watch-listen-learn-shop-grid__card--learn  .watch-listen-learn-shop-grid__image {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2023/03/learn-bg.jpg');
}
.watch-listen-learn-shop-grid__card--shop   .watch-listen-learn-shop-grid__image {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2023/03/shop-bg.jpg');
}

/* ===== Hover polish with blur ===== */
.watch-listen-learn-shop-grid__card .watch-listen-learn-shop-grid__image {
  transition: transform 350ms ease-in-out, filter 350ms ease-in-out;
}

.watch-listen-learn-shop-grid__card:hover .watch-listen-learn-shop-grid__image {
  transform: scale(1.03);
  filter: blur(4px); /* adjust blur radius to taste */
}

.watch-listen-learn-shop-grid__card::before {
  transition: background 250ms ease-in-out;
}

.watch-listen-learn-shop-grid__card:hover::before {
  background: rgba(0, 0, 0, 0.60);
}


/* ===== Breakpoints (GBL defaults) ===== */
@media (min-width: 1280px) {
  .watch-listen-learn-shop-grid__card { min-height: 200px; }
}
@media (max-width: 992px) {
  .watch-listen-learn-shop-grid__card { min-height: 200px; }
}
@media (max-width: 540px) {
  .watch-listen-learn-shop-grid__card { min-height: 200px; }
  .watch-listen-learn-shop-grid__title,
  .watch-listen-learn-shop-grid__title h2 { font-size: 32px; }
  .watch-listen-learn-shop-grid__subtitle,
  .watch-listen-learn-shop-grid__subtitle h3 { font-size: 22px; }
}







  
}/* Victoria, Monster Studios */

/* =================================== ======== */
/* ==== LEARNING CENTER - SUBPAGE TAG ======== */
/* ============================================ */

/* Add new foundation */
.learn__tag .ct-section-inner-wrap {
  padding: 0 !important;
  overflow: visible !important;
}

.learn__tag {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  /* Vertical padding scales 16–64px top, 48-64px bottom */
  padding-top: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
}

/* ==================================== */
/* ==== LEARNING CENTER - TAG-HERO ==== */
/* ==================================== */

/* Full-width hero at top (outside the sub-page container) */
.learn__tag-hero {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* Tag Hero Image - srcset optimized */
.learn__tag-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.learn__tag-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(33,38,45,0.05);
  pointer-events: none;
}

@media (max-width: 1040px) {
  .learn__tag-hero {
    height: 240px;
  }
}

@media (max-width: 992px) {
  .learn__tag-hero {
    height: 220px;
  }
}

@media (max-width: 768px) {
  .learn__tag-hero {
    height: 180px;
  }
}

/* ================================== */
/* ==== LEARNING CENTER - HEADER ==== */
/* ================================== */
.learn__tag .learn__tag-header-wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 32px;
}

/* ============================================= */
/* ===== Learning Center - Tag Header ===== */
/* ============================================= */
.learn__tag .learn__tag-header {
  text-align: left;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  /* Fluid gap 48px → 64px */
  gap: clamp(48px, calc(48px + (100vw - 480px) * 0.02), 64px);
}

.learn__tag .learn__tag-title {
  font-family: 'Gilda Dysplay', serif;
  font-size: clamp(62px, calc(62px + (100vw - 540px) * 0.0372), 80px);
  font-weight: 700;
  color: #282a2a;
  position: relative;
  display: inline-block;
  text-align: left;
  line-height: 1.1;
}


/* ====================================== */
/* ==== LEARNING CENTER - BREADCRUMB ==== */
/* ====================================== */
.learn__tag .learn__tag-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #282a2a;
  text-decoration: none;
  line-height: 1;
  gap: 8px;
  align-items: center;
  /*text-transform: uppercase;*/
  transition: color 0.25s ease;
}

.learn__tag .learn__tag-breadcrumb a {
  color: #282a2a;
  text-decoration: none;
  position: relative;
  transition: color 0.25s ease;
  text-transform: uppercase;
}

/* Animated overline - grows from left to right */
.learn__tag .learn__tag-breadcrumb a::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn__tag .learn__tag-breadcrumb a:hover {
  color: #282a2a80;
}

.learn__tag .learn__tag-breadcrumb a:hover::before {
  width: 100%;
}

.learn__tag .learn__tag-breadcrumb .sep {
  opacity: 0.6;
}

.learn__tag .learn__tag-breadcrumb .is-current {
  color: #282a2a;
  font-weight: 600;
}

.learn__tag .learn__tag-breadcrumb .tag-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

/* ================================= */
/* ===== Post Section: Wrapper ===== */
/* ================================= */
.learn__tag .learn__tag-content {
  max-width: 1280px;
  margin: 0 auto;
}

/* ===== Grid Layout ===== */
.learn__tag .learn__tag-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px;
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Post Grid: Image Wrapper ===== */ /* IF LAYOUT SHIFTS, CHANGE THE preg_replace ON Code Block */
.learn__tag .learn__tag-content .learn__post-image {
  width: 100%;
  aspect-ratio: 1.6 / 1;  /* Changed from 3 / 2 , 8 / 5 is the same thin*/
  overflow: hidden;
  border-radius: 0;
  box-sizing: border-box;
}

/* ===== Post Grid: Image Itself ===== */
.learn__tag .learn__tag-content .learn__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ================================ */
/* ==== POST META - DESKTOP  ====== */
/* ================================ */

/* Meta container - uses gap for spacing */
.learn__tag .learn__tag-content .learn__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;
}

/* Category label */
.learn__tag .learn__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* Title */
.learn__tag .learn__tag-content .learn__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #282a2a;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  /* 3-line clamp */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Card link wrapper */
.learn__tag .learn__tag-content .learn__post-card a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

/* Title span wrapper */
.learn__tag .learn__tag-content .learn__post-title span {
  position: relative;
  display: inline;
  transition: color 0.25s ease;
}

/* Underline - hidden by default */
.learn__tag .learn__tag-content .learn__post-title span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* On card hover: change title color + show underline */
.learn__tag .learn__tag-content .learn__post-card:hover .learn__post-title span {
  color: #4e8540;
}

.learn__tag .learn__tag-content .learn__post-card:hover .learn__post-title span::after {
  width: 100%;
}

/* Author */
.learn__tag .learn__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* ============================================ */
/* ==== POST LAYOUT - TABLET (992px, 540px) === */
/* ============================================ */

@media (max-width: 992px) {
  /* Grid: 3 columns */
  .learn__tag .learn__tag-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

@media (max-width: 540px) {
  /* Grid: 2 columns */
  .learn__tag .learn__tag-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}

/* ===================================== */
/* ==== POST CARDS - MOBILE (480px) ==== */
/* ===================================== */

@media (max-width: 480px) {
  /* Grid becomes flex column */
  .learn__tag .learn__tag-content .learn__tag-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  /* Card wrapper */
  .learn__tag .learn__tag-content .learn__post-card {
    border-bottom: 1px solid #e5e8eb;
    padding-bottom: 16px;
  }
  
  /* Link: horizontal row layout */
  .learn__tag .learn__tag-content .learn__post-card a {
    display: flex;
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }
  
  /* Image: 38% width, 4:3 aspect */
  .learn__tag .learn__tag-content .learn__post-image {
    flex: 0 0 38%;
    max-width: 38%;
    height: auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  
  .learn__tag .learn__tag-content .learn__post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* Meta: flexible, no top margin */
  .learn__tag .learn__tag-content .learn__post-meta {
    flex: 1 1 auto;
    margin-top: 0;
  }
}/* Victoria, Monster Studios */

/* =================================== ======== */
/* ==== LEARNING CENTER - SUBPAGE CATEGORY ==== */
/* ============================================ */


/* Add new foundation */
.learn__category .ct-section-inner-wrap {
  padding: 0 !important;
  overflow: visible !important;
}

.learn__category {
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);

    /* Vertical padding scales 48–64px */
  padding-top: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
}

/* ==================================== */
/* ==== LEARNING CENTER - CAT-HERO ==== */
/* ==================================== */

/* Full-width hero at top (outside the sub-page container) */
.learn__category-hero {
  width: 100%;
  height: 300px;        /* adjust as you like */
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position:relative; 
}

/* Category Hero Image - srcset optimized */ /* NEW ADD ON Friday Jan 16 ⚠️ */
.learn__category-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

.learn__category-hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:rgba(33,38,45,0.05); /* tweak strength */
  pointer-events:none;             /* don’t block clicks */
}

@media (max-width: 1040px) {
  .learn__category-hero {
    height: 240px;
  }
}

@media (max-width: 992px){
 .learn__category-hero {
    height: 220px;
  }
}

@media (max-width: 768px){
.learn__category-hero {
    height: 180px;
  }
}


/* ================================== */
/* ==== LEARNING CENTER - HEADER ==== */
/* ================================== */
.learn__category .learn__category-header-wrapper {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto 32px;
  
}



/* ============================================= */
/* ===== Learning Center - Category Header ===== */
/* ============================================= */
.learn__category .learn__category-header {
  text-align: left;
  margin-bottom: 16px;
  display: flex;
  flex-direction: column;
  /* NEW: fluid gap 48px → 64px */
  gap: clamp(48px, calc(48px + (100vw - 480px) * 0.02), 64px);
}

.learn__category .learn__category-title {
  font-family: 'Gilda Dysplay', serif;
  font-size: clamp(62px, calc(62px + (100vw - 540px) * 0.0372), 80px);
  font-weight: 700;
  color: #282a2a;
  position: relative;
  display: inline-block;
  text-align: left;
  line-height: 1.1;
}


/* ====================================== */
/* ==== LEARNING CENTER - BREADCRUMB ==== */
/* ====================================== */
/* Breadcrumb above the title */
.learn__category .learn__category-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  font-size: 14px;
  font-weight: 400;
  color: #282a2a;
  text-decoration: none;
  line-height: 1;
  gap: 8px;
  align-items: center;
  /*text-transform: uppercase;*/
  transition: color 0.25s ease;
}

.learn__category .learn__category-breadcrumb a {
  color: #282a2a;
  text-decoration: none;
  position: relative;
  transition: color 0.25s ease;
  text-transform: uppercase;
}

/* Animated overline - grows from left to right */
.learn__category .learn__category-breadcrumb a::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn__category .learn__category-breadcrumb a:hover {
  color: #282a2a80;
}

.learn__category .learn__category-breadcrumb a:hover::before {
  width: 100%;
}

.learn__category .learn__category-breadcrumb .sep {
  opacity: 0.6;
}

.learn__category .learn__category-breadcrumb .is-current {
  color: #282a2a;
  font-weight: 600;
}

.learn__category .learn__category-breadcrumb .tag-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}



/* ================================ */
/* ==== LEARNING CENTER - NAV  ==== */
/* ================================ */

/* Base nav layout */
.learn__category .learn__category-nav {
  display: flex;
  flex-direction: row;
  overflow-x: auto !important;
  overflow-y: hidden !important;
  /* Fluid gap: 28px → 80px */
  gap: clamp(28px, calc(28px + (100vw - 480px) * 0.065), 80px);
  padding: 12px 0;
  max-width: 100%;
  width: 100%;
  white-space: nowrap;
  scroll-snap-type: x mandatory;
  -webkit-overflow-scrolling: touch;
  scrollbar-width: none;
  -ms-overflow-style: none;
  background: #fff;
}

.learn__category .learn__category-nav::-webkit-scrollbar {
  display: none !important;
}

/* ==== LEARNING CENTER - NAV LINK ==== */
.learn__category .learn__category-nav-link {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #282a2a;
  text-decoration: none;
  flex-shrink: 0;
  scroll-snap-align: start;
  text-transform: uppercase;
  transition: color 0.25s ease;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

/* Animated overline - grows from left to right */
.learn__category .learn__category-nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn__category .learn__category-nav-link:hover {
  color: #282a2a80;
}

.learn__category .learn__category-nav-link:hover::before {
  width: 100%;
}

/* ===== Wrapper for fade + arrow ===== */
.learn__category .learn__category-nav-wrapper {
  position: relative;
  width: 100%;
  background: #fff;
}

.learn__category .learn__category-nav-fade {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    rgba(255,255,255,0.9),
    #fff
  );
  mix-blend-mode: normal;
}

.learn__category .learn__category-nav-arrow {
  position: absolute;
  right: 0rem;
  bottom: -12px;
  transform: none;
  font-size: 22px;
  color: #222;
  font-weight: normal;
  opacity: 1;
  pointer-events: none;
  z-index: 6;
}

/* ==== LEARNING CENTER - NAV LINK ==== */
.learn__category .learn__category-nav-link {
  display: block;
  font-size: 14px;
  font-weight: 400;
  color: #282a2a;
  text-decoration: none;
  flex-shrink: 0;
  scroll-snap-align: start;
  text-transform: uppercase;
  transition: color 0.25s ease;
  font-family: 'Open Sans', sans-serif;
  position: relative;
}

/* Animated overline - grows from left to right */
.learn__category .learn__category-nav-link::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 0;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.learn__category .learn__category-nav-link:hover {
  color: #282a2a80;
}

.learn__category .learn__category-nav-link:hover::before {
  width: 100%;
}

/* ===== Wrapper for fade + arrow ===== */
.learn__category .learn__category-nav-wrapper {
  position: relative;
  width: 100%;
  background: #fff;
}

.learn__category .learn__category-nav-fade {
  position: absolute;
  top: 0;
  right: 0;
  width: 6rem;
  height: 100%;
  pointer-events: none;
  z-index: 5;
  background: linear-gradient(
    to right,
    rgba(255,255,255,0),
    rgba(255,255,255,0.9),
    #fff
  );
  mix-blend-mode: normal;
}

.learn__category .learn__category-nav-arrow {
  position: absolute;
  right: 0rem;
  bottom: -12px;
  transform: none;
  font-size: 22px;
  color: #222;
  font-weight: normal;
  opacity: 1;
  pointer-events: none;
  z-index: 6;
}


/* ================================= */
/* ===== Post Section: Wrapper ===== */
/* ================================= */
.learn__category .learn__category-content {
 /* padding: 32px 0 60px;   === NEW == BEFORE IT WAS   32px 0 60px; */
  max-width: 1280px;
  margin: 0 auto;
}

/* ===== Grid Layout ===== */
.learn__category .learn__category-grid  {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 24px; /* grid gap stays — SAFE */
  max-width: 1280px;
  margin-left: auto;
  margin-right: auto;
}

/* ===== Post Grid: Image Wrapper ===== */ /* IF LAYOUT SHIFTS, CHANGE THE preg_replace ON Code Block */
.learn__category .learn__category-content .learn__post-image {
  width: 100%;
  aspect-ratio: 1.6 / 1;  /* Changed from 3 / 2 , 8 / 5 is the same thin*/
  overflow: hidden;
  border-radius: 0;
  box-sizing: border-box;
}

/* ===== Post Grid: Image Itself ===== */
.learn__category .learn__category-content .learn__post-image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

/* ================================ */
/* ==== POST META - DESKTOP  ====== */
/* ================================ */

/* Meta container - uses gap for spacing */
.learn__category .learn__category-content .learn__post-meta {
  display: flex;
  flex-direction: column;
  gap: 8px;
  margin-top: 16px;  /* Space between image and meta */
}

/* Category label */
.learn__category .learn__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* Title */
.learn__category .learn__category-content .learn__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #282a2a;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;

    /* 3-line clamp */
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

/* Card link wrapper */
.learn__category .learn__category-content .learn__post-card a {
  display: flex;
  flex-direction: column;
  text-decoration: none;
  color: inherit;
}

/* Title span wrapper */
.learn__category .learn__category-content .learn__post-title span {
  position: relative;
  display: inline;
  transition: color 0.25s ease;
}

/* Underline - hidden by default */
.learn__category .learn__category-content .learn__post-title span::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0%;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* On card hover: change title color + show underline */
.learn__category .learn__category-content .learn__post-card:hover .learn__post-title span {
  color: #4e8540;
}

.learn__category .learn__category-content .learn__post-card:hover .learn__post-title span::after {
  width: 100%;
}

/* Author */
.learn__category .learn__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0;
}

/* ============================================ */
/* ==== POST LAYOUT - TABLET (992px, 540px) === */
/* ============================================ */

@media (max-width: 992px) {
  /* Grid: 3 columns */
  .learn__category .learn__category-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 24px;
  }
}

@media (max-width: 540px) {
  /* Grid: 2 columns */
  .learn__category .learn__category-grid {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px;
  }
}


/* ===================================== */
/* ==== POST CARDS - MOBILE (480px) ==== */
/* ===================================== */

@media (max-width: 480px) {
  /* Grid becomes flex column */
  .learn__category .learn__category-content .learn__category-grid {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  
  /* Card wrapper */
  .learn__category .learn__category-content .learn__post-card {
    border-bottom: 1px solid #e5e8eb;
    padding-bottom: 16px;
  }
  
  /* Link: horizontal row layout */
  .learn__category .learn__category-content .learn__post-card a {
    display: flex;
    flex-direction: row;
    align-items: center;  /* CHANGED from stretch */
    gap: 16px;
  }
  
  /* Image: 38% width, 4:3 aspect */
  .learn__category .learn__category-content .learn__post-image {
    flex: 0 0 38%;
    max-width: 38%;
    height: auto;
    aspect-ratio: 4 / 3;
    overflow: hidden;
  }
  
  .learn__category .learn__category-content .learn__post-image img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
  }
  
  /* Meta: flexible, no top margin */
  .learn__category .learn__category-content .learn__post-meta {
    flex: 1 1 auto;
    margin-top: 0;
  }
}







/* Victoria, Monster Studios */

/* ============================================ */
/* ==== CONTACT CONGRESS CAMPAIGN TEMPLATE ==== */
/* ============================================ */

/* Wrapper/Scope - NO padding (hero needs full width) + overflow visible for sticky */
.learn__campaign .ct-section-inner-wrap { /* ++ NEW ++ */ /* OLD-.learn__campaign > .ct-section-inner-wrap */
  padding: 0;
  overflow: visible !important;
}

/* Ensure overflow visible on all parent containers (needed for sticky positioning) */
.learn__campaign .learn__campaign-content-wrapper {
  overflow: visible !important;
}

.learn__campaign .learn__campaign-sidebar {
  overflow: visible !important;
}
/* Add new foundation */

.learn__campaign {  /* ++ NEW ++ */
  max-width: 1280px;
  margin: 0 auto;
  padding-left: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);

    /* Vertical padding scales 48–64px */
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
}


/* ========================================== */
/* ==== HERO SECTION (Dynamic ACF Image) ==== */
/* ========================================== */
 .learn__campaign-hero {
  width: 100%;
  height: 300px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}

/* Optional: Overlay to darken hero for text readability */
 .learn__campaign-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(33, 38, 45, 0.3);
  pointer-events: none;
}

/* Optional: Hero text overlay (if cc_hero_text field has content) */
 .learn__campaign-hero-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
  font-size: 48px;
  font-weight: 700;
  text-align: center;
  z-index: 1;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  width: 90%;
  max-width: 1200px;
}

@media (max-width: 1040px) {
   .learn__campaign-hero {
    height: 240px;
  }
   .learn__campaign-hero-text {
    font-size: 40px;
  }
}

@media (max-width: 992px) {
   .learn__campaign-hero {
    height: 220px;
  }
   .learn__campaign-hero-text {
    font-size: 36px;
  }
}

@media (max-width: 768px) {
   .learn__campaign-hero {
    height: 180px;
  }
   .learn__campaign-hero-text {
    font-size: 28px;
  }
}

/* ======================== */
/* ==== HEADER SECTION ==== */
/* ======================== */
/* Wrapper */
.learn__campaign .learn__campaign-header-wrapper {
  width: 100%;
  margin: 0 auto; /* 32px; */
}

/* Inner header (from code block) */
.learn__campaign .learn__campaign-header {
  text-align: left;
}


/* =================================== */
/* ==== MAIN BANNER (Above Intro) ==== */
/* =================================== */
.learn__campaign .learn__campaign-main-banner {
  
}

.learn__campaign .learn__campaign-main-banner-link {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.learn__campaign .learn__campaign-main-banner-link:hover {
  opacity: 0.9;
}

.learn__campaign .learn__campaign-main-banner-image {
  width: 100%;
  min-height: 250px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.learn__campaign .learn__campaign-main-banner-text {
  color: #fff;
  font-size: 36px;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  max-width: 900px;
}

@media (max-width: 768px) {
  .learn__campaign .learn__campaign-main-banner-text {
    font-size: 28px;
  }
  .learn__campaign .learn__campaign-main-banner-image {
    min-height: 200px;
  }
}


/* ==================== */
/* ==== BREADCRUMB ==== */
/* ==================== */
.learn__campaign .learn__campaign-breadcrumb {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;  /* ← Left-aligned */
  font-size: 14px;
  font-weight: 400;
  color: #282a2a;
  text-decoration: none;
  line-height: 1;
  gap: 8px;
  align-items: center;
  /*text-transform: uppercase;*/
  transition: color 0.25s ease;
  padding-bottom: 32px;
}

.learn__campaign .learn__campaign-breadcrumb a {
  color: #282a2a;
  text-decoration: none;
  position: relative;
  transition: color 0.25s ease;
  text-transform: uppercase;
}

/* Animated overline - grows from left to right */
.learn__campaign .learn__campaign-breadcrumb a::before {
  content: "";
  position: absolute;
  left: 0;
  top: -6px;
  width: 0;  /* Changed: starts at 0 */
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;  /* Changed: use transition instead of animation */
}

.learn__campaign .learn__campaign-breadcrumb a:hover {
  color: #282a2a80;  /* Keep the same gray color */
}

.learn__campaign .learn__campaign-breadcrumb a:hover::before {
  width: 100%;  /* Changed: grows to full width */
}

.learn__campaign .learn__campaign-breadcrumb .sep {
  opacity: 0.6;
}

.learn__campaign .learn__campaign-breadcrumb .is-current {
  color: #282a2a;
  font-weight: 600;
}

.learn__campaign .learn__campaign-breadcrumb .tag-label {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}


/*  display: none; */
/* ================== */
/* ==== H1 TITLE ==== */
/* ================== */
.learn__campaign .learn__campaign-title {
  font-family: 'inherit', serif;
  font-size: clamp(40px, calc(40px + (100vw - 540px) * 0.054), 80px);
  font-weight: 700;
  color: #282a2a;
  line-height: 1.1;
  margin: 0 0 1em;;
}


/* ========================= */
/* ==== CONTENT SECTION ==== */
/* =========================
.learn__campaign .learn__campaign-content {
  max-width: 1280px;
  margin: 0 auto;
  padding-top: 6px;     
  padding-bottom: 60px; 


@media (max-width: 991px) {
  .learn__campaign .learn__campaign-content {
    padding-top: 32px;
    padding-bottom: 48px;
  }
}

@media (max-width: 540px) {
  .learn__campaign .learn__campaign-content {
    padding-top: 24px;
    padding-bottom: 32px;
  }
} */

/* ========================================= */
/* ==== INTRO SECTION (Headline + Body) ==== */
/* ========================================= */
.learn__campaign .learn__campaign-intro-headline {
  font-family: 'inherit', serif;
  font-size: 40px;
  font-weight: 700;
  margin: 1em 0 24px;
  color: #282a2a;
}

@media (max-width: 991px) {
  .learn__campaign .learn__campaign-intro-headline {
    font-size: 48px;
  }
}

@media (max-width: 540px) {
  .learn__campaign .learn__campaign-intro-headline {
    font-size: 32px;
  }
}

.learn__campaign .learn__campaign-intro-body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  color: #282a2a;
  margin-bottom: 2em;
  font-weight: 400;
  line-height: 1.6;
}


/* =========================== */
/* ==== TWO-COLUMN LAYOUT ==== */
/* =========================== */
.learn__campaign .learn__campaign-content-wrapper {
  margin: 0 auto;
  display: flex;
  gap: 40px;
  align-items: flex-start;
}


/* Left Sidebar */
.learn__campaign .learn__campaign-sidebar {
  flex: 0 0 20%;
  position: sticky;
  top: 96px;
}

/* Main Content Area */
.learn__campaign .learn__campaign-main {
  flex: 1;
  min-width: 0; /* Prevents flex overflow */
}


/* Stack on mobile */
@media (max-width: 992px) {
  .learn__campaign .learn__campaign-content-wrapper {
    flex-direction: column;
    gap: 32px;
  }
  
  .learn__campaign .learn__campaign-sidebar {
    flex: 1 1 auto;
    width: 100%;
    position: static; /* No sticky on mobile */
    order: 2; /* ← Moves sidebar below main content */
  }
  
  .learn__campaign .learn__campaign-main {
    order: 1; /* ← Keeps main content on top */
  }
}


/* ===================================== */
/* ==== Left Sidebar: Latest Stories ==== */
/* ===================================== */
.learn__campaign .learn__campaign-latest-stories {
  padding-right: 0;
  /* Sticky removed - parent handles it */
}

/* Latest stories section heading */
.learn__campaign .learn__campaign-latest-heading {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 24px !important;
  font-weight: 700;
  color: #282a2a !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #282a2a;
  padding-bottom: 12px;
  letter-spacing: -1.2px !important;
  line-height: 1.1;
}

/* Latest stories heading link - base state */
.learn__campaign .learn__campaign-latest-heading a {
  color: #282a2a !important;
  text-decoration: none;
  position: relative;
  transition: color 0.35s ease-in-out;
}

/* Latest stories heading link - underline animation */
.learn__campaign .learn__campaign-latest-heading a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0 !important;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* Latest stories heading link - hover state */
.learn__campaign .learn__campaign-latest-heading a:hover {
  color: #4e8540 !important;
}

/* Latest stories heading link - hover underline */
.learn__campaign .learn__campaign-latest-heading a:hover::after {
  width: 100% !important;
}




/* ===== Individual Story Item ===== */
.learn__campaign .learn__campaign-latest-item {
  padding: 16px 0;
  border-bottom: 1px solid #e5e8eb;
}

.learn__campaign .learn__campaign-latest-item:last-child {
  border-bottom: none;
}

/* ==== Latest: Category ==== */
.learn__campaign .learn__campaign-latest-stories .learn__campaign-post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0 0 4px !important;
}

/* ==== Latest: Title Container ==== */
.learn__campaign .learn__campaign-latest-stories .learn__campaign-post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #282a2a;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  line-height: 1.2;
  letter-spacing: -0.5px;
}

/* ==== Anchor inside ==== */
.learn__campaign .learn__campaign-latest-stories .learn__campaign-post-title a {
  color: inherit;
  text-decoration: none;
  display: inline;
  transition: color 0.25s ease;
}

/* ==== Hover Color ==== */
.learn__campaign .learn__campaign-latest-stories .learn__campaign-post-title a:hover {
  color: #4e8540 !important;
}

/* ==== Latest: Author ==== */
.learn__campaign .learn__campaign-latest-stories .learn__campaign-post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 8px 0 0 !important;
}

/* ==== Queries ==== */
@media (max-width: 991px) {
  .learn__campaign .learn__campaign-latest-stories .learn__campaign-post-title {
    font-size: 18px;
  }
  .learn__campaign .learn__campaign-latest-item:last-child {
    border-bottom: 1px solid #e5e8eb;
  }
}


/* ================================================ */
/* ==== REPEATABLE CONTENT BLOCKS (ACF Groups) ==== */
/* ================================================ */

/* Base block styling */
.learn__campaign .campaign-block {
  margin-bottom: 3em;
}

/* Block heading */
.learn__campaign .campaign-block__heading {
  font-family: 'inherit', serif;
  color: #282a2a;
  margin: 0 0 1em;
  line-height: 1.3;
  font-weight: 700;
}

/* Block content wrapper - single column by default */
.learn__campaign .campaign-block__content {
  display: block;
}

/* Two-column ONLY when block has image AND at tablet size up */
@media (min-width: 1025px) {
  .learn__campaign .campaign-block.has-image .campaign-block__content {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 24px;
    align-items: stretch;
  }
}

/* Block text */
.learn__campaign .campaign-block__text {
  /* Text styling inherited from typography below */
}

/* Block image wrapper - stretches to match text height */
.learn__campaign .campaign-block__image {
  width: 100%;
  height: 100%; /* Fill the grid cell height */
  max-height: 600px; /* Safety cap - adjust as needed */
}

.learn__campaign .campaign-block__img {
  width: 100%;
  height: 100%; /* Fill the wrapper */
  object-fit: cover; /* Crop to fill without distortion */
  object-position: center center; /* Center the image */
  display: block;
}

/* Default: text first, image second (image on RIGHT) */
/* When user wants image on LEFT, flip the order */
@media (min-width: 1025px) {
  .learn__campaign .campaign-block--image-left .campaign-block__text {
    order: 2; /* Text goes second (right) */
  }
  .learn__campaign .campaign-block--image-left .campaign-block__image {
    order: 1; /* Image goes first (left) */
  }
}

/* MOBILE/TABLET: Force all images on top when stacked
@media (max-width: 1025px) {
  .learn__campaign .campaign-block.has-image .campaign-block__content {
    display: flex;
    flex-direction: column;
  }
  
  .learn__campaign .campaign-block__image {
    order: 1;  Image always first 
  }
  
  .learn__campaign .campaign-block__text {
    order: 2;  Text always second 
  }
} */

/* =============================================== */
/* ==== REMOVE TOP MARGIN FROM FIRST HEADINGS ==== */
/* =============================================== */

/* Remove top margin from any heading that's the first element in block text */
.learn__campaign .campaign-block__text > h2:first-child,
.learn__campaign .campaign-block__text > h3:first-child,
.learn__campaign .campaign-block__text > h4:first-child,
.learn__campaign .campaign-block__text > h5:first-child,
.learn__campaign .campaign-block__text > h6:first-child {
  margin-top: 0 !important;
}

/* Same for intro body */
.learn__campaign .learn__campaign-intro-body > h2:first-child,
.learn__campaign .learn__campaign-intro-body > h3:first-child,
.learn__campaign .learn__campaign-intro-body > h4:first-child,
.learn__campaign .learn__campaign-intro-body > h5:first-child,
.learn__campaign .learn__campaign-intro-body > h6:first-child {
  margin-top: 0 !important;
}


/* ======================= */
/* ==== BANNER BLOCKS ==== */
/* ======================= */
.learn__campaign .campaign-block__banner {
  margin: 2rem 0; /* LOOK AT THIS  👀‼️⚠️  */
}

.learn__campaign .campaign-block__banner-link {
  display: block;
  text-decoration: none;
  transition: opacity 0.3s ease;
}

.learn__campaign .campaign-block__banner-link:hover {
  opacity: 0.9;
}

.learn__campaign .campaign-block__banner-image {
  width: 100%;
  min-height: 200px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 40px 20px;
}

.learn__campaign .campaign-block__banner-text {
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  text-align: center;
  text-shadow: 2px 2px 8px rgba(0, 0, 0, 0.6);
  max-width: 800px;
}

@media (max-width: 768px) {
  .learn__campaign .campaign-block__banner-text {
    font-size: 24px;
  }
}

/* ================= */
/* ==== BUTTONS ==== */
/* ================= */
.learn__campaign .campaign-block__button {
  display: inline-block;
  padding: 12px 24px;
  margin-top: 1rem;
  background-color: #4e8540;
  color: #fff;
  text-decoration: none;
  font-weight: 600;
  border-radius: 4px;
  transition: background-color 0.3s ease, transform 0.2s ease;
}

.learn__campaign .campaign-block__button:hover {
  background-color: #3d6932;
  transform: translateY(-2px);
  color: #fff;
}

.learn__campaign .campaign-block__button:active {
  transform: translateY(0);
}

/* ============================================= */
/* ==== TYPOGRAPHY (Adapted from Gutenberg) ==== */
/* ============================================= */

.learn__campaign .learn__campaign-content {
  font-family: 'Open Sans', sans-serif;
  color: #282a2a;
  font-weight: 400;
}

/* Headings base */
.learn__campaign .learn__campaign-content h1,
.learn__campaign .learn__campaign-content h2,
.learn__campaign .learn__campaign-content h3,
.learn__campaign .learn__campaign-content h4,
.learn__campaign .learn__campaign-content h5,
.learn__campaign .learn__campaign-content h6,
.learn__campaign .campaign-block h1,
.learn__campaign .campaign-block h2,
.learn__campaign .campaign-block h3,
.learn__campaign .campaign-block h4,
.learn__campaign .campaign-block h5,
.learn__campaign .campaign-block h6 {
  font-family: 'inherit', serif;
  color: #282a2a;
  letter-spacing: -0.5px;
  margin: 0 0 1em;
  line-height: 1.3;
  font-weight: 700;
}

/* h1 - Usually first, minimal top margin */
.learn__campaign .learn__campaign-content h1,
.learn__campaign .campaign-block h1 {
  font-size: clamp(40px, calc(40px + (100vw - 540px) * 0.054), 80px);
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.5em 0;
}

/* h2 - Major section breaks */
.learn__campaign .learn__campaign-content h2,
.learn__campaign .campaign-block h2 {
  font-size: clamp(32px, calc(32px + (100vw - 540px) * 0.0375), 44px);
  font-weight: 700;
  color: #282a2a;
  line-height: 1.1;
  margin: 1.5em 0 0.5em 0;
}

/* h3 - Sub-sections */
.learn__campaign .learn__campaign-content h3,
.learn__campaign .campaign-block h3 {
  font-size: clamp(26px, calc(26px + (100vw - 540px) * 0.0125), 32px);
  font-weight: 700;
  line-height: 1.1;
  margin: 1.25em 0 0.5em 0;
}

/* h4 - Smaller sections */
.learn__campaign .learn__campaign-content h4,
.learn__campaign .campaign-block h4 {
  font-size: clamp(20px, calc(20px + (100vw - 540px) * 0.0125), 24px);
  font-weight: 700;
  line-height: 1.2;
  margin: 1em 0 0.5em 0;
}

/* h5 */
.learn__campaign .learn__campaign-content h5,
.learn__campaign .campaign-block h5 {
  font-size: 18px; /* IT WAS 20px */
  font-weight: 600;
  line-height: 1.3;
  margin: 1em 0 0.5em 0;
  font-family: 'Open Sans', serif;
}

/* h6 */
.learn__campaign .learn__campaign-content h6,
.learn__campaign .campaign-block h6 {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0.75em 0 0.5em 0;
  font-family: 'Open Sans', serif;
}

/* Paragraphs */
.learn__campaign .learn__campaign-content p,
.learn__campaign .campaign-block p {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  line-height: 1.6;
  margin: 0 0 1em 0;
  color: #282a2a;
}

/* Lists - Base styles */
.learn__campaign .learn__campaign-content ul,
.learn__campaign .learn__campaign-content ol,
.learn__campaign .campaign-block ul,
.learn__campaign .campaign-block ol {
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  margin: 0 0 1.25em 0;
  padding-left: 40px;
  list-style-position: outside;
}

/* Unordered lists - show bullets */
.learn__campaign .learn__campaign-content ul,
.learn__campaign .campaign-block ul {
  list-style-type: disc;
}

/* Ordered lists - show numbers */
.learn__campaign .learn__campaign-content ol,
.learn__campaign .campaign-block ol {
  list-style-type: decimal;
}

.learn__campaign .learn__campaign-content li,
.learn__campaign .campaign-block li {
  margin-bottom: 0.5em;
  line-height: 1.5;
}

.learn__campaign .learn__campaign-content li p,
.learn__campaign .campaign-block li p {
  line-height: 1.5;
  margin-bottom: 0;
}

/* Ordered lists - bold numbers */
.learn__campaign .learn__campaign-content ol li::marker,
.learn__campaign .campaign-block ol li::marker {
  font-weight: 700;
  font-family: 'Gilda Display', serif;
}

/* Nested lists */
.learn__campaign .learn__campaign-content ul ul,
.learn__campaign .learn__campaign-content ol ol,
.learn__campaign .learn__campaign-content ul ol,
.learn__campaign .learn__campaign-content ol ul,
.learn__campaign .campaign-block ul ul,
.learn__campaign .campaign-block ol ol,
.learn__campaign .campaign-block ul ol,
.learn__campaign .campaign-block ol ul {
  margin: 1em 0;
}

/* Blockquotes */
.learn__campaign .learn__campaign-content blockquote,
.learn__campaign .campaign-block blockquote {
  border-left: 4px solid #ddd;
  padding-left: 20px;
  margin: 24px 0;
  font-style: italic;
  color: #555;
}

.learn__campaign .learn__campaign-content blockquote p,
.learn__campaign .campaign-block blockquote p {
  margin-bottom: 12px;
}

.learn__campaign .learn__campaign-content blockquote cite,
.learn__campaign .campaign-block blockquote cite {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  display: block;
  margin-top: 12px;
}

/* Strong and emphasis */
.learn__campaign .learn__campaign-content strong,
.learn__campaign .campaign-block strong {
  font-weight: 700;
  color: #282a2a;
}

.learn__campaign .learn__campaign-content em,
.learn__campaign .campaign-block em {
  font-style: italic;
}


/* ================================================== */
/* ==== GLOBAL LINK EFFECTS (Scoped to Campaign) ==== */
/* ================================================== */

/* Heading links stay dark, turn green on hover */
.learn__campaign h1 a:not(.button):not(.btn),
.learn__campaign h2 a:not(.button):not(.btn),
.learn__campaign h3 a:not(.button):not(.btn),
.learn__campaign h4 a:not(.button):not(.btn),
.learn__campaign h5 a:not(.button):not(.btn),
.learn__campaign h6 a:not(.button):not(.btn) {
  color: #282a2a !important;
  position: relative;
  text-decoration: none;
  transition: color 0.35s ease-in-out;
}

/* Underline pseudo-element - initially hidden */
.learn__campaign h1 a:not(.button):not(.btn)::after,
.learn__campaign h2 a:not(.button):not(.btn)::after,
.learn__campaign h3 a:not(.button):not(.btn)::after,
.learn__campaign h4 a:not(.button):not(.btn)::after,
.learn__campaign h5 a:not(.button):not(.btn)::after,
.learn__campaign h6 a:not(.button):not(.btn)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* On hover - color changes to green AND underline appears */
.learn__campaign h1 a:not(.button):not(.btn):hover,
.learn__campaign h2 a:not(.button):not(.btn):hover,
.learn__campaign h3 a:not(.button):not(.btn):hover,
.learn__campaign h4 a:not(.button):not(.btn):hover,
.learn__campaign h5 a:not(.button):not(.btn):hover,
.learn__campaign h6 a:not(.button):not(.btn):hover {
  color: #4e8540 !important;
}

.learn__campaign h1 a:not(.button):not(.btn):hover::after,
.learn__campaign h2 a:not(.button):not(.btn):hover::after,
.learn__campaign h3 a:not(.button):not(.btn):hover::after,
.learn__campaign h4 a:not(.button):not(.btn):hover::after,
.learn__campaign h5 a:not(.button):not(.btn):hover::after,
.learn__campaign h6 a:not(.button):not(.btn):hover::after {
  width: 100%;
}


/* ============================================================= */
/* ==== BODY TEXT LINKS (Green with disappearing underline) ==== */
/* ============================================================= */

/* Body links - green with underline initially */
.learn__campaign a:not(.button):not(.btn):not(.campaign-block__button):not(.cta-button):not([class*="nav"]):not([role="button"]):not(.learn__campaign-breadcrumb a):not(.glightbox) {
  color: #4e8540;
  position: relative;
  text-decoration: none;
  transition: color 0.35s ease-in-out;
}

/* Underline starts at full width */
.learn__campaign a:not(.button):not(.btn):not(.campaign-block__button):not(.cta-button):not([class*="nav"]):not([role="button"]):not(.learn__campaign-breadcrumb a):not(.glightbox)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

/* On hover - underline disappears to the left */
.learn__campaign a:not(.button):not(.btn):not(.campaign-block__button):not(.cta-button):not([class*="nav"]):not([role="button"]):not(.learn__campaign-breadcrumb a):not(.glightbox):hover::after {
  width: 0;
}








/* Victoria, Monster Studios */

/* ====================== */
/* ==== TEMPORARY CSS ==== */
/* ====================== */

/* Hidden anchor for defined scroll offset */
.learn__post a#post-holiday-cannabis-yule-log-video {
  position: relative;
  top: -100px;
  display: block;
  height: 0;
  text-decoration: none;
  pointer-events: none;
  font-size: 0;
  line-height: 0;
}

/* Kill any pseudo underline on this specific anchor */
.learn__post a#post-holiday-cannabis-yule-log-video::before,
.learn__post a#post-holiday-cannabis-yule-log-video::after {
  content: none !important;
}


/* ========================== */
/* ==== SECTION: HERO ==== */
/* ========================== */

/* Main wrapper container */
.learn__post {
  position: relative;
  padding-top: 0 !important;
  margin-top: 0 !important;
}

/* Main wrapper - Desktop (1281px+) */
@media (min-width: 1281px) { /* +++ 1025px ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */
  .learn__post {
    padding-inline: 16px;
  }
}

/* Main wrapper - Tablet and below (1280px and below) */
@media (max-width: 1280px) { /* +++ 1025px ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */
  .learn__post {
    margin: 0 auto;
    /* Horizontal padding scales from 16px (mobile) to 64px (desktop), hits ~52.448px at 1024px */
    padding-inline: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  }
}

/* Hero - Always sticky, adjusts top value on scroll */
.learn__post .learn__post-hero {
  position: relative; /*position: sticky; */
  top: 76px;
  left: 0;
  right: 0;
  width: 100%;
  height: 60vh;
  min-height: 500px;
  max-height: 600px;
  z-index: 1;
  transition: top 0.3s ease;
  overflow: hidden;
  /* REMOVED: background-size, background-position, background-repeat */
  /* Now using <img> tag instead */
}

/* Enable sticky AFTER paint */
.hero-ready .learn__post .learn__post-hero {
  position: sticky;
}

/* Image layer - fills container */
.learn__post .learn__post-hero-img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  display: block;
}

/* When scrolled - top value changes to cut off hero */
.learn__post .learn__post-hero.is-sticky {
  top: 76px;
}

/* Hero overlay */
.learn__post .learn__post-hero::after {
  content: "";
  position: absolute;
  inset: 0;
  background: rgba(33, 38, 45, 0.05);
  pointer-events: none;
  z-index: 1; /* NEW: ensures overlay sits above img */
}

/* Hero - Desktop (1281px+) */
@media (min-width: 1281px) {
  .learn__post .learn__post-hero {
    position: sticky;
    width: 100vw;
    max-width: 100vw;
    margin-left: -16px;
    margin-right: -16px;
    left: 0;
    right: 0;
  }
}

/* Hero - Tablet and below (1280px and below) */
@media (max-width: 1280px) {
  .learn__post .learn__post-hero {
    position: sticky;
    width: 100vw;
    max-width: none;
    left: 0;
    right: 0;
    margin-inline: calc(-1 * clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px));
    height: 500px;
    min-height: unset; /* NEW: override desktop min-height */
    max-height: unset; /* NEW: override desktop max-height */
  }
}

/* Tablet (1024px and below) */
@media (max-width: 1024px) {
  .learn__post .learn__post-hero {
    height: 400px;
  }
}

/* Hero - Tablet (992px and below) */
@media (max-width: 992px) {
  .learn__post .learn__post-hero {
    height: 340px;
  }
}

/* Hero - Mobile (768px and below) */
@media (max-width: 768px) {
  .learn__post .learn__post-hero {
    height: 340px;
    min-height: unset;
  }
}


/* ====================================== */
/* ==== SECTION: LAYOUT & SIDEBARS ==== */
/* ====================================== */

/* === Main Section Wrapper === */
.learn__post > .ct-section-inner-wrap {
  padding: 0 !important;
  overflow: visible !important;
}

/* ======================================= */
/* ==== THREE COLUMN LAYOUT CONTAINER ==== */
/* ======================================= */

/* Main grid layout */
.learn__post .learn__post-layout {
  display: grid;
  grid-template-columns: 18% 1fr 18%;
  gap: 16px;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  /*  margin-bottom: 16px !important; */
  padding-top: 64px;
  /* padding: 64px 64px 0; */
  /*  margin-top: 300px; Space for hero */
}

/* Layout container - Tablet and below (1280px and below) */
@media (max-width: 1280px) { /* --- ⚠️⁉️✅ ⚠️⁉️✅  ⚠️⁉️✅  ⚠️⁉️✅  -- */
  .learn__post .learn__post-layout {
    padding-top: 32px;
  }
}

/* LEFT SIDEBAR - Sticky */ /* +++ 1025px ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */
.learn__post .learn__post-sidebar-left {
  position: sticky !important; /* ✨ Force sticky */
  top: 120px; /* -- IT WAS IMPORTANT FOR SOME REASON ⚠️⁉️ -- */
  width: 100%;
  box-sizing: border-box;
  overflow: hidden !important;
  z-index: 10;
  background-color: #ffffff;
  display: block;
  padding: 0;
  height: calc(100vh - 180px); /* Fixed height */
  min-height: 680px; /* -- IT WAS 600px ⚠️⁉️ ⚠️⁉️✅-- */ /* ✨ Ensure minimum */
}

/* Left sidebar inner wrapper (commented out)
.learn__post-sidebar-left-inner {
  display: flex;
  flex-direction: column;
  gap: 64px;
  NO TRANSITION - instant response to scroll 
}
*/

/* MAIN CONTENT AREA - Sticky */
.learn__post .learn__post-main {
  position: sticky;
  top: 180px;
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  padding: 64px 64px 0;
  background-color: #ffffff;
  z-index: 8;
  margin-top: -150px;
  height: fit-content;
}

/* RIGHT SIDEBAR - Sticky */
.learn__post .learn__post-sidebar-right {
  position: sticky;
  top: 120px;
  width: 100%;
  box-sizing: border-box;
  overflow: visible;
  z-index: 6;
  background-color: transparent;
  height: fit-content;
  padding: 0 0 64px;
}

/* RIGHT SIDEBAR - No affiliate variant (adjusted top position) */
.learn__post .learn__post-sidebar-right.learn__post-sidebar-right--no-affiliate {
  top: 500px;
}

/* --- ⚠️⁉️✅ ⚠️⁉️✅  ⚠️⁉️✅  ⚠️⁉️✅  -- */
/* @media (max-width: 1280px) {
  .learn__post .learn__post-sidebar-left, +++ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ 
  .learn__post .learn__post-sidebar-right {
    top: 100px;
  }
} */


/* ===================================== */
/* ==== Left Column: Latest Stories ==== */
/* ===================================== */

/* Elevator items - absolute positioning */
/* Elevator Effect - DESKTOP ONLY */
.learn__post .learn__post-latest {
  position: absolute !important;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 32px 16px 64px;
  background-color: #ffffff;
  display: flex;
  flex-direction: column;
  z-index: 2;
  transition: transform 0.8s ease-in-out;
}

/* Elevator card 1 - visible position */
.learn__post .learn__post-latest:nth-of-type(1) {
  transform: translateY(0%);
  z-index: 3;
}

/* Elevator card 2 - stacked below */
.learn__post .learn__post-latest:nth-of-type(2) {
  transform: translateY(100%);
  z-index: 2;
}

/* Elevator card 3 - stacked below */
.learn__post .learn__post-latest:nth-of-type(3) {
  transform: translateY(100%);
  z-index: 1;
}

/* Temporary - shows section heights 
.learn__post .learn__post-latest {
  outline: 2px solid red !important;
}
.learn__post .learn__post-latest:nth-of-type(1) {
  outline-color: blue !important;
}
.learn__post .learn__post-latest:nth-of-type(2) {
  outline-color: green !important;
}
.learn__post .learn__post-latest:nth-of-type(3) {
  outline-color: orange !important;
}
*/

/* Latest stories section heading */
.learn__post .learn__post-latest-heading {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px !important;
  font-weight: 700;
  color: #282a2a !important;
  margin-top: 0 !important;
  margin-bottom: 8px !important;
  border-bottom: 1px solid #282a2a;
  padding-bottom: 12px;
  letter-spacing: -1.2px !important;
  line-height: 1.1;
}

/* Latest stories heading link - base state */
.learn__post .learn__post-latest-heading a {
  color: #282a2a !important;
  text-decoration: none;
  position: relative;
  transition: color 0.35s ease-in-out;
}

/* Latest stories heading link - underline animation */
.learn__post .learn__post-latest-heading a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* Latest stories heading link - hover state */
.learn__post .learn__post-latest-heading a:hover {
  color: #4e8540 !important;
}

/* Latest stories heading link - hover underline */
.learn__post .learn__post-latest-heading a:hover::after {
  width: 100%;
}

/* Latest stories individual item */
.learn__post .learn__post-latest-item {
  padding: 16px 0;
  border-bottom: 1px solid #e5e8eb;
}

/* Latest stories last item border */
.learn__post .learn__post-latest-item:last-child {
  /* border-bottom: none; */
}

/* Latest stories item category */
.learn__post .learn__post-latest .learn__post-category {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 0 0 4px !important;
}

/* Latest stories item title */
.learn__post .learn__post-latest .learn__post-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #282a2a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: left;
}

/* Latest stories item title link - base state */
.learn__post .learn__post-latest .learn__post-title a {
  color: inherit;
  text-decoration: none;
  display: inline;
  transition: color 0.25s ease;
}

/* Latest stories item title link - hover state */
.learn__post .learn__post-latest .learn__post-title a:hover {
  color: #4e8540 !important;
}

/* Latest stories item author (hidden) */
.learn__post .learn__post-latest .learn__post-author {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  margin: 8px 0 0 !important;
  display: none;
}

/* Latest stories last item - Mobile (991px and below) */
@media (max-width: 991px) {
  .learn__post .learn__post-latest-item:last-child {
    border-bottom: 1px solid #e5e8eb;
  }
}


/* ================================== */
/* ===== Related Videos Wrapper ===== */
/* ================================== */ /* ---- 🟥 🟥 🟥 🟥 🟥 🟥 🟥 🟥 🟥 🟥 🟥 🟥 ---- */

/* Related videos heading - inherits latest-heading styles */
.learn__post .learn__post-related-videos .learn__post-latest-heading {
  /* Already styled - no changes needed! */
  width: 100%;
}

/* ================================= */
/* ==== RIGHT COLUMN ACF STYLES ==== */
/* ================================= */

/* === SIDEBAR BANNER === */ /* IT ALSO APPLIES TO THE PLACEHOLDER, CAREFUL! */
.learn__post .learn__post-sidebar-banner {
  display: flex;
  flex-direction: column;
  gap: 8px; /* it was 16px  ⚠️ */
  padding: 20px 16px;
 /* border: 1px solid #e5e8eb;*/
  margin-bottom: 0;
  text-decoration: none;
  color: inherit;
  background-color: #fff;
  transition: transform 0.3s ease;
  /* margin-top: 32px;  ++ ADD ON FOR Z_INDEX ⚠️✅ ++ */
}

/* Affiliate product hover effect (disabled)
.learn__post .learn__post-affiliate-product:hover {
  transform: scale(1.01);
}
*/

/* Sidebar Banner stamp/label */
.learn__post .learn__post-sidebar-banner-stamp {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #282a2a;
  text-align: left;
  /* letter-spacing: 0.5px; */
}

/* Sidebar Banner inner wrapper */
.learn__post .learn__post-sidebar-banner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 8px; /* it was 16px  ⚠️ */
  align-items: center;
}

/* Sidebar Banner  media container */
.learn__post .learn__post-sidebar-banner-media {
  width: 100%;
}

/* Sidebar Banner  image with hover effect */
.learn__post .learn__post-sidebar-banner-image {
  display: block;
  max-width: 70%;
  height: auto;
  margin: 0 auto;
  transition: transform 0.35s ease-in-out;
}

/* Sidebar Banner  image - hover scale */
.learn__post .learn__post-sidebar-banner:hover .learn__post-sidebar-banner-image {
  transform: scale(1.1);
}

/* Sidebar Banner  content container */
.learn__post .learn__post-sidebar-banner-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
  margin-bottom: 0;
}

/* Sidebar Banner  title */
.learn__post .learn__post-sidebar-banner-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #282a2a;
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  position: relative;
  transition: color 0.25s ease;
}

/* Affiliate product title underline animation (disabled)
.learn__post .learn__post-affiliate-product-title::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}
*/

/* Sidebar Banner  title - hover color */
.learn__post .learn__post-sidebar-banner:hover .learn__post-sidebar-banner-title {
  color: #4e8540;
}

/* Affiliate product title hover underline (disabled)
.learn__post .learn__post-affiliate-product:hover .learn__post-affiliate-product-title::after {
  width: 100%;
}
*/

/* Sidebar Banner  excerpt with underline */
.learn__post .learn__post-sidebar-banner-brand {
  font-family: "Open Sans", sans-serif;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.2;
  color: #282a2a;
  margin: 0;
  position: relative;
  display: inline-block;
}

/* Sidebar Banner  excerpt - underline base state */
.learn__post .learn__post-sidebar-banner-brand::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 1px;
  background-color: #282a2a;
  transition: width 0.35s ease-in-out;
}

/* Sidebar Banner Brand - underline hover state */
.learn__post .learn__post-sidebar-banner:hover .learn__post-sidebar-banner-brand::after {
  width: 100%;
}


/* =============================================== */
/* ==== Affiliate Product - horizontal layout ==== */
/* =============================================== */

/* Sidebar Banner  - Tablet/Mobile (1280px and below) */
@media (max-width: 1280px) {
  /* Affiliate product container - horizontal layout override */
  .learn__post .learn__post-sidebar-banner {
    padding: 20px 20px;
    margin-bottom: clamp(24px, calc(24px + (100vw - 480px) * 0.067), 64px);
    gap: 16px;    
  }

  /* Sidebar Banner  stamp */
  .learn__post .learn__post-sidebar-banner-stamp {
    font-size: 28px;
  }

  /* Sidebar Banner  wrapper - horizontal */
  .learn__post .learn__post-sidebar-banner-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 20px;
  }

  /* Sidebar Banner  media container */
  .learn__post .learn__post-sidebar-banner-media {
    flex: 0 0 45%;
    max-width: 45%;
  }

  /* Sidebar Banner  image */
  .learn__post .learn__post-sidebar-banner-image {
    display: block;
    max-width: 100%;
    height: auto;
    /* margin: 0 auto;   ← ADD THIS */
  }

  /* Sidebar Banner  content */
  .learn__post .learn__post-sidebar-banner-content {
    flex: 1;
    /* flex: 0 0 50%;
    max-width: 50%; */
    align-items: center;
    text-align: center;
    padding: 0 12px;
    gap: 24px;
  }

  /* Sidebar Banner  title */
  .learn__post .learn__post-sidebar-banner-title {
    font-size: clamp(26px, calc(26px + (100vw - 540px) * 0.0125), 48px); /* font-size: 48px */
    margin: 0;
    line-height: 0.8;
    letter-spacing: -0.5px;
  }
  
/* Sidebar Banner Brand */
  .learn__post .learn__post-sidebar-banner-brand {
    font-size: 22px;
    line-height: 1.2;
    margin: 0;
  }  
}

/* Sidebar Banner  content - Tablet (992px and below) */
@media (max-width: 992px) {
  .learn__post .learn__post-sidebar-banner-content {
    gap: 18px;
  }
}

/* Sidebar Banner  - Mobile landscape (540px and below) */
@media (max-width: 540px) {
  .learn__post .learn__post-sidebar-banner-wrapper {
    flex-direction: row;
    align-items: center;
    gap: 16px;
  }

  .learn__post .learn__post-sidebar-banner-stamp {
    font-size: 18px;
  }

  .learn__post .learn__post-sidebar-banner-content {
    gap: 12px;
    margin-bottom: 8px;
    padding: 0 12px;
  }

  /* .learn__post .learn__post-affiliate-product-title {
    font-size: 32px;
    margin: 0;
    line-height: 0.8;
    letter-spacing: -0.5px;
  } */

  .learn__post .learn__post-sidebar-banner-brand {
    font-size: 14px;
    line-height: 1.2;
    margin: 0;
  }
}

/* Sidebar Banner content - Mobile portrait (480px and below) */
@media (max-width: 480px) {
  .learn__post .learn__post-sidebar-banner-content {
    gap: 12px;
    margin-bottom: 4px;
    padding: 0 4px;
  }
}

/* ====================================== */
/* === Default - no background image === */
/* ====================================== *//*   🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 */
/* With background - shared styles */
.learn__post .learn__post-sidebar-banner.has-banner-bg {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

/* Square banner (1:1) */
.learn__post .learn__post-sidebar-banner.has-banner-bg--square {
  aspect-ratio: 1 / 1;
  background-size: contain;
}

/* Rectangle banner (300×250) */
.learn__post .learn__post-sidebar-banner.has-banner-bg--rectangle {
  aspect-ratio: 300 / 250;
  background-size: contain;
}

/* Auto/other - default to rectangle */
.learn__post .learn__post-sidebar-banner.has-banner-bg--auto {
  aspect-ratio: 300 / 250;
  background-size: contain;
}

/* ADD THIS TO YOUR EXISTING AFFILIATE PRODUCT CSS */

/* ================================================ */
/* ==== PLACEHOLDER - When Shop Block is Empty ==== */
/* ================================================ */

/* Placeholder container - independent component */
.learn__post .learn__post-sidebar-banner-placeholder {
  /* Base layout */
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding: 20px 16px;
  text-decoration: none;
  color: inherit;
  transition: transform 0.3s ease;
  /* Positioning */
  position: relative;
  overflow: hidden;
  z-index: 2;
  /* Clickable */
  pointer-events: auto !important;
  cursor: pointer !important;
  /* Visual style - frosted glass */
  background-color: rgba(255, 255, 255, 0.7);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px dashed #fff;
  height: 100%;
}

/* Placeholder stamp/label */
.learn__post .learn__post-sidebar-placeholder-stamp {
  font-family: 'Open Sans', sans-serif;
  font-size: 18px;
  font-weight: 700;
  color: #666;
  text-transform: uppercase;
  text-align: left;
  line-height: 1.2;
}

/* Placeholder inner wrapper */
.learn__post .learn__post-sidebar-placeholder-wrapper {
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  height: 100%;
}

/* Placeholder content - centers everything */
.learn__post .learn__post-sidebar-placeholder-content {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  gap: 16px;
  padding: 32px 16px;
  width: 100%;
  height: 100%;
}

/* Placeholder text: "Contact Us!" */
.learn__post .learn__post-sidebar-placeholder-text {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 600;
  color: #4e8540;
  line-height: 1.4;
  max-width: 240px;
}

/* Placeholder CTA text: "Your Product Here" */
.learn__post .learn__post-sidebar-placeholder-cta {
  font-family: 'Open Sans', sans-serif;
  font-size: 32px;
  font-weight: 700;
  color: #282a2a;
  line-height: 1;
  letter-spacing: -0.5px;
  position: relative;
  padding-bottom: 8px;
}

/* Placeholder CTA underline decoration */ /* --- 👀 📌 ⚠️ ⚠️--- */
.learn__post .learn__post-sidebar-placeholder-cta::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 60px;
  height: 3px;
  background-color: #4e8540;
}

/* ==== Placeholder Mobile Adjustments ==== */

/* Placeholder content - Tablet (1280px and below) */
@media (max-width: 1280px) {
  .learn__post .learn__post-sidebar-placeholder-content {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
    gap: 16px;
    padding: 0 16px;
    width: 100%;
  }
  .learn__post .learn__post-sidebar-placeholder-stamp {
    font-size: clamp(12px, calc(8px + 1.4vw), 18px);    
  }
}

/* Placeholder content - Tablet (1024px and below) */ /* ---- 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ ---- */
@media (max-width: 1024px) {
  .learn__post .learn__post-sidebar-placeholder-content {
    padding: 0 16px;
  }
}

/* Placeholder content - Tablet (1024px and below) */ 
@media (max-width: 480px) {
  .learn__post .learn__post-sidebar-placeholder-content {
    padding: 0 8px;
  }
}
/* Placeholder content - Tablet (1024px and below) */ 
@media (max-width: 429px) {
  .learn__post .learn__post-sidebar-placeholder-content {
    padding: 0 8px;
  }
  /* Placeholder CTA text: "Your Product Here" */
.learn__post .learn__post-sidebar-placeholder-cta {
  font-size: 24px;
  padding-bottom: 8px;
}
  /* Placeholder text: "Contact Us!" */
  .learn__post .learn__post-sidebar-placeholder-text {
    font-size: 18px;
  }
}


/* ===================================== */ /* ---- 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ 🟪 ⚠️ ---- */
/* === RIGHT SIDEBAR ELEVATOR ========== */
/* ===================================== */

/* Elevator wrapper - sticky, stays in place */
.learn__post .learn__post-sidebar-right-elevator {
  position: relative;
  width: 100%;
  aspect-ratio: 2 / 3;
  margin-top: 32px; /* ++ it was 32px ⚠️++ */
  overflow: hidden; /* Cards stay inside wrapper */
}

/* Individual elevator cards - absolute positioning */
.learn__post .learn__post-elevator-card {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  padding: 20px 16px;
  background-color: #282a2a;
  border: none; /* IT WAS border: 1px solid #e5e8eb; */
  border-radius: 18px;
  overflow: hidden; /* ← ADD THIS */
  display: flex;
  flex-direction: column;
  gap: 16px; /* it was gap: 16px; */
  transition: transform 0.8s ease-in-out;
  z-index: 2;
  
  /* ADD THESE LINES */
  aspect-ratio: 2 / 3;
  background-size: contain;
  background-position: center;
  height: auto;

}

/* Elevator card 1 - SHOP (visible position) */
.learn__post .learn__post-elevator-card:nth-child(1) {
  transform: translateY(0%);
  z-index: 3;
  /* background-color: #fff; */
  background-image: url('https://greenbeelife.com/wp-content/uploads/2025/11/shop-card-bg-v1-488x741-1.jpg');
  background-size: cover;
  background-position: top;
}

/* Elevator card 2 - WATCH (stacked below) */
.learn__post .learn__post-elevator-card:nth-child(2) {
  transform: translateY(calc(100% + 16px)); /* transform: translateY(100%); */
  z-index: 2;
  /* background-color: #fff; */
  background-image: url('https://greenbeelife.com/wp-content/uploads/2025/11/watch-card-bg-v1-488x741-1.jpg');
  background-size: cover;
  background-position: top;
}

/* Elevator card 3 - LISTEN (stacked below) */
.learn__post .learn__post-elevator-card:nth-child(3) {
  transform: translateY(calc(100% + 16px)); /* transform: translateY(100%); */
  z-index: 1;
  /* background-color: #fff; */
  background-image: url('https://greenbeelife.com/wp-content/uploads/2025/11/listen-card-bg-v1-488x741-1.jpg');
  background-size: cover;
  background-position: top;
}

/* Elevator card 4 - LEARN (stacked below) */
.learn__post .learn__post-elevator-card:nth-child(4) {
  transform: translateY(calc(100% + 16px)); /* transform: translateY(100%); */
  z-index: 1;
  /* background-color: #fff; */
  background-image: url('https://greenbeelife.com/wp-content/uploads/2025/11/learn-card-bg-v1-488x741-1.jpg');
  background-size: cover;
  background-position: top;
}


/* Make inner elements transparent when card has ACF background image */
.learn__post .learn__post-elevator-card.has-background .learn__post-sidebar-banner {
  background-color: transparent !important;
}

/* ===================================== */
/* 1) CIRCULAR BACKGROUND FOR ICONS */
/* ===================================== */

/* Elevator card icon container */
.learn__post .learn__post-elevator-card-icon {
  position: absolute;
  top: 0;
  left: 0;
  width: 52px; /* Increased from 32px for better circle */
  height: 52px; /* Increased from 32px for better circle */
  z-index: 10;
  display: flex;
  align-items: center;
  justify-content: center;
  /* Circle background */
  background-color: #282a2a;
  border-radius: 50%;
}

/* Elevator card icon - SVG sizing */
.learn__post .learn__post-elevator-card-icon svg {
  width: 32px; /* Smaller to fit in circle */
  height: 32px; /* Smaller to fit in circle */
  stroke: #fff;
  fill: none;
}

/* Elevator card icon - font icon sizing */
.learn__post .learn__post-elevator-card-icon-font {
  font-size: 24px; /* Smaller to fit in circle */
  color: #fff;
}

/* Elevator card icon - font icon element */
.learn__post .learn__post-elevator-card-icon-font i {
  display: block;
  line-height: 1;
}

/* Elevator card wrapper - flex container for media + content */
.learn__post .learn__post-elevator-card-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  flex: 1; /* Fill remaining space */
  min-height: 0; /* Allow flex to work properly */
  height: auto; /* ← ADD THIS from first-child override */
}


/* Elevator card content column */
.learn__post .learn__post-elevator-card-content {
  display: flex;
  flex-direction: column;
  gap: 8px;
  align-items: center;
  text-align: center;
  flex: 1; /* Take up remaining space */
  justify-content: flex-start; /* Align content to top */
}

/* ==================================== */
/* === 2) EYEBROW AT BOTTOM OF CARD === */
/* ==================================== */

/* Elevator card eyebrow - positioned at bottom */
.learn__post .learn__post-elevator-card-eyebrow {
  font-family: 'Open Sans', sans-serif;
  font-size: 24px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  text-align: center; /* Center it */
  line-height: 1.2;
  letter-spacing: -1.2px;
  /* Position at bottom */
  position: absolute;
  bottom: 0; /* Match card padding */
  left: 16px;
  right: 16px;
  margin: 0; /* Remove margin */
  z-index: 3; /* Above gradient */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}



/* Elevator card logo - base styles for ALL logos */
.learn__post .learn__post-elevator-card-logo {
  height: auto;
  flex-shrink: 0;
  max-width: 180px;
  /* Position above eyebrow */
  position: absolute;
  bottom: 50px; /* Above the eyebrow */
  left: 50%;
  transform: translateX(-50%); /* Center horizontally */
  margin: 0; /* Remove margins */
  /* z-index: 3; Above gradient */
}

/* SHOP logo - targets by filename */
.learn__post .learn__post-elevator-card-logo[src*="shop-gbl-tv"] {
  max-width: 180px !important;
  max-height: 76px !important;
}

/* WATCH logo - targets by filename */
.learn__post .learn__post-elevator-card-logo[src*="gbl-tv-282a2a"] {
  max-width: 180px;
  max-height: 48px;
}

/* LISTEN logo - targets by filename */
.learn__post .learn__post-elevator-card-logo[src*="just-say-know"] {
  max-width: 180px;
  max-height: 100px;
}

/* LEARN logo - targets by filename */
.learn__post .learn__post-elevator-card-logo[src*="gbl-learning-center"] {
  max-width: 180px;
  max-height: 100px;
}

/* =========================================== */
/* === GRADIENT OVERLAY FOR ELEVATOR CARDS === */
/* =========================================== */

/* Base gradient setup for all cards */
.learn__post .learn__post-elevator-card::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 1;
}

/* SHOP card gradient - #404040 (dark gray) */
.learn__post .learn__post-elevator-card:nth-child(1)::before {
  background: linear-gradient(
    to bottom,
    rgba(64, 64, 64, 0) 0%,
    rgba(64, 64, 64, 0) 50%,
    rgba(64, 64, 64, 0.2) 60%,
    rgba(64, 64, 64, 0.4) 67%,
    rgba(64, 64, 64, 0.6) 73%,
    rgba(64, 64, 64, 0.85) 80%,
    rgba(64, 64, 64, 0.95) 87%,
    rgba(64, 64, 64, 1) calc(100% - 100px),
    rgba(64, 64, 64, 1) 100%
  );
}

/* ================================================== */
/* OPTION B FINAL: Strong bottom, gradual fade upward */
/* ================================================== */

/* WATCH card gradient - #4e8540 (green) - OPTION B FINAL */
.learn__post .learn__post-elevator-card:nth-child(2)::before {
  background: linear-gradient(
    to bottom,
    rgba(78, 133, 64, 0) 0%,
    rgba(78, 133, 64, 0) 50%,
    rgba(78, 133, 64, 0.2) 60%,
    rgba(78, 133, 64, 0.4) 67%,
    rgba(78, 133, 64, 0.6) 73%,
    rgba(78, 133, 64, 0.85) 80%,
    rgba(78, 133, 64, 0.95) 87%,
    rgba(78, 133, 64, 1) calc(100% - 100px),
    rgba(78, 133, 64, 1) 100%
  );
}

/* LISTEN card gradient - #0c1d2a (dark blue-gray) */
.learn__post .learn__post-elevator-card:nth-child(3)::before {
  background: linear-gradient(
    to bottom,
    rgba(12, 29, 42, 0) 0%,
    rgba(12, 29, 42, 0) 50%,
    rgba(12, 29, 42, 0.2) 60%,
    rgba(12, 29, 42, 0.4) 67%,
    rgba(12, 29, 42, 0.6) 73%,
    rgba(12, 29, 42, 0.85) 80%,
    rgba(12, 29, 42, 0.95) 87%,
    rgba(12, 29, 42, 1) calc(100% - 100px),
    rgba(12, 29, 42, 1) 100%
  );
}

/* LEARN card gradient - #868473 (warm gray-green) */
.learn__post .learn__post-elevator-card:nth-child(4)::before {
  background: linear-gradient(
    to bottom,
    rgba(134, 132, 115, 0) 0%,
    rgba(134, 132, 115, 0) 50%,
    rgba(134, 132, 115, 0.2) 60%,
    rgba(134, 132, 115, 0.4) 67%,
    rgba(134, 132, 115, 0.6) 73%,
    rgba(134, 132, 115, 0.85) 80%,
    rgba(134, 132, 115, 0.95) 87%,
    rgba(134, 132, 115, 1) calc(100% - 100px),
    rgba(134, 132, 115, 1) 100%
  );
  z-index: 1; /* Lower than elevator card */
}

/* Ensure card content appears above the gradient */
.learn__post .learn__post-elevator-card-icon,
.learn__post .learn__post-elevator-card-wrapper {
  position: relative;
  z-index: 2;
}


/* ===================================================== */
/* ELEVATOR CARDS - HORIZONTAL SCROLL (1280px and below) */
/* ===================================================== */

@media (max-width: 1280px) {

  /* ===== VIEWPORT - scrollable container ===== */
  .learn__post .learn__post-sidebar-right-elevator {
    position: relative !important;
    min-height: 0 !important;
    height: auto !important;
    margin-top: 0; /* ++ ADD ON FOR Z_INDEX ⚠️✅ ++ */
    aspect-ratio: unset;
    /* Scrolling setup */
    width: 100%;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
    overscroll-behavior-x: contain;
    contain: inline-size;
    padding-bottom: 24px;
    padding-top: 12px;
    /* Flex row */
    display: flex !important;
    flex-direction: row !important;
    flex-wrap: nowrap !important;
    gap: 24px !important;
    /* CSS variable for visible cards */
    --visible: 4;
    --gap: 24px;
  }

  /* Webkit scrollbar - height */
  .learn__post .learn__post-sidebar-right-elevator::-webkit-scrollbar {
    height: 6px;
  }

  /* Webkit scrollbar - thumb */
  .learn__post .learn__post-sidebar-right-elevator::-webkit-scrollbar-thumb {
    background: #ccc;
    border-radius: 3px;
  }

  /* Webkit scrollbar - track */
  .learn__post .learn__post-sidebar-right-elevator::-webkit-scrollbar-track {
    background: #f1f1f1;
  }

  /* Firefox scrollbar */
  .learn__post .learn__post-sidebar-right-elevator {
    scrollbar-color: #ccc #f1f1f1;
  }

  /* ===== CARDS - calculated width based on --visible ===== */
  .learn__post .learn__post-elevator-card {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
    /* Width calculated from --visible variable */
    flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible)) !important;
    width: auto !important;
    max-width: none !important;
    height: auto !important;
    aspect-ratio: 2 / 3 !important; /*: it was 488 / 741 !important; */
    margin: 0 !important;
    display: flex !important;
    z-index: auto !important;
    /* Scroll snap */
    scroll-snap-align: start;
  }

  /* Reset all nth-child transforms */
  .learn__post .learn__post-elevator-card:nth-child(1),
  .learn__post .learn__post-elevator-card:nth-child(2),
  .learn__post .learn__post-elevator-card:nth-child(3),
  .learn__post .learn__post-elevator-card:nth-child(4) {
    transform: none !important;
    position: relative !important;
  }

  /* Gradient overlay - responsive override */
  .learn__post .learn__post-elevator-card::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    bottom: 0 !important;
    width: 100% !important;
    height: 100% !important;
  }

  /* Icon positioning - responsive override */
  .learn__post .learn__post-elevator-card-icon {
    position: absolute;
    top: 16px;
    left: 16px;
  }

  /* Logo positioning - responsive override */
  .learn__post .learn__post-elevator-card-logo {
    position: absolute;
    bottom: 40px;
    left: 50%;
    transform: translateX(-50%);
  }

  /* Eyebrow positioning - responsive override */
  .learn__post .learn__post-elevator-card-eyebrow {
    position: absolute;
    bottom: 0;
    left: 16px;
    right: 16px;
  }

  /* Hover effect for desktop/tablet */
  @media (hover: hover) {
    .learn__post .learn__post-elevator-card {
      transition: transform 0.35s ease-out, box-shadow 0.35s ease-out;
    }

    .learn__post .learn__post-elevator-card:hover {
      transform: translateY(-8px);
      box-shadow: 0 8px 24px rgba(0, 0, 0, 0.18);
    }
  }
}

/* ===== BREAKPOINT ADJUSTMENTS ===== */

/* Tablet landscape (1024px and below) */
@media (max-width: 1024px) {
  .learn__post .learn__post-sidebar-right-elevator {
    --visible: 3.5;
  }
}

/* Tablet landscape (1024px and below) */
@media (max-width: 992px) {
  .learn__post .learn__post-sidebar-right-elevator {
    --visible: 2.5;
  }
}

/* Tablet portrait (768px and below) */
@media (max-width: 768px) {
  .learn__post .learn__post-sidebar-right-elevator {
    --visible: 2.25;
  }
}

/* Mobile landscape (540px and below) */
@media (max-width: 540px) {
  .learn__post .learn__post-sidebar-right-elevator {
    --visible: 1.75;
  }
}

/* Mobile portrait (480px and below) */
@media (max-width: 480px) {
  .learn__post .learn__post-sidebar-right-elevator {
    --visible: 1.5;
  }
}



/* ========================================== */
/* === ELEVATOR AFFILIATE CARD OVERRIDES === */
/* ========================================== */

/* === BASE STYLES (All Resolutions) === */

/* Main affiliate product container - fills elevator card height */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: 20px 12px;
  z-index: 1;
  border: none;
}

/* Media container - full width, no shrink */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-media {
  width: 100%;
  max-width: 100%;
  flex-shrink: 0;
}

/* Image - centered, 90% width */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-image {
  max-width: 90%;
  height: auto;
  margin: 0 auto;
}

/* Wrapper - column layout with content at bottom */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-wrapper {
  display: flex;
  flex-direction: column;
  gap: 12px;
  align-items: center;
  flex-shrink: 0;
}

/* Content container - pushed to bottom, no shrink */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-content {
  flex-shrink: 0;
  margin-bottom: 0 !important;
  margin-top: auto;
}

/* Stamp - standard line height (font-size set at 1280px) */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-stamp {
  line-height: 1.1;
}


/* Title - 2 line limit with ellipsis */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
  font-size: 22px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 1.2;
}

/* Excerpt - base size */
.learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-brand {
  font-size: 14px;
}

/* === DESKTOP & TABLET (1280px and below) === */
@media (max-width: 1280px) {
  /* Ensure column layout stays */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner {
    flex-direction: column !important;
    padding: 20px 12px;
    margin-bottom: 0 !important;
  }

  /* Media container */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-media {
    width: 100%;
    max-width: 100%;
  }

  /* Image */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-image {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
  }

  /* Wrapper stays column */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-wrapper {
    display: flex;
    flex-direction: column !important;
    gap: 12px;
    align-items: center;
  }

  /* Content */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-content {
    flex-shrink: 0;
    padding: 0 !important;
    gap: 8px !important;
  }

  /* Stamp font size */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-stamp {
    font-size: 18px;
    line-height: 1.1;
  }


  /* Title size */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 20px;
    line-height: 1.2;
  }

  /* Excerpt */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-brand {
    font-size: 14px;
  }
}

/* === TABLET (1024px and below) === */
@media (max-width: 1024px) {
  /* Product padding */
  .learn__post .learn__post-elevator-card--affiliate {
    padding: 16px 16px;
  }
  
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 18px !important;
  }
  /* Image smaller */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-image {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
  }
}

/* === TABLET LANDSCAPE (992px and below) === */
@media (max-width: 992px) {
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 20px !important;
  }

  /* Image smaller */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-image {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
  }
}

/* === MOBILE LARGE (540px and below) === */
@media (max-width: 540px) {
  /* Product padding */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner {
    padding: 16px 12px;
  }

  /* Image smaller */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-image {
    max-width: 90%;
    height: auto;
    margin: 0 auto;
  }

  /* Title size */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 20px !important;
  }
}

/* === MOBILE MEDIUM (480px and below) === */
@media (max-width: 480px) {
    /* Product padding */
  .learn__post .learn__post-elevator-card--affiliate {
    padding: 16px 12px;
  }
  
  /* Product padding */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner {
    padding: 20px 12px;
  }

  /* Image smaller */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-image {
    max-width: 80%;
    height: auto;
    margin: 0 auto;
  }

  /* Title size */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 20px !important;
  }
}

/* === MOBILE MEDIUM (390px and below) === */
@media (max-width: 390px) {
  
  /* Product padding */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner {
    padding: 20px 12px;
  }

  /* Title size */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 18px !important;
  }
}

/* === MOBILE SMALL (375px and below) === */
@media (max-width: 375px) {
  /* Product padding */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner {
    padding: 20px 12px;
  }

  /* Title size */
  .learn__post .learn__post-elevator-card--affiliate .learn__post-sidebar-banner-title {
    font-size: 16px !important;
  }
}

/* ==== NEW AFFILIATE BACKGROUNDS === */
/* Affiliate card 1 - new background */
.learn__post .learn__post-elevator-card--affiliate:nth-child(1) {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2026/01/post-elevator-holidays-backdrop-4.jpg');
  background-size: cover;
  background-position: center;
}

/* Affiliate card 2 - new background */
.learn__post .learn__post-elevator-card--affiliate:nth-child(2) {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2026/01/post-elevator-holidays-backdrop-7.jpg');
  background-size: cover;
  background-position: center;
}

/* Affiliate card 3 - new background */
.learn__post .learn__post-elevator-card--affiliate:nth-child(3) {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2026/01/post-elevator-holidays-backdrop-5.jpg');
  background-size: cover;
  background-position: center;
}

/* Affiliate card 4 - new background */
.learn__post .learn__post-elevator-card--affiliate:nth-child(4) {
  background-image: url('https://greenbeelife.com/wp-content/uploads/2026/01/post-elevator-holidays-backdrop-3.jpg');
  background-size: cover;
  background-position: center;
}

/* Remove all gradients from affiliate cards */
.learn__post .learn__post-elevator-card--affiliate::before {
  background: none !important;
}

/* OR add custom gradients per card 
.learn__post .learn__post-elevator-card--affiliate:nth-child(1)::before {
  background: linear-gradient(to bottom, rgba(0,0,0,0) 50%, rgba(0,0,0,0.8) 100%);
}*/



/* === ELEVATOR CARD BACKGROUND RATIO OVERRIDES === *//*   🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 */

/* Square banner (1:1) - overrides default 2:3 */
.learn__post .learn__post-elevator-card.has-banner-bg--square {
  aspect-ratio: 1 / 1;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Rectangle banner (300×250) - overrides default 2:3 */
.learn__post .learn__post-elevator-card.has-banner-bg--rectangle {
  aspect-ratio: 300 / 250;
  background-size: contain;
  background-repeat: no-repeat;
}

/* Auto/other - default to rectangle */
.learn__post .learn__post-elevator-card.has-banner-bg--auto {
  aspect-ratio: 300 / 250;
  background-size: contain;
  background-repeat: no-repeat;
}



/* =========================== */
/* ==== WATCH VIDEO BLOCK ==== */
/* =========================== */

/* Watch block container */
.learn__post .learn__post-watch {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start; /* ✨ Changed to flex-start */
  padding: 16px 0;
  margin-bottom: 0;
  width: 100%;
  border-bottom: 1px solid #e5e8eb;
}

/* Watch block meta info */
.learn__post .learn__post-watch-meta {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  text-align: left;
  padding-bottom: 4px;
}

/* Watch block category */
.learn__post .learn__post-watch-category {
  font-weight: 400;
}

/* Watch block separator */
.learn__post .learn__post-watch-separator {
  opacity: 0.6;
}

/* Watch block tag */
.learn__post .learn__post-watch-tag {
  font-weight: 400;
}

/* Watch block title */
.learn__post .learn__post-watch-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #282a2a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: left;
}

/* Watch block thumbnail */
.learn__post .learn__post-watch-thumbnail {
  display: block;
  width: 100%;
  max-width: 100%;      /* ADD */
  height: auto;         /* ADD */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: 12px;
}

/* Watch block placeholder container (disabled)
.learn__post .learn__post-watch-placeholder {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #282a2a;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1;  
  margin-bottom: 12px;
}
*/

/* Watch block placeholder thumbnail */ /* --- 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 --- */
.learn__post .learn__post-watch-placeholder-thumbnail {
  display: block;
  width: 100%;
  max-width: 100%;      /* ADD */
  height: auto;         /* ADD */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: 12px;
}

/* Watch block placeholder text */
.learn__post .learn__post-watch-placeholder-text {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
}

/* Watch block placeholder logo (hidden) */
.learn__post .learn__post-watch-placeholder-logo {
  max-width: 70%;
  display: none;
}

/* ============================ */
/* ==== LISTEN VIDEO BLOCK ==== */
/* ============================ */

/* Listen block container */
.learn__post .learn__post-listen {
  display: flex;
  flex-direction: column;
  gap: 0;
  align-items: flex-start; /* ✨ Changed to flex-start */
  padding: 16px 0;
  margin-bottom: 0;
  width: 100%;
  border-bottom: 1px solid #e5e8eb;
}

/* Listen block meta info */
.learn__post .learn__post-listen-meta {
  font-size: 12px;
  font-weight: 400;
  color: #282a2a;
  text-align: left;
  padding-bottom: 4px;
}

/* Listen block category */
.learn__post .learn__post-listen-category {
  font-weight: 400;
}

/* Listen block separator */
.learn__post .learn__post-listen-separator {
  opacity: 0.6;
}

/* Listen block tag */
.learn__post .learn__post-listen-tag {
  font-weight: 400;
}

/* Listen block title */
.learn__post .learn__post-listen-title {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  font-weight: 700;
  color: #282a2a;
  margin-top: 0;
  margin-bottom: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  text-align: left;
}

/* Listen block thumbnail */
.learn__post .learn__post-listen-thumbnail {
  display: block;
  width: 100%;
  max-width: 100%;      /* ADD */
  height: auto;         /* ADD */
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: 12px;
}

/* Listen block placeholder container (disabled)
.learn__post .learn__post-listen-placeholder {
  width: 100%;
  aspect-ratio: 16 / 9;
  background-color: #282a2a;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 1; 
  margin-bottom: 12px;
}
*/

/* Listen block placeholder thumbnail */ /* --- 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 --- */
.learn__post .learn__post-listen-placeholder-thumbnail {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin-bottom: 12px;
}

/* Listen block placeholder text */
.learn__post .learn__post-listen-placeholder-text {
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  /* text-transform: uppercase; */
  letter-spacing: 1px;
}

/* Listen block placeholder logo (hidden) */
.learn__post .learn__post-listen-placeholder-logo {
  max-width: 60%;
  display: none;
}

/* Watch and Listen placeholder shared styles (disabled)
.learn__post .learn__post-watch-placeholder,
.learn__post .learn__post-listen-placeholder {
  height: auto;
  object-fit: contain;
  opacity: 1;
}
*/

/* ===================== */ /* ---- 🟥 ⚠️ 🟥 ⚠️ 🟥 ⚠️ 🟥 ⚠️ 🟥 ---- */
/* ====  Responsive ==== */ /* 📌 RELOCATION CANDIDATE */
/* ===================== */

@media (max-width: 1280px) { /* +++ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */

  /* Layout grid - single column */
  .learn__post .learn__post-layout {
    grid-template-columns: 1fr;
    gap: 32px;
    margin-top: -128px;
    padding-top: 0;
  }

  /* All columns - shared responsive styles */
  .learn__post .learn__post-sidebar-left,
  .learn__post .learn__post-sidebar-right,
  .learn__post .learn__post-main {
    position: static !important;
    margin-top: 0;
    padding-left: clamp(24px, calc(24px + (100vw - 480px) * 0.067), 64px);
    padding-right: clamp(24px, calc(24px + (100vw - 480px) * 0.067), 64px);
    padding-top: clamp(32px, 5vw, 64px);
    padding-bottom: clamp(32px, 5vw, 64px);
    margin: 0 auto;
  }

  /* Left sidebar - reorder and reset */
  .learn__post .learn__post-sidebar-left {
    order: 2;
    display: flex;
    flex-direction: column;
    gap: 32px;
    height: auto;
    top: auto !important;
    overflow: visible;
  }

  /* Left sidebar latest items - reset positioning */
  .learn__post .learn__post-sidebar-left .learn__post-latest {
    position: static !important;
    transform: none !important;
    left: auto !important;
    right: auto !important;
    top: auto !important;
  }

  /* Latest heading - remove border */
  .learn__post .learn__post-latest-heading {
    border-bottom: none !important;
  }

  /* Main content - reorder */
  .learn__post .learn__post-main {
    order: 1;
    margin: 0 auto;
  }

  /* Right sidebar - reorder */
  .learn__post .learn__post-sidebar-right {
    order: 3;
    background-color: #fff;
  }
}




/* ======================================= */ /* 📌 RELOCATION CANDIDATE */
/* ==== Code Block Width Constraints ==== */
/* ======================================= */

/* Code block container */
.learn__post .ct-code-block {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* ======================================================================== */ /* ---- 🟥 ⚠️ 🟥 ⚠️ 🟥 ⚠️ 🟥 ⚠️ 🟥 ---- */
/* ==== SCROLLABLE CONTAINER – Shared by Tags + Category Left Columns ==== */
/* ======================================================================== */

/* Scroll wrapper container */
.learn__post .learn__post-scroll-wrapper {
  position: relative;
  max-height: 60rem;
}

/* Scrollable content area */
.learn__post .learn__post-latest-scroll {
  overflow-y: auto;
  padding-right: 4px;
  scroll-behavior: smooth;
  scrollbar-width: thin;
  scrollbar-color: #ccc #f1f1f1; /* #e5e8eb #f9f9f9; */
}

/* Webkit scrollbar - width */
.learn__post .learn__post-latest-scroll::-webkit-scrollbar {
  width: 6px;
}

/* Webkit scrollbar - track */
.learn__post .learn__post-latest-scroll::-webkit-scrollbar-track {
  background: #f1f1f1; /* #f9f9f9; */
}

/* Webkit scrollbar - thumb */
.learn__post .learn__post-latest-scroll::-webkit-scrollbar-thumb {
  background-color: #ccc; /* scrollbar-color: #ccc #f1f1f1; */
  border-radius: 3px;
}

/* Fade gradient - top (hidden by default) */
.learn__post .learn__post-fade-top {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 3rem;
  background: linear-gradient(to bottom, #fff, rgba(255, 255, 255, 0));
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.25s ease-in-out;
  z-index: 2;
}

/* Fade gradient - top visible state */
.learn__post .learn__post-fade-top.visible {
  opacity: 1;
}

/* Fade gradient - bottom (visible by default) */
.learn__post .learn__post-fade-bottom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 3rem;
  background: linear-gradient(to top, #fff, rgba(255, 255, 255, 0));
  pointer-events: none;
  opacity: 1;
  z-index: 2;
}


/* ================================================= */
/* === TABLET & MOBILE: Horizontal scroll cards === */
/* ================================================= */

/* Desktop (1281px+) - Make wrapper invisible */
@media (min-width: 1281px) { /* +++ 1025 ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */
  /* Scroll container - invisible wrapper */
  .learn__post .learn__post-scroll-container {
    display: contents !important; /* Wrapper becomes invisible, children behave as if wrapper doesn't exist */
  }

  /* Fade right - hidden on desktop */
  .learn__post .learn__post-fade-right {
    display: none !important;
  }
}

/* Tablet and below (1280px and below) */
@media (max-width: 1280px) { /* +++ 1024 ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */
  /* Scroll container wrapper for positioning fade */
  .learn__post .learn__post-scroll-container {
    position: relative;
    width: 100%;
    margin: 0; /* FIX FIX FIX */
    padding: 0; /* FIX FIX FIX */
  }

  /* Left column container */
  .learn__post .learn__post-left {
    flex: none;
    max-width: 100%;
    overflow: hidden;
  }

  /* Left sidebar */
  .learn__post .learn__post-sidebar-left {
    max-width: 100%;
    box-sizing: border-box;
    overflow: hidden;
  }

  /* Latest and Related videos containers */
  .learn__post .learn__post-latest,
  .learn__post .learn__post-related-videos {
    padding-right: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
    max-width: 100%;
    box-sizing: border-box;
    position: relative; /* ← ADDED for fade positioning */
  }

  /* Scroll wrapper */
  .learn__post .learn__post-scroll-wrapper {
    max-height: none;
    width: 100%;
    max-width: 100%;
    overflow: hidden;
    box-sizing: border-box;
  }

  /* Horizontal scrollable area */
  .learn__post .learn__post-latest-scroll,
  .learn__post .learn__post-related-videos .learn__post-latest-scroll {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: 0;
    overflow-x: scroll;
    overflow-y: hidden;
    max-height: none;
    width: 100%;
    border-bottom: 1px solid #e5e8eb;
    border-top: 1px solid #e5e8eb;
    -webkit-overflow-scrolling: touch;
  }

  /* Latest items - horizontal cards */
  .learn__post .learn__post-latest-item {
    min-width: 180px;
    max-width: 180px;
    min-height: 104px; /* ← ADD THIS */
    flex-shrink: 0;
    padding: 0 12px;
    margin: 12px 0;
    border: none !important;
    border-right: 1px solid #e5e8eb !important;
  }

  /* Watch & Listen blocks - custom width */
  .learn__post .learn__post-watch,
  .learn__post .learn__post-listen {
    min-width: 240px;
    max-width: 240px;
    flex-shrink: 0;
    padding: 0 12px;
    margin: 12px 0;
    border: none !important;
    border-right: 1px solid #e5e8eb !important;
  }

  /* Latest item last child border */
  .learn__post .learn__post-latest-item:last-child {
    /* border-right: none !important; */
  }

  /* Watch block - remove bottom border */
  .learn__post .learn__post-watch {
    border-bottom: none;
  }

  /* Listen block - remove bottom border */
  .learn__post .learn__post-listen {
    border-bottom: none;
    /* padding: 0 12px 0 0; */
  }

  /* Fade gradient - right side */
  .learn__post .learn__post-fade-right {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 4rem;
    background: linear-gradient(to left, rgba(255, 255, 255, 0.6), rgba(255, 255, 255, 0));
    pointer-events: none;
    z-index: 10;
    display: none !important;  /* ++ 📌 ⚠️ ⚠️ ⚠️ CHANGED FADE TO NONE ++ */
  }

  /* Hide top and bottom fades on mobile */
  .learn__post .learn__post-fade-top,
  .learn__post .learn__post-fade-bottom {
    display: none;
  }
}


/* =================================== */ /* 📌 RELOCATION CANDIDATE */
/* ==== POST HEADER (Inside Main) ==== */
/* =================================== */

/* Post header container */
.learn__post .learn__post-header {
  width: 100%;
  /* margin: 0 0 clamp(32px, 4vw, 64px) 0; space below header */
  padding: 0 0 clamp(24px, 3vw, 32px) 0;
  box-sizing: border-box;
  background-color: transparent;
  border-bottom: 1px solid #e5e8eb;
  position: relative; /* No z-index needed */
  display: flex;
  flex-direction: column;
  gap: 32px;
}

/* Post title */
.learn__post .learn__post-title {
  font-family: 'Inherit', serif;
  font-size: clamp(40px, calc(40px + (100vw - 540px) * 0.032), 64px);
  font-weight: 700;
  color: #282a2a;
  position: relative;
  display: inline-block;
  text-align: left;
  line-height: 1.1;
  letter-spacing: -0.5px;
  margin-bottom: 1em;
  /* margin-top: -12px; */
}

/* === Post Meta === */

/* Post meta container */
.learn__post .learn__post-meta {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  align-items: center;
  font-size: 13px;
  margin-top: 0;
}

/* Post info container */
.learn__post .learn__post-info {
  display: flex;
  gap: 24px;
  align-items: center;
}

/* Post author in header */
.learn__post .learn__post-author--header {
  font-weight: 400;
  color: #282a2a;
}

/* Post author name */
.learn__post .learn__post-author--header .author-name {
  font-weight: 600;
  color: #000;
  padding-left: 2px;
}

/* Post date */
.learn__post .learn__post-date {
  color: #333;
}

/* Post header padding - Tablet (disabled)
@media (max-width: 992px) {
  .learn__post .learn__post-header {
    padding: 0 48px 32px;
  }
}
*/

/* Post meta - Mobile (768px and below) */
@media (max-width: 768px) {
  .learn__post .learn__post-meta {
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }

  .learn__post .learn__post-info {
    flex-direction: column;
    gap: 4px;
    align-items: flex-start;
  }
}

/* Post header padding - smaller screens (disabled)
@media (max-width: 540px) {
  .learn__post .learn__post-header {
    padding: 0 32px 32px;
  }
}

@media (max-width: 480px) {
  .learn__post .learn__post-header {
    padding: 0 20px 32px;
  }
}
*/


/* =================================== */ /* 📌 RELOCATION CANDIDATE */
/* ==== SECONDARY LAYOUT (Social) ==== */
/* =================================== */

/* Secondary layout grid container */
.learn__post .learn__post-layout-secondary {
  display: grid;
  grid-template-columns: 18% 1fr 18%; /* Same as main layout */
  gap: 16px;
  max-width: 1500px;
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
  margin-bottom: clamp(96px, calc(96px + (100vw - 480px) * 0.05), 128px);
}

/* Empty left sidebar - just spacing */
.learn__post .learn__post-sidebar-left-empty {
  width: 100%;
  background-color: transparent;
}

/* Secondary main - matches original main */
.learn__post .learn__post-main-secondary {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
  /* padding: 32px 64px; */
  background-color: transparent;
  z-index: 8;
}

/* Empty right sidebar - just spacing */
.learn__post .learn__post-sidebar-right-empty {
  width: 100%;
  background-color: transparent;
}

/* Social block container */
.learn__post .learn__post-social-block {
  width: 100%;
  background-color: #4e8540;
  padding: 32px 64px;
  margin-bottom: clamp(2rem, 4vw, 4rem);
}

/* Secondary layout - Tablet and below (1280px and below) */
@media (max-width: 1280px) { /* +++ 1024 ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ ♦️ +++ */
  .learn__post .learn__post-layout-secondary {
    grid-template-columns: 1fr;
    gap: 32px;
    /* padding: 48px 48px; */
  }

  /* Hide empty columns on mobile */
  .learn__post .learn__post-sidebar-left-empty,
  .learn__post .learn__post-sidebar-right-empty {
    display: none;
  }

  /* .learn__post .learn__post-main-secondary {
    padding: 48px 64px;
  } */

  .learn__post .learn__post-social-block {
    padding: 48px 64px;
  }
}

/* Secondary layout - Tablet (992px and below) */
@media (max-width: 992px) {
  .learn__post .learn__post-layout-secondary {
    /* padding: 48px 32px; */
  }

  /* .learn__post .learn__post-main-secondary {
    padding: 32px 48px;
  } */

  .learn__post .learn__post-social-block {
    padding: 32px 48px;
  }
}

/* Secondary layout - Mobile landscape (540px and below) */
@media (max-width: 540px) {
  .learn__post .learn__post-layout-secondary {
    /* padding: 48px 32px; */
  }

  /* .learn__post .learn__post-main-secondary {
    padding: 32px 32px;
  } */

  .learn__post .learn__post-social-block {
    padding: 32px 32px;
  }
}

/* Secondary layout - Mobile portrait (480px and below) */
@media (max-width: 480px) {
  .learn__post .learn__post-layout-secondary {
    /* padding: 32px 20px; */
  }

  /* .learn__post .learn__post-main-secondary {
    padding: 24px 24px;
  } */

  .learn__post .learn__post-social-block {
    padding: 24px 24px;
  }
}

/* ========================== */
/* === Social CTA Section === */
/* ========================== */

/* Social CTA container */
.learn__post .learn__post-social-cta {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 32px;
  padding: 0;
  margin: 0 0 32px;
}

/* Social CTA text section */
.learn__post .learn__post-social-text {
  display: flex;
  flex-direction: column;
  gap: 0;
}

/* Social CTA main text */
.learn__post .social-text-main {
  font-family: 'Open Sans', sans-serif;
  font-size: 20px;
  font-weight: 500;
  color: #7bcc64; /* color: #999; ⚠️ 📌 */
  margin: 0;
  line-height: 1.3;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Social CTA sub text */
.learn__post .social-text-sub {
  font-family: 'Open Sans', sans-serif;
  font-size: 36px;
  font-weight: 700;
  color: #fff; /* color: #282a2a; ⚠️ 📌 */
  margin: 0;
  line-height: 1;
  letter-spacing: -0.05em;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Social icons container */
.learn__post .learn__post-social-icons {
  display: flex;
  gap: 24px;
  align-items: flex-end;
}

/* Social icons link */
.learn__post .learn__post-social-icons a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: #fff; /* color: #282a2a; ⚠️ 📌 */
  text-decoration: none;
  transition: color 0.25s ease;
}

/* Social icons link - hover state */
.learn__post .learn__post-social-icons a:hover {
  color: #fff; /* color: #4e8540; ⚠️ 📌 */
}

/* Social icons link - hover icon scale */
.learn__post .learn__post-social-icons a:hover i {
  transform: scale(1.1);
}

/* Social icons - icon element */
.learn__post .learn__post-social-icons i {
  font-size: 48px;
  flex-shrink: 0;
  transition: transform 0.25s ease;
}

/* Social CTA - Mobile (540px and below) - Stack vertically, icons on bottom */
@media (max-width: 540px) {
  .learn__post .learn__post-social-cta {
    flex-direction: column;
    text-align: left;
    gap: 32px;
    padding: 0;
    align-self: flex-start;
    width: 100%;
    margin-left: 0;
    margin-right: auto;
    margin: 0 0 16px;
  }

  .learn__post .learn__post-social-text {
    order: 1;
    align-items: flex-start;
    width: 100%;
  }

  .learn__post .learn__post-social-icons {
    order: 2;
    justify-content: space-between;
    gap: 20px;
    width: 100%;
  }

  .learn__post .social-text-main,
  .learn__post .social-text-sub {
    /* font-size: 22px; */
  }

  .learn__post .learn__post-social-icons i,
  .learn__post .learn__post-social-icons svg {
    width: 40px;
    height: 40px;
  }

  .learn__post .learn__post-social-icons i {
    font-size: 40px;
  }
}


/* =========================================================================================================================== */ 
/* ====================================== */
/* ==== SECTION: GUTENBERG SECTION ==== */
/* ====================================== */

/* Inner content base styles */
.learn__post .ct-inner-content {
  font-family: inherit, serif;
  color: inherit;
  font-weight: 400;
}

/* WordPress block headings - base font */
.learn__post .ct-inner-content .wp-block-heading {
  font-family: 'Inherit', serif;
}

/* h1 - Usually first, minimal top margin */
.learn__post .ct-inner-content h1,
.learn__post .ct-inner-content .wp-block-heading:is(h1) {
  font-size: 46px;
  font-weight: 700;
  line-height: 1.2;
  margin: 0 0 0.5em 0;
  color: #282a2a;
}

/* h2 - Major section breaks, needs breathing room above */
.learn__post .ct-inner-content h2,
.learn__post .ct-inner-content .wp-block-heading:is(h2) {
  font-family: 'Inherit', serif;
  font-size: clamp(32px, calc(32px + (100vw - 540px) * 0.0375), 44px);
  font-weight: 700;
  color: #282a2a;
  letter-spacing: -0.5px;
  line-height: 1.1;
  margin: 1.5em 0 0.5em 0 !important;
}

/* h3 - Sub-sections, moderate spacing */
.learn__post .ct-inner-content h3,
.learn__post .ct-inner-content .wp-block-heading:is(h3) {
  font-family: 'Inherit', serif;
  font-size: clamp(26px, calc(26px + (100vw - 540px) * 0.0125), 32px);
  font-weight: 700;
  color: #282a2a;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin: 1.25em 0 0.5em 0 !important;
}

/* h4 - Smaller sections */
.learn__post .ct-inner-content h4,
.learn__post .ct-inner-content .wp-block-heading:is(h4) {
  font-family: 'Inherit', serif;
  font-size: clamp(20px, calc(20px + (100vw - 540px) * 0.0125), 24px);
  font-weight: 700;
  color: #282a2a;
  letter-spacing: -0.5px;
  line-height: 1.2;
  margin: 1em 0 0.5em 0;
}

/* h5 - Minor sections */
.learn__post .ct-inner-content h5,
.learn__post .ct-inner-content .wp-block-heading:is(h5) {
  font-size: 18px;
  font-weight: 600;
  line-height: 1.3;
  margin: 1em 0 0.5em 0;
  font-family: 'Open Sans';
  color: #282a2a;
}

/* h6 - Smallest heading */
.learn__post .ct-inner-content h6,
.learn__post .ct-inner-content .wp-block-heading:is(h6) {
  font-size: 16px;
  font-weight: 600;
  line-height: 1.3;
  margin: 0.75em 0 0.5em 0;
  font-family: 'Open Sans';
  color: #282a2a;
}
/* Paragraphs - No top margin, only bottom for flow */
.learn__post .ct-inner-content p {
  font-size: 16px;
  font-family: inherit;
  line-height: 1.6;
  margin: 0 0 1em 0;
  color: #282a2a;
}

/* Lists - No top margin, only bottom */
.learn__post .ct-inner-content ul,
.learn__post .ct-inner-content ol {
  font-size: 16px;
  font-family: inherit;
  margin: 0 0 1.25em 0;
  padding-left: 40px;
}

/* List items */
.learn__post .ct-inner-content li {
  margin-bottom: 0.5em;
  line-height: 1.5;
  color: #282a2a;
}

/* List item paragraphs */
.learn__post .ct-inner-content li p {
  line-height: 1.5;
  margin-bottom: 0;
}

/* Nested lists - Keep spacing for hierarchy */
.learn__post .ct-inner-content ul ul,
.learn__post .ct-inner-content ol ol,
.learn__post .ct-inner-content ul ol,
.learn__post .ct-inner-content ol ul {
  margin: 1em 0;
}

/* ========================== */
/* Tables - standalone spacing */
/* ========================== */

/* Table base styles */
.learn__post .ct-inner-content table {
  width: 100%;
  border-collapse: collapse;
  margin: 24px 0;
  font-size: 16px;
  font-family: inherit;
  line-height: 1.4;
}

/* Tables inside figures - remove margin, let figure handle spacing */
.learn__post .ct-inner-content figure table {
  margin: 0 !important;
}

/* Table figures - specific spacing */
.learn__post .ct-inner-content figure.wp-block-table {
  margin: 16px 0 48px 0 !important;
}

/* When a paragraph immediately follows a table - reduce gap */
.learn__post .ct-inner-content figure.wp-block-table + p {
  margin-top: -32px;
}

/* Table header row */
.learn__post .ct-inner-content thead {
  background-color: #f5f5f5;
}

/* Table header cells */
.learn__post .ct-inner-content th {
  font-weight: 700;
  text-align: left;
  padding: 12px 8px;
  border: 1px solid #ddd;
  font-family: inherit;
}

/* Table data cells */
.learn__post .ct-inner-content td {
  padding: 12px 8px;
  border: 1px solid #ddd;
  font-family: inherit;
  text-align: left;
  vertical-align: top;
  font-size: 15px;
  color: #1d1f1f;
}

/* Table first column - vertical align middle */
.learn__post .ct-inner-content td:first-child {
  vertical-align: middle;
}

/* Table first row cells - vertical align middle */
.learn__post .ct-inner-content tr:first-child td {
  vertical-align: middle;
}

/* Table zebra striping - even rows */
.learn__post .ct-inner-content tbody tr:nth-child(even) {
  background-color: #fafafa;
}

/* Table row hover state */
.learn__post .ct-inner-content tbody tr:hover {
  background-color: #f0f0f0;
}


/* ========================== */
/* figcaption - Photo Credit */
/* ========================== */

/* Figure caption and WordPress caption */
.learn__post .ct-inner-content figcaption,
.learn__post .ct-inner-content .wp-element-caption {
  font-size: 14px;
  font-family: inherit;
  font-style: italic;
  line-height: 1.5;
  color: #666;
  margin: 8px 0 0;
  text-align: left;
}

/* Photo credit text */
.learn__post .ct-inner-content .photo-credit {
  color: #999 !important;
  font-size: 12px;
  font-style: normal;
  display: inline;
}

/* Photo credit line break after */
.learn__post .ct-inner-content .photo-credit::after {
  content: "\A";
  white-space: pre;
}

/* ============ */ /* 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 🟪 */
/* Blockquote */
/* ============ */

/* Blockquote container */
.learn__post .ct-inner-content blockquote {
  border-left: 4px solid #ddd;
  padding-left: 20px;
  margin: 24px 0;
  font-style: italic;
  font-family: inherit;
  color: #555;
}

/* Blockquote paragraphs */
.learn__post .ct-inner-content blockquote p {
  margin-bottom: 12px;
  line-height: 1.5 !important;
}

/* Blockquote h4 */
.learn__post .ct-inner-content blockquote h4 {
  color: #555;
}

/* Blockquote all headings */
.learn__post .ct-inner-content blockquote h1,
.learn__post .ct-inner-content blockquote h2,
.learn__post .ct-inner-content blockquote h3,
.learn__post .ct-inner-content blockquote h4,
.learn__post .ct-inner-content blockquote h5,
.learn__post .ct-inner-content blockquote h6 {
  color: #555;
}

/* Blockquote citation */
.learn__post .ct-inner-content blockquote cite {
  font-size: 14px;
  font-style: normal;
  font-weight: 600;
  display: block;
  margin-top: 12px;
}

/* Strong/bold text */
.learn__post .ct-inner-content strong {
  font-weight: 700;
  color: #282a2a;
}

/* Italic/emphasis text */
.learn__post .ct-inner-content em {
  font-style: italic;
}

/* =========================================================================== */
/* === Quote with Image - Compact Columns - small image next left of quote === */
/* =========================================================================== */

/* Quote with image columns container */
.learn__post .ct-inner-content .wp-block-columns.quote-with-image {
  align-items: flex-start !important;
  margin: 24px 0 !important;
  gap: 16px !important;
  height: auto !important;
}

/* Quote with image individual columns */
.learn__post .ct-inner-content .wp-block-columns.quote-with-image > .wp-block-column {
  align-self: flex-start !important;
  padding: 0 !important;
  height: auto !important;
  min-height: 0 !important;
}

/* ============================================ */
/* === Quote with Image - FORCE SQUARE AVATAR === */
/* ============================================ */

/* ============================================ */
/* === Quote with Image – Avatar (FINAL) ===== */
/* ============================================ */

.learn__post .ct-inner-content
.wp-block-columns.quote-with-image
.wp-block-image img {
  width: 80px !important;
  height: 80px !important;
  aspect-ratio: 1 / 1 !important;
  object-fit: contain !important;   /* ✅ NO CROPPING */
  object-position: center !important;
  max-width: none !important;
  max-height: none !important;
  border-radius: 50% !important;    /* keep circle */
}

/* Quote with image - Mobile (768px and below) */
@media (max-width: 768px) {
  .learn__post .ct-inner-content
  .wp-block-columns.quote-with-image {
    text-align: center;
    gap: 4px !important;
  }

  .learn__post .ct-inner-content
  .wp-block-columns.quote-with-image .wp-block-image img {
    width: 160px !important;
    height: 160px !important;
    margin-bottom: 8px;
  }
  /* Remove default figure margins for quote-with-image */
.learn__post .ct-inner-content
.wp-block-columns.quote-with-image figure {
  margin-bottom: 0 !important;
}
}


/* ============================================== */
/* === Standardize all images in post content === */
/* ============================================== */
/* Figure base styles - exclude media-text figures */
.learn__post .ct-inner-content figure:not(.wp-block-media-text figure) {
  margin: 24px 0;
  text-align: center;
}
/* Figure images - standardized aspect ratio with exclusions */
.learn__post .ct-inner-content figure:not(.wp-block-media-text figure):not(.wp-block-columns figure):not(.wp-block-gallery):not(.wp-block-gallery figure):not(.post-unconstrained-image):not(.post-unconstrained-tall-image) img {
  max-width: 100%;
  width: 100%;
  aspect-ratio: 2 / 1;
  display: block;
  margin: 0 auto;
  object-fit: cover;
  object-position: center;
}
/* WordPress block image - standardized sizing with exclusions */
.learn__post .ct-inner-content figure.wp-block-image:not(.wp-block-gallery figure):not(.post-unconstrained-image):not(.post-unconstrained-tall-image) img {
  width: 100% !important;
  aspect-ratio: 2 / 1;
  object-fit: cover;
  object-position: center;
}
/* Gallery images - maintain square ratio */
.learn__post .ct-inner-content .wp-block-gallery img {
  aspect-ratio: 1 / 1;
  object-fit: cover;
}
/* Mobile - slightly taller (540px and below) */
@media (max-width: 540px) {
  .learn__post .ct-inner-content figure:not(.wp-block-media-text figure):not(.wp-block-columns figure):not(.wp-block-gallery):not(.wp-block-gallery figure):not(.post-unconstrained-image):not(.post-unconstrained-tall-image) img {
    aspect-ratio: 1.9 / 1;
  }
  
  .learn__post .ct-inner-content figure.wp-block-image:not(.wp-block-gallery figure):not(.post-unconstrained-image):not(.post-unconstrained-tall-image) img {
    aspect-ratio: 1.9 / 1;
  }
}

/* ========================================================== */
/* === Unconstrained height images - Full available width === */
/* ========================================================== */
/* Figure element - full width within container */
.learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-image {
  width: 100% !important;
  max-width: 100% !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  display: block !important;
}
/* Image - fills figure, maintains aspect ratio */
.learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-image img {
  width: 100% !important;
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
  object-position: center !important;
  display: block !important;
}
/* =========================================================== */
/* === Tall unconstrained images - Centered with max-width === */
/* =========================================================== */
/* Tall unconstrained images - Desktop (1024px+) */
@media (min-width: 1024px) {
  .learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-tall-image img {
    max-width: 70% !important;
    width: auto !important;
    margin: 0 auto !important;
    display: block !important;
    image-rendering: -webkit-optimize-contrast !important;
    image-rendering: crisp-edges !important;
  }
}
/* Caption for tall images - matches image width - Desktop (1024px+) */
@media (min-width: 1024px) {
  .learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-tall-image figcaption,
  .learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-tall-image .wp-element-caption {
    max-width: 70% !important;
    margin: 8px auto 0 auto !important;
    text-align: left !important;
    display: block !important;
  }
}

/* ========================================= */
/* === Spacing for all images and videos === */
/* ========================================= */

/* Figure spacing - with exclusions */
.learn__post .ct-inner-content figure:not(.wp-block-post-author figure):not(.wp-block-table):not(.wp-block-gallery):not(.wp-block-gallery figure):not(.wp-block-media-text figure):not(.wp-block-columns figure):not(.post-image-grid figure) {
  margin: 32px 0 !important;
}

/* Video block spacing */
.learn__post .ct-inner-content .wp-block-video {
  margin: 32px 0 !important;
}

/* Embed block spacing */
.learn__post .ct-inner-content .wp-block-embed {
  margin: 32px 0 !important;
}

/* ===================================================== */
/* === GALLERY IMAGES - Maximum Specificity Override === */
/* ===================================================== */

/* Gallery container - maximum specificity with body prefix */
body .learn__post .ct-inner-content figure.wp-block-gallery.has-nested-images {
  margin: 0 0 40px 0 !important;
  gap: 4px !important;
}

/* Gallery individual figure */
.learn__post .ct-inner-content .wp-block-gallery.has-nested-images figure.wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
}

/* Gallery images */
.learn__post .ct-inner-content .wp-block-gallery.has-nested-images figure.wp-block-image img {
  margin: 0 !important;
  padding: 0 !important;
  height: auto !important;
  width: 100% !important;
  max-width: 100% !important;
  display: block !important;
  object-fit: cover !important;
}


/* ======================================================= */ /* ++ 🟥 🟥 🟥 👀+++ */
/* === GALLERY IMAGES - 2x2 Image Grid - NOT a gallery === */
/* ======================================================= */

/* 2x2 Image Grid container */
.learn__post .ct-inner-content .post-image-grid {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  grid-auto-rows: 1fr !important;
  row-gap: 24px !important;
  column-gap: 16px !important;
  margin: 32px 0 !important;
  /* gap: 16px 24px !important; shorthand */
}

/* 2x2 Image Grid - block image */
.learn__post .ct-inner-content .post-image-grid .wp-block-image {
  margin: 0 !important;
  padding: 0 !important;
  width: 100% !important;
  height: 100% !important;
  display: flex !important;
  line-height: 0 !important;
}

/* 2x2 Image Grid - figure */
.learn__post .ct-inner-content .post-image-grid figure {
  margin: 0 !important;
  padding: 0 !important;
  height: 100% !important;
  width: 100% !important;
  display: flex !important;
  line-height: 0 !important;
}

/* 2x2 Image Grid - image */
.learn__post .ct-inner-content .post-image-grid img {
  width: 100% !important;
  height: 100% !important;
  object-fit: cover !important;
  object-position: center !important;
  display: block !important;
  margin: 0 !important;
  padding: 0 !important;
  vertical-align: bottom !important;
}

/* 2x2 Image Grid - Mobile (768px and below) */
@media (max-width: 768px) {
  .learn__post .ct-inner-content .post-image-grid {
    grid-template-columns: repeat(2, 1fr) !important;
  }
}


/* ================================ */
/* === GLightbox Background Opacity === */
/* ================================ */

.glightbox-container .goverlay {
    background: rgba(0, 0, 0, 0.8) !important; /* Change 0.9 to adjust */
}


/* ================================== */
/* === Gallery Lightbox Indicator === */
/* ================================== */

/* Gallery image - magnifying glass icon (hidden by default) */
.learn__post .ct-inner-content .wp-block-gallery.has-nested-images figure.wp-block-image::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: rgba(0, 0, 0, 0.7);
  width: 70px;
  height: 70px;
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' y1='21' x2='15' y2='15'/%3E%3C/svg%3E");
  background-size: 38px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
}

/* Gallery image - magnifying glass icon hover state */
.learn__post .ct-inner-content .wp-block-gallery.has-nested-images figure.wp-block-image:hover::before {
  transform: translate(-50%, -50%) scale(1);
}


/* ========================================================= */
/* === Lightbox Indicator for Linked Unconstrained Images === */
/* ========================================================= */

/* Figure with linked glightbox images */
.learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-image:has(a.glightbox) {
  position: relative !important;
}

/* The link wrapper */
.learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-image a.glightbox {
  display: block;
  position: relative;
}

/* Cursor pointer on lightbox images */
.learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-image a.glightbox img {
  cursor: pointer !important;
}

/* Magnifying glass icon on the link */
.learn__post .ct-inner-content .wp-block-gallery.has-nested-images figure.wp-block-image::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(0);
  background: rgba(0, 0, 0, 0.7);
  width: 70px;
  height: 70px;
  aspect-ratio: 1/1 !important; /* ++ 📌  📌  📌  📌  📌  📌 👀+++ */
  border-radius: 50%;
  box-shadow: 0 2px 6px rgba(0, 0, 0, 0.3);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff' stroke-width='1' stroke-linecap='round'%3E%3Ccircle cx='10' cy='10' r='7'/%3E%3Cline x1='21' y1='21' x2='15' y2='15'/%3E%3C/svg%3E");
  background-size: 38px;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 2;
  pointer-events: none;
  transition: transform 0.3s ease-in-out;
}

/* Magnifying glass icon - show on hover */
.learn__post .ct-inner-content figure.wp-block-image.post-unconstrained-image a.glightbox:hover::before {
  transform: translate(-50%, -50%) scale(1);
}

/* Gallery captions - show below images, don't block clicks */ /* ++ 🟥 🟥 🟥 👀+++ */
.learn__post .ct-inner-content .wp-block-gallery.has-nested-images figcaption {
  position: relative !important;
  font-family: inherit;
  font-size: 14px;
  font-style: italic;
  color: #666;
  background: none !important; /* background: rgba(0, 0, 0, 0.7); */
  padding: 8px;
  margin: 0 !important;
  text-align: left;
  font-weight: 400;
  line-height: 1.2;
  pointer-events: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  display: none;
}

/* ============================================ */
/* === Media & Text Block - CLEANED VERSION === */
/* ============================================ */

/* ============================================ */
/* === BASE MEDIA & TEXT LAYOUT (KEEP) ======== */
/* ============================================ */

/* Media & Text block container */
.learn__post .ct-inner-content .wp-block-media-text {
  gap: 24px;
  margin: 32px 0;
}

/* Media & Text block - content container */
.learn__post .ct-inner-content .wp-block-media-text__content {
  padding: 0 !important;
}

/* ============================================ */
/* === Media & Text – COVER MODE (OPT-IN) ==== */
/* ============================================ */

.learn__post .ct-inner-content .wp-block-media-text.media-text-cover
.wp-block-media-text__media {
  position: relative;
  overflow: hidden;
  height: 100%; /* match text column height */
}

.learn__post .ct-inner-content .wp-block-media-text.media-text-cover
.wp-block-media-text__media img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}

@media (max-width: 768px) {
  .learn__post .ct-inner-content .wp-block-media-text__media {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    position: static !important;
  }

  .learn__post .ct-inner-content .wp-block-media-text__media img {
    position: static !important;
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
  }
}



/* ============================================ */
/* === FAQ Section Styling - For Blog Posts === */
/* ============================================ */

/* FAQ section container */
.learn__post .ct-inner-content .post-faq-section {
  /* margin-bottom: 48px; */
  border-left: 1px solid #ddd; /* ADDED: Left border */
  padding-left: 24px; /* ADDED: Space between border and content */
  margin-left: 24px;
  margin-bottom: 48px;
}

/* FAQ section headings */
.learn__post .ct-inner-content .post-faq-section h3 {
  margin: 1.25em 0 0.5em !important;
}

/* FAQ section first heading - no top margin */
.learn__post .ct-inner-content .post-faq-section h3:first-child {
  margin-top: 0;
}

/* FAQ section paragraphs */
.learn__post .ct-inner-content .post-faq-section p {
  margin-top: 5px;
  padding-left: 24px;
  max-width: 600px;
}

/* FAQ section - Mobile portrait (480px and below) */
@media (max-width: 480px) {
  /* FAQ container - tighter spacing */
  .learn__post .ct-inner-content .post-faq-section {
    /* margin-bottom: 48px; */
    border-left: 1px solid #ddd; /* ADDED: Left border */
    padding-left: 16px; /* ADDED: Space between border and content */
    margin-left: 8px;
  }

  /* FAQ paragraphs - tighter padding */
  .learn__post .ct-inner-content .post-faq-section p {
    padding-left: 16px;
    max-width: 600px;
  }
}

/* =================== */ /* 📌 RELOCATION CANDIDATE */
/* === CODE BLOCKS === */
/* =================== */

/* Inline code */
.learn__post .ct-inner-content code {
  font-family: 'Courier New', monospace;
  font-size: 16px;
  background-color: #f5f5f5;
  padding: 2px 6px;
  border-radius: 3px;
}

/* Code block container */
.learn__post .ct-inner-content pre {
  background-color: #f5f5f5;
  padding: 16px;
  overflow-x: auto;
  border-radius: 4px;
  margin: 24px 0;
}

/* Code inside pre - reset background */
.learn__post .ct-inner-content pre code {
  background: none;
  padding: 0;
}

/* =================================== */
/* === TOC - Table of Contents Styling === */
/* =================================== */

/* TOC container */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block {
  background: #ebebeb !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 24px !important;
  margin: 64px 0 72px 0 !important;
  box-shadow: none !important;
}

/* TOC heading and summary */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block h2,
.learn__post .ct-inner-content .wp-block-rank-math-toc-block summary {
  font-size: 18px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  color: #282a2a !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  cursor: pointer !important;
}

/* TOC summary hover state */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block summary:hover {
  color: #282a2a !important;
}

/* TOC navigation container */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav {
  border-left: none !important;
  border-top: none !important;
  border-right: none !important;
  border-bottom: none !important;
  padding-left: 16px !important;
  margin: 0 !important;
}

/* TOC details open state - nav container */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block details[open] > nav {
  max-height: none !important;
  overflow-y: auto !important;
}

/* TOC nav list */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav ul {
  list-style: none !important;
  margin: 0 0 16px 0 !important;
  padding: 0 0 0 16px !important;
  border: none !important;
}

/* TOC nav list items */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav li {
  margin: 0 0 12px 0 !important;
  padding: 0 0 0 16px !important;
  font-size: 16px !important;
  font-weight: 400 !important;
  line-height: 1.5 !important;
  position: relative !important;
  border: none !important;
  border-top: none !important;
  border-bottom: none !important;
  background: none !important;
}

/* TOC nav list items - remove pseudo elements */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav li::before,
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav li::after {
  content: none !important;
  display: none !important;
}

/* TOC nav root list - top margin */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav > ul {
  margin-top: 32px !important;
}

/* TOC top-level links */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav > ul > li > a {
  padding-left: 20px !important;
  position: relative !important;
  font-weight: 700 !important;
  margin-bottom: 16px !important;
}

/* TOC top-level links - bullet/marker pseudo element */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav > ul > li > a::before {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  top: 50% !important;
  transform: translateY(-50%) !important;
  color: #282a2a !important;
  font-size: 10px !important;
  display: inline-block !important;
}

/* TOC all links - base styles */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav a {
  color: #282a2a !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
  display: inline-block !important;
  border: none !important;
  background: none !important;
}

/* TOC all links - hover state */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav a:hover {
  color: #4e8540 !important;
}

/* TOC nested lists */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav ul ul {
  margin-top: 8px !important;
  margin-left: 20px !important;
  padding-left: 16px !important;
  border-left: 1px solid #282a2a !important;
}

/* TOC nested list items */
.learn__post .ct-inner-content .wp-block-rank-math-toc-block nav ul ul li {
  padding-left: 0 !important;
}

/* ================================================ */
/* === OVERRIDES AND STYLING for PRODUCT BLOCKS === */
/* ================================================ */

/* Product block links - remove underline pseudo element */
.learn__post .ct-inner-content .section-for-products a::after {
  display: none !important;
}

/* Product block container */
.learn__post .ct-inner-content .section-for-products {
  position: relative !important;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2) !important;
  border: 2px solid #1f1f21 !important;
  margin: 32px 0 48px 0 !important;
}

/* Product block followed by gallery - reduced margin */
.learn__post .ct-inner-content .wp-block-columns.section-for-products:has(+ figure.wp-block-gallery) {
  margin-bottom: 32px !important;
}

/* === SECTION PRODUCT BLOCK STYLE 2 === */

/* Product block style 2 container */
.learn__post .ct-inner-content .products-block-style-2 {
  margin: 56px 0 32px !important;
}

/* First product block after paragraph */
.learn__post .ct-inner-content p + .products-block-style-2 {
  margin-top: 34px !important;
}

/* Last Quote Block before H2 */
.learn__post .ct-inner-content blockquote:has(+ h2) {
  margin-bottom: 48px !important;
}

/* Top Left graphic - heading on border */
.learn__post .ct-inner-content .section-for-products .heading-on-border-text {
  background: #1f1f21 !important;
  color: #FFF !important;
  padding: 2px 15px 2px 15px !important;
  position: absolute !important;
  top: 0 !important;
  border-radius: 0 !important;
  display: inline-block !important;
  box-sizing: border-box !important;
  left: clamp(24px, calc(17.64px + 1.87vw), 32px) !important;
  max-width: calc(100% - 2 * clamp(24px, calc(17.64px + 1.87vw), 32px)) !important;
}

/* Product block - Mobile (540px and below) - Remove gap */
@media (max-width: 540px) {
  .learn__post .ct-inner-content .section-for-products {
    gap: 0 !important;
  }

  .learn__post .ct-inner-content .wp-block-columns.section-for-products {
    gap: 0 !important;
  }
}

/* Product block links */
.learn__post .ct-inner-content .section-for-products a {
  color: #fff !important;
  text-decoration: underline !important;
  position: static !important;
}

/* Product block links - remove pseudo underline */
.learn__post .ct-inner-content .section-for-products a::after {
  display: none !important;
}

/* Product block button link */
.learn__post .ct-inner-content .section-for-products .wp-block-button__link {
  text-decoration: none !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 500 !important;
}

/* Product block button anchor */
.learn__post .ct-inner-content .section-for-products .wp-block-button a {
  text-decoration: none !important;
  font-weight: inherit !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
  font-weight: 500 !important;
}

/* Product block strong text */
.learn__post .ct-inner-content .section-for-products strong {
  font-weight: 700 !important;
  color: inherit !important;
}

/* Product block h4 */
.learn__post .ct-inner-content .section-for-products h4 {
  font-weight: 600 !important;
  color: inherit !important;
  -webkit-font-smoothing: antialiased !important;
  -moz-osx-font-smoothing: grayscale !important;
}

/* Post main - box-sizing reset for all elements */
.learn__post-main *,
.learn__post-main *::before,
.learn__post-main *::after {
  box-sizing: border-box;
  max-width: 100%;
}

/* Product block paragraph with strong - styling */
.learn__post .ct-inner-content .section-for-products p:has(strong) {
  color: #282a2a !important;
  line-height: 1.5 !important;
}

/* Product block paragraph without strong - styling */
.learn__post .ct-inner-content .section-for-products p:not(:has(strong)) {
  line-height: 1.5 !important;
}



.learn__post .ct-inner-content .wp-block-columns.section-for-products figure.wp-block-image {
  margin: 32px 0 0 !important;
}

/* Prevent figure from stretching in flex container *//*  🟪 🟪 
.learn__post .ct-inner-content .section-for-products figure.wp-block-image,
.learn__post .ct-inner-content .wp-block-columns.section-for-products figure.wp-block-image {
  align-self: flex-start !important;
} */

/* Prevent image column from stretching *//*  🟪 🟪 
.learn__post .ct-inner-content .section-for-products .wp-block-column:has(figure.wp-block-image) {
  align-self: flex-start !important;
}*/

/* Prevent columns from stretching children 
.learn__post .ct-inner-content .wp-block-columns.section-for-products {
  align-items: flex-start !important;
} */

/* Product section images - match specificity of main rule */
.learn__post .ct-inner-content .section-for-products figure.wp-block-image:not(.wp-block-gallery figure):not(.post-unconstrained-image):not(.post-unconstrained-tall-image) img,
.learn__post .ct-inner-content .wp-block-columns.section-for-products figure.wp-block-image:not(.wp-block-gallery figure):not(.post-unconstrained-image):not(.post-unconstrained-tall-image) img {
  display: block !important;
  width: auto !important;
  height: auto !important;
  max-width: 100% !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  margin: 0 auto !important;
}
/* Prevent columns from stretching children - higher specificity 
.learn__post .ct-inner-content .wp-block-columns.section-for-products.wp-block-columns {
  align-items: flex-start !important;
}*/

/* ============================================ */
/* === IMAGE SIZE FIXES === */
/* ============================================ */

/* Gutenberg content images - prevent auto-sizes stretch 
.learn__post .ct-inner-content figure.wp-block-image img {
  contain-intrinsic-size: auto 400px auto 400px !important;
} */
/* REPLACEMENT_Gutenberg content images - prevent auto-sizes stretch */
.learn__post .ct-inner-content
figure.wp-block-image:not(.wp-block-media-text__media figure) img {
  contain-intrinsic-size: auto 400px auto 400px !important;
}

/* IMAGE FIX */
.learn__post .ct-inner-content .section-for-products figure.wp-block-image img {
  contain-intrinsic-size: auto 354px auto 354px !important;
}

/* IMAGE FIX - Style 2 */
.learn__post .ct-inner-content .products-block-style-2 figure.wp-block-image img {
  contain-intrinsic-size: auto 354px auto 354px !important;
}

/* Products Block Style 2 - Media & Text image fix */
.learn__post .ct-inner-content .products-block-style-2 .wp-block-media-text__media {
  height: auto !important;
}

.learn__post .ct-inner-content .products-block-style-2 .wp-block-media-text__media img {
  width: auto !important;
  height: auto !important;
  min-width: auto !important;
  max-width: 100% !important;
  object-fit: contain !important;
}



/* ================================================ */
/* === Product Blocks: Columns stack at 540px === */
/* ================================================ */

@media (min-width: 541px) {
  .learn__post .ct-inner-content .wp-block-columns.section-for-products {
    flex-wrap: nowrap !important;
  }
}

@media (max-width: 540px) {
  .learn__post .ct-inner-content .wp-block-columns.section-for-products {
    flex-wrap: wrap !important;
  }
}

/* =========================================================================================================================== */ 

/* ============================================== */ /* 📌 RELOCATION CANDIDATE */
/* ==== GLOBAL LINK EFFECT - Entire Template ==== */
/* ============================================== */

/* Heading links (h1-h6) - base styles */
.learn__post h1 a:not(.button):not(.btn),
.learn__post h2 a:not(.button):not(.btn),
.learn__post h3 a:not(.button):not(.btn),
.learn__post h4 a:not(.button):not(.btn),
.learn__post h5 a:not(.button):not(.btn),
.learn__post h6 a:not(.button):not(.btn) {
  color: #282a2a !important;
  position: relative;
  text-decoration: none;
  transition: color 0.35s ease-in-out;
}

/* Heading links (h1-h6) - underline pseudo element */
.learn__post h1 a:not(.button):not(.btn)::after,
.learn__post h2 a:not(.button):not(.btn)::after,
.learn__post h3 a:not(.button):not(.btn)::after,
.learn__post h4 a:not(.button):not(.btn)::after,
.learn__post h5 a:not(.button):not(.btn)::after,
.learn__post h6 a:not(.button):not(.btn)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 0;
  height: 1px;
  background-color: #4e8540;
  transition: width 0.35s ease-in-out;
}

/* Heading links (h1-h6) - hover state */
.learn__post h1 a:not(.button):not(.btn):hover,
.learn__post h2 a:not(.button):not(.btn):hover,
.learn__post h3 a:not(.button):not(.btn):hover,
.learn__post h4 a:not(.button):not(.btn):hover,
.learn__post h5 a:not(.button):not(.btn):hover,
.learn__post h6 a:not(.button):not(.btn):hover {
  color: #4e8540 !important;
}

/* Heading links (h1-h6) - underline expand on hover */
.learn__post h1 a:not(.button):not(.btn):hover::after,
.learn__post h2 a:not(.button):not(.btn):hover::after,
.learn__post h3 a:not(.button):not(.btn):hover::after,
.learn__post h4 a:not(.button):not(.btn):hover::after,
.learn__post h5 a:not(.button):not(.btn):hover::after,
.learn__post h6 a:not(.button):not(.btn):hover::after {
  width: 100%;
}

/* === Body Links - Green with underline that disappears on hover === */

/* Body links - base styles (with exclusions) */
.learn__post a:not(.button):not(.btn):not(.cta-button):not([class*="nav"]):not([role="button"]):not(button[class]):not(.learn__post-social a):not(.learn__post-affiliate-product-button-text):not(:has(.learn__post-affiliate-product-button-text)):not(#references-wrap a):not(.oxy-post-title):not(sup a):not(.glightbox):not(.learn__post-latest-heading a):not(:has(i)):not(:has(div)):not(.wp-block-button a):not(.wp-block-button__link) {
  color: #4e8540;
  position: relative;
  text-decoration: none;
  transition: color 0.35s ease-in-out;
}

/* Body links - underline pseudo element */
.learn__post a:not(.button):not(.btn):not(.cta-button):not([class*="nav"]):not([role="button"]):not(button[class]):not(.learn__post-social a):not(.learn__post-affiliate-product-button-text):not(:has(.learn__post-affiliate-product-button-text)):not(#references-wrap a):not(.oxy-post-title):not(sup a):not(.glightbox):not(.learn__post-latest-heading a):not(:has(i)):not(:has(div)):not(.wp-block-button a):not(.wp-block-button__link)::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

/* Body links - underline collapse on hover */
.learn__post a:not(.button):not(.btn):not(.cta-button):not([class*="nav"]):not([role="button"]):not(button[class]):not(.learn__post-social a):not(.learn__post-affiliate-product-button-text):not(:has(.learn__post-affiliate-product-button-text)):not(#references-wrap a):not(.oxy-post-title):not(sup a):not(.glightbox):not(.learn__post-latest-heading a):not(:has(i)):not(:has(div)):not(.wp-block-button a):not(.wp-block-button__link):hover::after {
  width: 0;
}


/* ======================================= */
/* ==== References Button - TEXT LINK ==== */
/* ======================================= *//* 📌 RELOCATION CANDIDATE - MIGHT NEED ,learn__post class */

/* References wrapper - center the button */
#references-wrap details {
  text-align: center;
}

/* References list - keep left-aligned */
#references-wrap ol {
  text-align: left !important;
}

/* References show more button */
#references-wrap .show-more-refs {
  margin: 1rem auto 0 auto;
  padding: 0;
  background: none !important;
  border: none;
  cursor: pointer;
  font-size: 16px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  color: #282a2a;
  position: relative;
  display: inline !important;
  width: auto !important;
  text-decoration: none;
  transition: color 0.35s ease-in-out;
  margin-top: 32px !important;
}

/* References show more button - underline */
#references-wrap .show-more-refs::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 100%;
  height: 1px;
  background-color: #282a2a;
  transition: transform 0.35s ease-in-out;
  transform-origin: left;
}

/* References show more button - hover state */
#references-wrap .show-more-refs:hover {
  color: #4e8540;
}

/* References show more button - underline collapse on hover */
#references-wrap .show-more-refs:hover::after {
  transform: scaleX(0);
  transform-origin: left;
}


/* ==================================== */
/* === Superscript Citation Numbers === */
/* ==================================== */

/* Superscript base styles */
body .learn__post .ct-inner-content sup {
  font-weight: 700 !important;
  font-size: 0.75em !important;
  line-height: 0 !important;
  position: relative !important;
  top: -0.5em !important;
}

/* Superscript links */
body .learn__post .ct-inner-content sup a {
  font-weight: 700 !important;
  color: #4e8540 !important;
  text-decoration: none !important;
  display: inline-block !important;
  position: static !important;
  transition: transform 0.2s ease-in-out !important;
  background: none !important;
}

/* Superscript links - hover state */
body .learn__post .ct-inner-content sup a:hover {
  color: #4e8540 !important;
  transform: scale(1.2) !important;
  text-decoration: none !important;
}

/* Superscript links - remove underline pseudo element */
body .learn__post .ct-inner-content sup a::after {
  display: none !important;
  content: "" !important;
  width: 0 !important;
  height: 0 !important;
  opacity: 0 !important;
  visibility: hidden !important;
}




/* =============================== */
/* ==== ACF REFERENCES STYLES ==== */
/* =============================== */

/* References wrapper container */
.learn__post #references-wrap {
  background: #ebebeb !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 16px 24px !important;
  margin: 64px 0 64px 0 !important;
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* References details element */
.learn__post #references-wrap details {
  border: none !important;
  background: none !important;
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* References summary/toggle */
.learn__post #references-wrap summary {
  cursor: pointer !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  font-family: inherit !important;
  color: #282a2a !important;
  margin: 0 !important;
  padding: 0 !important;
  border: none !important;
  background: none !important;
  list-style: none !important;
  width: 100% !important;
  display: block !important;
  box-sizing: border-box !important;
}

/* References summary - hover state */
.learn__post #references-wrap summary:hover {
  color: #282a2a !important;
}

/* References summary - hide webkit marker */
.learn__post #references-wrap summary::-webkit-details-marker {
  display: none !important;
}

/* References details open - summary spacing */
.learn__post #references-wrap details[open] summary {
  margin-bottom: 32px !important;
}

/* References ordered list */
.learn__post #references-wrap ol {
  margin: 0 !important;
  padding: 0 0 0 32px !important;
  font-size: 16px !important;
  font-family: inherit !important;
  line-height: 1.6 !important;
  color: #282a2a !important;
  list-style-position: outside !important;
  border-left: 1px solid #282a2a !important;
}

/* References list items */
.learn__post #references-wrap li {
  margin-bottom: 12px !important;
  padding-left: 8px !important;
  line-height: 1.6 !important;
  font-weight: 400 !important;
}

/* References links (excluding back to top) */
.learn__post #references-wrap a:not(.backtotop) {
  color: #4e8540 !important;
  position: relative !important;
  text-decoration: none !important;
  transition: color 0.35s ease-in-out !important;
}

/* References links - underline pseudo element */
.learn__post #references-wrap a:not(.backtotop)::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 2px !important;
  width: 100% !important;
  height: 1px !important;
  background-color: currentColor !important;
  transition: width 0.35s ease-in-out !important;
}

/* References links - underline collapse on hover */
.learn__post #references-wrap a:not(.backtotop):hover::after {
  width: 0 !important;
}

/* References back to top link */
.learn__post #references-wrap a.backtotop {
  font-size: 0.85em !important;
  margin-left: 0.5em !important;
  color: #888 !important;
  position: relative !important;
  text-decoration: none !important;
  transition: color 0.25s !important;
}

/* References back to top link - underline pseudo element */
.learn__post #references-wrap a.backtotop::after {
  content: "" !important;
  position: absolute !important;
  left: 0 !important;
  bottom: 2px !important;
  width: 100% !important;
  height: 1px !important;
  background-color: currentColor !important;
  transition: width 0.35s ease-in-out !important;
}

/* References back to top link - hover state */
.learn__post #references-wrap a.backtotop:hover {
  color: #4e8540 !important;
}

/* References back to top link - underline collapse on hover */
.learn__post #references-wrap a.backtotop:hover::after {
  width: 0 !important;
}

/* ===================================== */
/* ==== Smooth Scroll to References ==== */
/* ===================================== */

/* References list items - scroll offset */
#references-wrap li {
  scroll-margin-top: 200px;
}

/* Enable smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* =========================================== */
/* ==== Scroll Offset for TOC Link Clicks ==== */
/* =========================================== */

/* Headings (h2-h6) - scroll offset for anchor links */
.learn__post .ct-inner-content h2,
.learn__post .ct-inner-content h3,
.learn__post .ct-inner-content h4,
.learn__post .ct-inner-content h5,
.learn__post .ct-inner-content h6 {
  scroll-margin-top: 130px;
}

/* ============================== */
/* ==== Author Block Styling ==== */
/* ============================== */

/* Author block container */
.learn__post .wp-block-post-author {
  padding: 24px 0 !important;
  border-top: 1px solid #cfd5cd !important;
  border-bottom: 1px solid #cfd5cd !important;
  margin: 0 0 64px !important;
  display: flex !important;
  align-items: flex-start !important;
}

/* Author block - Mobile (540px and below) - stack vertically */
@media (max-width: 540px) {
  .learn__post .wp-block-post-author {
    flex-direction: column !important;
  }
}

/* Author block content wrapper */
.learn__post .wp-block-post-author__content {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

/* Author block title */
.learn__post .wp-block-post-author__title {
  color: #999 !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  margin: 0 0 8px 0 !important;
}

/* Author block name */
.learn__post .wp-block-post-author__name {
  color: #1d1d1f !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  margin: 0 !important;
  line-height: 1.2 !important;
}

/* Author block byline */
.learn__post .wp-block-post-author__byline {
  color: #999 !important;
  font-size: 12px !important;
  margin: 8px 0 0 !important;
  display: block !important;
  font-weight: 600 !important;
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

/* === AVATAR WRAPPER STYLING (Fixed Size + Prevent Squish) === */

/* Author avatar wrapper */
.learn__post .wp-block-post-author__avatar {
  width: 80px !important;
  height: 80px !important;
  flex-shrink: 0 !important;
  border-radius: 50% !important;
  object-fit: cover !important;
  align-self: flex-start !important;
  margin-left: 18px !important;
  margin-right: 18px !important;
}

/* Author avatar image */
.learn__post .wp-block-post-author__avatar img {
  border-radius: 50% !important;
  object-fit: cover !important;
  width: 80px !important;
  height: 80px !important;
}

/* Author bio - scrollable with fade effect */
.learn__post .wp-block-post-author__bio {
  color: #282a2a !important;
  font-size: 14px !important;
  font-weight: 400 !important;
  max-height: 112px !important;
  overflow-y: auto !important;
  padding: 14px 24px 14px 0 !important;
  margin: 0 !important;
  /* Gradient fades - always present but only visible when text is behind them */
  -webkit-mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    black 24px,
    black calc(100% - 24px),
    transparent 100%
  ) !important;
  mask-image: linear-gradient(
    to bottom,
    transparent 0px,
    black 24px,
    black calc(100% - 24px),
    transparent 100%
  ) !important;
}

/* Author bio scrollbar - width */
.learn__post .wp-block-post-author__bio::-webkit-scrollbar {
  width: 3px;
}

/* Author bio scrollbar - thumb */
.learn__post .wp-block-post-author__bio::-webkit-scrollbar-thumb {
  background: #999;
  border-radius: 3px;
}


/* =================================== */
/* === Constrain Slider to 1400px  === */
/* =================================== */

/* Logo slider container */
.learn__post .ct-div-block.oxel_logo_slider {
  max-width: 1486px; /* 1372px; */
  margin: clamp(2rem, 4vw, 4rem) auto;
  padding: 64px 64px;
  overflow: hidden;
  position: relative;
}

/* ============================================================== */
/* === Slider Fade Effects - Left & Right (New Template Only) === */
/* ============================================================== */

/* Logo slider - left fade */
.learn__post .oxel_logo_slider::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  width: 6rem;
  background: linear-gradient(to right, #fff, rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 2;
}

/* Logo slider - right fade */
.learn__post .oxel_logo_slider::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  width: 6rem;
  background: linear-gradient(to left, #fff, rgba(255, 255, 255, 0));
  pointer-events: none;
  z-index: 2;
}

/* Logo slider - Tablet large (1280px and below) */
@media (max-width: 1280px) {
  .learn__post .ct-div-block.oxel_logo_slider {
    width: 100%; /* calc(100% - 128px) !important; */
    max-width: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
  }
}

/* Logo slider - Tablet (1024px and below) */
@media (max-width: 1024px) {
  .learn__post .ct-div-block.oxel_logo_slider {
    width: 100%; /* calc(100% - 96px) !important; */
  }
}

/* Logo slider - Tablet small (992px and below) */
@media (max-width: 992px) {
  .learn__post .ct-div-block.oxel_logo_slider {
    padding: 32px 32px !important;
  }
}

/* Logo slider - Mobile landscape (540px and below) */
@media (max-width: 540px) {
  .learn__post .ct-div-block.oxel_logo_slider {
    padding: 0 16px !important;
    margin: 24px auto !important;
  }

  /* Logo slider container height */
  body:not(.ng-scope) :is(.oxel_logo_slider, #incspec) {
    height: 80px !important;
  }

  /* Logo item wrapper */
  .learn__post .oxel_logo_slider__logo {
    padding: 8px !important;
    height: 80px !important;
  }

  /* Logo images */
  .learn__post .oxel_logo_slider__logo img {
    max-height: 64px !important;
    width: auto !important;
    object-fit: contain !important;
  }
}

/* ========================= */
/* ==== Disclaimer Text ==== */
/* ========================= */

/* Disclaimer text block */
.learn__post .ct-inner-content .post-disclaimer-text {
  font-size: 14px !important;
  line-height: 1.6 !important;
  color: #666 !important;
  background: #f9f9f9 !important;
  border-left: 3px solid #ddd !important;
  padding: 16px 20px !important;
  margin: 24px 0 !important;
  font-style: italic !important;
}




/* ========================================= */
/* === EZ Posts - Scoped for Post Templates === */
/* ========================================= */
/* Override the old 50% width rule */
@media (max-width: 991px) {
  .learning-center__sub-page--post-old #_posts_grid-98-30 .oxy-post,
  .learning-center__sub-page--post #_posts_grid-98-30 .oxy-post,
  .learn__post #_posts_grid-98-30 .oxy-post,
  .learn__post #_posts_grid-214-5008066 .oxy-post, /* ADD THIS */
  .learning-center__sub-page--post-old .oxy-post,
  .learning-center__sub-page--post .oxy-post,
  .learn__post .oxy-post {
    width: auto !important;
  }
}

.learning-center__sub-page--post-old .oxy-posts,
.learning-center__sub-page--post .oxy-posts,
.learn__post .oxy-posts {
  display: grid !important;
  grid-template-columns: repeat(2, 1fr) !important;
  gap: 16px !important;
}



/* Mobile: 1 column at 768px and below */
@media (max-width: 540px) {
  .learning-center__sub-page--post-old .oxy-posts,
  .learning-center__sub-page--post .oxy-posts,
  .learn__post .oxy-posts {
    grid-template-columns: 1fr !important;
  }
}

.learning-center__sub-page--post-old .oxy-post,
.learning-center__sub-page--post .oxy-post,
.learn__post .oxy-post {
  display: flex !important;
  flex-direction: column !important;
  text-align: left !important;
  align-items: center !important;
  width: auto !important;
  height: 100% !important;
  padding: 8px !important;
  margin-top: 16px !important;
}

.learning-center__sub-page--post-old .oxy-post-image,
.learning-center__sub-page--post .oxy-post-image,
.learn__post .oxy-post-image {
  position: relative !important;
  background-color: #ddd !important;
  background-image: repeating-linear-gradient(
    45deg,
    #eee,
    #eee 10px,
    #ddd 10px,
    #ddd 20px
  ) !important;
  width: 100% !important;
}

.learning-center__sub-page--post-old .oxy-post-image-fixed-ratio,
.learning-center__sub-page--post .oxy-post-image-fixed-ratio,
.learn__post .oxy-post-image-fixed-ratio {
  padding-bottom: 50% !important;
  background-size: cover !important;
  background-position: center center !important;
}

.learning-center__sub-page--post-old .oxy-post-image-date-overlay,
.learning-center__sub-page--post .oxy-post-image-date-overlay,
.learn__post .oxy-post-image-date-overlay {
  position: absolute !important;
  top: 1em !important;
  right: 1em !important;
  font-size: 0.7em !important;
  color: white !important;
  background-color: rgba(0, 0, 0, 0.5) !important;
  padding: 0.7em 1em !important;
  font-weight: bold !important;
  -webkit-font-smoothing: antialiased !important;
}

.learning-center__sub-page--post-old .oxy-post-wrap,
.learning-center__sub-page--post .oxy-post-wrap,
.learn__post .oxy-post-wrap {
  background-color: white !important;
  height: 100% !important;
  padding: 1em !important;
  margin: -4em 16px 32px 16px !important;
  z-index: 1 !important;
  align-self: stretch !important;
  border-radius: 7px !important;
  box-shadow: 0px 0px 10px 1px rgb(64 64 64 / 30%) !important;
}

.learning-center__sub-page--post-old .oxy-post-title,
.learning-center__sub-page--post .oxy-post-title,
.learn__post .oxy-post-title {
  font-size: clamp(20px, calc(13.33px + 1.39vw), 22px) !important;
  font-family: 'Gilda Display', serif !important;
  padding: 8px !important;
  background-color: #f9faf9 !important;
  color: #404040 !important;
  line-height: 1.3 !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  position: relative;
  text-decoration: none;
  transition: color 0.35s ease-in-out;
  font-weight: 400 !important;
}

.learning-center__sub-page--post-old .oxy-post-title::after,
.learning-center__sub-page--post .oxy-post-title::after,
.learn__post .oxy-post-title::after {
  content: "";
  position: absolute;
  left: 8px;
  right: 8px;
  bottom: 8px;
  width: calc(100% - 16px);
  height: 1px;
  background-color: #4e8540;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.35s ease-in-out;
}

.learning-center__sub-page--post-old .oxy-post-title:hover,
.learning-center__sub-page--post .oxy-post-title:hover,
.learn__post .oxy-post-title:hover {
  color: #4e8540 !important;
}

.learning-center__sub-page--post-old .oxy-post-title:hover::after,
.learning-center__sub-page--post .oxy-post-title:hover::after,
.learn__post .oxy-post-title:hover::after {
  transform: scaleX(1);
}

.learning-center__sub-page--post-old .oxy-post-meta,
.learning-center__sub-page--post .oxy-post-meta,
.learn__post .oxy-post-meta {
  margin-top: 0.5em !important;
  font-size: 0.8em !important;
  display: flex !important;
  flex-direction: row !important;
  align-items: center !important;
  color: #404040 !important;
  font-weight: 400 !important;
}

.learning-center__sub-page--post-old .oxy-post-meta-item::after,
.learning-center__sub-page--post .oxy-post-meta-item::after,
.learn__post .oxy-post-meta-item::after {
  content: "\00b7" !important;
  margin-right: 0.5em !important;
  margin-left: 0.5em !important;
}

.learning-center__sub-page--post-old .oxy-post-meta-item:last-child::after,
.learning-center__sub-page--post .oxy-post-meta-item:last-child::after,
.learn__post .oxy-post-meta-item:last-child::after {
  content: "" !important;
  display: none !important;
}

.learning-center__sub-page--post-old .oxy-post-content,
.learning-center__sub-page--post .oxy-post-content,
.learn__post .oxy-post-content {
  margin-top: 0.5em !important;
  margin-bottom: 0.5em !important;
  overflow: hidden !important;
  text-overflow: ellipsis !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  line-height: 1.6 !important;
}

.learning-center__sub-page--post-old .oxy-post-content p,
.learning-center__sub-page--post .oxy-post-content p,
.learn__post .oxy-post-content p {
  margin-bottom: 0 !important;
  font-size: 16px !important;
  overflow: visible !important;
  text-overflow: clip !important;
  white-space: normal !important;
  font-weight: 400 !important;
}

@media (max-width: 1120px) {
  .learning-center__sub-page--post-old .oxy-post-meta,
  .learning-center__sub-page--post .oxy-post-meta,
  .learn__post .oxy-post-meta {
    display: none !important;
  }
}







/* =================================== */
/* ==== SECTION: BELOW 430px FIXES ==== */
/* =================================== */

/* Global box-sizing reset */
.learn__post * {
  box-sizing: border-box;
}

/* Hide empty sidebars - Tablet (768px and below) */
@media (max-width: 768px) {
  .learn__post-sidebar-left-empty,
  .learn__post-sidebar-right-empty {
    display: none !important;
  }
}

/* Code block width fix - Mobile (430px and below) (disabled)
@media (max-width: 430px) {
  .learn__post-sidebar-right .ct-code-block {
    width: 100% !important;
    max-width: 100% !important;
  }
}
*/

/* Inner content width fix - Small mobile (429px and below) */
@media (max-width: 429px) {
  .learn__post .ct-inner-content {
    max-width: 291.84px !important;
    width: 100% !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box !important;
  }
}

/* ==== 📌 ADD TO LINKS SECTION AS AN EXCLUSION ==== */

/* Remove underline from linked images */
.learn__post a:has(img):not(:has(span)):not(:has(h1, h2, h3, h4, h5, h6)) {
  text-decoration: none !important;
  border-bottom: none !important;
  position: static !important;
}

/* Remove underline pseudo element from linked images */
.learn__post a:has(img):not(:has(span)):not(:has(h1, h2, h3, h4, h5, h6))::after {
  display: none !important;
}

/* Remove underline from elevator card overlay links */
.learn__post .learn__post-elevator-card > a {
  text-decoration: none !important;
  border-bottom: none !important;
}

/* Remove underline pseudo element from elevator card links */
.learn__post .learn__post-elevator-card > a::after {
  display: none !important;
}





/* =================================== *//* TO BE DETERMINED< IT WAS ON A LONE STYLESHEET */
/* === CODE BLOCKS === */
/* =================================== */

.learning-center__sub-page--post-old .ct-inner-content code {
    font-family: 'Courier New', monospace;
    font-size: 16px;
    background-color: #f5f5f5;
    padding: 2px 6px;
    border-radius: 3px;
}

.learning-center__sub-page--post-old .ct-inner-content pre {
    background-color: #f5f5f5;
    padding: 16px;
    overflow-x: auto;
    border-radius: 4px;
    margin: 24px 0;
}

.learning-center__sub-page--post-old .ct-inner-content pre code {
    background: none;
    padding: 0;
}




/* Victoria, Monster Studios */



/* =================================== */
/* ==== WATCH PAGE - MAIN WRAPPER ==== */
/* =================================== */
/* Kill legacy inner-wrap padding so sections can own spacing */
.watch .ct-section-inner-wrap {
  padding: 0 !important;
  overflow: visible !important;
}

/* Watch wrapper — inline padding only */
.watch {
  max-width: 1600px; /* max-width: 1280px; */
  margin: 0 auto;
  /* Horizontal padding scales from 16–64px */
  padding-left: clamp(12px, calc(12px + (100vw - 480px) * 0.067), 60px); /* 16→12, 64→60 */ /* LEFT FIX */
  padding-right: clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px);
  padding-top: 128px;
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);;

  position: relative; /* ADD - needed for ::before positioning */
  z-index: 1; /* ADD - keeps content above background */
  
  overflow: visible !important; /* ADD THIS - make sure it's not hidden ✳️ ❌ */
}

/* Full-width black background behind .watch */
.watch::before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  background-color: #21262d;
  z-index: -1; /* behind content */
}



/* ======================================= */
/* ==== FEATURED VIDEO BLOCK ==== */
/* ======================================= */
.watch .watch__featured-video {
  position: relative;
  width: 100%;
  border-radius: 12px;
  overflow: hidden;
 /*  margin-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px); FOR HOLIDAYS */
  margin-bottom: 0;
}

/* Force border-radius on the video/iframe inside */
.watch .watch__featured-video iframe,
.watch .watch__featured-video video {
  border-radius: 12px;
  display: block;
}

/* Also target the code block wrapper */
.watch .watch__featured-video .ct-code-block {
  border-radius: 12px;
  overflow: hidden;
}




/* ============================= */
/* === HERO SLIDER (NEW) ======= */
/* ============================= */

.watch .hero-slider {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-radius: 12px;
  margin-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);/* margin-bottom: clamp(64px, calc(64px + (100vw - 480px) * 0.06), 96px); */
}

/* Slides wrapper */
.watch .hero-slider__slides {
  position: relative;
  width: 100%;
}

/* Single slide */
.watch .hero-slider__slide {
  position: relative;
}

/* Media layer */
.watch .hero-slider__media {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;          /* Desktop default */
  overflow: hidden;
}

@media (max-width: 768px) {
  .watch .hero-slider__media {
    aspect-ratio: 4 / 5;         /* Mobile crop (Apple/Hulu-friendly) */
  }
}

/* Image */
.watch .hero-slider__image {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
  object-position: top;
}

/* Overlay */
.watch .hero-slider__overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: flex-end;
  padding: clamp(24px, 5vw, 56px);
  background: linear-gradient(
    to top,
    rgba(123, 211, 51, 0.85),
    rgba(123, 211, 51, 0.45) 45%,
    rgba(123, 211, 51, 0.0) 70%
  );
}

/* Meta */
.watch .hero-slider__meta {
  max-width: 640px;
  color: #fff;
}

/* Show logo */
.watch .hero-slider__show-logo {
  max-width: 140px;
  margin-bottom: 12px;
}

/* Title */
.watch .hero-slider__show-title {
  margin: 0 0 8px;
  font-size: clamp(24px, 3vw, 36px);
  line-height: 1.1;
  color: rgba(255, 255, 255, 0.92); /*#f5f5f5; */
  font-family: 'Open Sans';
  font-weight: 400px;
}

/* Description */
.watch .hero-slider__show-desc {
  margin: 0 0 24px;
  font-size: 15px;
 /* opacity: 0.9;*/
  max-width: 370px;   /* tweak 460–560px */
  color: gba(255, 255, 255, 0.7); /*#f5f5f5; */
}

/* CTA row */
.watch .hero-slider__cta-group {
  display: flex;
  align-items: center;
  gap: 12px;
}

/* Primary CTA */
.watch .hero-slider__cta--primary {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255, 255, 255, 0.92);#f5f5f5; /* rgba(255, 255, 255, 0.92)#f5f5f5;  */
  color: #282a2a;
  text-decoration: none;
  font-weight: 500;
 /* text-transform: uppercase; */
}

/* Action dots */
.watch .hero-slider__actions {
  position: relative;
}

.watch .hero-slider__action-button {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,0.9);
  background: transparent;
  color: #fff;
  cursor: pointer;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0;          /* important */
  line-height: 1;      /* important */
  font-size: 18px;     /* optional */
}

/* Action menu (hidden for now) */
.watch .hero-slider__action-menu {
  display: none;
}

/* Brand watermark */
.watch .hero-slider__brand {
  position: absolute;
  right: clamp(24px, 4vw, 56px);
  bottom: clamp(24px, 4vw, 48px);
}

.watch .hero-slider__brand-logo {
  width: 120px;
  opacity: 0.9;
}

/* ===== HERO SLIDER – HULU STYLE ===== */

/* Desktop: full-width image (undo narrowed media) */
@media (min-width: 541px) {
  .watch .hero-slider__media {
    width: 100%;
    margin-left: 0;
    aspect-ratio: 16 / 8;
  }

  /* Left → right gradient OVER image */
  .watch .hero-slider__overlay {
    background: linear-gradient(
      135deg,
      /* LIGHT GREEN → GREEN (smoothed) */
      rgba(123, 193, 66, 1) 0%,
      rgba(123, 193, 66, 0.96) 6%,
      rgba(123, 193, 66, 0.88) 12%,
      rgba(123, 193, 66, 0.78) 18%,

      /* TRANSITION INTO MID GREEN (gentler) */
      rgba(72, 133, 64, 0.55) 26%,
      rgba(72, 133, 64, 0.45) 32%,

      /* leave the rest AS-IS for now */
      rgba(72, 133, 64, 0.25) 40%,
      rgba(72, 133, 64, 0.12) 48%,
      rgba(4, 4, 5, 0.06) 56%,
      rgba(4, 4, 5, 0.0) 64%
    );
  }
}

/* Mobile: bottom gradient only */
@media (max-width: 540px) {
  .watch .hero-slider__overlay {
    background: linear-gradient(
      to top,
      rgba(123, 211, 51, 0.85),
      rgba(123, 211, 51, 0.45) 45%,
      rgba(123, 211, 51, 0.0) 70%
    );
  }
}


/* ======================================= */
/* ==== WATCH PAGE - SECTION ==== */
/* ======================================= */
/* Vertical rhythm per section (no inline padding here) */
.watch .watch__section {
  /* Vertical padding scales 48–64px */
  padding-top: 12px; /* INITIAL - clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px); */
  padding-bottom: 14px; /* INITIAL - clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px); */
  max-width: 100%;  /* ADD THIS */
  overflow: hidden; /* ADD THIS - prevents children from pushing it wider */
  position: relative;
}

.watch .watch__section::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 1px;
  background-color: rgba(255, 255, 255, 0.1);  /*#a4a5a8;*/ /* #e5e5e5 ??? apple */
  margin: 0 ;/* IF NEEDED - clamp(16px, calc(16px + (100vw - 480px) * 0.067), 64px) */
}

/* Remove line from last section */
.watch .watch__section:last-child::after {
  display: none;
}

/* Force code blocks to respect parent width */
.watch .ct-code-block {
  width: 100%;
  max-width: 100%;
}


/* ======================================= */
/* ==== WATCH PAGE - BLOCK HEADER ==== */
/* ======================================= */
.watch .watch__block-header {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-items: flex-end;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 16px; /* it was 1.75em; */
  padding-left: 4px; /* LEFT FIX */
}

/* Stack on small screens */
@media (max-width: 540px) {
  .watch .watch__block-header {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px;
    margin-bottom: 1em; /* it was 1.75em; */
  }
}

/* ======================================= */
/* ==== WATCH PAGE - HEADING STYLE ==== */
/* ======================================= */
.watch .watch__heading {
  text-align: left;
  margin-bottom: 0;
  margin-top: 0;
  line-height: 1.1;
  font-family: 'Open Sans'; /*'Inherit'; */
  color: rgba(255, 255, 255, 0.92); /* #282a2a; */ /* DARK MODE #f5f5f5; */
  font-weight: 700;
  font-size: 18px; /* clamp(62px, calc(62px + (100vw - 540px) * 0.0372), 80px); */
  letter-spacing: -0.5px;
  -webkit-font-smoothing: antialiased; /* DARK MODE */
  -moz-osx-font-smoothing: grayscale; /* DARK MODE */
}

/* ======================================= */
/* ==== WATCH PAGE - VIEW ALL LINK ==== */
/* ======================================= */
.watch .watch__view-all-link {
  background: transparent;
  color: #a4a5a8;/* DARK MODE a4a5a8; ORIGINAL- #999*/
  font-size: 14px; /* it was 16px; */
  font-weight: 400;
  text-decoration: none;
  position: relative;
  transition: color 0.35s ease-in-out;
  text-transform: uppercase;
}

/* Underline (starts full, disappears on hover) */
.watch .watch__view-all-link::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.watch .watch__view-all-link:hover {
  color: #4e8540;
}

.watch .watch__view-all-link:hover::after {
  width: 0;
}


/* ======================================= */
/* ==== WATCH PAGE - VIDEO GRID ==== */
/* ======================================= */

/* Flex scroller - works at all sizes */  
.watch .watch__grid {
  --visible: 5;/* desktop default: show 5 full cards */
  --gap: 20px;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  gap: var(--gap);
  overflow-x: auto;
  overflow-y: hidden;
  -webkit-overflow-scrolling: touch; /* KEEP for smooth iOS scrolling */
  width: 100%;
  max-width: 100%; /* KEEP if it works for you */
  scrollbar-width: thin;
  scrollbar-color: #ccc #f1f1f1;
  padding-left: 4px; /* LEFT FIX */
  padding-top: 8px; /* FOR SCALE */
  padding-bottom: 18px;
  margin-top: -8px; /* FOR SCALE */
}

.watch .watch__grid::-webkit-scrollbar { height: 4px; }
.watch .watch__grid::-webkit-scrollbar-thumb { background-color: rgba(255, 255, 255, 0.3); /* Lighter, more subtle */ border-radius: 3px; }
.watch .watch__grid::-webkit-scrollbar-track { background-color: rgba(33, 38, 45, 0.5); /* Match your dark background */ }
.watch .watch__grid::-webkit-scrollbar-track:hover  { background-color: rgba(33, 38, 45, 0.5); /* Match your dark background */ }

/* Cards sized by --visible variable */
.watch .watch__card {
  flex: 0 0 calc((100% - (var(--visible) - 1) * var(--gap)) / var(--visible));
  display: flex;
  flex-direction: column;
  gap: 14px;
}

/* Remove scale transition */
.watch .watch__thumbnail-link {
  display: block;
  text-decoration: none;
  border-radius: 12px;
  overflow: hidden;
  position: relative;
  /* Remove: transition: transform 0.2s ease-out; */
}

/* Remove scale hover effect */
@media (hover: hover) {
  .watch .watch__thumbnail-link:hover {
    /* Remove: transform: scale(1.03); */
    z-index: 10;
  }
}

/* Remove mobile tap scale */
/* DELETE THIS RULE:
.watch .watch__thumbnail-link:active {
  transform: scale(0.98);
}
*/

/* Dark overlay scrim - KEEP THIS */
.watch .watch__thumbnail-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 38, 45, 0.6); /* Alpha background color- #21262d */
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.1s ease-in; /* it was 0.15s */
  z-index: 1;
}

@media (hover: hover) {
  .watch .watch__thumbnail-link:hover::after {
    opacity: 1;
  }
}

/* Play button overlay */
.watch .watch__thumbnail-link::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 32px;
  height: 32px;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
  opacity: 0;
  transition: opacity 0.2s ease;
  z-index: 2;
  /* Updated SVG with rounded corners and custom color */
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 5v14l11-7z' fill='%23fff'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: 52% center;
  background-size: 22px;
}

/* Desktop: show on hover */
@media (hover: hover) {
  .watch .watch__thumbnail-link:hover::before {
    opacity: 1;
  }
}

/* Mobile: show on tap/active */
.watch .watch__thumbnail-link:active::before,
.watch .watch__thumbnail-link:active::after {
  opacity: 1;
}

/* Remove the old opacity change on thumbnail */
.watch .watch__thumbnail {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
  border-radius: 12px;
  overflow: hidden; /* ADD - clips image to rounded corners */
}

/* REMOVE this entire rule: */
/* .watch .watch__thumbnail-link:hover .watch__thumbnail {
  opacity: 0.85;
} */

/* Title styling - clamps to 1 line */
.watch .watch__title {
  font-family: 'Open Sans', sans-serif !important;
  font-size: 14px;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.92); /* #282a2a; */ /* DARK MODE #f5f5f5; */
  margin: 0;
  line-height: 1.2;
  letter-spacing: -0.5px;
  display: -webkit-box;
  -webkit-line-clamp: 1;  /* CHANGE FROM 2 TO 1 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;  /* ADD THIS for extra safety */

  -webkit-font-smoothing: antialiased; /* DARK MODE */
  -moz-osx-font-smoothing: grayscale; /* DARK MODE */
}

.watch .watch__title a {
  color: inherit;
  text-decoration: none;
  display: inline;
  position: relative;
  transition: color 0.25s ease;
}
/*
.watch .watch__title a::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 2px;
  width: 100%;
  height: 1px;
  background-color: currentColor;
  transition: width 0.35s ease-in-out;
}

.watch .watch__title a:hover {
  color: #4e8540 !important;
}

.watch .watch__title a:hover::after {
  width: 0;
}  */

/* Responsive: change how many cards are visible */
@media (max-width: 1280px) { .watch .watch__grid { --visible: 4; } }
@media (max-width: 1024px) { .watch .watch__grid { --visible: 4;/* --gap: 16px; */ } }
@media (max-width: 992px) { .watch .watch__grid { --visible: 3; } }
@media (max-width: 768px) { .watch .watch__grid { --visible: 3; } }
@media (max-width: 540px) { .watch .watch__grid { --visible: 2.25; } }
@media (max-width: 480px) { .watch .watch__grid { --visible: 1.80; } }
@media (max-width: 414px) { .watch .watch__grid { --visible: 1.75; } }
@media (max-width: 412px) { .watch .watch__grid { --visible: 1.75; } }
@media (max-width: 390px) { .watch .watch__grid { --visible: 1.65; } }
@media (max-width: 375px) { .watch .watch__grid { --visible: 1.55; } }
@media (max-width: 360px) { .watch .watch__grid { --visible: 1.5; } }


/* ======================================= */
/* ==== CHANNEL BANNER ==== */
/* ======================================= */

/* Banner container */
.watch .channel-banner {
  position: relative;
  width: 100%;
  height: auto;
  overflow: hidden;
  border-radius: 12px;
}

/* Banner image - natural size */
.watch .channel-banner__image {
  width: 100%;
  height: auto;
  display: block;
  border-radius: 12px;
}

/* Link wrapper */
.watch .channel-banner__link {
  display: block;
  position: relative;
  text-decoration: none;
}

/* Scrim effect */
.watch .channel-banner__link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(33, 38, 45, 0.3);
  border-radius: 12px;
  opacity: 0;
  transition: opacity 0.15s ease-in;
  z-index: 1;
}

.watch .channel-banner__link:hover::after {
  opacity: 1;
}

/* Desktop images via attribute selector */
/*.watch .channel-banner--green-gear .channel-banner__image {
  content: url('https://greenbeelife.com/wp-content/uploads/2024/03/banner-green-gear-new-1536x294.jpg');
} */

/*.watch .channel-banner--hemp-cbd .channel-banner__image {
  content: url('https://greenbeelife.com/wp-content/uploads/2024/03/banner-hemp-cbd-replace-1536x294.jpg');
}*/

/*.watch .channel-banner--furry-friends .channel-banner__image {
  content: url('https://greenbeelife.com/wp-content/uploads/2024/03/banner-pets-1536x294.jpg');
}*/

/* Mobile images */
@media (max-width: 540px) {
 /* .watch .channel-banner--green-gear .channel-banner__image {
    content: url('https://greenbeelife.com/wp-content/uploads/2024/03/mob-banner-see-it-here-first.jpg');
  } */
  
 /* .watch .channel-banner--hemp-cbd .channel-banner__image {
    content: url('https://greenbeelife.com/wp-content/uploads/2024/03/mob-banner-hemp-cbd.jpg');
  }*/
  
 /* .watch .channel-banner--furry-friends .channel-banner__image {
    content: url('https://greenbeelife.com/wp-content/uploads/2024/03/mob-banner-pets.jpg');
  } */
}

/* ======================================= */
/* ==== GBL TV ORIGINALs ==== */
/* ======================================= */

/* Allow vertical cards to show full height */
.watch .watch__section--gbl-tv-originals {
  overflow: visible; /* Override the hidden overflow for this section */
}

/* Vertical grid - show fewer cards since they're taller */
.watch .watch__grid--vertical {
/*   --visible: 4.5; Show 6 on desktop */
  overflow-y: visible; /* Allow vertical overflow */

}

/* Make sure vertical cards maintain full height */
.watch .watch__card--vertical {
  gap: 0;
  height: auto; /* Let the image dictate height */
}

/* Vertical thumbnail - natural aspect ratio */
.watch .watch__thumbnail--vertical {
  aspect-ratio: auto; /* Use image's natural ratio */
  width: 100%;
  height: auto;
}

/* Responsive: change how many cards are visible 
@media (max-width: 1024px) { .watch .watch__grid--vertical { --visible: 3.5; --gap: 16px; } }
@media (max-width: 992px) { .watch .watch__grid--vertical { --visible: 2.5; } }
@media (max-width: 768px) { .watch .watch__grid--vertical { --visible: 2.5; } }
@media (max-width: 540px) { .watch .watch__grid--vertical{ --visible: 1.5; } }  */
/* Responsive: change how many cards are visible */


/* ======================================= */
/* ==== SHOP ==== */
/* ======================================= */
/* Shop section heading - smaller, different color */
.watch .watch__heading--shop {
  font-size: 16px; /* clamp(18px, calc(18px + (100vw - 540px) * 0.015), 24px); */
  font-weight: 400;
  color: #ffffff; /* or whatever color you need */
  max-width: 600px; /* constrain width */
  padding-left: 16px;
}

/* Discover Brands button style */
.watch .watch__view-all-link--button {
  background-color: #fdbf59; /* that orange/yellow color */
  color: #000;
  padding: 4px 12px;
  border-radius: 0;
  font-weight: 400;
  text-transform: uppercase;
  font-size: 14px;
  letter-spacing: 0.5px;
}

.watch .watch__view-all-link--button:hover {
  background-color: #e09425;
  color: #000;
}

.watch .watch__view-all-link--button::after {
  display: none; /* Remove the underline animation */
}
.watch .watch__section--shop .watch__title  {
   display: none;
}

/* Shop banner - no fixed height, let image define it */
.watch .channel-banner--shop {
  height: auto; /* Override the 300px from .channel-banner */
  border-radius: 12px 12px 0 0;
  overflow: hidden;
  position: relative;
  margin-bottom: clamp(-46px, calc(0px + (100vw - 480px) * -0.0575), 0px);
  padding-top: 0 !important;
  padding-bottom: 0 !important;   
}

.watch .channel-banner--shop .channel-banner__link {
  display: block;
  position: relative;
}

/* Background image - natural size */
.watch .channel-banner__background-img {
  width: 100%;
  height: auto; /* Natural aspect ratio */
  display: block;
  border-radius: 12px 12px 0 0;
}

/* Shop logo - positioned on left, vertically centered */
.watch .channel-banner__shop-logo {
  position: absolute;
  left: 16px; /* Adjust this value for horizontal position */
  top: 60%; /* Vertical position - change this to adjust (0% = top, 50% = middle, 100% = bottom) */
  transform: translateY(-50%); /* Centers it perfectly at whatever top % you set */
  width: clamp(150px, calc(150px + (100vw - 480px) * 0.1875), 300px);
  height: auto;
  transition: transform 0.3s ease;
  transform-origin: left center; /* scales from left */
  z-index: 2; /* Ensure it's above the background */
}

.watch .channel-banner__link:hover .channel-banner__shop-logo {
  transform: translateY(-50%) scale(1.1); /* Keep the vertical centering while scaling */
}


.watch .watch__section--gbl-tv-originals {
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);   
}
.watch .channel-banner  {
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px) !important;
  padding-bottom: clamp(16px, calc(16px + (100vw - 480px) * 0.056), 32px);
/* padding-bottom: clamp(16px, calc(16px + (100vw - 480px) * 0.028), 32px); less dramatic*/
}
.watch .watch__section--discover {
  padding-top: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px);
  padding-bottom: clamp(48px, calc(48px + (100vw - 480px) * 0.044), 64px); 
}


/* ======================================= */
/* ==== DISCOVER GBL TV GRID ==== */
/* ======================================= */
.watch .watch__discover-grid {
  display: grid;
  grid-template-columns: 3fr 2fr; /* 3:2 ratio */
  gap: 20px;
  width: 100%;
  max-width: 100%; /* ADD THIS */
  min-width: 0; /* ADD THIS - prevents grid overflow */
}

/* Image container */
.watch .watch__discover-image {
  position: relative;
  width: 100%;
  max-width: 100%; /* ADD THIS */
  min-width: 0; /* ADD THIS */
  border-radius: 12px;
  overflow: hidden;
}

.watch .watch__discover-image img {
  width: 100%;
  height: 100%;
  max-width: 100%; /* ADD THIS */
  object-fit: cover;
  display: block;
  border-radius: 12px;
}

/* Video container */
.watch .watch__discover-video {
  position: relative;
  width: 100%;
  max-width: 100%; /* ADD THIS */
  min-width: 0; /* ADD THIS */
  border-radius: 12px;
  overflow: hidden;
}

.watch .watch__discover-video iframe {
  width: 100%;
  height: 100%;
  max-width: 100%; /* ADD THIS */
  border-radius: 12px;
  border: none;
  display: block;
}

/* Stack at 992px and below */
@media (max-width: 992px) {
  .watch .watch__discover-grid {
    grid-template-columns: 1fr; /* Single column */
    gap: 16px;
  }
}




/* ===== LISTEN VIEW ALL PAGE ===== */
.listen-view-all-episode-thumbnail img {
  contain-intrinsic-size: auto 169px auto 169px !important;
  height: auto !important;
  max-height: 169px !important;
  aspect-ratio: 16/9;
  object-fit: cover;
}

/* ===== LISTEN PAGE SLIDER ===== 
.ct-slider .ct-image img,
.unslider .ct-image img {
  contain-intrinsic-size: none !important;
  height: 100% !important;
  width: 100% !important;
  object-fit: cover !important;
  border-radius: 12px !important;
}

.ct-slider .ct-image,
.unslider .ct-image {
  aspect-ratio: 16/9 !important;
  overflow: visible !important;
  border-radius: 12px !important;
}
*/
/* Also target the link wrapper 
.ct-slider .ct-link,
.unslider .ct-link {
  border-radius: 12px !important;
  overflow: hidden !important;
}*/textarea.wpcf7-form-control{
 border-radius:7px;
}
.wpcf7-form-control.wpcf7-submit{
 background-color:#fdbf59;
 font-weight:400;
 font-size:20px;
 padding-top:8px;
 padding-bottom:8px;
 padding-left:50px;
 padding-right:50px;
}
.wpcf7-form-control{
 border-top-style:solid;
 border-right-style:solid;
 border-bottom-style:solid;
 border-left-style:solid;
 border-top-color:#4e8540;
 border-right-color:#4e8540;
 border-bottom-color:#4e8540;
 border-left-color:#4e8540;
 border-top-width:1px;
 border-right-width:1px;
 border-bottom-width:1px;
 border-left-width:1px;
}
input{
 padding-top:8px;
 padding-bottom:8px;
 border-radius:7px;
}