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

/*
  DEVELOPER NOTE:
  The following declarations were originally provided (2023) as is via 3rd party vendor.
  As structured here and in combination with the included block css, they work in the REVERSE
  of what is considered modern, mobile-first architecture and approach. Thus any of the
  declarations NOT encapsulated within a media query should be considered as a potential
  modifier whose specificity targets will be affected at any point within the bounds
  of a users min and max viewport widths.
*/

/* 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*/

  .header-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;
  }
}