/* colors */
.white {color:#fff;}
.bg-white {background-color:#fff;}
.soft-black {color:#333532;}
.bg-soft-black {background-color:#333532;}
.logo-black {color:#231F20;}
.bg-logo-black {background-color:#231F20;}
.slate {color:#587294;}
.bg-slate {background-color:#587294;}
.bg-dk-slate {background-color:#3F5271;}
.lime {color:#bddd63;}
.bg-lime {background-color:#bddd63;}
.plum {color:#A878AE;}
.bg-plum {background-color:#A878AE;}
.forest {color:#1b4e4b;}
.bg-forest {background-color:#1b4e4b;}
.natural {color:#f5eece;}
.bg-natural {background-color:#f5eece;}
.natural-tint {color:#F8F6E8;}
.bg-natural-tint {background-color:#F8F6E8;}
.bg-forest-grad {background: linear-gradient(0deg, #2A5C52 0%, #263935 100%);}
.bg-lt-forest-grad {background: linear-gradient(180deg, #2D5F53 0%, #1B4E4B 100%);}
.bg-black-grad {background: linear-gradient(0deg, #000 3.46%, #333532 68.87%);}
.bg-plum-grad {background: linear-gradient(180deg, #A277A7 0%, #6D4974 100%);}
.bg-slate-black-grad {background: linear-gradient(0deg, #3B4553 0%, #3F5271 100%);}
.bg-black-slate-grad {background: linear-gradient(180deg, #333532 0%, #4D4F4C 100%);}
.bg-lt-slate-black-grad {background: linear-gradient(180deg, #616161 0%, #333532 72.6%);}
/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
/* poppins-regular - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: 
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-Regular.woff') format('woff'),
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-Regular.woff2') format('woff2'); 
}
/* poppins-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: italic;
  font-weight: 400;
  src: 
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-Italic.woff') format('woff'),
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-Italic.woff2') format('woff2'); 
}
/* poppins-700 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: 
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-Bold.woff') format('woff'),
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-Bold.woff2') format('woff2'); 
}
/* poppins-800 - latin */
@font-face {
  font-display: swap; 
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 800;
  src: 
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-ExtraBold.woff') format('woff'), 
    url('/wp-content/themes/taper2025/inc/fonts/Poppins-ExtraBold.woff2') format('woff2'); 
}

body {
font-family: 'Poppins', sans-serif;
font-size: 18px;
font-style: normal;
font-weight: 400;
line-height: 1.5;
color: #333532;
}

h1, h2, h3, h4, h5, h6, .title {
  clear: both;
  line-height: 1.2;
}

h1, .number {
font-size: 2.2rem;
font-weight: 700;
/*line-height: 2.7;*/
letter-spacing: -1.6px;
}

h2 {
font-size: 2rem;
font-weight: 400;
/*line-height: 2.3;*/
letter-spacing: -0.72px;
}

h3 {
font-size: 1.5rem;
font-weight: 700;
line-height: 1.3;
letter-spacing: -0.56px;
}

h3.stat-number {
font-size: 1.7rem;
font-weight: 800;
letter-spacing: 0;
}

h4, h1.entry-title {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.7;
letter-spacing: unset;
}

h1.entry-title {line-height: 1.5;}

h5 {
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 5px 0;
}

h6 {
  font-size: 1.1rem;
  line-height: 1.4;
  margin: 5px 0;
  font-weight: 700;
  color:#bddd63;
}

.page-template-default p {margin-bottom: 5%;}
.page-template-default p + ul {margin-top: -4%; margin-bottom: 5%;}
.single-post h3 {
color:#1b4e4b;
line-height: 1.2;
}

h3.card-text{line-height: 1.3;}

.lead-in {
color: #1B5749;
font-weight: 700;
}

.lead-in li {margin-bottom: 2rem;}

.bolder {font-weight: 700;line-height: 1.3;}

.title {
font-size: 1rem;
font-weight: 700;
line-height: 1.7;
letter-spacing: 0.9px;
text-transform: uppercase;
}

.caption {
font-size: 1rem;
font-weight: 400;
line-height: 1.6;
letter-spacing: 1.8px;
text-transform: uppercase;
}

.visually-hidden {
position: absolute;
position: absolute !important;
width: 1px !important;
height: 1px !important;
padding: 0 !important;
margin: -1px !important;
overflow: hidden !important;
clip: rect(0,0,0,0) !important;
white-space: nowrap !important;
border: 0 !important;
}

ul {
  line-height: 1.8;
}

.wp-caption-text, .caption, .carousel-caption {
    color: #855A8D;
    font-family: Poppins;
    font-size: 12.019px;
    font-style: normal;
    font-weight: 400;
    line-height: 1.3;
    text-align: right;
    margin-top: 10px;
    text-transform: none;
}

.category-case-study blockquote {
    margin: 2rem 0;
    border: none;
    padding: 0;
font-family: Poppins;
font-size: 36px;
font-style: normal;
font-weight: 400;
line-height: 45px; /* 125% */
letter-spacing: -0.72px;
color: #1b4e4b;
}
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
  color:#333532;
  text-decoration: none !important;
  border-bottom: 2px solid #A878AE;
}

a:hover {
  color:#333532;
  border-bottom: 2px solid #bddd63;
}

a.lime, .page-template-default .entry-content .bg-soft-black a {
  color:#bddd63;
  text-decoration: underline !important;
  border-bottom: none;
}

a.lime:hover, .page-template-default .entry-content .bg-soft-black a:hover {
  color:#A878AE;
  border-bottom: none;
}

.bg-plum-grad a {
  color:#F8F6E8;
  border-bottom: 2px solid #A878AE;
}

.bg-plum-grad a:hover {
  border-bottom: 2px solid #BDDD63;
}

.site-footer a {
  color:#BDDD63;
  text-decoration: none !important;
  border-bottom: none;
}

.error-404 button, .error-404 a {
background: transparent;
border: none;
color: #FCFBF5;
padding: 0;
text-decoration: underline !important;
}

.error-404 button:hover, .error-404 a:hover {
color: #BDDD63;
}

.btn, #page input[type="submit"], button.alm-load-more-btn.more, .hs_submit .hs-button {
font-size: 1rem;
font-weight: 700;
line-height: 1.4;
display: inline-flex;
padding: 12px 16px;
align-items: flex-start;
border-radius: 0;
border: 0;
}

.btn.btn-lime, #page input[type="submit"], button.alm-load-more-btn.more,
.hs_submit .hs-button, .search-submit, .btn.understrap-read-more-link {
color:#333532;
background: #BDDD63;
border: 3px solid #BDDD63;
}

.btn.btn-lime:hover, #page input[type="submit"]:hover, button.alm-load-more-btn.more:hover,
.hs_submit .hs-button:hover, search-submit:hover, .btn.understrap-read-more-link:hover {
background-color:#333532;
color: #BDDD63;
border: 3px solid #BDDD63;
}

button.alm-load-more-btn.more {
  display: block;
  margin: auto;
}

button.alm-load-more-btn.more.done {
  background-color: #B0AEAE;
  border-color: #B0AEAE;
  cursor: not-allowed;
}

button.alm-load-more-btn.more.done:hover {
color:#333532;
}

#wrapper-navbar .menu-main-nav-container a, a.brand, #socialBlock a {
  border-bottom: none !important;
}

#socialBlock a:hover img {opacity: .8;}

#mainnavbar {justify-content: space-between;}

ul#menu-main-nav, .site-footer ul {
  margin-bottom: 0;
}

.site-info li {
  line-height: 26px;
}

.main-navigation #menu-main-nav > li.menu-item, .legal-info li {
  display: inline-block;
  padding: 16px 24px;
}

.main-navigation #menu-main-nav > li.menu-item {
  position: relative;
}

.main-navigation #menu-main-nav > li.menu-item > a, .sub-menu a {
color: #BDDD63;
font-size: 1rem;
font-weight: 700;
line-height: 1.1;
letter-spacing: 0.9px;
text-transform: uppercase;
}

.sub-menu {
min-width: 248px;
}

.sub-menu a {
font-weight: 400;
text-transform: unset;
}

.main-navigation #menu-main-nav > li.menu-item > a:hover, .sub-menu a:hover {
color: #A878AE;
}

.menu-item-has-children a::after {
display: inline-block;
margin-left: .255em;
vertical-align: .255em;
content: "";
border-top: .3em solid;
border-right: .3em solid transparent;
border-bottom: 0;
border-left: .3em solid transparent;
}

.menu-item-has-children .sub-menu a {
  display: block;
  padding: 10px 0;
}

.menu-item-has-children .sub-menu a::after {display: none;}

.navbar-toggler {display: none;}

.sub-menu {
display: none;
background-color: #333532;
border: none;
left: 5px !important;
list-style-type: none;
position: absolute;
padding: 16px 24px;
z-index: 100;
}

.menu-item-has-children:hover .sub-menu {display: block;}

.search-field, .form-control {
border-radius: 0;
max-width: 230px;
display: flex;
padding: 0 10px;
}

#hiddenSearch button {padding: 8px;}
.navbar-toggler {border:none;}
.btn-search[aria-expanded="true"] {display: none; opacity: 0;}
.btn-search {opacity: 1; transition: opacity 0.5s;}

.collapse-horizontal  {opacity: 0;transition: opacity 0.5s;}
.collapse-horizontal.show  {opacity: 1;}

.search-submit {position: relative;}
.search-submit:after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  width: 39px; 
  height:40px;
  background-image: url("/wp-content/uploads/2025/06/search-dark.png");
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
}


.back-to-top {
position: fixed;
bottom: 90px;
right: 0;
display: none;
text-decoration: none;
transition: width 0.5s ease, height 0.5s ease;
z-index: 1000;
background-image: url(/wp-content/uploads/2025/05/back-to-top.png);
background-size: cover;
background-repeat: no-repeat;
width: 42px;
height: 42px;
opacity: 1;
border-bottom: none;
}

.back-to-top:hover {
width: 72px;
height: 72px;
border-bottom: none;
}

a.nav-link.nav-link-has-dropdown.dropdown-toggle {
border: none;
background: white;
padding: 10px;
color: rgba(0, 0, 0, 0.37);
font-size: 17.111px;
font-style: normal;
font-weight: 600;
}


a.nav-link.nav-link-has-dropdown.dropdown-toggle:after {
background: #BDDD63;
padding: 12px;
border:none;
background-image: url(/wp-content/uploads/2025/06/dropdown.png);
background-size: cover;
background-repeat: no-repeat;
width: 26px;
height: 14px;
}

a.borderless {border: none !important;}

.carousel-indicators {margin-bottom: 0;}
.carousel-indicators [data-bs-target] {
width: 16px;
height: 16px;
margin-right: 16px;
margin-left: 16px;
opacity: 1;
background-color: transparent;
border: 2px solid #BDDD63;
border-radius: 50%;
}

.carousel-indicators .active {
    background-color: #BDDD63;
}

.carousel-control-next-icon, .carousel-control-prev-icon {
width: 25px;
height: 20px;
background-repeat: no-repeat;
background-size: contain;
background-image: url(/wp-content/uploads/2025/06/Arrow_slider.png);
}
.carousel-control-next, .carousel-control-prev {top: unset;z-index: 3;}
.carousel-control-prev {left: 35%;}
.carousel-control-next {right: 35%;}
.carousel-control-prev-icon {transform: rotate(180deg);}

#carouselHome img.object-fit-cover {max-height: 380px;}

/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
.object-fit-cover {object-fit: cover;}
img.object-fit-cover {width: 100%;}
/*.row {margin-left: unset; margin-right: unset;}
.single-post #primary {padding: 0;}*/

.wrapper {padding: 0;}

.container {
    max-width: 100%;
    padding: 0;
}

#colophon ul {
list-style-type: none;
padding: 0;
}

.site-footer {
font-size: 1rem;
font-weight: 500;
}

.legal-info {
font-size: 14px;
font-weight: 400;
}

.sketch-line {
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
min-height: 6px;
background-image: url("/wp-content/uploads/2025/05/hr_sketch.png");
}

.sketch-line-natural {
background-image: url("/wp-content/uploads/2025/05/hr_sketch-white.png");
}


.home h1.entry-title {display: none;}

.form-control {border: none;}



#featured .hero.row {color: #F8F6E8;}

.relative, .hero, .hero.row, #locationBlock.hero, #quoteBlock.hero, #repeater.hero, 
#techBlock.hero {
  position: relative;
}

.hero .col-12.absolute, #locationBlock .row.absolute, #quoteBlock .row.absolute, 
#repeater .row.absolute, #techBlock .row.absolute, .col-12.absolute {
top: 0;
left: 0;
position: absolute;
z-index: -1;
height: 100%;
}

.hero .col-12.absolute img {width: 100%;}

.post div#anchor {min-height: 200px;}
.post div#hook  {margin-top: -10%;}


#quoteBox {
background-image: url("/wp-content/uploads/2025/06/bg_grocery-blue.jpg");
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;

}

#featured .hero h2 {
font-size: 1.3rem;
font-weight: 400;
line-height: 1.5;
letter-spacing: 0;
}

.card {
border-radius: 0;
border: none;
padding: 0 15px;
background: transparent;
}

.card-img-top {
    border-radius: 0;
    height: 30vh;
    object-fit: cover;
}

.card h4 {font-weight: 400;}

.card-tag {
color: #2D5F53;
font-size: 16px;
font-weight: 700;
letter-spacing: 1.6px;
text-transform: uppercase;
margin-bottom: 15px;
}

.home #columns .card {max-width: 350px;}

#serviceBlock {
height: 37vh;
width: 285px;
max-width: 100%;
padding: 30px;
align-content: center;
display: inline-block;
position: relative;
z-index: 100;
}

#serviceBlock:before {
position: absolute;
background-size: cover;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
content: "";
top:0;
left:0;
background-color: #154744;
background-image: url(/wp-content/uploads/2025/06/button_energy.png);
z-index: -1;
transition: background-image 0.5s linear;
width: 100%;
height: 100%;
}

#serviceRow .col-12:nth-child(2) #serviceBlock:before {
background-image: url(/wp-content/uploads/2025/06/button_refrigeration.png);
}

#serviceRow .col-12:nth-child(3) #serviceBlock:before {
background-image: url(/wp-content/uploads/2025/06/button_funding.png);
}

#serviceRow .col-12:nth-child(4) #serviceBlock:before {
background-image: url(/wp-content/uploads/2025/06/button_compliance.png);
}


#services a {
text-decoration: none;
border-bottom: none !important;
}

#serviceBlock h3 {
color: #F5EECF;
position: relative;
z-index: 200;   
}

#serviceBlock:hover:before {
background-image: url(/wp-content/uploads/2025/06/button_energy-active.png);
box-shadow: 0px 8px 12px 0px rgba(0, 0, 0, 0.60);
}

#serviceRow .col-12:nth-child(2) #serviceBlock:hover:before {
background-image: url(/wp-content/uploads/2025/06/button_refrigeration-active.png);
}

#serviceRow .col-12:nth-child(3) #serviceBlock:hover:before {
background-image: url(/wp-content/uploads/2025/06/button_funding_active.png);
}

#serviceRow .col-12:nth-child(4) #serviceBlock:hover:before {
background-image: url(/wp-content/uploads/2025/06/button_compliance-active.png);
}

#serviceBlock:hover h3 {
color: #BDDD63;
}

#serviceBlock:hover h3:after {
position:absolute;
left:0;
bottom:-50px;
content: "";
background: url("/wp-content/uploads/2025/05/arrow-R-green.png");
background-size: cover;
width: 50px;
height: 40px;
}

#impact .col-md-3 img {max-width: 190px;}

#repeater .row:nth-child(even) div#repeaterGraphic {
    order: 2;
}

.bg-natural-grid, .single-post #single-wrapper, .page-template-page_insights #insights, 
.page-template-page_refrigeration #repeater, .page-template-page_funding #repeater {
background-repeat: repeat;
background-size: contain;
background-image: url(/wp-content/uploads/2025/06/bg_grid-natural-1.png);
}

.category-case-study {background-color: #333532;}
.category-case-study h2.forest {color: #BDDD63;}

.bg-green-grid {
background-repeat: repeat;
background-size: contain;
background-image: url(/wp-content/uploads/2025/06/bg_grid-e1749486816961.png);
}

.page-template-page_funding #energyAudit {
background-repeat: no-repeat;
background-size: cover;
background-image: url(/wp-content/uploads/2025/06/bg_grocery-forest-lg.jpg);
}

.ytp-title {display: none !important;}
.ytp-shorts-title-channel {margin-top: 10px;}

.embed-container, .responsive-iframe-container, .responsive-iframe-container-vertical, #assessmentForm .modal-body {
  position: relative;
  overflow: hidden;
  width: 100%;
  padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
}

#assessmentForm.embed-container {
width: 800px;
height: 615px;
padding-top: 505px;
margin: auto;
border-radius: 13px;
}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe, .responsive-iframe-container-vertical iframe, .embed-container iframe, iframe#assessment_form_frame {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}

 iframe#assessment_form_frame {left:auto; right: auto;}

.responsive-iframe-container-vertical {
  padding-top: 178%;

}

.inset-shadow {box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.15) inset;}

.modal#assessmentForm {
top: 15%;
}

#assessmentForm .modal-dialog {
width: 90%;
max-width: 830px;
height: auto;
}

