/*!
Theme Name: Hypercore Child Theme
Template: hypercore
*/
/*! -------------------------
   DO NOT TOUCH THIS CODE
   If you need to add custom styles, use the Custom CSS field in the theme options
   Changes to this particular file should be made in the style.scss sheet by a developer
------------------------- */
/*! -------------------------
   Variables
------------------------- */
/*! -------------------------
   Main Stylez
------------------------- */

.chromeOrangeButton {
   background-color: #ea5329;
   padding: .7em 4em;
   color: #fff;
   font-weight: 400;
}

.chromeOrangeButton:hover {
   filter: brightness(1.2);
}

.mobileBar {
   display: none;
   z-index: 555;
}

.lnbReviewsWidget__stars path {
   fill: rgba(238, 168, 6, 1) !important;
   stroke: rgba(238, 168, 6, 1) !important;
}
/*! -------------------------
   Header Stylez
------------------------- */

.header {
   max-width: unset !important;
   padding: unset;
   padding-left: 8em !important;
   align-items: start;
   
}

.header__content {
   padding: 0 !important;
   grid-template-columns: repeat(auto-fit,minmax(710px,1fr));
}


.headerBanner {
   background-color: #093266 !important;
   color: #fff;
   padding: 1.5em 0;
   justify-content: space-evenly;
   grid-template-columns: 1fr 3fr 4fr;
   display: grid;
   align-items: center;
   grid-row: 1;
   position: relative;
}

.logo--header {
   width: 435px;
}

.nav--main {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    background-color: transparent;
    margin-bottom: 20px;
}

#menu-main-menu > li {
    margin-right: 20px;
}

.header__logo {
   padding: 0 40px;
   position: relative;
   bottom: -20px;
}

.headerBanner__scheduleButton {
   margin-left: 30px;
}

.headerBanner:before {
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 160px 75px 0 0;
   border-color: #fff transparent transparent transparent;
   position: absolute;
   left: 0;
   transform: translatey(-9px);
}

.headerBanner__contact {
   line-height: 35px;
}

.headerBanner__contact > div::first-child {
   font-size: 18px;
}

.header-phone {
   font-size: 42px;
   color: #fff;
   font-weight: 600;
}

.menu-main-menu-container {order: 1; padding-left: 128px;}
.menu-main-menu-container .menu {
   list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.menu li {
   margin-right: 17px;
   color: #333 !important;
}

.menu li a {
   color: #000 !important;
}


@media screen and (max-width: 1024px) {
   .header {
      padding-left: 0 !important;
   }
}

/*! -------------------------
   Home Stylez
*/

.webp .mainstage {
    background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/jpg-mainstage.webp) !important;
}

.mainstage {
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/jpg-mainstage.jpg) !important;
   background-size: cover !important;
   background-repeat: no-repeat;
   position: relative;
}

.mainstage::before {
   content: '';
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/orange-accent.svg);
   width: 210px;
   bottom: 9%;
   height: 83px;
   position: absolute;
   background-repeat: no-repeat;
}

.home main {
   margin-top: -15px !important;
}

.mainstage__contentWrapper {
   max-width: 1350px;
   margin: 0 auto;
   display: grid;
   grid-template-columns: 1fr 100px 1.2fr;
}

.mainstage__left p,
.mainstage__left a,
.mainstage__left h1 {
   color: #fff !important;
}

.mainstage__left {
   max-width: 475px;
   padding-left: 40px;
}

.mainstage__leftWrapper h1 {
   margin: 20px 0 !important;
   margin-bottom: 0em !important;
   font-weight: 600;
   line-height: 60px;
   font-size: 52px;
}

.mainstage__leftWrapper p {
   font-size: 28px;
   margin: 20px 0;
   margin-bottom: 40px;
   font-weight: 400
}

.mainstage__toggleBox {
   background-color: #093266;
   color: #fff;
}

.toggleBox_bottomSection {
   display: flex;
   justify-content: center;
   align-items: center;
   display: none;
   height: 365px;
}

.toggleBox_bottomSection .service-link:hover {
   color: #ea5329 !important;
}

