/*
Theme Name: Avada Child
Description: Child theme for Avada theme
Author: ThemeFusion
Author URI: https://theme-fusion.com
Template: Avada
Version: 1.0.0
Text Domain:  Avada
*/


/**********************/
/*Global*/
:root {
  --navy: #183765;
  --gold: #CCA22C;
  --white: #ffffff;
  --black: #000000;
	--ACSOrange: #e67e22;
	--ACSBlue: #0066b3;
	--ACSDarkBlue: #25347b;
	--lightgrey: #f5f5f5;
	--ACSLightBlue: #0066B340;
}

/*background-color: var(--navy);*/

.hover-float, .hoverfloat {
  transition: transform 0.2s ease, box-shadow 0.2s ease !important;
}

.hover-float:hover, .hoverfloat:hover {
  transform: translateY(-5px); /* lifts element up slightly */

}
.orange-link{
	color: var(--ACSOrange) !important;
}

.orange-link:hover{
	color: var(--ACSBlue) !important;
}

/**********************/
/*Typography*/
.body-copy{
	
}

.header-h1{
	
}

.header-h2{
	
}

.header-h3{
	
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 1080px){
	.body-copy{
		font-size: 20px !important;
	}
	
	.header-h1{
		font-size: 50px !importan;
	}
	
	.header-h2{
		font-size: 44px !important;
	}
	
	.header-h3{
		font-size: 40px !important;
	}
	
	.header-h4{
		font-size: 28px !important;
	}
	
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 768px) and (max-width: 1080px){
	.body-copy{
		font-size: 18px !important;
	}
	
	.header-h1{
		font-size: 44px !importan;
	}
	
	.header-h2{
		font-size: 38px !important;
	}
	
	.header-h3{
		font-size: 32px !important;
	}
	
	.header-h4{
		font-size: 25px !important;
	}
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (max-width: 768px){
	.body-copy{
		font-size: 16px !important;
	}
	
	.header-h1{
		font-size: 36px !important;
	}
	
	.header-h2{
		font-size: 28px !important;
	}
	
	.header-h3{
		font-size: 24px !important;
	}
	
	.header-h4{
		font-size: 22px !important;
	}
}


/*End of Typography*/
/**********************/

/*Header*/



.menu-blue-btn a, .menu-orange-btn a, .current-menu-item.menu-blue-btn a, .current-menu-item.menu-orange-btn a{
	color: var(--white) !important;
}

.menu-orange-btn:hover, .current-menu-item.menu-orange-btn{
	background-color: var(--ACSBlue) !important;
}

.menu-blue-btn:hover .menu-text, .menu-orange-btn:hover .menu-text, .menu-blue-btn:hover a, .menu-orange-btn:hover a{
	color: var(--white) !important;
}






/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 1080px){
	.menu-blue-btn{
	background-color: var(--ACSBlue) !important;
}

.menu-blue-btn:hover{
	background-color: var(--ACSOrange) !important;
}

.menu-orange-btn{
	background-color: var(--ACSOrange) !important;
}

.menu-orange-btn:hover{
	background-color: var(--ACSBlue) !important;
}
	
	.menu-blue-btn, .menu-orange-btn{
	padding: 0px 16px 0px 16px;
	border-radius: 10px !important;

}

.menu-item{
	max-height: 50px !important;
}
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 768px) and (max-width: 1080px){
	.menu-blue-btn{
	background-color: var(--ACSBlue) !important;
}

.menu-blue-btn:hover{
	background-color: var(--ACSOrange) !important;
}

.menu-orange-btn{
	background-color: var(--ACSOrange) !important;
}

.menu-orange-btn:hover{
	background-color: var(--ACSBlue) !important;
}
	
	.menu-blue-btn, .menu-orange-btn{
	padding: 0px 16px 0px 16px;
	border-radius: 10px !important;

}

.menu-item{
	max-height: 50px !important;
}
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (max-width: 768px){
	
}

/*End of Header*/

/*End of Global*/
/**********************/


/**********************/
/*Homepage*/
/*Flipbox*/
.acs-hp-flipbox {
  width: 90%;
  perspective: 1000px;
  margin: 0 auto;
  padding: 20px 0px 20px 0px;
}

.acs-hp-flipbox-inner {
  position: relative;
  width: 100%;
  height: 400px;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}
.acs-hp-flipbox-inner.circle-wrapper {
  position: relative;
  transition: transform 0.6s;
  transform-style: preserve-3d;
	display: flex;
  justify-content: center;
  align-items: center;
}
.acs-hp-flipbox:hover .acs-hp-flipbox-inner {
  transform: rotateY(180deg);
}

/* FRONT & BACK SHARED */
.acs-hp-flipbox-front,
.acs-hp-flipbox-back {
  position: absolute;
  width: 100%;
  height: 100%;
  color: #fff;
  border-top-left-radius: 40px;
  border-bottom-right-radius: 40px;
 
  backface-visibility: hidden;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.acs-hp-flipbox-front.circle,
.acs-hp-flipbox-back.circle {
  border-radius: 150px!important;
	height: 300px!important;
  width: 300px!important;
}
.acs-hp-flipbox-back.circle .body-copy p,
.acs-hp-flipbox-front.circle .header-h3 p.body-copy{
	margin:0; 
	text-align:center;
}
/* COLOR MODIFIERS */
.acs-hp-flipbox--blue .acs-hp-flipbox-front,
.acs-hp-flipbox--blue .acs-hp-flipbox-back {
  background: var(--ACSBlue);
}

.acs-hp-flipbox--darkblue .acs-hp-flipbox-front,
.acs-hp-flipbox--darkblue .acs-hp-flipbox-back {
  background: var(--ACSDarkBlue);
}
.acs-hp-flipbox--orange .acs-hp-flipbox-front,
.acs-hp-flipbox--orange .acs-hp-flipbox-back {
  background: var(--ACSOrange);
}
/* FRONT */
.acs-hp-flipbox-icon {
  width: 120px;
  height: auto;
  margin-bottom: 20px;
  padding-top: 20px;
}

.acs-hp-flipbox-front h2 {
  color: var(--white);
  padding: 0px 40px;
  text-align: center;
}
.acs-hp-flipbox-front h3,
.acs-hp-flipbox-front h4{
  color: var(--white);
  text-align: center;
	margin:0;
}

/* BACK */
.acs-hp-flipbox-back {
  transform: rotateY(180deg);
  text-align: left;
  padding: 30px;
}

.acs-hp-flipbox-list {
  margin-top: 0px;
  color: #fff;
}

.acs-hp-flipbox-list li {
  margin-bottom: 0px;
}



/*&&&&&&&&&&&&&&&&&&&*/
/* Desktop: 1080px and up */
@media only screen and (min-width: 1080px){
	.acs-hp-flipbox-inner.h-5 {
    height: 570px;
  }
  .acs-hp-flipbox-inner {
    height: 400px;
  }
	.acs-hp-flipbox-inner.circle-wrapper {
    height: 300px;
  }

  .acs-hp-flipbox-icon {
    width: 120px;
  }
	
	.acs-hp-flipbox-front,
	.acs-hp-flipbox-back{
		 padding: 30px 20px;
	}
}
/*&&&&&&&&&&&&&&&&&&&*/


/*&&&&&&&&&&&&&&&&&&&*/
/* Tablet: 768px–1080px */
@media only screen and (min-width: 768px) and (max-width: 1080px){
	.acs-hp-flipbox-inner.h-5 {
    height: 750px;
  }
  .acs-hp-flipbox-inner {
    height: 500px;
  }
	.acs-hp-flipbox-inner.circle-wrapper {
    height: 400px;
  }

  .acs-hp-flipbox-icon {
    width: 100px;
  }

  .acs-hp-flipbox-back {
    padding: 25px;
  }
	
	.acs-hp-flipbox-front,
	.acs-hp-flipbox-back{
		 padding: 20px 20px !important;
	}
}
/*&&&&&&&&&&&&&&&&&&&*/


/*&&&&&&&&&&&&&&&&&&&*/
/* Mobile: under 768px */
@media only screen and (max-width: 768px){
	.acs-hp-flipbox-inner.h-5 {
    height: 740px;
  }
  .acs-hp-flipbox-inner {
    height: 400px;
  }
  .acs-hp-flipbox-inner.circle-wrapper {
    height: 300px;
  }
  .acs-hp-flipbox-icon {
    width: 85px;
  }

  .acs-hp-flipbox-back {
    padding: 20px;
  }
	
	.acs-hp-flipbox-front,
	.acs-hp-flipbox-back{
		 padding: 30px 20px !important;
	}
}
/*&&&&&&&&&&&&&&&&&&&*/
/*end of flip box*/

/*Scrolling cities*/
.acs-city-scroller-h {
  width: 100%;
  overflow: hidden;
  position: relative;
  white-space: nowrap;
}

.acs-city-track-h {
  display: inline-flex;
  animation: acsScrollH 18s linear infinite;
}

.acs-city-scroller-h:hover .acs-city-track-h {
  animation-play-state: paused;
}

.acs-city-h {
  font-weight: 500;
  color: #fff;
  padding: 0 30px;
  transition: transform 0.3s ease;
  cursor: default;
  display: flex;
  align-items: center;
}

.acs-city-h:hover {
  transform: scale(1.25);
}

@keyframes acsScrollH {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%);
  }
}

