/*
Theme Name: heatactionplatform
Description: Heat Action Platform 2.0 block theme
heatactionplatform WordPress Theme © 2023 Imaginary Office
*/

/* MEDIA QUERIES */
@media screen and (min-width: 1440px) {

    .acf-block-slider .yellow-whisker {
        width: 50%;
        transform: translateX(calc(-50vw + 635px));
    }
}


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

    html { scroll-padding-top: 0px; } /* no fixed header*/

    .ac-logo {
        margin-left: 18px;
    }

    #acf-main-nav .hap-header-wrapper, .redbar-1br {
        padding-left: 18px;
    }

    .wp-block-spacer {
        max-height: 50px;
    }
    .wp-block-social-links.social-share{
        left: 10px; }
    .acf-block-slider .carousel-cell {
        width: 100vw;
    }
    .acf-block-slider .carousel-cell .slide-content {
        width:90%; margin:0 5%;
    }
    .slide-nav {
        max-width:90%;
    }
    .pum-theme-14047 p {padding: 0 0 15px 0; width:500px; margin-left:auto; margin-right:auto;}
    .pum-theme-14047 p iframe {width:500px; height:281px;}


}
@media screen and (max-width: 1279px) {
    #module-nav {display:none;}
    .wp-block-group.hap-module-heading h2.anchor-heading {width:100%; position: relative; padding-left: 20px;}
}
@media screen and (max-width: 1024px) {
    html, body {font-size:16px;}
    h2{font-size:2rem;}
    .hap-related-posts h2,
    .hap-phases h2,
    .hap-icon-list h2 {font-size:1.5rem;}

    #footer .container {
    width:90%; max-width:100vw; margin:0; padding: 40px 5%; flex-direction:column;}
    #footer .container .column {width:100%; padding:0;}
    p.ar-about {width:100%;}
    .wp-block-media-text .wp-block-media-text__content {padding:20px;}
    .wp-block-image.size-medium{}
    .wp-block-group.hap-module-heading h2.anchor-heading {
        position:relative; margin-left:auto; margin-right:auto; padding-left:20px; width: calc(100% - 40px);
        }
    .wp-block-group.hap-module-heading h2.anchor-heading:before {
    left:0;}
    blockquote.wp-block-quote{margin:30px 0;}
    .wp-block-outermost-social-sharing.social-share { display: none; }
}

@media screen and (max-width: 1024px) {
    /* slider block */
    .acf-block-slider .slide-text {
        width: 90%;
    }
}