.toogleBox__topRow {
   display: grid;
   grid-template-columns: repeat( auto-fit, minmax(150px, 1fr) );
   background-color: #02284E;
}

.toogleBox__topRow span {
   pointer-events: none;
}

.toogleBox__topRow .hypercore-tab {
   padding: 20px 0;
   text-align: center;
   cursor: pointer;
}

.toogleBox__topRow .hypercore-tab:hover {
   background-color: #093266;
   transform: scale(1.005);
}

.toggle-active {
   display: flex;
}

.hypercore-tab.selected {
   background-color: #093266;
   transform: scale(1.005);
}

.toggleBox__bottomLeft {
   width: 50%;
   padding: 30px 25px;
   font-weight: 300;
   height: 363px;
   border-right: 3px dashed #ea5329;
}

.toggleBox__bottomRight {
   width: 50%;
   padding: 20px;
   text-align: center;
   position: relative;
   z-index: 1;
}

.toggleBox__bottomLeft a {
   display: block;
   color: #fff !important;
   padding: 10px 0;
}

.toggle-item__content {
   font-size: 18px;
}

.hypercore-tab fa-icon {
   font-size: 28px !important;
   margin-right: 5px;
}

.hypercore-tab.selected,
.hypercore-tab:hover  {
   font-weight: 700;
}

.circle-coupon {
   margin: 0 auto;
   margin-bottom: 45px;
   width: 200px;
}

.toggleBox__bottomRight::before {
   content: '';
   height: 200px;
   width: 50%;
   position: absolute;
   border-top: 3px dashed #ea5329;
   left: 0;
   transform: translateY(50%);
   z-index: -1;
}

.circle-coupon__wrapper {
   display: flex;
   justify-content: center;
   align-items: center;
   background-color: #fff;
   padding: 10px;
   border-radius: 50%;
   height: 200px;
   width: 200px;
   border: 10px solid #ea5329;
}

.circle-coupon__text {
   font-size: 26px;
   color: #093266;
}

.whyChoose__content {
   position: relative;
}

.whyChoose__gray {
   font-size: 96px;
   font-weight: 700;
   color: rgba(170, 170, 170, .35);
   position: absolute;
   z-index: -1;
   top: -75px;
   left: 0;
   transform: translateX(16vw);
}

.whyChoose__blue {
   text-align: center;
   font-size: 55px;
   font-weight: 600;
   color: #093266;
   margin-bottom: 55px; 
}

.whyChoose__content {
   width: 85%;
   margin: 0 auto;
}

.whyChoose__RowWrapper {
   display: grid;
   grid-template-columns: repeat( auto-fit, minmax(450px, 1fr) );
   grid-gap: 15px;
}

.whyChoose__gridItem {
    max-width: 100vw;
}

.whyChoose__gridItemTop {
   display: grid;
   grid-template-columns: 1fr 1fr;
   margin-bottom: 10px;
}

.whyChoose__gridItemBottom {
   display: grid;
   grid-template-columns: 1fr 1fr;
}

.whyChoose__gridIconWrapper {
   font-size: 84px;
   display: flex;
   align-items: center;
   justify-content: center;
   color: #fff;
}

.whyChoose__gridItemTop .whyChoose__gridIconWrapper{
   background-color: #EA5329;
   position: relative;
}

.whyChoose__gridItemBottom .whyChoose__gridIconWrapper {
   background-color: #00B6C9;
   position: relative;
}

.whyChoose__gridItemTop,
.whyChoose__gridItemBottom {
   height: 200px;
}

.whyChoose__gridContent {
   height: 200px;
   padding: 20px;
}

.whyChoose__gridContent h3 {
   font-size: 22px !important;
   margin-bottom: 10px !important;
   font-weight: 600 !important;
} 

.whyChoose__gridItemTop fa-icon {
   margin-right: 20px;
}

.whyChoose__gridItemBottom fa-icon {
   margin-left: 20px;
}

.whyChoose__gridItemTop .whyChoose__gridIconWrapper::after {
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 149.5px 50px 149.5px 0;
   border-color: transparent #fff transparent transparent;
   position: absolute;
   right: 0;
}

