@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@200;300;400;500;600;700&display=swap');

/******** Fonts *************/
/*****************************/
.avia_textblock h3{
	font-size: 60px;
	line-height: 70px;	
    font-weight: 500;
}

@media screen and (max-width: 768px) {
	.avia_textblock h3{
		font-size: 40px;
		line-height: 50px;	
	    margin-bottom: 70px; 
	}	
}

h2{
	font-size: 60px;
	line-height: 80px;
	text-transform: none !important;
	margin-bottom: 35px;
	letter-spacing: 0px !important;
	font-weight: 500;
}

.max-width-1200 h2{
	max-width: 1200px;
	margin: 0 auto;
	margin-bottom: 35px !important;
}

.avia_textblock h3{ font-weight: 500; }

.home h2{ max-width: unset;  }

/* h2{ max-width: 580px; } */
.max-width-580 h2{ max-width: 580px; }


.avia_textblock p{
	font-size: 18px;
	line-height: 33px;
}


h1{
  font-weight: 300 !important;
  text-transform: unset !important;
}

@media only screen and (max-width: 767px) {
	
	.banner h3{
		font-size: 20px !important;
		line-height: 32px !important;
		margin-bottom: 0px;
	}
	
	h1{
		font-size: 40px  !important;
		line-height: 50px  !important;
		}
	h2{
		font-size: 40px;
		line-height: 50px;
	}
	.content {
	  padding-top: 10px;
	  padding-bottom: 10px;
	}
}

#top .av_inherit_color  h1{ color: #fff;}

.blue-dot,.blue{color: #00AEF5 !important;}

.avia_textblock:not(.banner-text) a:hover{
   border-bottom: 1px solid #00AEF5 !important;
}

h4{ font-size: 30px; line-height: 40px; }



/******** Home Banner *************/
/*****************************/

.home h1{
  font-size: 60px;
  line-height: 90px;
  max-width: 1000px;
  text-transform: none;
}

@media only screen and (min-width: 767px) {
	.home h1::before {
	  content: '';
	  width: 45px;
	  height: 270px;
	  background-image: url('/wp-content/themes/enfold-child/icons/Banner-Graphic-lines.svg');
	  background-repeat: no-repeat;
	  background-position: left center;
	  margin-left: 0.5em;
	  position: absolute;
	  left: 0px;
	}
}

@media screen and (max-width: 768px) {
	.home h1{		
		font-size: 40px;
		line-height: 50px;	
	}
}


.home .banner .av_textblock_section{
  display: flex;
  justify-content: right;
}
.home .banner .avia_textblock {
  display: flex;
  flex-direction: column;
}

.home .banner  .container .content { vertical-align: bottom !important; }
.home .banner .avia-button{
	border:1px solid #00AEF5 !important;
	background-color:transparent !important;
	color: #fff !important;
	text-transform:uppercase;
}
.home .banner .avia-button:hover{ 
  background: #fff !important;
  border: 1px solid #fff !important;
  color: #000 !important;
  opacity: 1;
}

.avia_textblock.banner-text{margin-bottom: 15px;}

.home .banner{margin-bottom:0px;}

/******** Banner *************/
/*****************************/

@media only screen and (min-width: 767px) { 
	.banner{margin-bottom:65px;}
}

.main_color.banner h1,
.main_color.banner h3{
	color: #fff;
	text-align: center;
}
	
.banner h1{
	font-size: 70px;
	line-height: 90px;
	text-transform: default;
}
.banner h3{
	font-size: 30px;
	line-height: 50px;
	font-weight: 600;
	text-transform:uppercase;
}

/******** Header *************/
/*****************************/
@media only screen and (min-width: 767px) { 	
	#header.av_header_transparency{ background: transparent; }
	#header{ background: #fff; }
}

@media only screen and (max-width: 767px) { 
	#header{ background-color: transparent !important; position: absolute !important; }
}

/* Hide standard desktop menu items */
#top #avia-menu > li:not(.av-burger-menu-main) {
  display: none !important;
}

/* Show burger menu at all sizes */
#top .av-burger-menu-main {
  display: block !important;
}

/* Sticky - Different Logo*/
.logo.avia-standard-logo a img{
  content: url('/wp-content/themes/enfold-child/icons/ShadeSmart-Logo-black-blue.png');
}

