/*
Theme Name: State of the Planet
Theme URI: https://news.climate.columbia.edu/
Author: jethin
Description: Based on Twenty Twenty-Three Theme
Template: twentytwentythree
Requires at least: 6.3
Tested up to: 6.3.1
Version: 1.0
Text Domain: sotp
*/

/* :where(body .is-layout-constrained) > * {
    margin-block-end: 2rem;
} */

.ccs-logo svg{
    width:100%;
    max-width: 320px;
    height:auto;
}

header .ccs-logo svg path{
    fill:#606060;
}

.sotp-header{
    text-align:center;
}

.sotp-header svg{
    max-width:100%;
    height:auto;
}

.wp-block-site-tagline {
    font-size: clamp(1.1rem, 0.907rem + 0.79vw, 1.5rem);
    margin-top:0;
}

footer .ccs-logo{
    text-align:center;
}

footer .ccs-logo svg path{
    fill:#000;
}

figure.alignright,
figure.alignleft{
    margin-top: 2rem;
    width: 50% !important;
}

.entry-content figure img{
    width:100%;
}

.home .entry-content{
    margin-top:2rem;
}

h1.wp-block-post-title {
    line-height: 1.15;
    margin-bottom:1rem;
}

body.single .sotp-post-head{
    margin: 1.6rem 0;
}

body.home .entry-content > *:not(.alignfull),
body.post-template-wide-width main > *:not(.alignfull),
body.post-template-wide-width .wp-block-group.alignfull > *{
    max-width:var(--wp--style--global--wide-size);
}

#comments{
    margin:0;
}

.archive header{
    margin-bottom:-5px;
}

.archive .wp-block-post .wp-block-post-title{
    margin:.4rem 0 .5rem;
}

.page main{
    margin-top:var(--wp--preset--spacing--30) !important;
}

#wpdcom .wpdiscuz-item.wpd-field-checkbox.wpd-field-single{
    text-align: left;
    margin:5px 0;
}

#wpdcom .wc-field-submit{
    margin-top:8px;
    display:initial;
}

#wpdcom .wc-field-submit input[type="submit"]{
    margin-left:8px;
    padding: 4px 20px 1px;
}

#cookie-notice.hide{
    bottom: -100%;
}

#cookie-notice{
    width: 100vw;
    position: fixed;
    bottom: 0;
    background-color: #444;
    color:#fff;
    padding:1.5rem 0;
    z-index: 999;
    transition: bottom 2s ease-in-out;
}

#cookie-notice a{
    color:#fff;
}

#cookie-notice > div{
    margin: auto;
    width:86vw;
    max-width:700px;
}

#cookie-notice .wp-block-button{
    float: right;
    margin: 12px 0 22px 22px;
}

footer a{
    text-decoration: none;
}

#disclaimer{
    font-style:italic;
}

body.archive.paged .wp-block-avatar,
body.archive.paged .wp-block-post-author-biography,
.postid-104275 .sotp-post-head{
    display:none;
}

/* search */

.wp-block-search__input{
    background-color: #fff;
}

.wp-block-search__button{
    color:#fff;
}

.gs-title{
    font-size:1.05rem !important;
}

.gs-result, .gs-snippet{
    font-size:.95rem !important;
    line-height:1.4rem !important;
}

.gsc-control-cse{
    padding:0 !important;
}

.gsc-adBlock{
    display:none !important;
}


.single-custom_tag_page #itm ul{
    list-style-type: none;
    padding-left:0;
}

.single-custom_tag_page .sotp-post-featured-image img{
    aspect-ratio: 4 / 1;
    height: 100%;
    width: 100%;
}

.single-custom_tag_page h1.wp-block-post-title{
    text-align: center;
}

.single-custom_tag_page .sotp-description{
    font-size: clamp(1.1rem, 0.86rem + 0.985vw, 1.3rem);
    clamp(1.8rem, 1.56rem + 0.985vw, 2rem);
}

.single-custom_tag_page .is-style-sotp-row-scroll .tag-page-posts{
    grid-auto-columns: 35%;
    gap: 1.7rem;
}

.single-custom_tag_page .tag-page-posts h2.wp-block-post-title,
.wp-block-query .wp-block-post h2.wp-block-post-title{
    font-size: clamp(1.1rem, 1.3037rem + 0.3951vw, 1.3rem);
}

#youtube-search-embed iframe{
    aspect-ratio: 16 / 9;
    height: 100%;
    width: 100%;
}


@media (min-width: 601px) {
    :where(body .is-layout-constrained) > *,
    :where(body .is-layout-flow) > *{
        margin-block-start: 1.8rem;
    }
    header > div:first-child{
        padding-bottom:1.4rem !important;
    }
    .home header{
        margin-bottom:3rem;
    }
    .home .promo,
    .archive .promo{
        margin:3rem 0;
    }
    .home .promo figure{
        max-width: var(--wp--style--global--wide-size) !important;
    }
    /* .home .entry-content .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 0 !important;
    } */
    .home .wp-block-column {
        flex-grow: 1;
    }
    .archive header{
        margin-bottom:-4px;
    }
    body.author header{
        margin-bottom:-11px;
    }
}

@media screen and (max-width: 600px) {
    .hide-mobile{
        display:none;
    }
}

@media screen and (max-width:660px){
    footer .links{
        display:block;
        text-align:center;
        margin-top:1rem;
    }
}

@media screen and (max-width:780px){
    #wpd-bubble-wrapper{
        display:none !important;
    }
}

@media screen and (min-width: 800px) {
    .wp-site-blocks{
        padding-top:2rem;
    }
    footer .ccs-logo{
        width:100%;
        text-align: left;
    }
    body.single .sotp-post-head{
        margin: 2rem 0;
    }
    #cookie-notice{
        line-height:1.6rem;
    }
}

@media print {
    .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)),
    figure {
        max-width: 100%;
    }
    #cookie-notice,
    header .ccs-logo,
    header nav.wp-block-navigation,
    .cta-newsletter,
    .wpd-form-wrap,
    footer{
        display:none;
    }
}