/* Hubspot forms */

.hbspt-form fieldset {max-width: unset !important;}

.hbspt-form label, .hbspt-form input::placeholder, .hbspt-form legend {
font-family: 'Poppins', sans-serif;
font-size: 1rem;
margin-top: 10px;
}    

.hbspt-form input::placeholder {
color: rgba(0, 0, 0, 0.37);
font-size: 17.111px;
line-height: normal;
}

.hbspt-form input::placeholder {
padding: 5px;
}

.signup .hs-form-checkbox label {
margin-bottom: 0;
}

.hbspt-form input, .hbspt-form select, .hbspt-form textarea  {
border: none;
border-radius: 0 !important;
background-color: #FCFBF5;
color: #B0AEAE;
padding: 8px 5px;
}

.hbspt-form fieldset .hs-input {
width: 100% !important;
border-radius: 0;
font-size: 1rem;
margin-right: 0 !important;
}

.hbspt-form input[type=checkbox] {
  width: auto !important;
  margin-right: 5px !important;
}

.hbspt-form ul.inputs-list {
list-style: none;
padding-left: 0px;
}

.hs-error-msgs {
font-style: italic;
}

div.hs-fieldtype-checkbox {
margin-top: 10px;
}

.hs-form-required {color: #D77143;}

#contactForm .hs_submit .hs-button {margin-top: 3%;}

.site-info .hs_email input {
padding: 14px 12px;
min-width: 230px;
float: left;
}

.site-info .hbspt-form input::placeholder {
font-size: 14px;
}

.site-info .hs_email label, .grecaptcha-badge {display:none;}

.site-info .input-group input[type="search"] {order:2;}
.site-info .input-group input[type="submit"] {order:1;}
.site-info .input-group input[type="submit"]:hover {
 background-color: #A878AE;
}

#impact .col-md-3 img {
    width: 100%;
}