.whyChoose__gridItemBottom .whyChoose__gridIconWrapper::before {
   content: '';
   width: 0;
   height: 0;
   border-style: solid;
   border-width: 149.5px 0 149.5px 50px;
   border-color: transparent transparent transparent #fff;
   position: absolute;
   left: 0;
}

.whyChoose__gridItemTop .whyChoose__gridContent {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.whyChoose__gridItemBottom .whyChoose__gridContent {
   display: flex;
   flex-direction: column;
   justify-content: center;
}

.webp .commercialBlock__left {
       background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/lennon-hvac-repair.webp) !important;
}

.commercialBlock__left {
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/lennon-hvac-repair.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

.webp .commercialBlock__right {
       background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/close-up-hvac-repair.webp) !important;
}

.commercialBlock__right {
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/close-up-hvac-repair.jpg);
   background-repeat: no-repeat;
   background-size: cover;
}

.commercialBlock__contentWrapper {
   clip-path: polygon(0 0, 100% 0, 100% 65%, 0 83%);
}

.commercialBlock__contentWrapper {
   display: grid;
   grid-template-columns: 1.43fr 2fr;
}

.commercialBlock__rightWrap {
   max-width: 525px;
   padding: 100px 0 310px 75px;
   color: #fff;
}

.commercialBlock__rightWrap h3 {
   position: relative;
   padding-bottom: 30px;
}

.commercialBlock__rightWrap h3::after {
   content: '';
   position: absolute;
   bottom: 0;
   left: 0;
   border-bottom: 4px solid #fff;
   height: 5px;
   width: 10%;
}

.commercialBlock_text > div {
   margin-top: 40px;
}

.commercialBlock_text {
   font-size: 20px;
   font-weight: 300;
   line-height: 36px;
}

.homeReviews {
   position: relative;
}

.homeReviews__wrap {
   width: 85%;
   margin: 0 auto;
   display: grid;
   grid-template-columns: repeat( auto-fit, minmax(440px, 1fr) );
   grid-gap: 15px;
   
}

.homeReviews::before {
   content: '';
   z-index: -1;
   width: 100%;
   position: absolute;
   height: 3px;
   /*border-bottom: 3px dashed #ea5329;*/
   top: 22%;
}

.homeReviews::after {
   content: '';
   z-index: -1;
   width: 100%;
   position: absolute;
   height: 3px;
   /*border-bottom: 3px dashed #ea5329;*/
   bottom: 22%;
}

/*.homeReviews__column {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   position: relative;
}

.homeReviews__wrap > div:first-child::after{
   content: '';
   z-index: -1;
   width: 3;
   position: absolute;
   height: 100%;
   border-left: 3px dashed #ea5329;
   bottom: -66%;
}

.homeReviews__wrap > div:nth-child(2)::after {
   content: '';
   z-index: -1;
   width: 3;
   position: absolute;
   height: 80%;
   border-left: 3px dashed #ea5329;
   bottom: 5%;
   left: 50%;
}

.homeReviews__wrap > div:last-child::before {
   content: '';
   z-index: -1;
   width: 3;
   position: absolute;
   height: 100%;
   border-left: 3px dashed #ea5329;
   bottom: 0;
   top: -66%;
}

.homeReviews__single {
   background-color: #f3f3f3;
   flex: 1;
   min-width: 300px;
   padding: 2rem;
   margin: 1rem;
   border: 1px solid rgba(0, 0, 0, 0);
   border-radius: 2px;
   box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.1), 0 1px 5px 0 rgba(0, 0, 0, 0.1), 0 3px 1px -2px rgba(0, 0, 0, 0.1);
}

.homeReviews__column > div:first-child {
   margin-bottom: 5vw;
}
*/

.ti-widget.ti-goog .ti-reviews-container-wrapper {
	justify-content: center!important;
}

.nn-review__title {
   font-weight: 700;
   font-size: 1.15em;
   color: #6399f4;
}

.nn-review__stars {
   display: block;
    fill: #EEA806;
    stroke: #EEA806;
    stroke-width: 1;
    max-width: 175px;
    margin-bottom: 2rem;
    margin-top: 2rem;
}

