/*
Theme Name: Heat Action Platform
Theme URI:
Author: Imaginary Office
Author URI:
Description: Heat Action Platform 2.0 block theme
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.7
Version: 0.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template:
Text Domain: heatactionplatform
Tags: full-site-editing
*/

:root {
  --red: #861f32;
/* var(--wp--preset--color--primary-red) */
  --yellow: #ffc530;
/* var(--wp--preset--color--primary-yellow) */
  --darkblue: #002e6d;
/* var(--wp--preset--color--dark-blue) */
  --mediumblue: #0080a6;
/* var(--wp--preset--color--primary-blue) */
  --ac-blue: #005596;
/* var(--wp--preset--color--ac-blue) */
  --ac-gray-blue:#234c6a;
/* var(--wp--preset--color--ac-gray-blue) */
  --scroll-padding-top: 72px;
}

@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  font-display: fallback;
  src: url("./assets/fonts/open-sans_normal_400.ttf")
      format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  font-display: fallback;
  src: url("./assets/fonts/open-sans_normal_700.ttf")
      format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  font-display: fallback;
  src: url("./assets/fonts/open-sans_italic_400.ttf")
      format("truetype");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  font-display: fallback;
  src: url("./assets/fonts/open-sans_italic_700.ttf")
      format("truetype");
}

/* languages */

*:lang(hi-IN) {
  word-break:break-word;
  font-family: Noto Sans Devanagari, sans-serif;
}

*:lang(ta-IN) {
        word-break: break-word;
        font-family: Noto Sans Tamil, sans-serif;
}


/* define 1rem */
html {
    scroll-behavior: smooth;
    font-size: 18px;
    scroll-padding-top: var(--scroll-padding-top);
} /* scroll padding sets viewspace with fixed header */

body {
  --wp--preset--font-family--open-sans: Open Sans, sans-serif;
	--wp--preset--font-family--roboto-slab: Roboto Slab, serif;
  position: relative;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  top: 0;
}
/* wp core */

/* ADDITIONS: via Jira ticket #AAR-24, 26 */
body.fixed-header {
  top: 158px;
}
body.fixed-header #module-nav {
  position: fixed;
  top: 72px;
  right: 0;
}
body.fixed-header .redbar-1br {
  opacity: 0;
}
body.fixed-header #acf-main-nav {
  position: fixed;
  top: -124px;
}
@media screen and (max-width: 768px) {
  body.fixed-header #acf-main-nav {
    position: fixed;
    top: -104px;
  }
}
/* END ADDITIONS */