@media screen and (max-width: 768px) {
        .hap-hero h2, .acf-block-slider .slide-content .slide-text h2, *:lang(ta-IN) .acf-block-slider .slide-content .slide-text h2 {
            font-size: 38px;
        }

    .home .slide-nav {
        display: none;
    }

    *:lang(ta-IN) .acf-block-slider .slide-text {
        width: 100%;
    }

        *:lang(ta-IN) .acf-block-slider .slide-description {
            font-size: 18px;
        }

        .acf-actions-outputs,
        .hap-module-heading .wp-block-group,
        .hap-bookmarks-list {
            width: 66.66%;
            margin: 0 auto;
        }

        #actions-outputs .ui-tabs-tab {
            width: 24%;
            margin-right: 1%;
            padding: 1% 0;
        }

            #actions-outputs .ui-tabs-tab a {
                width: 100%;
                text-align: center;
                font-size: .8rem;
            }

        .acf-actions-outputs {
            padding: 20px;
            width: calc(100% - 40px);
        }

        ul.actions-list li {
            align-items: flex-start;
        }

        ul.actions-list li i {
                width: 30px;
                height: 30px;
            }

        ul.actions-list li i.fa-heart:before {
                    font-size: 0.8rem;
                }

        .acf-block-policy-details .content-secondary {
            columns: auto;
        }
    }

    @media screen and (max-width: 767px) {
        .hideonmobile {
            display: none !important;
        }

        .wp-block-spacer {
            max-height: 30px;
        }

        .acf-block-slider .carousel-cell .slide-content {
            flex-direction: column;
        }

        .acf-block-slider .slide-text {
            width: 100%;
            height: auto;
        }

        .acf-block-slider .slide-content ul {
            width: 100%;
            height: auto;
            padding: 20px 0;
        }

            .acf-block-slider .slide-content ul li {
                max-width: 33.33%;
            }

        .slide-nav {
            display: none;
        }


        /*policy modal*/

        .acf-block-policy-details .content-primary {
            display: block;
        }

            .acf-block-policy-details .content-primary div.intro-title {
                width: 100%;
            }

            .acf-block-policy-details .content-primary div.thumbnail {
                display: block;
                width: 100%;
            }

        .acf-block-slider .content-primary div.intro-title h1 {
            margin-top: 20px;
        }

        .modal-wrapper .wp-post-modal {
            width: calc(100% - 28px);
            padding: 0 14px;
            margin-top: 0;
        }

        .acf-block-policy-details .content-secondary {
            padding-right: 20px;
        }

        /* end policy details */

        /* ninja tables */
        .page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_0,
        .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_1,
        .page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_3,
        .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.form-group-ninja_filter_4 {
            width: 100% !important;
            margin-right: none !important;
        }

        .page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search {
            width: 100%;
        }

        .page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.ninja_reset_wrapper {
            margin-left: 0;
            width: 100% !important;
        }


        .footable-details.table > tbody > tr > td {
            padding: 8px 20px !important;
            background-color: transparent !important;
        }

        .ninja_column_6 a.modal-link {
            position: relative;
            display: block;
            margin-top: 20px;
            margin-bottom: 20px;
        }

        .page-template-page-policy-tool td.ninja_column_0 .title h4 {
            border-top: 1px solid gray;
            padding-top: 10px;
        }

        .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group {
            margin-bottom: 5px;
        }
        /*end ninja tables */
    }

    @media screen and (max-width: 600px) {
        .hap-phases .wp-block-media-text__content {
            min-height: 0;
        }

        .hap-icon-list .wp-block-columns {
            flex-wrap: wrap;
        }

        .hap-related-posts .wp-block-columns .wp-block-column {
            flex-direction: column;
        }

            .hap-related-posts .wp-block-columns .wp-block-column figure {
                width: 100%;
                padding-right: 0;
            }

            .hap-related-posts .wp-block-columns .wp-block-column .wp-block-group {
                width: 100%;
            }

        .hap-module-heading .wp-block-group,
        .hap-bookmarks-list {
            width: 100%;
            margin: 0;
            padding-left: 20px;
            padding-right: 20px;
        }

        .acf-actions-outputs {
            width: calc(100% - 40px);
        }

        .pum-theme-14047 p {
            width: 100%;
        }
    }

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

    @media screen and (min-width: 1920px) {
    }

    @media print {
        .donotprint {
            display: none !important;
        }

        .printonly {
            display: block !important;
        }
        /* do not print */
        .modal-wrapper button,
        .modal-wrapper.styled .wp-post-modal .close-modal,
        .modal-wrapper.styled .wp-post-modal .print-modal,
        .acf-block-slider,
        .searchbar-wrapper, .main-menu, .ac-super-header,
        #footer, .wp-block-social-links,
        iframe, .wp-block-embed__wrapper,
        .wp-block-column figure, .hap-phases figure,
        .wp-block-media-text figure, .wp-block-cover img,
        .wp-block-spacer,
        i, .icon-picker,
        .hap-hero img, .read-time, .print-this, .rt-reading-time,
        #module-nav,
        .show-details,
        .wp-block-group.hap-hero .yellow-whisker,
        .wp-block-group.hap-module-heading h2.anchor-heading:before,
        .ui-tabs-nav,
        .wp-block-group.hap-media-expand,
        .wp-block-group.hap-cover-button,
        .wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:before, .slide-nav, .page-template-page-policy-tool .social, .page-template-page-policy-tool .ninja_column_4, .page-template-page-policy-tool .ninja_column_5, .ninja-custom-filter, .footable-filtering-search {
            display: none !important;
        }

        /* policy table results */
        .colored_table table.ninja_table_pro.inverted tbody tr {
            border-top: 1px solid black;
            height: 120px;
        }

        .ninja_column_0 .sector, .ninja_column_0 .lever {
            display: none;
        }

        .page-template-page-policy-tool h4 {
            font-size: 1.5rem;
        }

        .ninja_column_6 { width: 400px; }
        .ninja_column_6 a.modal-link { text-align: left; }


        /*show urls after the link*/
            p a:after, a:after {
                content: " (" attr(href) ")" !important;
                font-size: 80% !important;
                display: block !important;
            }

        p a, a {
            word-wrap: break-word;
        }
        /* adjust styles for print */
        html, body, p, ul, ol, li,
        .hap-icon-list p.icon-list-item-heading,
        .wp-block-media-text p {
            font-size: 11px !important;
        }

        h1, h2, h3, h4, h5, h6, p, ul, ol, li, a, i,
        .has-white-color, .has-primary-yellow-color, .has-primary-blue-color {
            color: #000000 !important;
        }

        .wp-block-buttons, .wp-block-buttons.next-arrow,
        .wp-block-button, .wp-block-buttons.next-arrow .wp-block-button,
        .wp-block-button a,
        .wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link,
        .wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:after,
        .hap-bookmarks-list .wp-block-buttons.next-arrow .wp-block-button a.wp-block-button__link
        .wp-block-buttons > .wp-block-button {
            display: block !important;
            position: relative !important;
            width: 100% !important;
            height: auto !important;
            background: none !important;
            padding: 0 !important;
            line-height: 2rem !important;
            z-index: auto !important;
            margin-bottom: 0 !important;
        }

        ul.yellow-bullet, ul.yellow-bullet ul {
            list-style-type: disc;
        }

        #acf-main-nav .hap-header-wrapper,
        .has-black-background-color {
            background: transparent !important;
        }

            #acf-main-nav .hap-header-wrapper a,
            h1, h1 a {
                font-size: 4rem;
            }

        h2 {
            font-size: 3rem;
        }

        h3 {
            font-size: 2rem;
        }

        h4, h5, h6 {
            font-size: 1rem;
        }

        .wp-block-group {
            padding: 0 !important;
            margin: 15px auto !important;
        }

        .has-text-align-center {
            text-align: left !important;
        }

        .hap-phases .wp-block-media-text__content,
        .wp-block-cover, .wp-block-cover-image,
        .hap-hero .wp-block-cover {
            min-height: 0 !important;
        }

        .wp-block-group.hap-hero h2 {
            font-size: 3rem;
            padding-bottom: 1rem;
        }

        .wp-block-group.hap-module-heading h2.anchor-heading {
            position: relative;
            width: 100%;
        }

        .acf-actions-outputs {
            border: 1px solid gray;
            box-shadow: none;
        }

        #tabs-1, #tabs-2, #tabs-3,
        ul.actions-list.actions, ul.actions-list.outputs,
        ul.actions-list.objectives, .hap-bookmarks-list .resource-description {
            display: block !important;
            width: 100% !important;
            height: auto !important;
        }

        #tabs h3.screen-reader-text {
            display: block !important;
            width: 100% !important;
            height: auto !important;
            clip: none !important;
            clip-path: none !important;
            margin: 15px 0 !important;
            position: relative !important;
            font-size: 1.5rem;
        }

        .hap-related-posts .wp-block-columns .wp-block-column {
            padding: 0;
            display: block;
        }

            .hap-related-posts .wp-block-columns .wp-block-column .wp-block-buttons {
                display: none !important;
            }

            .hap-related-posts .wp-block-columns .wp-block-column h2 {
                font-size: 2rem;
            }

        .policy-details {
            display: block;
        }

        .modal-wrapper {
            position: absolute !important;
            left: 0;
            top: 0;
            margin: 0;
            padding: 0;
            overflow: visible !important;
        }

            .modal-wrapper .wp-post-modal {
                position: absolute !important;
                width: 100%;
                top: 0 !important;
                overflow: visible !important;
                margin-top: 0 !important;
                height: 100% !important;
                border: 0;
            }
    }