.av-burger-overlay-active .logo.avia-standard-logo a img,
.av_header_transparency .logo.avia-standard-logo a img{
  content: url('/wp-content/smush-webp/2025/07/ShadeSmart-Logo.png.webp');
}

/* Sticky - Swap logo image on hover */
.logo.avia-standard-logo a:hover img{
  content: url('/wp-content/themes/enfold-child/icons/ShadeSmart-Logo-black-blue-hover.png');
}

/* Swap logo image on hover */
.av-burger-overlay-active .logo.avia-standard-logo a:hover img,
.av_header_transparency .logo.avia-standard-logo a:hover img,
.footer-logo .avia-image-overlay-wrap:hover img{
  content: url('/wp-content/uploads/2025/07/ShadeSmart-Logo-hover.png');
}

.logo.avia-standard-logo { margin-top: 20px; }

.header_color .av-hamburger-inner, .header_color .av-hamburger-inner::before, .header_color .av-hamburger-inner::after {
  background-color: #000 !important; 
  height: 2px;
}

.av_header_transparency.header_color .av-hamburger-inner, .av_header_transparency.header_color .av-hamburger-inner::before, .av_header_transparency.header_color .av-hamburger-inner::after {
  background-color: #fff !important; 
}

.av-hamburger-inner { margin-top: 0px; }