.imp-container, .imp-object-list-item p {
  font-family: Poppins !important;
}

div.imp-object-menu {max-height: 100%;}

.imp-search-box, .imp-object-list-item {
    background: #333532 !important;
    color: #F8F6E8 !important;
}

.imp-tooltip .imp-tooltip-content h3 {
color: #2A5C52 !important;
font-family: Poppins !important;
font-size: 1.5rem !important;
font-weight: 700 !important;
letter-spacing: -0.56px;
padding: 12px 24px !important;
}

.imp-tooltip .imp-tooltip-content div {padding: 0 !important;}

.imp-tooltip .imp-tooltip-content p {
background-color: #F8F6E8;
font-family: Poppins !important;
color: #333532;
margin-right: 30px;
font-size: 18px;
font-weight: 400;
padding: 12px 24px;
margin-bottom: 5px;
}


#carouselHmart {padding: 1% 0 3%;}   
#carouselHmart .carousel-inner {overflow: visible;}

#carouselHmart .carousel-caption {
right: 0;
bottom: -50px;
}

/*--------------------------------------------------------------
# Media Query
--------------------------------------------------------------*/

.mobile {display: none;}


@media only screen and (max-width: 1280px) {
  html, body {
  font-size: 18px;
  }
  
  #serviceBlock {height: 28vh;}
  #serviceBlock h3 {font-size: 1.2rem;}
  #carouselHome img.object-fit-cover {max-height: unset;}

}