/*End Scrolling cities*/

/*End of Homepage*/
/**********************/

.readmore-box summary {
  list-style: none;
  cursor: pointer;
}

.readmore-box summary::-webkit-details-marker {
  display: none;
}

.readmore-box summary::marker {
  display: none;
}

.readmore-box[open] summary {
  display: none;
}

.service-toggle .fusion-panel{
	  margin-bottom: 10px;
    padding: 0 20px;
    background: rgba(0, 102, 179, 0.15);
}
.service-toggle.dark-blue .fusion-panel{
    background: rgb(37 52 123 / 15%)!important;
}
.service-toggle.orange .fusion-panel{
    background: rgb(230 126 34 / 15%)!important;
}
#footer .white a{
	color:#ffffff;
}
#footer .white a:hover,{
	color:#E67E22;
}
#footer a{
	color:#000000;
}
#footer a:hover{
	color:#E67E22;
}



/*&&&&&&&&&&&&&&&&&&&*/
/**Team popups**/
.team-popup{

}

.team-popup .header-h3 h3{
  margin-bottom: 0px !important;
}

.team-popup .header-h4 h4{
  color: var(--ACSBlue) !important;
	margin-top: 0px !important;
	margin-bottom: 10px;
}

.team-popup .body-copy{
  color: var(--black) !important;
}
/**End of Team popups**/
/*&&&&&&&&&&&&&&&&&&&*/

.hvac-services-col h3{
	margin: 0px;
}


/**Offers***/
.offer-col .fusion-column-wrapper{
	border: 2px solid var(--black) !important;
}

.offer-col .fusion-layout-column .fusion-column-wrapper{
	border: 0px solid var(--black) !important;
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 1080px){
	.offer-col .fusion-column-wrapper{
		min-height: 534px !important;
	}
	
	.offer-col .fusion-layout-column .fusion-column-wrapper{
		min-height: auto !important;
	}
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (min-width: 768px) and (max-width: 1080px){
	
}

/*&&&&&&&&&&&&&&&&&&&*/
@media only screen and (max-width: 768px){
	
}
/**End of Offers***/

.accordian .fusion-panel{
	padding: 10px 20px 0px 20px !important;
}


#validation_message_2_2{
	position: absolute;
	top: -20px;
	max-width: 524px;
}