/* Main column width */
.wp-block, .wp-block-group{ max-width: 1140px; margin:0 auto;}
/* Width of "wide" blocks */
/*
.wp-block[data-align="wide"],.wp-block-group[data-align="wide"]{ max-width: 1200px; }
.wp-block[data-align="full"],.wp-block-group[data-align="full"]{ max-width: none; }
*/
.alignfull{max-width: none; }
.alignwide{max-width: 1400px;margin:0 auto;}

:where(.wp-block-button__link){border-radius:5px;} /*Default Button Radius*/

.ttw-video{margin:15px 0;position:relative;}
.ttw-video.has-video{cursor:pointer;}
.ttw-video iframe{
    width:100%;
    height:100%;
    aspect-ratio: 16/9;
    margin:0 auto;
}

.ttw-video img{
    border-radius:15px;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    transition: opacity ease-in-out 0.25s;
}

.ttw-video.no-video img{
    position:static;
    top:unset;
    left:unset;
}

.ttw-video svg{
    aspect-ratio:16/9;
    position:relative;
    z-index:10;
    opacity:0.7;
    transition: opacity ease-in-out 0.25s;
}
.ttw-video.has-video{
    cursor:pointer;
}
.ttw-video.has-video:hover img{
    opacity:0.9;
}
.ttw-video.has-video:hover svg{opacity:1}

/* Produt LANDING PAGE - AKA Sales Page */
.three-lined-content {
    background-image: url(/app/themes/ttw/assets/img/three-lines-vertical-bg.png);
    background-repeat: repeat-y;
    padding-left: 30px;
}


.ttw-icon-block .icon img{
    height: 40px;
}

.testimonials-carousel p{margin:20px 0;}

@media(max-width:992px){
    .page-container > .wp-block-group{
        padding-left:15px;
        padding-right:15px;
    }
    .ttw-icon-block{
        display:flex;
        justify-content: center;
    }

    .page-container .m-2col{gap:0;}
    .page-container .m-2col .wp-block-column{
        flex-basis:50% !important;
    }   
}

.cta-box .number{margin-bottom:0;}

.icon-link{display:inline-block;}


.numbered-reasons + hr:last-of-type{
    display:none;
}


.page-container > .wp-block-group{
    margin-bottom: 50px;
}

/*
.hero-image{
    padding-top:20%;
}
@media(min-width:992px){
    .hero-image{
        padding-top:5%;
    }   
}
*/

/* card-podcast code below TO BE REPLACED BY Emil/Martin */
@media(min-width:992px){
    .card-podcast{
        flex-basis:33%
    }
    .card-podcast .d-flex{
        flex-basis:20%;
    }
}


.video-gallery-layer img{aspect-ratio:16/9;}
.video-gallery-layer iframe{width:100%;aspect-ratio: 16/9;}
.ttw-video-element iframe{position:absolute;top:0;left:0;z-index:100;}



#toc a.list-group-item{text-decoration:none !important;}
#toc .list-group-item.active{font-weight:bold;}

#main_nav .nav-img-thumb{
    border-radius:5px;
    padding:0;
}

.related_posts img{
    border-radius:5px;
}

#nav_podcasts .card-title{font-size:16px;}

.side-menu .sticky-top{top:100px;}

body:is(.page-psychedelics,.page-microdosing) article.page-container{
    position:relative;
}
body:is(.page-psychedelics,.page-microdosing) article.page-container::before{
    position:absolute;
    z-index:-1;
    top:0;
    left:0;
    right:0;
    content:'';
    width:100%;
    height:50vh;
    background-image: url('../img/guide-hero.jpg');
	background-size:100%;
	background-repeat: no-repeat;
}

.wp-block-group.w-thin{
    max-width:800px;
    margin:0 auto;
}

.row-eq-height{row-gap:15px;}
.row-eq-height .card-podcast{
    height:100%;
}

.spinner-border{
    padding:15px; /*Bugfix*/
}


@media(min-width:992px){
    #main_nav .nav-item .dropdown-menu{
        display:block !important;
        visibility: hidden;
        opacity:0;
        transition:opacity 0.2s ease-in-out;
    }

    #main_nav .nav-item:hover .dropdown-menu{
        opacity:1;
        visibility: visible;
    }
}

.hover-primary:hover{
    color:var(--wp--preset--color--primary) !important;
}

body.woocommerce-lost-password .box{background:#f9fafb;}


/*Why not in BS*/
@media(max-width:768px){
    .hide-mobile{display:none !important;}
    /*.toc{display:none;}*/
}
@media(max-width:992px){
    .hide-tablet{display:none !important;}
}
.wp-block-button{
 background:none !important;
 border:none !important;   
}

.testimonials-carousel-controls .carousel-controls{display:none;}


@media(max-width:992px){
    .cta:not(.mountain) .cta-image-container{
        display:none !important;
    }
}

.wp-block-column{word-wrap:normal;} /*Default is break word? */

#article_content,.container-inline-size{container-type:inline-size;}
@media(min-width:992px){
    @container (max-width: 992px){
        .cta.mountain .cta-content{
            padding-right:40px !important;
        }
        .triangle-bg-container .left p{
            font-size:0.8em;
            line-height:1.4em;
        }
        .triangle-bg-container .triangle{
            transform: translateX(-1px); /*Workaround for Chrome Bug*/
        }
    }
}

.wpb_raw_code.blog-toc{display:none !important;}

.wpb_wrapper .ttw-section{
    margin-top:4rem;
    margin-bottom:3rem;
}

.thrv_wrapper h4.cta-title{
    font-family: "Libre Caslon Text",sans-serif;
    font-size: 36px;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: -0.02em;
}

.wpb_wrapper .ttw-video svg{
    fill: #e10000;
}
.wpb_wrapper .ttw-video:hover svg{
    fill: #7D1405;
}

@media(max-width:992px){
    .order-mobile-reverse{flex-direction: column-reverse;}
}