@media only screen and (max-width: 1024px) {
  #serviceBlock {height: 25vh;}
  #featured .hero h2 {line-height: 1.5;}

}
/*--------------------------------------------------------------
## iPad
--------------------------------------------------------------*/
@media only screen and (max-width: 960px) {
  html, body {font-size: 16px;}
  h1, h1.entry-title, .number {font-size: 2rem;}
  h2 {font-size: 1.6rem;}
  h3 {font-size: 1.3rem;}
  #serviceBlock {height: 20vh;}
  #serviceBlock h3 {font-size: 1rem;}

  #serviceBlock:hover h3:after {
  width: 40px;
  height: 30px;
  bottom: -35px;
  }
  
  .navbar-toggler {display: block;}
  ul#menu-main-nav {padding-left: 0;}
  #wrapper-navbar a.brand img {width: 80px;}

  .carousel-indicators, .carousel-control-next, .carousel-control-prev {bottom: -35px;}


  #assessmentForm.embed-container {
  width: 100%;
  max-width: 800px;
  /*height: 675px;*/
  padding-top: 46%;  
  /*height: 690px;*/
  }

}
@media only screen and (max-width: 768px) {
  .mobile {display: block;}
  .desktop {display: none;}

  h1, h2, h3, h4, h5, h6, .title {line-height: 1.2;}
  h1 {font-size: 1.8rem;}
  h2 {font-size: 1.5rem;}
  h3 {font-size: 1.3rem;}

  #serviceBlock {height: 35vh;}
  #serviceBlock h3 {font-size: 1.3rem;}

  #wrapper-navbar .btn-lime {display: block; margin: 0 0 2%;}
  
  .main-navigation #menu-main-nav > li.menu-item {
  display: block;
  padding: 10px 0 0;
  }

  .sub-menu {
  display: block;
  position: unset;
  padding: 0;
  }

  #carouselHmart {padding: 1% 0 7%;}   
  #carouselHmart .carousel-caption {bottom: -60px;}

  /*#assessmentForm.embed-container {height: 480px;}*/
  #assessmentForm.embed-container iframe {top: 15px;}
}

/*--------------------------------------------------------------
## Mobile
--------------------------------------------------------------*/
@media only screen and (max-width: 480px) {
  
    
}