.nn-review__description {
   margin-bottom: 1rem;
   font-size: 15px;
   display: block;
}

.nn-review__name {
   font-weight: 700;
   margin-bottom: 0.5rem;
   display: block;
   color: #6399f4;
}

.nn-review__meta {
   font-size: 14px;
}

.happyToHelp__wrap {
   text-align: center;
   color: #fff;
   max-width: 600px;
   margin: 0 auto;
}

.happyToHelp__wrap h2 {
   margin-bottom: .5em;
}

.homeCoupons__header {
    position: relative;
}

.happyToHelp__wrap p {
   line-height: 28px;
   margin-bottom: 40px;
}

#pg-2-4> .panel-row-style {
    background-repeat: no-repeat;
    background-size: cover;
}

.clipit-coupon__title {
   font-size: 1.6em;
}

.clipit-coupon__save,
.clipit-coupon__button {
   background-color: #ea5329;
}

#pg-2-6 {
   background-color: #0E4072;
   position: relative;
}

.homeSchedule {
   max-width: 1500px;
   margin: 0 auto;
   display: flex !important;
   justify-content: space-between !important;
   align-items: center !important;
   flex-wrap: wrap !important;
}

.homeSchedule__content {
   color: #fff;
   padding: 80px 0;
   position: relative;
   z-index: 2;

}

#pg-2-6::before {
   content: '';
   width: 80%;
   height: 0;
   position: absolute;
   bottom: 0;
   border-bottom: 100px solid #AAAAAA;
   border-left: 200px solid transparent;
   border-right: 200px solid transparent;
   height: 0;
}

.homeSchedule__content h2,
.homeSchedule__content h3 {
   font-weight: 600;
   margin-bottom: .6em;
}

#pgc-2-6-0 {
   margin-top: 125px;
   position: relative;
   z-index: 2;
}

.homeSchedule__content p {
   max-width: 540px;
}

.homeSchedule__form {
   background-color: #fff;
   margin-right: 20px;
}

.homeSchedule__formWrap {
   background-color: #fff;
   position: relative;
   z-index: 2;
}

#panel-2-6-1-0 > div > div > p:nth-child(4) {
   margin-bottom: 40px !important;
}

#homeBadges {
   margin: 0 auto;
   max-width: 1100px;
}

.sparky-servicetitan-form_wrapper {
   padding: 20px !important;
}


@media screen and (max-width: 1600px ) {
   #pg-2-6::before {
      display: none;
   }

   #panel-2-6-0-0 {
      display: none;
   }
}


@media screen and (max-width: 1460px) {
   .header-phone {
      font-size: 32px;
   }

   #menu-main-menu,
   .menu-main-menu-container
   {
      padding-left: 0 !important;
   }

   .header__content {
      grid-template-columns: auto;
   }

   .headerBanner::before {
      border-width: 0 !important;
   }
   
   #menu-main-menu {
      justify-content: center;
   }

   .mainstage::before {
      bottom: 7%;
   }

   .whyChoose__gray {
      transform: translateX(10vw);
   }

   .homeReviews::before,
   .homeReviews::after {
      display: none;
   }

   .homeReviews__wrap > div:last-child::before {
      height: 88%;
      top: -84%;
   }
   
   .homeReviews__wrap > div:last-child::before {
      height: 88%;
      top: -84%;
   }

   #pgc-2-6-0 {
      width: unset !important;
   }
   
}

@media screen and (max-width: 1155px) {
   .mainstage {
      padding: 0 !important;
   }
   .toggleBox__bottomLeft p {
      margin-bottom: 65px !important;
      height: unset !important;
   }
   
   .toggleBox__bottomLeft {
       height: unset !important;
   }

   .toggleBox__bottomRight .chromeOrangeButton {display: block;}

   .headerBanner {
      grid-template-columns: 1fr;
      text-align: center;
      padding: 2em 0 !important;
   }
   
   .toggleBox_bottomSection {
       height: unset !important;
   }

   .headerBanner__contact {margin-bottom: 40px;}
   .headerBanner__contact {line-height: 40px;}
   .menu-main-menu-container {line-height: 30px;}
   .mainstage::before {display: none !important;}
   
   .whyChoose__content fa-icon {
       font-size: 50px;
   }
   
   .whyChoose__gridItem .whyChoose__gridContent {
       justify-content: unset;
   }
}