.av_header_transparency .header_color .is-active .av-hamburger-inner,
.av_header_transparency .header_color .is-active  .av-hamburger-inner::before,
.av_header_transparency .header_color .is-active  .av-hamburger-inner::after{ background-color: #000 !important; }


.header_color .is-active .av-hamburger-inner,
.header_color .is-active  .av-hamburger-inner::before,
.header_color .is-active  .av-hamburger-inner::after{ background-color: #fff !important; }

.av_header_transparency .header_color .is-active.av-hamburger strong{ color: #fff !important; }
.header_color .is-active.av-hamburger strong{ color: #fff !important; }


/*****************************************************************************/

/******** Social Icons *************/
/*****************************/
.main_menu {
  display: flex;
  gap: 60px;
  align-items: center;
}

.top-social-icons{ 
  position: relative;
  right: 0;
  overflow: hidden;
  clear: none;
  float: left;
  display: flex;
  gap: 14px;
}

.av_header_transparency .top-social-icons a.facebook {background-image: url('/wp-content/themes/enfold-child/icons/Facebook-Logo-NAV.svg'); }
.av_header_transparency .top-social-icons a.ig { background-image: url('/wp-content/themes/enfold-child/icons/Instagram-Logo-NAV.svg'); }
.av_header_transparency .top-social-icons a.phone {	background-image: url('/wp-content/themes/enfold-child/icons/Contact-Us-Logo-NAV.svg'); }

.top-social-icons a.facebook {
    background-image: url('/wp-content/themes/enfold-child/icons/Facebook-Logo-NAV-black.svg');
	height: 15.7px;
	width: 8.41px;  
}
.top-social-icons a.ig {
    background-image: url('/wp-content/themes/enfold-child/icons/Instagram-Logo-NAV-black.svg');
	height: 16px;
	width: 16px;  
}
.top-social-icons a.phone {
    background-image: url('/wp-content/themes/enfold-child/icons/Contact-Us-Logo-NAV-black.svg');
	height: 15.99px;
	width: 10.04px;  
}

@media only screen and (max-width: 767px) { .top-social-icons, .main_menu .avia-button { display:none !important; }}

/*****************************************************************************/

/******** Testimonials *************/
/*****************************/

#top .avia-slider-testimonials.avia-testimonial-wrapper {
  background-color: #f6f6f8;
  padding: 60px 15px;
  position: relative; /* ensure child abs positioning works */
}

.avia-testimonial-wrapper .prev-slide {
  left: 0; /* override any inherited spacing */
  margin-left: -15px; /* negate padding */
}

.avia-testimonial-wrapper .next-slide {
  right: 0; /* override any inherited spacing */
  margin-right: -15px; /* negate padding */
}

.avia-testimonial-content {
  max-width: 850px !important;
  margin: 0 auto;
}

#top .av-large-testimonial-slider .avia-slideshow-arrows a{

top: calc(50% - 30px);
margin-left: 30px !important;
  margin-right: 30px !important;}

.avia-testimonial-wrapper .prev-slide svg,
.avia-testimonial-wrapper .next-slide svg{
  display: none;
}

.avia-testimonial-wrapper .prev-slide::before,
.avia-testimonial-wrapper .next-slide::before {
  content: "";
  display: inline-block;
  background-size: contain;
  background-repeat: no-repeat;
  vertical-align: middle; 
  border-radius: unset !important;
  transition: background-image 0.3s ease;
  background-size: cover !important;
}

.avia-testimonial-wrapper .prev-slide::before{
  background-image: url('/wp-content/themes/enfold-child/icons/Left-button-large.png') !important;
}
.avia-testimonial-wrapper .prev-slide:hover::before {
  background-image: url('/wp-content/themes/enfold-child/icons/Left-button-large-hover.png') !important;
}
.avia-testimonial-wrapper .next-slide::before{
  background-image: url('/wp-content/themes/enfold-child/icons/Right-button-large.png') !important;
}
.avia-testimonial-wrapper .next-slide:hover::before {
  background-image: url('/wp-content/themes/enfold-child/icons/Right-button-large-hover.png') !important;
}

.avia-testimonial-wrapper .prev-slide,
.avia-testimonial-wrapper .next-slide{
  width: 60px !important;
  height: 60px !important;
  border-radius: unset !important;
  opacity: 1 !important;
}

@media only screen and (max-width: 767px) {	
	.avia-testimonial {
		padding: 0px 10px !important;
	}
	.full-width-testimonial .container {
		margin-inline: 0px !important;
		width: 100% !important;
  	    max-width: 100% !important;
	}
	.avia-testimonial-name{text-align:center !important;}
	
	.avia-slideshow-arrows{
		position: absolute;
	    bottom: 72px !important;
	    width: 100%;
	    left: 0px;
	}
	#top .avia-slider-testimonials.avia-testimonial-wrapper{padding-bottom: 140px; }
	#top .av-large-testimonial-slider .avia-slideshow-arrows a {
		margin-left: 28% !important;
		margin-right: 28% !important;
	}
	
	#top .avia-slider-testimonials.avia-testimonial-wrapper{border-radius: 5px; }

	.text-row .container { padding-right:0px; }
	.footer-row h3::after{ right: 15px !important; }
	.container { padding: 0px 20px; }
}	 
	 
	 
/*****************************************************************************/

/******** Footer *************/
/*****************************/

.footer-row.text-row .content{
  padding-top:0px;

}
.footer-row.text-row h3{ margin-bottom: 0px;  }

#top .hm-row.footer-row a,
.hm-row.footer-row p{
   font-size: 12px;
   text-decoration:none;
}


@media only screen and (max-width: 767px) {	
	
	.footer-row .avia-image-container.avia-align-left{
			float: unset !important;
			margin: 0px !important;
	}
	 
	.footer-row .avia-image-container img{
		text-align: center;
	  	margin: 0 auto;
	}
	.footer-row p{ text-align: center; }
	
	
	.footer-row .social-icons{
		  margin: 0px !important;
		  margin-bottom: 20px !important;
		 justify-content: center !important;
	}
	
	.footer-row .av_one_third,
	.footer-row.last-row .av_one_third,
	.footer-row.last-row .av_one_fourth,
	.footer-row.last-row .av_one_fifth {
		  margin-left: 0  !important;
		  width: 100% !important;
	}
	
	.my-menu-class li,
	.footer-row h4{ text-align:center;}
	.footer-row h4{ margin-top: 30px; }
	
	.footer-row.text-row .container { padding-left: 15px; }
	
	
	.footer-row.text-row {
	  background-size: cover;
	  background-position: center center !important;
		min-height: 220px;
	}
	
	.footer-row.text-row h3 { 
        max-width: 300px;
		font-size: 38px;
  		line-height: 46px;
  		padding-top: 20px;
  		padding-bottom: 40px;
	}
	.footer-row.text-row h3::after{
		position: absolute;
		  right: 0px;
		  top: calc(50% - 20.5px);
	}
}

/* .footer-row.last-row{padding-bottom:30px;} */
.footer-row .template-page.content { padding-bottom: 0px; }


.footer-row { border: none; }

.footer-row h3,
.footer-row h4,
.footer-row p,
.footer-row a{
	color: #fff !important;
}


.footer-row h3{
	font-size: 60px;
	line-height 80px;
	margin-bottom: 10px;
}
.footer-row h3::after {
  content: '';
  display: inline-block;
  width: 54px;
  height: 41px;
  background-image: url('/wp-content/themes/enfold-child/icons/CTA-Right-Arrow-Icon.svg'), 
                    url('/wp-content/themes/enfold-child/icons/CTA-Right-Arrow-Icon.svg');
  background-repeat: no-repeat, no-repeat;
  background-position: left center, right center;
  background-size: 24px auto, 24px auto;
  margin-left: 0.5em;
}

.footer-row h4{
    margin-bottom: 30px;
	font-size: 40px;
    font-weight: 500;
}

.my-menu-class,
.my-menu-class li { margin-left: 0px; }

.my-menu-class li a{
	font-size: 18px;
	line-height: 25px;
}
.my-menu-class li a:hover{ border-bottom: 1px solid #00AEF5 !important; }

.social-icons{
	display:flex;
	gap: 20px;
}

.footer-row .social-icons{
  justify-content: end;
  margin-right: 40px;
  margin-top: 9px;
}

.copyright { white-space: nowrap; }


.copyright p{
	font-size: 18px;
	line-height: 33px;
	margin-top: 10px;
	font-weight: 300;

}

#header.av_header_transparency .avia-button{
	background-color: #fff !important;
	color: #000 !important;
}
#header .avia-button{
	background-color: #000 !important;
	color: #fff !important;
}