.screen-reader-text {
    border: 0;
    clip: rect(1px,1px,1px,1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important;
}

/* universals */

/* button, */
/* [role="button"], */
.button,
.wp-block-button .wp-block-button__link,
.search-submit  {
  color: black;
  display:inline-block;
  font-size:14px;
  line-height:1.78em;
  position:relative;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  padding: 14px 18px;
  text-align:center;
  text-decoration:none;
  text-transform: uppercase; letter-spacing:0.8px;
  width:auto;
  background-color:var(--wp--preset--color--primary-yellow);
	}
/* button a, */
/* [role="button"]:a, */
.button a {
  text-decoration:none;
  }
/* button:hover, */
[role="button"]:hover,
.wp-block-button .wp-block-button__link:hover,
.button a:hover,
.search-submit:hover {
  font-weight:700;
	}
.search-submit {
  border-color:var(--wp--preset--color--primary-yellow);
  border-style:solid;}
input.search-field {
  font-family: "Open Sans"!important;}
i {
  font-size:1rem;
  padding: 0 10px;
  }
blockquote.wp-block-quote {
  padding:0 20px;
  border-left:4px solid var(--wp--preset--color--primary-yellow);
  margin:30px 0;
}
  blockquote.wp-block-quote p {
  margin:0;
}
.wp-block-pullquote blockquote {
  color:var(--wp--preset--color--primary-blue);
}

ul, ol,
ul ul, ol ol {
  list-style-type:disc;
  list-style-position:outside;}

/* bulleted list, add class yellow bullet */

ul.yellow-bullet,
ul.yellow-bullet ul {
    list-style-type:none;
}
ul.yellow-bullet>li::before,
ul.yellow-bullet>li li::before {
    display:inline-block;
    background-color: var(--wp--preset--color--primary-yellow);
    border-radius: 50%;
    content: "";
    height: 7px;
    width: 7px;
    margin-right:10px;
    margin-left:-20px;
}
/* small-caps style */

.small-caps {
  font-size:14px;
  text-transform:uppercase;
  letter-spacing: 1.5px;
  font-weight:600;
}
.hap-content-type,
p.hap-content-type,
.hap-content-type a,
p.hap-content-type a  {
  font-size:16px;
  color: var(--wp--preset--color--primary-red);
  padding:10px 0;
}


/* add class icon list, font awesome */

ul.icon-list,
ul.icon-list ul {
  list-style-type:none;}

/* social share */

.wp-block-outermost-social-sharing.social-share {
  position:fixed; bottom:25px; left:25px; background:transparent; z-index:2;}

.wp-block-outermost-social-sharing.social-share li {
  box-shadow: 1px 1px 5px #000000; margin-top: 12px;}




/* push down footer */
main {
    min-height: 60vh;
}

/* header search */

.wp-block-search__label { margin-left: -1000px;}

header .wp-block-search__inside-wrapper button { display: none; }

header input { color: white; }

header input:focus {
  outline: none !important;
  border: none !important;
}

::placeholder,
:-ms-input-placeholder,
::-ms-input-placeholder {
  color: white;
  opacity: 1;
}


/* foooter search */

footer .search-field, .wp-block-search__inside-wrapper  { font-size: 1rem; margin: 0 auto; border: 0; height: 57px; padding: 5px 10px; }
.wp-block-search__inside-wrapper .wp-block-search__input { border: 0; font-size: 1.25rem;  }

/* block template styles */


/* icon list horizontal block */

.hap-icon-list p.icon-picker i.fas {color: #ffffff;}
.hap-icon-list h2 {padding: 20px 0 30px;}
.hap-icon-list p.icon-picker {width:100px; height:100px; background:var(--wp--preset--color--primary-blue); border: 1px solid var(--wp--preset--color--primary-blue); border-radius:50px; padding:0; display:flex; justify-content:center; align-items:center;}
.hap-icon-list p.icon-picker i.fas {font-size: 40px; padding:0;}
.hap-icon-list p.icon-list-item-heading {font-size:20px; font-weight:700; text-transform:uppercase; padding:15px 0;}

/* hap phases, icon list vertical */
.hap-phases .wp-block-heading {font-size:34px;}
.hap-phases ul{padding-inline-start:0;margin-top:20px; margin-left: 80px;}
.hap-phases li {
    text-indent: -75px;
}
.hap-phases li, .hap-phases li a {
    font-size: 24px;
    margin-bottom: 30px;
    text-indent: 40px;
}
.hap-phases li a {text-decoration:none; }
.hap-phases li:before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f08e";
  font-size:1rem;
  color: #000000;
  background-color:var(--wp--preset--color--primary-yellow);
  width:50px; height:50px;
  padding:16px 18px ;
  margin-right:20px;
text-decoration:none;
margin-left: -115px;
}
.hap-phases li a:hover {text-decoration:underline;}
.hap-phases .wp-block-media-text__content {
min-height:400px;
display:flex; flex-direction:column; align-self:center; justify-content:center; padding: 35px 40px;}

/* hero banner with text */
.hap-hero .wp-block-cover__inner-container {max-width:1270px; margin:0 auto;}
.hap-hero .wp-block-cover__inner-container .wp-block-column {padding:0;}
.hap-hero p {font-size:21.6px;}
.hap-hero p a {color: #ffffff;}
.hap-hero .hap-content-type,
.hap-hero .hap-content-type a {
color: var(--wp--preset--color--primary-yellow);
text-decoration:none;
text-transform:uppercase;
  letter-spacing: 1.5px;
  font-weight:600;
}
.hap-hero h2 {
font-size: 67.5px;
font-weight:700;
}

*:lang(ta-IN) .hap-hero h2 {
    font-size: 60px;
}

.hap-hero .rt-reading-time {
    padding-right: 30px;
}

.hap-hero p.print-this {
    display: inline-block;
    width: auto;
    color: #ffffff;
    text-decoration: none;
    cursor: pointer;
    font-size: 16px;
    text-transform: uppercase;
    letter-spacing: 1.5px;
    font-weight: 500;
}
.hap-hero p.print-this:before {
  font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02f";
    padding-right:10px;
    color:#ffffff;
}
.hap-hero p.print-this:hover {
  font-weight:400; text-decoration:underline;}

.yellow-whisker {
    width: 100vw;
    height: 2px;
    background: var(--wp--preset--color--primary-yellow);
    display: block;
    margin: 30px 0!important;
    position: relative;
    transform: translateX(calc(-100% + 125px));
    padding:0;
}
.yellow-whisker:after {
    content: "";
    display: block;
    height: 6px;
    width: 6px;
    background: var(--wp--preset--color--primary-yellow);
    border-radius: 50%;
    position: absolute;
    right: -5px;
    top: -2px;
}
/* is-style-fluorish adds yellow whisker to the left */

.is-style-fluorish,
.is-style-flourish {
    position: relative;
}
.is-style-fluorish:after, .is-style-fluorish:before,
.is-style-flourish:after, .is-style-flourish:before {
    content: "";
    background: var(--wp--preset--color--primary-yellow);
    display: block;
    position: absolute;
    right: calc(100% + 15px);
    top: calc(50% - 12.5px);
    transform: translateY(-50%);
}
.is-style-fluorish:before,
.is-style-flourish:before {
    width: 100vw;
    height: 2px;
    margin: 0;
}
.is-style-fluorish:after,
.is-style-flourish:after {
    height: 10px;
    width: 10px;
    border-radius: 50%;
}
.rt-reading-time {
  padding-bottom:15px;
  font-size:16px;
  text-transform:uppercase;
  letter-spacing: 1.5px;
  font-weight:500;
}

/* related posts block , derivative grid layout block */

.hap-related-posts,
.hap-grid-layout {padding:50px 0;}
.hap-related-posts .wp-block-columns .wp-block-column,
.hap-grid-layout .wp-block-columns .wp-block-column{
 display:flex; flex-direction:column; position:relative; padding:0;
}
.hap-related-posts .wp-block-columns .wp-block-column .wp-block-group,
.hap-grid-layout .wp-block-columns .wp-block-column .wp-block-group {
 flex-grow:1; padding: 35px 40px; margin-block-start: 0;
}
.hap-related-posts h2,
.hap-grid-layout h2 {font-size:22px; font-weight:700;}
.hap-related-posts .wp-block-buttons,
.hap-grid-layout .wp-block-buttons {
  position:relative;
  height:50px;
  margin-block-start: 0;
  margin-block-end: 40px;
  padding: 0 40px 20px;
}

/* related posts continue block */

.hap-related-posts .wp-block-columns .wp-block-column.continue-column {
   align-self:center;
}
.hap-related-posts .wp-block-columns .continue-column h2,
.hap-related-posts .wp-block-columns .continue-column p {
 color:white;
}
.hap-related-posts .wp-block-columns .continue-column h2 {font-size:34px;}

.hap-related-posts .wp-block-columns .continue-column h2 a {
        color: white;
        font-weight: normal;
    }

/* animated right arrow button (on related posts continue block) */

/* .wp-block-buttons.next-arrow {
  position:relative;
  width:100%;
  height:50px;
  padding: 0;
  } */

.hap-related-posts .wp-block-columns .wp-block-column.continue-column .wp-block-buttons.next-arrow {
  position:relative; width:100%; height:50px; padding:0;
  }
.hap-related-posts .wp-block-columns .wp-block-column.continue-column .wp-block-buttons.next-arrow .wp-block-button {
  position:absolute;
  right:0;
  bottom:0;
  /* margin-bottom:-28px; */
}
.wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link {
  transition: 0.3s ease;
  background: rgba(255, 197, 48, 0);
  width:50px; overflow:hidden;
  height:50px;
	position: relative;
	padding-right: 52px;
  overflow:hidden;
  padding-top:14px;
  padding-bottom:16px;
}
.wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:before{
    content:'';
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		background: var(--wp--preset--color--primary-yellow);
		width: 52px;
    height:50px;
		transition: all .5s ease;
	}
.wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:after{
		content:'';
		background: url(/wp-content/themes/heatactionplatform/images/arrow-next.svg) center center no-repeat;
		transform: rotate(180deg);
		width: 50px;
    height:50px;
		position: absolute;
		display: block;
		/* z-index: 2; */
		right: 0;
		top: 0;
		bottom: 0;
	}
.wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:hover{
      width:auto;
      background: rgba(255, 197, 48, 1);
      transition: all .5s ease;
		}

/* module heading block */
.wp-block-group.hap-module-heading{
  max-width:1270px;
  margin:0 auto;
position:relative;
  }
.wp-block-group.hap-module-heading h2.anchor-heading {
padding-top:50px;
font-size:1.9rem;
width: 260px;
position:absolute;
margin-left:0!important; margin-right:0!important;
font-weight:700;
}
.wp-block-group.hap-module-heading h2.anchor-heading:before {
    content: "";
    background: var(--wp--preset--color--primary-yellow);
    display: block;
    position: absolute;
    right:0;
    top:0;
    width: 100vw;
    height: 20px;
}

/* resources bookmark block */

.hap-bookmarks-list h2.wp-block-heading,
.hap-bookmarks-list h3.wp-block-heading {font-size:1.4rem; padding-bottom:15px; font-weight:700;
}
.hap-bookmarks-list h2:before,
.hap-bookmarks-list h3:before {
    font-family: "Font Awesome 5 Free"; font-weight: 900; content: "\f02e";
    padding-right:20px;
    color:var(--wp--preset--color--primary-yellow);
}
.hap-bookmarks-list .bookmark-list-item  {
  border-top:1px solid var(--wp--preset--color--secondary-medium);
  /* padding: 16px 0; */
  padding-top: 10px;
  padding-bottom: 10px;
  padding-right:70px;
}
.hap-bookmarks-list p {margin:0; padding:0;}

.hap-bookmarks-list .resource-title,
.hap-bookmarks-list .resource-title a {
  font-family: Roboto Slab, serif;
  font-weight:700;
  font-size:18px;
  color:var(--wp--preset--color--primary-blue);
  width:100%;
}
.hap-bookmarks-list .resource-location {
  font-size:0.8rem;
  text-transform:uppercase;
  color:var(--wp--preset--color--primary-blue);
}
.hap-bookmarks-list .show-details {
  font-size:0.8rem;
  color:var(--wp--preset--color--secondary-medium);
  cursor:pointer;
}
.hap-bookmarks-list .show-details.hide {
  display:none;
}
.hap-bookmarks-list .show-details.show:before {
  content:"\002b";
  padding-right:5px;
}
.hap-bookmarks-list .show-details.hide:before {
  content:"\2212";
  padding-right:5px;
}
.hap-bookmarks-list .resource-description {
  display:none;
  font-size:16px;
}
  .hap-bookmarks-list .bookmark-list-item {position:relative;}

/* next arrow (on resources bookmarks block) */
.hap-bookmarks-list .wp-block-buttons.next-arrow {
  position:absolute;
  height:50px;
  right:0;
  top:0;
  }
.hap-bookmarks-list .wp-block-buttons.next-arrow .wp-block-button a.wp-block-button__link {
    text-align:left!important;
    transition:none;}
.hap-bookmarks-list .wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:after{
		background: url(/wp-content/themes/heatactionplatform/images/external-link.svg) center center no-repeat;
    background-size: 20px 20px;
		transform: none;
	}
.hap-bookmarks-list .wp-block-buttons.next-arrow .wp-block-button .wp-block-button__link:hover{
      width:0;
      transition: none;
      padding-left:0;
		}

/* media & text block with (positioned) expand button */
.hap-media-expand .wp-block-media-text .wp-block-media-text__content {
  min-height:357.1875px; position:relative; padding: 35px 40px;
  }
.hap-media-expand .wp-block-media-text p,
.hap-media-expand .wp-block-media-text h2 {margin:0; padding: 0 0 10px 0;}
.hap-media-expand .wp-block-media-text h2 {font-size:1.5rem;}
.hap-media-expand .wp-block-media-text p {font-size:1rem; }
.hap-media-expand p.hap-content-type {padding: 30px 0 10px 0;}
.hap-media-expand .wp-block-buttons {padding: 15px 0;}
.hap-media-expand .wp-block-buttons i {padding: 0 10px 0 0 ;}

/* cover overlay button block */

/* accordion */
.wp-container-25.wp-container-25 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {margin-bottom:30px;}
.c-accordion__title {padding-bottom:15px; border-top:1px solid var(--wp--preset--color--secondary-medium); padding-top:10px; color:var(--wp--preset--color--primary-blue);}
.c-accordion__title:after {padding:0 20px;}
.c-accordion__content p,
.c-accordion__content li {font-size:20px;}

/* search results page */
.wp-block-group.search-results {
    padding-top: var(--wp--preset--spacing--60);
    padding-bottom: var(--wp--preset--spacing--60);
}
.search-results .wp-block-query-title{padding-bottom:var(--wp--preset--spacing--60);}
.search-results .wp-block-column.image-col{
  width:25%; padding:0;}
.search-results .wp-block-column.text-col{
  width:75%; }

.search-results li h3 a { text-decoration: none; }
.search-results .taxonomy-category a {
  text-decoration:none;
  color:var(--wp--preset--color--primary-red);
  font-size:0.8rem;}
.search-results .rt-reading-time {display:none!important;}
.search-results li .text-col { padding-top: 0; }
.taxonomy-category a { cursor: default; }
/* search block */
.hap-search-block .wp-block-group{
padding:var(--wp--preset--spacing--60);}
.hap-search-block .p-block-search__input {font-size:16px;}
.hap-search-block .wp-block-search__inside-wrapper .wp-block-search__input { font-family: "Open Sans";}
.hap-search-block .wp-element-button {text-transform:uppercase; letter-spacing:0.8px;}

/* POLICY TOOL */

.page-template-page-policy-tool .rt-reading-time {display:none!important;}
.page-template-page-policy-tool p.print-this {display:none;}
.page-template-page-policy-tool i.fas.fa-circle-info {color:var(--wp--preset--color--primary-blue);}
.page-template-page-policy-tool a.modal-link {text-decoration:none; font-weight:700;}
.page-template-page-policy-tool a.modal-link:hover {text-decoration:underline;}

section.policy-tool { max-width: 1200px; margin: 0px auto; }
section.policy-tool  ul>li:before { background: white; }
.page-template-page-policy-tool .header-results { font-size: 2rem; padding-left: 20px; font-weight:700;}

/* ninja table filters */

td.footable-sortable > span.fooicon, th.footable-sortable > span.fooicon {
    top: 10px;
}


#footable_14859,
.bootstrap4 .table {
    color: #4a4a4a !important;
}

.ninja_table_wrapper h4 { margin-top: 0; margin-bottom: 0; }
.footable.table>tbody>tr { border-top: 8px solid white; padding-top: 20px; }
.footable.table>tbody>tr>td.ninja_column_6 { position: relative; padding-left: 0; text-transform: uppercase; }
.footable.table>tbody>tr>td { padding-top: 30px; }
.footable.table>tbody>tr>td.ninja_column_0 { padding-bottom: 20px; padding-left: 20px; }

.form-group-ninja_filter_0, .form-group-ninja_filter_1, .form-group-ninja_filter_2 { background: var(--wp--preset--color--primary-yellow) !important; padding: 30px !important; }

.ninja_footable .lever { font-size: 1.2rem; margin-bottom: 24px; font-weight:400; }
.ninja_column_6 a.modal-link { position: absolute; background: var(--yellow); color: black; font-weight: 600; padding: 8px; text-align: center; bottom: 0; right: 0;  width: 100%; text-decoration: none;}
.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search { border: 1px solid #666666; margin-top: 30px !important; width: 100%;  }
.page-template-page-policy-tool .form-group-ninja_filter_6 { width: 100% !important; }
.page-template-page-policy-tool .form-group-ninja_filter_3, .form-group-ninja_filter_4, .form-group-ninja_filter_5 { color: white; background: var(--wp--preset--color--secondary-dark) !important; padding: 30px !important; }
.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: calc(33.333% - 10px) !important;
	margin-right: 10px !important;
}
.page-template-page-policy-tool td.ninja_column_0 .title {
	font-size: 1.5rem !important;
	font-weight: bold !important;
	line-height: 2rem !important;
}
.page-template-page-policy-tool td.ninja_column_0 .title h4 {
font-family:'Open Sans'; font-weight:700; color:#4a4a4a;
}

.page-template-page-policy-tool td.ninja_column_0 .sector {
	margin-top: 40px;
}

.page-template-page-policy-tool .form-group-ninja_filter_0 .ninja_filter_title:before {
  color: white;
  content: '';
  height: 50px;
  position: absolute;
  top: 0;
  left: 0;
  width: 70px;
  background: url(/wp-content/themes/heatactionplatform/images/fa-mountain-sun.svg) center center no-repeat;
  background-size: 25px 25px !important;
  margin-left: 22px;
  margin-top: 30px;
}

.page-template-page-policy-tool thead { background: white !important; }

.page-template-page-policy-tool .form-group-ninja_filter_1 .ninja_filter_title:before {
  color: white;
  content: '';
  height: 50px;
  position: absolute;
  width: 30px;
  background: url(/wp-content/themes/heatactionplatform/images/fa-building.svg) center center no-repeat;
  background-size: 25px 25px !important;
  margin-left: -40px;
  margin-top: -8px;
}
.page-template-page-policy-tool .form-group-ninja_filter_2 .ninja_filter_title:before {
  color: white;
  content: '';
  height: 50px;
  position: absolute;
  width: 30px;
  background: url(/wp-content/themes/heatactionplatform/images/fa-bell.svg) center center no-repeat;
  background-size: 25px 25px !important;
  margin-left: -40px;
  margin-top: -10px;
}

.page-template-page-policy-tool .footable-filtering .SumoSelect .select-all>label, .footable-filtering .SumoSelect>.CaptionCont, .footable-filtering .SumoSelect>.optWrapper>.options li.opt label {     white-space: pre-wrap; }
.page-template-page-policy-tool .ninja_column_0 .lever {
	font-size: 1.5rem !important;
}
.page-template-page-policy-tool .footable_parent table.foo-table.vertical_centered tbody>tr>td, .footable_parent table.foo-table.vertical_centered thead>tr>th { vertical-align: top !important; }
.page-template-page-policy-tool .footable_parent .fooicon-plus:before {  color: black !important; }
.page-template-page-policy-tool .footable-filtering-external.footable-filtering-right, table.footable.footable-filtering-right>thead>tr.footable-filtering>th, table.footable>thead>tr.footable-filtering>th,
.page-template-page-policy-tool .foo-table.hide_all_borders.table thead td, .foo-table.hide_all_borders.table thead tr, .foo-table.hide_all_borders.table thead tr>th { background: white !important; }
.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group:nth-child(-n+3)>.ninja_filter_title { margin-left: 30px; min-height:93px; }
.page-template-page-policy-tool .form-group-ninja_filter_2 .ninja_filter_title:after {
	margin-bottom: 46px;
}
.page-template-page-policy-tool td.ninja_column_4 { position: relative; }

button.viewdetails {
	position: absolute;
	bottom: 0; left: 0;
	width: 100%;
	border: 0; padding: 8px 20px;
	text-transform: uppercase;
	background: black;
	color: white;
}

.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search {
	border: 1px solid #cccccc !important;
}

.form-group.ninja-custom-filter.ninja_reset_wrapper {
	border: none !important;
	width: calc(33.3333333% - 10px) !important;
}
.ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group .form-control {font-weight:700!important; border: none;}

.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group.ninja_reset_wrapper .ninja_reset_button {
		width: 100% !important;
		background: var(--yellow) !important;
    text-transform: uppercase;
    color: black !important;
    font-weight: 600;
    letter-spacing: .5px;
    font-family:'Open Sans';
    padding: 10px 12px;
}
.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline>.form-group.ninja_reset_wrapper .ninja_reset_button:hover {font-weight:700;
}

.page-template-page-policy-tool .ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search {
    padding: 0 !important;
}
.page-template-page-policy-tool .ninja_table_pro.nt_search_full_width .form-group.footable-filtering-search .input-group>.form-control { font-size: 1rem; box-shadow: none; border: none; }
.page-template-page-policy-tool .foo-table .form-group.footable-filtering-search .input-group-btn>button {
    margin: 0!important;
    height: 36px!important;
    padding: 6px 12px!important;
    border-radius: 0;
}
.page-template-page-policy-tool .form-group-ninja_filter_7 { display: flex; width: 100% !important; }
.page-template-page-policy-tool .form-group-ninja_filter_7 input { display: none; }
.page-template-page-policy-tool .form-group.form-group-ninja_filter_7 label {
    width: 136px;
    vertical-align: top;
    background: #eeeeee;
    padding: 10px;
    line-height: 1.2rem;
    font-weight: bold;
    text-align: center;
    margin-right: 8px !important;
    height: 90px;
    font-family: Open Sans, sans-serif;  }

.page-template-page-policy-tool .form-group.form-group-ninja_filter_7 label { cursor: pointer; font-size: 0.75rem; line-height: 1rem; }
.page-template-page-policy-tool .form-group.form-group-ninja_filter_7 label:hover { background: black; color: white; }
.page-template-page-policy-tool .form-group-ninja_filter_7 label.selected { background: black; color: white; }
.page-template-page-policy-tool .ninja_filter_title { font-size: 1.125rem; line-height: 1.5rem; font-weight: bold; }
.page-template-page-policy-tool .see-terms { text-decoration: none; }
.footable-filtering .SumoSelect>.optWrapper.multiple>.options li.opt span i { padding: 0; }

#footable_14859 .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {background-color:#000000;}
.colored_table table.ninja_table_pro.inverted.hide_all_borders.table tbody {font-weight:700;}
.page-template-page-policy-tool .ninja_column_5:not(th) { text-transform: uppercase; letter-spacing:0.5px; }
.colored_table table.ninja_table_pro.inverted.table .sector a{text-decoration:none; cursor:default;}
.viewdetails {font-weight:600;}
.viewdetails:hover {font-weight:700;}
.page-template-page-policy-tool .ninja_column_6 a:hover {text-decoration:none;}
td.footable-sortable>span.fooicon, th.footable-sortable>span.fooicon {left:0; opacity:1;top: 18px;}
.footable-filtering .SumoSelect>.optWrapper {width:100%;}
.footable-filtering .SumoSelect .optWrapper ul.options {margin-block-start:0!important; margin-block-end:0!important;}
.footable-filtering .SumoSelect>.optWrapper>.options {width:100%!important;}


/* Spanish policy tool filter directions: choose one, choose one or more */

:lang(es-ES) .page-template-page-policy-tool .form-group-ninja_filter_0 .ninja_filter_title:after, :lang(es-ES) .form-group-ninja_filter_1 .ninja_filter_title:after { display: block; content: "selecciona uno"; font-weight: normal; font-size: .875rem; line-height: 1.25; margin-bottom: 20px;}
:lang(es-ES) .page-template-page-policy-tool .form-group-ninja_filter_3 .ninja_filter_title:after, :lang(es-ES) .form-group-ninja_filter_4 .ninja_filter_title:after, :lang(es-ES) .form-group-ninja_filter_5 .ninja_filter_title:after, :lang(es-ES) .form-group-ninja_filter_2 .ninja_filter_title:after { display: block; content: "selecciona uno o más"; font-weight: normal; font-size: .875rem; line-height: 1.25; text-transform: none !important; margin-bottom: 20px;}

/* Hindi policy tool filter directions: choose one, choose one or more */
:lang(hi-IN) .page-template-page-policy-tool .form-group-ninja_filter_0 .ninja_filter_title:after, :lang(hi-IN) .form-group-ninja_filter_1 .ninja_filter_title:after { display: block; content: "एक को चुनें"; font-weight: normal; font-size: .875rem; line-height: 1.25; margin-bottom: 20px;}
:lang(hi-IN) .page-template-page-policy-tool .form-group-ninja_filter_3 .ninja_filter_title:after, :lang(hi-IN) .form-group-ninja_filter_4 .ninja_filter_title:after, :lang(hi-IN) .form-group-ninja_filter_5 .ninja_filter_title:after, :lang(hi-IN) .form-group-ninja_filter_2 .ninja_filter_title:after { display: block; content: "एक या ज्यादा को चुनें"; font-weight: normal; font-size: .875rem; line-height: 1.25; text-transform: none !important; margin-bottom: 20px;}

/* Tamil policy tool filter directions: choose one, choose one or more */
:lang(ta-IN) .page-template-page-policy-tool .form-group-ninja_filter_0 .ninja_filter_title:after, :lang(ta-IN) .form-group-ninja_filter_1 .ninja_filter_title:after { display: block; content: "ஒன்றைத் தேர்வுசெய்யவும்"; font-weight: normal; font-size: .875rem; line-height: 1.25; margin-bottom: 20px;}
:lang(ta-IN) .page-template-page-policy-tool .form-group-ninja_filter_3 .ninja_filter_title:after, :lang(ta-IN) .form-group-ninja_filter_4 .ninja_filter_title:after, :lang(ta-IN) .form-group-ninja_filter_5 .ninja_filter_title:after, :lang(ta-IN) .form-group-ninja_filter_2 .ninja_filter_title:after { display: block; content: "ஒன்று அல்லது அதிகமானதைத் தேர்வுசெய்யவும்"; font-weight: normal; font-size: .875rem; line-height: 1.25; text-transform: none !important; margin-bottom: 20px;}


/* // ENGLISH filter directions: choose one, choose one or more  and custom spacing */
:lang(en-US) .page-template-page-policy-tool .form-group-ninja_filter_0 .ninja_filter_title:after, :lang(en-US) .form-group-ninja_filter_1 .ninja_filter_title:after { display: block; content: "choose one"; font-weight: normal; font-size: .875rem; line-height: 1.25; margin-bottom: 20px;}
:lang(en-US) .page-template-page-policy-tool .form-group-ninja_filter_3 .ninja_filter_title:after, :lang(en-US) .form-group-ninja_filter_4 .ninja_filter_title:after, :lang(en-US) .form-group-ninja_filter_5 .ninja_filter_title:after, :lang(en-US) .form-group-ninja_filter_2 .ninja_filter_title:after { display: block; content: "choose one or more"; font-weight: normal; font-size: .875rem; line-height: 1.25; text-transform: none !important; margin-bottom: 20px;}

.policy-tool .p-page--text { font-size: 2rem; font-weight: bold; }
.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afd_columns thead .footable-filtering th .form-inline .form-group.footable-filtering-search { width: 66.6667%; padding:0 !important; }
.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-top: 30px;
    border: 1px solid;
    margin-left: 10px;
    padding:0 !important;
}
.page-template-page-policy-tool .ninja_table_wrapper .ninja_reset_button { background: #000000 !important; border-radius: 0 !important; font-weight: bold; color: #ffffff !important; border: 0 !important;}


.page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline>.form-group.ninja-custom-filter:not(.ninja_reset_wrapper) {
	min-height: 200px;
}


:lang(ta-IN) .page-template-page-policy-tool .ninja_table_wrapper .ninja_table_afcs_columns_3 thead .footable-filtering th .form-inline > .form-group.ninja-custom-filter:not(.ninja_reset_wrapper) {
    min-height: 250px;
}

.page-template-page-policy-tool .ninja_filter_title .fas {
	font-size: 2rem; height: 80px; float: left; width: 40px;
}

.page-template-page-policy-tool .form-group-ninja_filter_3 .ninja_filter_title, .form-group-ninja_filter_4 .ninja_filter_title, .form-group-ninja_filter_5 .ninja_filter_title {
	text-transform: uppercase; font-size: 1rem; letter-spacing: .5px;
}
.icon::before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
}

.page-template-page-policy-tool .foo-table.footable.table>thead>tr>th {
    padding: 10px 20px!important;
    border: 0;
}

.toomany { width: 100%; display: block; float: none; }

td.ninja_column_0 .sector {
}

.term-definitions {
  columns: 2;
  margin-top: 40px;
  gap: 60px;
}

.term-definitions p {
  break-inside: avoid;
}


a.term-definitions {
  float: right;
  font-size: 1rem;
  color: black;
  padding-right: 30px;
	position: relative;
}

a.term-definitions:after {
      background-color: none;
      color: var(--wp--preset--color--primary-blue);
      content: '';
      position: absolute;
      top: 3px;
      right: 10px;
      height: 16px;
      width: 16px;
      background: url(/wp-content/themes/heatactionplatform/images/circle-info-solid.svg) center center no-repeat;
      background-size: 16px 16px !important;
}

/* single post */
.wp-block-group.post-banner figure {
  height:auto; overflow:hidden;
}
.wp-block-group.post-banner figure {
  height:675px;
}

/* Polylang language switch

.wp-block-polylang-language-switcher select { font-family: "Open Sans" sans-serif !important; padding: 5px 10px; background: transparent; margin-right: 20px; color: white; border: none;  }
.wp-block-polylang-language-switcher select option { font-family: "Open Sans" sans-serif !important; }
*/

/* single policy post styles -- also used in modal because the block styles in the block css do not load into the modal */

.single-heatactionpolicy .intro-title .social { display: none; }


.social i, .social a:where(:not(.wp-element-button)), .social .print-this:before { text-decoration: none; color: #888888;  }

.modal-wrapper.styled {  background-color: rgba(0, 0, 0, 0.25) !important; }

.modal-wrapper .loading {
  display: block;
  width: 100px;
  margin: auto;
  padding: 25vh 0;
}

/* .acf-block-policy-details { margin-top: 36px; } */

.acf-block-policy-details p, .acf-block-policy-details li, .acf-block-policy-details h3 { font-size: 18px;}
.acf-block-policy-details p { margin-top: 8px; }
.acf-block-policy-details .content-primary {display:flex; gap: 5%; }
.acf-block-policy-details .content-primary div.intro-title,
.acf-block-policy-details .content-primary div.intro-casestudies,
.acf-block-policy-details .content-primary div.thumbnail { width: 50%; }
.acf-block-policy-details .content-primary div.thumbnail { justify-content:center;}
.acf-block-policy-details .content-primary div.thumbnail img {width:100% ; }

.acf-block-policy-details .content-primary div.intro-casestudies, .acf-block-policy-details .content-primary div.intro-title h1 { font-size:32px; margin-top:40px;}
.acf-block-policy-details .content-primary div.intro-casestudies, .acf-block-policy-details .content-primary div.intro-title .caps { color:#888888; margin-top:40px;}


.caps { text-transform: uppercase; }
.acf-block-policy-details .intro-casestudies { border-top: 5px solid var(--yellow); border-bottom: 5px solid var(--yellow); padding: 18px 0; height: fit-content; }

.acf-block-policy-details .content-secondary {columns: 2; column-gap: 10%; margin-top: 60px; padding-right: 40px; position:relative; }

.no-col-break-inside {
    -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
    page-break-inside: avoid; /* Firefox */
    break-inside: avoid; /* IE 10+ */
        }
.acf-block-policy-details .content-secondary .no-col-break-inside.left-column{
    break-after: always;
    -moz-column-break-after: always;
    -webkit-column-break-after: always;}

.acf-block-policy-details .content-secondary section { margin-bottom: 30px;}

.acf-block-policy-details h2 { font-size: 1.25rem; font-weight:700; }

.acf-block-policy-details h3 { font-weight: 700; color: #696969; font-family: Open Sans, sans-serif; display: inline-block; }

.acf-block-policy-details .intro-title .social { margin-top: 30px; margin-left: -8px;}

.acf-block-policy-details .lever { color: #C78A00; font-size: 20px; margin-top: 6px; }

.acf-block-policy-details .policy-tool-promo { background-color: var(--yellow); text-align: center; }

.acf-block-policy-details ul.details-secondary li { margin-bottom: 12px; color: #696969; position: relative; }

ul.details-secondary li .the-terms { display: block; }
ul.details-secondary { list-style: none; margin: 1em 0; }
ul.details-secondary > li:before {
  background-color: none;
  color: #999;
  content: '';
  height: 20px;
  position: relative;
  top: -1px;
  left: 0;
  width: 50px;
  background: url(/wp-content/themes/heatactionplatform/images/fa-check-circle-blue.svg) center center no-repeat;
  background-size: 20px 20px !important;
  margin-left: -50px;
  margin-top: 0;
  display: inline-block;
  position: absolute;
  padding-top:10px;
}
ul.details-secondary > li.casestudy {
  display:inline-block;
  margin-top:-30px;}
ul.details-secondary > li.casestudy a {
  color: #696969;
  font-weight:600;
  text-decoration:none;
}
ul.details-secondary > li.casestudy a:hover {
  text-decoration:underline;
}
ul.details-secondary > li.casestudy:before {
      background-color: none;
      color: #999;
      content: '';
      height: 50px;
      position: relative;
      top: 19px;
      left: 0;
      width: 50px;
      background: url(/wp-content/themes/heatactionplatform/images/fa-book-solid-blue.svg) center center no-repeat;
      background-size: 24px 24px !important;
      margin-left: -50px;
      /* margin-top: -15px; */
      padding-top:0;
    }

.acf-block-policy-details .tooltip {
    position: relative;
    display: inline;
    border-bottom: 1px dotted black; /* dots under hoverable text */
  }

  .acf-block-policy-details .tooltip .tooltiptext {
    visibility: hidden;
    width: 320px;
    background-color: #555;
    color: #fff;
    text-align: left;
    padding: 15px;
    border-radius: 6px;

    /* Position the tooltip text */
    position: absolute;
    z-index: 1;
    bottom: 125%;
    left: 50%;
    margin-left: -60px;

    /* Fade in tooltip */
    opacity: 0;
    transition: opacity 0.3s;
  }

  .acf-block-policy-details .tooltip .tooltiptext::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -5px;
    border-width: 5px;
    border-style: solid;
    border-color: #555 transparent transparent transparent;
  }

  /* Show the tooltip text when you mouse over the tooltip container */
  .acf-block-policy-details .tooltip:hover .tooltiptext {
    visibility: visible;
    opacity: 1;
  }


.modal-wrapper {
    background-color: rgb(0, 0, 0); /* Fallback color */
    background-color: rgba(0, 0, 0, 0.6); /* Black w/ opacity */
    width: 100%;
}

.modal-wrapper .wp-post-modal {
    position: relative;
    background-color: #fefefe;
    margin: 10vh auto; /* 10vh from the top and centered */
    padding: 0 0 40px 40px;
    border: 1px solid #888;
    width: 70%;
    transition: all 2s ease;
}

.modal-wrapper .wp-post-modal .close-modal {
    background: black;
    position: absolute;
    top: -10px;
    right: 0px;
    font-size: 2.0em;
    color: white;
    cursor: pointer;
    width: 44px;
    height: 44px;
}

.content-primary .intro-casestudies { display: none; }

/* popup maker, Light Box theme 14047, Default theme 14046 for videos, Enterprise Blue theme 14048 for graphics */

.youtube-video {
    aspect-ratio: 16 / 9;
    width: 100%;
}

.pum-close i.fas.fa-xmark {font-size:30px!important;padding-bottom:10px;}

.pum-theme-14047 .pum-content {max-width:1000px; margin:0 auto;}
.pum-theme-14047 p {padding: 0 140px 15px 140px;}


/* graphics */
.pum-theme-14048 p img {width:1000px; height:auto; overflow:scroll; display:block; text-align:center; margin-left:auto; margin-right:auto; margin-top:20px;}
.pum-theme-14048 .pum-container a {color:#ffffff!important;}


/* marketo style overrides */

.mktoModal .mktoModalContent, .site-modal > :first-child { width: 90%; max-width: 400px; padding: 10px 10px 40px 10px !important; }
.mktoModal .mktoModalContent h1, .site-modal > :first-child h1 { font-family: "Roboto Slab", sans-serif; text-align: center; color: var(--red); font-size: 1.5rem; margin: 40px 0 20px 0; }
.mktoButtonWrap { margin: 0 !important; }
.mktoModalMain { width: 100% !important; }
.mktoHtmlText { width: auto !important; }
.mktoForm.mktoLayoutAbove .mktoLabel { visibility: hidden; height: 0; }
.mktoForm input::placeholder { font-family: "Open Sans", sans-serif !important;}
/*downloads 2083*/
#mktoForm_2083 { width: auto !important; }
#mktoForm_2083 .return { text-align:center; }
#mktoForm_2083 .return a { font-size: 12px; color: #005596; }
#mktoForm_2083 .mktoFormCol { float: none; }
#mktoForm_2083 .mktoFieldWrap { float: none; width: 90%; max-width: 300px; margin: 0 auto; }
#mktoForm_2083 input[type=text], #mktoForm_2083 input[type=email] { width: 100% !important;height: 40px;  padding-left: 10px; }
#mktoForm_2083 .mktoButtonRow { margin-top: 10px; width: 100% !important; text-align: center; }
#mktoForm_2083 .mktoHtmlText p { margin: 0 auto 10px 0 !important; text-align: center !important; }
#mktoForm_2083 .mktoForm input[type=text] { width: 80% !important; }
.mktoForm button.mktoButton, .mktoForm .mktoButtonWrap.mktoInset .mktoButton { background: var(--yellow) !important; color: black !important; font-family: "Open Sans", sans-serif !important; padding: 10px 14px  !important; border: 0  !important; font-weight: 700  !important; letter-spacing: 1px  !important; }
#mktoForm_2083 .mktoOffset { height: 4px; }
.page-id-14057 .mktoModalClose, .page-id-15986 .mktoModalClose, .page-id-15988 .mktoModalClose, .page-id-15995 .mktoModalClose { /* hide close button on downloads mkto form */
    display: none;
}

/* contact 2446 */
#mktoForm_2086 .mktoLabel, #mktoForm_2446 .mktoLabel,
#mktoForm_2086 .mktoGutter, #mktoForm_2086 .mktoOffset {
    width: 0 !important;
}
#mktoForm_2086 .mktoFormCol { width: 100% !important; }
#mktoForm_2086 .mktoFieldWrap { width: 100% !important; }
#mktoForm_2086 input[type=text], #mktoForm_2086 input[type=email], #mktoForm_2086 select.mktoField { width: 100% !important; height: 40px !important; padding-left: 10px !important; }
#mktoForm_2086 textarea.mktoField { width: 100% !important; padding-left: 10px; padding-top: 10px; }
#mktoForm_2086 h1 { font-family: "Roboto Slab", sans-serif; text-align: center; color: var(--red); font-size: 1.5rem; margin: 40px 0 20px 0; }
#mktoForm_2086 .mkto_prompt { margin-top: 20px; }
#mktoForm_2086 .mktoButtonWrap, #mktoForm_2086 .mktoButtonRow { text-transform: uppercase; text-align: center; width: 100% !important; }

/* footer signup */
#mktoForm_2446 .mktoLabel { visibility: hidden; }
#mktoForm_2446 .mktoGutter, #mktoForm_2446 .mktoOffset { width: 0 !important; }
#mktoForm_2446 input[type=text], #mktoForm_2446 input[type=email]  { width: 100% !important; height: 40px !important; padding-left: 10px !important; border: none; font-family: "Open Sans", sans-serif !important; }
#mktoForm_2446 { margin-top: 24px; padding: 0; }
#mktoForm_2446 div { width: 100% !important; }
#mktoForm_2446 button { text-transform: uppercase; }