@media screen and (max-width: 950px) {
    
    .commercialBlock .chromeOrangeButton {
        display: block;
        font-size: 14px;
    }
    
    .homeReviews__wrap {
        width: 100%;
        margin-left: -10px;
    }
    
    .homeReviews__column {
        max-width: 100vw;
    }

   .toggle-item__content .tab-text {
      display: none !important; 
   }
   
    #homeReviews {
       margin-top: -110px !important;
   }
   
   .mainstage__contentWrapper {
      grid-template-columns: 1fr;
   }

   .mainstage__left { 
      margin: 25px auto;
      max-width: 80%;
   }

   .toogleBox__topRow {
      grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );
      margin-top: 40px;
   }

   .toggleBox__bottomLeft p {margin-bottom: 20px !important;}
   .circle-coupon {width: 170px;}

   .circle-coupon__wrapper {
      height: 170px;
      width: 170px;
   }
   
   .toggleBox__bottomRight .chromeOrangeButton {font-size: 11px;}

   .whyChoose__gray {
      position: relative;
      font-size: 60px; 
      top: 0;
      margin: 0 auto;
      text-align: center;
      transform: unset;
   }
   
    .whyChoose__gridItemTop,
   .whyChoose__gridItemBottom {
       height: 260px;
   }

   .whyChoose__blue {font-size: 40px;}
   
      .whyChoose {
       margin-left: -15px !important;
   }

   .homeReviews__wrap > div:nth-child(2) .homeReviews__circleImage {
      order: 2;
   }
}

@media screen and (max-width: 850px) {
    
    #menu-main-menu {
        display: none;
    }
    
   .headerBanner {
      display: none;
   }

   .menu-main-menu-container {
      display: none;
   }

   .mainstage {
      background-position: 38% 61% !important;
   }

   .mainstage__left {
      max-width: 100% !important;
   }

   .mobileBar {
      display: block;
      position: absolute;
      top: 0;
      position: sticky;
   }
   


   .mobileBar__wrapper {
      display: grid;
      grid-template-columns: 2fr 1fr 1fr 1fr;
      width: 100vw;
   }

   .mobileBar__wrapper > div {
      display: flex;
      justify-content: center;
      align-items: center;
   }

   .mobileBar__logo  {
      max-width: 180px;
      display: flex;
      margin: 0 auto;
   }

   .mobileBar__phone {
      background-color: #EC532B;
   }

   .mobileBar__wrapper {
      background-color: #fff;
   }

   .mobileBar__contact {
      background-color: #093266;
   }

   .mobileBar__hamburger {
      background-color: #093266;
      color: #fff;
   }

   .mobileBar__wrapper fa-icon {
      font-size: 32px;
      color: #fff;
   }

   .hypercore-toggle fa-icon {
      font-size: 36px;
   }

   .hypercore-nav-overlay {
      width: 100vw;

   }

   .header {
      display: none;
   }

   .home main {
      margin-top: 0 !important;
   }

   .commercialBlock__contentWrapper {
      grid-template-columns: 1fr;
      clip-path: polygon(0 0, 100% 0, 100% 75%, 0 83%);
   }

   .commercialBlock__left {
      height: 330px;
   }

   .commercialBlock__rightWrap {
      max-width: 525px;
      width: 100%;
      color: #fff;
      padding: 75px 50px 210px;
   }

   .whyChoose__content {
      width: 100%;
   }

   #pgc-2-6-0 {
      margin-top: 0 !important;
   }
}

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

      .toggleBox_bottomSection {
         flex-wrap: wrap;
      }

      .toggleBox__bottomLeft,
      .toggleBox__bottomRight {
         width: unset !important;
      } 

   }

/*! -------------------------
   Interior Stylez
------------------------- */