.av-burger-overlay-active #header .avia-button{
   background-color: #fff !important;
	color: #000 !important;
}

.av-burger-overlay-active #header .avia-button:hover{
   background-color: #000 !important;
	color: #fff !important;
}

#top #header #header_main .avia-button:hover{ color: #fff !important; }
#top #header #header_main .avia-button:hover{ color: #000 !important; }
.av-burger-overlay-active #top #header #header_main .avia-button:hover{ color: #fff !important; }
#top #header.av_header_transparency #header_main .avia-button:hover{ color: #fff !important; }
/* #top .av-burger-overlay-active #header.av_header_transparency #header_main .avia-button:hover{ color: #000 !important; } */


.avia-button{
  font-size: 18px !important;
  padding: 6px 15px !important;
  border-radius: 10px !important;
  line-height: 24px !important;	
  border: 1px solid #000 !important;
}

#top .avia-button:hover{
  opacity: 1;
  background-color: #fff !important;
  border: 1px solid #00aef5 !important;
  color: #000 !important;
}

#top .footer-row .avia-button:hover,
#top #header_main .avia-button:hover{
	background-color: transparent !important;
	color: #fff !important;
	border: 1px solid #00aef5 !important;
}

.footer-row .avia-button{
  background-color: #fff !important;
  color: #000 !important;
  border: 1px solid #fff;
}

.footer-row .avia-button:hover{
  background-color: #000 !important;
  color: #fff !important;
  border: 1px solid #fff !important;
}


.avia-image-container.avia-align-left{margin-top: 0;}
.button-col{ margin-top: -5px; }

/*****************************************************************************/


/******** Custom Slider *************/
/*****************************/

.custom-slider-controls {
  text-align: left; /* align contents left */
  margin-top: 20px; /* space from text above */
  gap: 15px;
  display: flex;
  justify-content: flex-start; /* align buttons left */
  column-gap: 15px; /* space between buttons */
}

@media only screen and (max-width: 767px) {
	.custom-slider-controls{ justify-content: center; }
}
.custom-slider-controls button {  
  color: #fff;
  border: none;
  cursor: pointer;
  font-family: monospace;
}
.custom-slider-controls button:hover {
}


/* CSS: Swap image on hover */
[id^="custom-prev"]:hover img {
  content: url('/wp-content/themes/enfold-child/icons/left-button-hover.png');
}
/* CSS: Swap image on hover */
[id^="custom-next"]:hover img {
  content: url('/wp-content/themes/enfold-child/icons/right-button-hover.png');
}


/******** Custom Slider *************/
/*****************************/
.right{
	right:0px;
    padding-top: 50px;
    padding-left: 30px;	
}
.left{
	left:0px;
    padding-top: 50px;
    padding-right: 30px;		
}

.slide-overview.right{
  transform: translate(40%, -50%);
  width: 28vw;
  padding-right: calc(11% + 45px);
}
.slide-overview.left {
  left: 0;
  transform: translate(-40%, -50%); /* X: shift left 20%, Y: vertical center */
  width: 28vw; /* or however wide you want it to bleed */
  max-width: none;
  padding-right: 30px;
  padding-left: calc(11% + 45px);
}