.customTitleBar {
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/interior-title-bar-image.jpg);
   padding: 60px 0 110px 0;
   clip-path: polygon(100% 0%, 100% 100%, 0% 70%, 0% 0%);
}

.customTitleBar__wrap {
   max-width: 1100px;
   margin: 0 auto;
   text-align: center;
   color: #fff;
}

.customTitleBar__wrap > h1:first-child {
   font-size: 50px;
   font-weight: 600;
   margin-bottom: 0.4em;
}

.customTitleBar__wrap > p {
   max-width: 750px;
   margin: 0 auto;
}

.page-template-contained-sidebar h2,
.page-template-contained-sidebar h3 {
   margin-bottom: .8em !important;
}

.page-template-contained-sidebar h2 {
    font-size: 1.8em;
}

.page-template-contained-sidebar h3 {
    font-size: 1.6em;
}

.page-template-contained-sidebar #pl-578 .so-panel {
    margin-bottom: 20px !important;
}

.two-col-checklist .hyp-checklist {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.serviceButtons {
    max-width: 1100px;
    margin: 0 auto;
}

.serviceButtons__wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

.serviceButtons__singleWrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.serviceButtons_single {
    margin: 0px 70px;
    cursor: pointer;
}

.serviceButtons fa-icon {
    font-size: 50px;
    color: #093266;
    border: 12px solid #EA5329;
    border-radius: 50%;
    height: 120px;
    width: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .1s ease-in-out;
}

.serviceButtons fa-icon:hover {
    color: #fff;
    border: 12px solid #093266;
    background-color: #093266;
}

.serviceButtons__singleWrap span {
    font-size: 20px;
    margin-top: 10px;
}

.page-template-contained-sidebar .so-panel {
    margin-bottom: 5px !important;
}

.maintenanceTable {
    background-color: #f8f8f8;
    text-align: center;
}

.maintenanceTable li {    
    background-color: #fff;
    text-align: center;
    height: 70px;
    display: flex !important;
    justify-content: center !important;
    align-items: center;
    font-size: 17px;
    font-weight: 600;
}

.maintenanceTable .panel-grid-cell {
    border: 1px solid #E5E4E3;
    padding: 9px;
}

.maintenanceTable .hyp-checklist li:first-child {
    background-color: #f8f8f8;
    height: 100px;
}

.maintenanceTable .price {
    font-size: 56px;
    color: #2693ce;
    font-weight: 300;
    margin: 0 5px;
}

.maintenanceTable .price-text {
    color: #888;
    font-size: 11px;
}

.maintenanceTable .dollar {
    top: -20px;
    font-size: 21px;
    position: relative;
}

#pgc-393-1-0 {
    position: relative;
    box-sizing: content-box;
    margin: -10px -9px;
    padding: 9px;
    box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.08);
    background-color: #F8F8F8;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.08);
    -moz-box-shadow: 0 0 6px 6px rgba(0, 0, 0, 0.08);
}

.maintenanceTable .panel-first-child {
    background-color: #ffffff;
    padding: 20px;
}

.maintenanceTable .hyp-checklist fa-icon {
    display: none;
}

.interior-page-content-has-sidebar {
    position: relative;
}

.interior-page-content-has-sidebar::before {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/chrome-c-icon.svg);
    background-repeat: no-repeat;
}

.interior-page-content-has-sidebar:before {
    content: '';
    width: 362px;
    height: 100%;
    position: absolute;
    left: -320px;
    /* left: calc(401px - 67%); */
    background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/chrome-c-icon.svg);
    background-repeat: no-repeat;
    background-size: 80%;
}

.whatToExpect {
    background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/contact-us-schedule.jpg);
    max-width: 1920px !important;
    font-size: 25px;
    color: #fff;
    text-align: center;
    padding: 30px 0;
    margin: 25px 0 50px 0;
}

.page-template-contained-sidebar iframe {
    max-width: 700px;
}

@media screen and (max-width: 1150px) {
    .page-template-contained-sidebar iframe {
        max-width: 50vw;
    }
}