@media screen and (max-width: 1600px) {
	.slide-overview.right{ width: 50vw; padding-right: calc(20% + 45px); }
	.slide-overview.left { width: 50vw; padding-left: calc(20% + 45px);}	
}


.slide-overview{
   transform: translateY(-50%);
  position: absolute;
  top: 50%;  
  width: 100vw; /* Stretch all the way right */  
  z-index: 10;
  background: rgba(0, 0, 0, 0.6); /* or transparent if you want */
  padding: 40px; 
  max-width: none; /* Important to let it bleed */
  box-sizing: border-box;
  background-color: #f6f6f8;
}

.slide-overview h3{	
	font-size: 40px;
	line-height 50px;
    margin-bottom: 60px;
}
.slide-overview p{	
	font-size: 18px;
    line-height: 33px;
}

.slider-btn {
  background: none;
  border: none;
  padding: 0;
  cursor: pointer;
}

.slider-btn img {
  width: 40px;
  height: auto;
  display: block;
}

@media only screen and (max-width: 767px) {
	.slide-overview{
		position: relative;		
		width: 100% !important;
		transition: unset !important;
		transform: none !important;
		padding: 20px !important;
  	}
	
	.slide-content h3{
		text-align: center;
		font-size: 30px;
		line-height: 50px;
        margin-bottom: 0px;
	}
	.slider-btn img { width: 70px; }	

	.custom-slider-controls { margin-bottom: 30px; }
	
	.text-on-right .avia_codeblock,
	.text-on-left .avia_codeblock{ 
		border-bottom-left-radius: 10px !important;
		border-bottom-right-radius: 10px !important;
	}
	.avia-slideshow { margin-bottom: 0px !important; }
	.avia-slideshow li img{ border-radius: unset; }
}


/******** FAQ's *************/
/*****************************/
.toggle_icon{
    left:unset;
	right: 10px;
 }


/* CSS to use your own background icon */


.js_active .toggler {	
	padding: 14px 3px 14px 35px;
}
@media only screen and (max-width: 767px) {
	.js_active .toggler {
		padding-left: 10px !important;
		padding-right: 15%;
	}
	.toggle_content{
		padding-left: 10px;
		padding-right: 10px !important;
	}
}

.toggle_icon {
  display: inline-block;
  width: 50px;  
  height: 50px;
  background-image: url('/wp-content/themes/enfold-child/icons/Plus-Icon.svg');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}

.toggle_icon{
  padding: 20x;
  background-size: unset;
  border-radius: 5px;
  border: 1px solid #000 !important;
  background-size: 15px 15px; 
  margin-top: -19px !important;
}

.activeTitle .toggle_icon{
  background-image: url('/wp-content/themes/enfold-child/icons/Minus-Icon.svg');
  border:none;
}

.toggle_icon .vert_icon,
.toggle_icon .hor_icon {
  display: none !important;
}

.js_active .toggler, .avia-admin-preview-container .toggler{
	border:none;
}

.toggle_content,
.toggler {
   border:none;
	background-color: transparent !important;
}

.toggle_content{
	padding-right: 100px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.toggle_wrap{padding-top: 0px !important;}

.av-title-above{
	font-size: 30px;
	line-height: 40px !important;
}

.toggle_content p{
	font-size: 14px;
	line-height: 26px;
}

.toggle_content p:last-of-type { margin-bottom:0px;}

.av_toggle_section{
  border-top: 1px solid #00AEF5 !important;
  padding-top: 10px;
  padding-bottom: 10px;
}

@media only screen and (min-width: 1650px) {
  .toggler {padding-left: 10% !important;}
  .toggle_content {padding-left: 10% !important;}


}
/*****************************************************************************/


/*** OTHER ***/
.hide-for-now{display:none;}

#header_main .avia-menu { width: 300px; }

.av-hamburger-inner { width: 20px; }

.av_header_transparency.header_color .av-hamburger strong{ color: #fff; }
.header_color .av-hamburger strong { color: #000; }

.header_color .av-hamburger strong {
	display: block;	
	text-transform: uppercase;
	font-size: 21px;
    position: relative;
    left: 36px;
    font-weight: 400;
}
.av-hamburger-inner::before { top: -6px; }

.av-hamburger-inner::after { bottom: -6px; }

.av-hamburger-box{ position: unset !important; }

/******** MENU's *************/
/*****************************/
.html_av-overlay-side .av-burger-overlay-scroll{width: 100% !important;}
.av-burger-overlay-inner { 
  background-color: rgba(0, 0, 0, 0.90);
  background-image: linear-gradient(rgba(0, 0, 0, 0.90), rgba(0, 0, 0, 0.90)), url('/wp-content/uploads/2025/08/menu-bg.avif'); 
  background-size: cover;
  background-position: center center;
}

.html_av-overlay-side .av-burger-overlay-scroll { 
  transform: translateX(0) !important;
}

.av-hamburger strong { font-size: 0 !important; }

.av-hamburger strong::after {
   content: "MENU";
   font-size: 16px !important;
}

.av-hamburger.is-active strong::after { content: "CLOSE" !important; }

.av-burger-overlay li a{
  font-size: 50px !important;
  color: #fff !important;
  border: none !important;	
  padding-left: 0px !important;
	
  font-weight: 300;
  line-height: 80px;
  font-size: 60px !important;	
	
}

.av-burger-overlay li a:hover{ background-color: transparent !important; }
.av-burger-overlay li a:hover .avia-menu-text{
   border-bottom: 1px solid #00AEF5 !important;
}


.av-burger-overlay-inner { text-align: left; }

.main_menu { z-index: 99 !important; }
.logo,.top-social-icons,.avia-button { z-index: 100 !important; }

#av-burger-menu-ul {	
	display: block !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

@media only screen and (min-width: 1650px) {
	#av-burger-menu-ul {
		max-width: 1520px;
		margin: 50px auto;
	}		
}

@media only screen and (max-width: 1650px) and (min-width: 1400px) {
	#av-burger-menu-ul {
		max-width: 1620px;
        padding: 0px 50px !important;
		padding-top: 140px !important;
	}		
	.av-burger-overlay li a{
        font-size: 40px !important;
		padding-left: 0px !important;
  		line-height: 35px !important;
	}
}

@media only screen and (max-width: 1400px)  {
	.av-burger-overlay li a{
        font-size: 24px !important;
		padding-left: 0px !important;
  		line-height: 32px !important;
		text-align: center !important;
		padding-left: 0px !important;
  		padding-right: 0px !important;
	}
	#av-burger-menu-ul {
  		padding-bottom: 40px !important;
  		padding-left: 20px !important;
  		padding-right: 20px !important;
  		max-width: calc(100% - 40px);
  		margin: 0 auto !important;
 }
	
	.av-burger-overlay li a{
		padding-top: 7px;
 		padding-bottom: 7px;
	}
}

@media only screen and (min-width: 1400px)  {
	#av-burger-menu-ul > li.bottom {
	  display: inline-block;
	  margin-right: 15px;
	  white-space: nowrap;
	}

	#av-burger-menu-ul {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 15px;
	  align-items: flex-start;
	}

	#av-burger-menu-ul > li.bottom a{
	  font-size: 18px !important;
	  padding-right: 15px !important;
	  text-transform:uppercase;
	}
	#av-burger-menu-ul > li.bottom:not(.quote) a:after{
		content:"/"; 
		padding-left: 15px;
	}

	#av-burger-menu-ul > li.bottom.quote a{font-weight: 800;}
	
	li.bottom {  padding-top: 50px !important; }
}


/******** Mobile *************/
/*****************************/
@media only screen and (max-width: 767px) {
	
	.responsive #top #wrap_all .main_menu{ width: 20%; }
	.desktop-only{display:none !important;}
	
	.footer-row .avia-image-overlay-wrap { margin-top: 10px; margin-bottom: 45px; }

	#header_main .avia-menu { width: 130px;	}
	.responsive .logo img{ max-width: 190px; }

	.responsive #top #wrap_all .container { width: 94%; max-width: 94%; }
	
	.responsive #top #wrap_all .main_menu{ right: 50px; }		
	
	.avia_textblock { padding-inline: 20px; } 
	.home h3 { margin-bottom: 0px !important; }
	
	#av-burger-menu-ul > li.bottom { 
	  margin-top: 40px !important;
	}

	/* every .bottom that has a previous .bottom loses the margin */
	#av-burger-menu-ul > li.bottom ~ li.bottom { 
	  margin-top: 0 !important;
	}
	#av-burger-menu-ul > li.bottom a{
		padding-top:0px !important;
		padding-bottom:0px !important;
	}
	#av-burger-menu-ul > li.bottom .avia-menu-text {
		  text-transform: uppercase; 
		  font-size: 18px;
		  line-height: 22px;
	}
	#av-burger-menu-ul > li.bottom.quote .avia-menu-text {
		font-weight: 500;
	} 
	
}