@media screen and (max-width: 840px) {
    .two-col-checklist .hyp-checklist {
        grid-template-columns: 1fr;
    }
    
    .page-template-contained-sidebar iframe {
        max-width: 90vw;
        margin-left: -20px;
    }
    
    .serviceButtons_single {
        margin: 0 22px !important;
    }
}

/*! -------------------------
   Sidebar Stylez
------------------------- */

.sidebarContent__block {
   color: #fff;
   padding: 30px 0;
}

.sidebarContent__block a {
   color: #fff !important;
}

.sideBarContent__text {
   font-size: 26px;
   height: 150px;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-direction: column;
}

.sidebarContent__title {
   font-size: 26px;
   display: block;
   text-align: center;
   padding: 10px;
}

.sidebarContent__wrap > .sidebarContent__block:first-child {
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/water-heater-repair-sidebar-image.jpg);
}

.sidebarContent__wrap > .sidebarContent__block:first-child .sidebarContent__title {
   background-color: #EA5329;
}

.sidebarContent__wrap > .sidebarContent__block:first-child .sideBarContent__text{
   background-color: rgba(234,83,41,.8);
}

.sidebarContent__wrap > .sidebarContent__block:nth-child(3) {
   background-image: url(https://www.chromeairconditioning.com/wp-content/uploads/garbage-disposal-sidebar-image.jpg);
}

.sidebarContent__wrap > .sidebarContent__block:nth-child(3) .sidebarContent__title {
   background-color: #093266;
}

.sidebarContent__wrap > .sidebarContent__block:nth-child(3) .sideBarContent__text {
   background-color:rgba(9,50,102,.8);
}

.sidebarContent .lnbReviewsWidget__title {
   display: none;
}

.sidebarContent .chromeOrangeButton {
   font-size: 16px;
   display: inline-block;
   margin-top: 20px;
}

.sideBarContent__linksWrap > a {
   display: block;
   padding: 25px 20px;
   background-color: #FAFAFA;
   margin: 10px 0;
   border: 0.5px rgba(204, 204, 204, .4) solid;
}

.sideBarContent__linksWrap svg {
   font-size: 22px;
   margin-right: 15px;
   color: #093266
}

.sidebarContent__wrap > div:last-child .chromeOrangeButton {
   display: block;
   text-align: center;
   padding: 20px 0;
}

.sideBarContent__text svg {
   font-size: 40px;
   margin-right: 10px;
}

.sideBarContent__text > div:nth-child(1) > span {
   font-size: 40px;
}

.contact h4 {
    display: inline;
    font-size: 20px;
}

.contact p {
    margin-top: 10px;
}

.contact a {
    font-size: 18px;
}

.contact fa-icon {
    width: 30px;
}

.contact .gfield_label {
    display: none !important;
}

.whyChoose__contact.whyChoose__content {
    max-width: 1200px;
}

/*! -------------------------
   Footer Stylez
   ------------------------- */
   
   .footer {
        background-color: #093266;
        color: #fff;
        font-size: 16px;
        margin-top: 30px;
        padding-bottom: 0 !important;
        position: relative;
   }
   .footer::after {
       content: '';
       bottom: 0;
       left: 0;
       width: 100%;
       height: 80px;
       background-color: #ea5329;
       position: absolute;
   }
   
   .footer a {
       color: #fff !important;
   }
   
   .footer__row .logo-link {
       display: none;
   }
    
    .footer .textwidget {
        text-align: left;
    }
    
    .footer .menu-service-area-menu-container a {
        color: #fff !important;
        text-align: left;
    }
    
    .footer__row--columns {
        justify-content: space-between;
    }
    
    .footer fa-icon {
        color: #fff !important;
    }
    
    .footer__row--social {
        display: none;
    }
    
    body > footer > div:nth-child(2) > p {
        display: none !important;
    }
    
    .footer .hyp-social-links {
        text-align: left !important;
        
    }
    
    .footer .menu {
        text-align: left;
    }
    
    .footer__row--links {
        margin: 0 auto !important;
        background-color: #ea5329;
        padding: 20px 0;
        position: relative;
        z-index: 40;
    }
    
    .footer__row--links p {
        display: inline !important;
    }


/*# sourceMappingURL=style.css.map */