/******** Desktop *************/
/*****************************/
@media only screen and (min-width: 767px) {
	.moblie-only{display:none !important;}
}

/******** Product Page *************/
/*****************************/
.av-masonry-entry .av-inner-masonry-content {	
	padding-left: 0px;
	background-color: transparent !important;
    padding-top: 14px !important;
}

.avia-arrow{display:none;}

.av-masonry-entry-content.entry-content{
	font-size: 18px;
	line-height: 33px;
	font-weight: 800;
}

.av-inner-masonry-content { padding-top: 15px; }

.max-width-500 h2{ max-width: 500px; }




/******** Custom bullet *************/
/*****************************/

.avia_textblock ul {
    list-style: none; /* kill default bullets */
    padding-left: 0;
    margin-left: 0;
}

.avia_textblock li {
    position: relative;
    padding-left: 48px; /* space for icon */
    margin-bottom: 8px; /* space between items */
	font-size: 18px;
    line-height: 30px;
    margin-left: 0px;
}

.avia_textblock li::before {
    content: "";
    position: absolute;
    left: 0;
    top: 8px;
    width: 34px;
    height: 20px;
    height: 20px;
    background-image: url('/wp-content/themes/enfold-child/icons/Key-Features-Bullet-Graphic.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;    
}



/******** Other solutions *************/
/*****************************/

.other-solutions h2{text-align:center; margin:0 auto; max-width:unset;}
.other-solutions .av_one_fourth .avia_textblock{
	background-color: #F6F6F8;

}

.other-solutions .avia-image-container{margin-bottom:0px;}

.other-solutions p{
	padding-top: 30px;
	min-height: 165px;
	max-width: 265px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	font-size: 28px;
	line-height: 37px;
	font-weight: 500;
}

.other-solutions img { border-radius: unset !important; }

/******** Colourways *************/
/*****************************/
.colourways {
  display: flex;
  gap: 26px;
  margin-top: 40px;
}
.colourways p{
  font-weight: 800;
  font-size: 18px;
  line-height: 23px;
}
.colourways .col{
  text-align: center;
}

.colourways img{
  height: 78px;
  width: 78px;
}

/******** Forminator *************/
/*****************************/
.forminator-button {
	box-shadow: none !important;
	border: 1px solid #000 !important;
	font-size: 18px !important;
  padding: 6px 15px !important;
  border-radius: 10px !important;
  line-height: 24px !important;
  font-weight: 300 !important;
  text-transform: uppercase;
}

.forminator-button:hover{ 
  border: 1px solid #00aef5 !important;
}

.forminator-description{display:none !important;}

.forminator-label {
	font-size: 18px !important;
  line-height: 33px !important;
  font-weight: 500 !important;
}

.forminator-row input,
.forminator-row textarea{
  margin-bottom: 0px !important;
}


/******** Contact *************/
/*****************************/
.contact-links p.c-small{
  margin-bottom:0px;
  color: #04adf5;
  font-size: 15px;
}

#top .contact-links .custom-color-heading a.av-heading-link{
	text-decoration:none;
    font-weight: 300;
	margin-top:0px;
}

#top .contact-links .custom-color-heading a.av-heading-link:hover{
   border-bottom: 1px solid #04adf5;
   opacity: 1;
}

.av-special-heading {
  margin-top: 30px;
}


/******** container image *************/
/*****************************/
.other-solutions .avia-image-container-inner{
  width: 100%;
  height: 225px;
  overflow: hidden;
  border-radius: unset !important;
}
  
  
.other-solutions .avia-image-container-inner img{ 
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
  }



/******** Galler Sub Menu *************/
/*****************************/

#top .main_color.av-submenu-container a{
	background-color: #000;
	font-size: 18px !important;
	padding: 6px 15px !important;
	border-radius: 10px !important;
	line-height: 24px !important;
	border: 1px solid #000 !important;
	margin-inline: 10px;
}
#top .main_color.av-submenu-container a:hover{
	background-color: transparent !important;
    border: 1px solid #00aef5 !important;
}
.main_color.av-submenu-container a .avia-menu-text{
	color: #fff;
}
.main_color.av-submenu-container a:hover .avia-menu-text{
    color: #000;
}