/*
created by melissa hitt
*/
 @font-face {  font-family: 'Avenir';
  src: url("../webfonts/AvenirLTStd-Book.otf"); }

@font-face {  font-family: 'AvenirLight';
  src: url("../webfonts/AvenirLight.ttf"); }

@font-face {  font-family: 'AvenirMedium';
  src: url("../webfonts/AvenirMedium.ttf"); }

@font-face {  font-family: 'Avenir-Roman';
  src: url("../webfonts/AvenirLTStd-Roman.otf"); }





.meow-script-regular {
  font-family: "Meow Script", cursive;
  font-weight: 400;
  font-style: normal;
}
  
.main-navigation{font-family: 'Avenir'!important;}
.main-navigation a{font-size:18px; text-decoration: none!important}

.custom-logo-link img{padding-top: 10px!important;}

.mmmenu-menu-1-container ul li a{border:1px yellow solid!important; padding:0px!important; margin: 0px!important;}

.main-navigation .sub-menu li a{font-size: 14px!important; padding:10px 25px;}
.main-navigation .sub-menu li:hover{background-color: #ccc!important;}
.main-navigation .sub-menu li{background-color: #7a2625!important;}
.bg-color-burg{background-color: #7a2625!important;}


body{
	font-family: 'Avenir'!important; 
	font-size: 18px!important;
	text-wrap: auto!important;
}

img.custom-logo {
        width: 200px!important;
        max-width: 100%;
    }

 .header-img, .single-page-img, .external-div .box-image-page img,.external-div,.featured-image{
               /* height: 450px !important; */
            }
.featured-image , .single-page-img{opacity: 0.5;}
.box-image-page{background-color: black;}
.box-text h2{color: white!important;}

.container p{font-size: 18px!important;}

.hdCol{padding: 3px; background-color:#333333; color:#fff; width:140px; min-height:30px; vertical-align:middle; padding-left:5px; }
.flipswitch {
  position: relative;
  background: white;
  width: 120px;
  height: 40px;
  -webkit-appearance: initial;
  border-radius: 3px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  outline: none;
  font-size: 14px;
  font-family: Trebuchet, Arial, sans-serif;
  font-weight: bold;
  cursor: pointer;
  border: 1px solid #ddd;
}

.flipswitch:after {
  position: absolute;
  top: 5%;
  display: block;
  line-height: 32px;
  width: 45%;
  height: 90%;
  background: #fff;
  box-sizing: border-box;
  text-align: center;
  transition: all 0.3s ease-in 0s;
  color: black;
  border: #888 1px solid;
  border-radius: 3px;
}

.flipswitch:after {
  left: 2%;
  content: "No";
}

.flipswitch:checked:after {
  left: 53%;
  content: "Yes"; background: yellow;
}

.errors_container{
	color:red; font-size: 18px;
	border: 2px solid red;
	padding: 10px;
	margin-bottom: 20px;
	
}


h1,h2, h3 {
  color: #000000!important;
  font-family:  'AvenirLight'!important;
  text-wrap:balance;
}

.hm-since  p{/* SINCE 1983 */
  color: #fff!important; text-transform: uppercase!important; font-size: 36px;transform: translateY(-20px);  
  font-family:  'AvenirLight'!important;  
	/*text-shadow: 0px 4px 6px 10px rgba(0, 0, 0, 0.4);*/
	filter: drop-shadow(5px 5px 10px #333333);
	 text-shadow:black 2px 2px!important; 
 font-weight: 100!important;
}

h2,h3,h4,h5,h6{
color:black;	
}
h1,h2{text-transform:uppercase}


:root {
    --color-primary1:#7a2625!important;
    --color-primary2:#cc6666!important;
    --font-awesome:'FontAwesome';
}
 .hm-building-top .elementor-heading-title {
	color:#fff!important;
	font-size: 60px!important;
	 font-family: 'Avenir'!important;
	font-weight: 300!important;
	text-shadow:black 2px 2px;filter: drop-shadow(5px 5px 10px #333333);
/*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)!important;*/
}
.elementor-heading-title{ font-family: 'AvenirLight'!important; font-weight: 100!important;

}
#explore-button .elementor-button-text{text-transform: uppercase!important; font-size: 22px!important; font-family: 'AvenirLight'!important;}
#explore-button{border:1px #fff solid!important;}
.elementor-8 .elementor-element.elementor-element-0076ec5 p{font-size: 30px!important;}


.wp-block-pullquote{border: none!important;}
blockquote{border-color: #333!important; font-style: italic!important}
.entry-author{display: none!important;}
.entry-comments{display: none!important;}
.entry-category{display: none!important;}
.box-info{display: none!important;}
.post h1{margin-bottom: 30px!important;}
cite{text-transform: capitalize!important;}
.widget_search{display: none!important;}
#block-4{display: none!important;}

.hm-celebrating p{font-size:35px;  font-family: "Birthstone", cursive; color: beige;}
#about-button a{color: #fff; text-decoration: none!important;}

.job-title{text-align: center; font-size: 26px; padding:5px; vertical-align:middle;font-family: 'AvenirMedium'; background-color: antiquewhite}

#page_overlay {
    position: fixed; /* Sit on top of the page content and stay in place during scroll */
    display: none;   /* Hidden by default, JavaScript will change this */
    width: 100%;     /* Full width */
    height: 100%;    /* Full height */
    top: 0;          /* Position from the top */
    left: 0;         /* Position from the left */
    right: 0; align-content: center; vertical-align: middle;
    bottom: 0;
    background-color: rgba(0,0,0,0.8); /* Black background with opacity for the dimming effect */
    z-index: 999;      /* Specify a stack order higher than other elements */
  
}

.toprow-wrapper a:hover{color: yellow!important;}
/*--------------------------------------------------------------
HOME PAGE GRID FOR LOGOS
--------------------------------------------------------------*/

.hm-slider-images img{width: 150px!important; height: auto!important; }
.hm-grid-container-logos{ display: grid; grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr; margin-top: 50px; align-items: center;column-gap: 3px; justify-content: center;}

/*--------------------------------------------------------------
SERVICES PAGE GRID 
--------------------------------------------------------------*/
.services_grid_container {
  display: grid;
  /* Creates responsive columns that are at least 150px wide */
  grid-template-columns:  1fr 1fr 1fr ;
  gap: 2rem; /* Adjust the space between grid items */
}

.services_grid_container{margin-bottom: 100px;  }
.services_border{border: 2px solid #862828; padding: 20px;  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);}
.services_grid_container h2{border-bottom:3px #ccc double;  margin-bottom:20px;}



.fease_grid{
  display: grid;
  /* Creates responsive columns that are at least 150px wide */
  grid-template-columns:  1fr 1fr 1fr 1fr 1fr ;
  gap: 2rem; /* Adjust the space between grid items */
}
.fease_grid h4{color: #666;font-family:  'AvenirLight'!important; font-size: 15px; font-weight: bold; letter-spacing: 2px;}
.fease_text{font-family:  'AvenirLight'!important; font-size: 15px; color: #666;}
.fease_grid div{padding-right: 10px; margin-top:20px;}
/*--------------------------------------------------------------
PORTFOLIO EACH JOB'S PAGE
--------------------------------------------------------------*/
.portfolio-item-desc{margin-bottom: 30px;}
.portfolio-item-location{margin: 30px 0px;  font-style: italic}

.rl-gallery-item img{height: 200px!important;}
/*--------------------------------------------------------------
PORTFOLIO PAGE
--------------------------------------------------------------*/
.portfolio-grid-container {
  display: grid;
  /* Creates responsive columns that are at least 150px wide */
  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
  gap: 2rem; /* Adjust the space between grid items */
}

.portfolio-grid-thumb-photos-container {
  display: grid;
  /* Creates responsive columns that are at least 150px wide */
  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  gap: 1rem; /* Adjust the space between grid items */
}


/* Add more specific image rules */



.portfolio_grid-item {
/* Sets the aspect ratio to 1:1 (perfect square) */
  aspect-ratio: 1 / 1;
  
  /* Centers the background image */
  background-position: center;
  /* Ensures the background image covers the entire square without distortion */
  background-size: cover;
  /* Prevents the image from repeating */
  background-repeat: no-repeat;
  
  /* Optional: Fallback background color */
  background-color: black; 
	
	border:1px solid #333;
	
    /* Styling for the text overlay */
   
    display: flex; /* Use flexbox to easily center content */
    justify-content: center; /* Centers content horizontally */
    align-items:flex-end; /* Centers content vertically */
    text-align: center;
   
    box-sizing: border-box; /* Ensures padding doesn't add to the total size of the item */
    
    /* Optional: Add a subtle overlay to make text more readable 
    position: relative;*/
}
.portfolio_grid-item:hover{
	cursor: pointer;
	overlay:black;
	background-color: black; /* Dark overlay */
	opacity: 0.6; 
}
.portfolio_grid-item:hover a{
	background-color: #7a2625; /* Dark overlay */
}
.portfolio_grid-item a {
	 color: white; padding: 20px 10px;
    text-decoration: none; min-height: 80px;
    width:100%;
	text-transform: uppercase;
    font-size: 24px; 
	background-color: rgba(0, 0, 0, 0.6); /* Dark overlay */
	margin-bottom: 10px;
	font-family: 'AvenirLight';
    z-index: 10; /* Position behind the content div */
}

/*--------------------------------------------------------------
HOME PAGE PORTFOLIO BUTTONS
--------------------------------------------------------------*/
	
.hm-grid-container-portfolio{display: grid; grid-template-columns: 1fr 1fr 1fr 1fr ;  gap: 10px; justify-content: center;}
	.overlay-text {
  font-size: 1.2rem;
  padding: 1rem;
}
	
	
.overlay {
  transition: .5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}

.hm-grid-item-portfolio-buttons:hover img{
  opacity: 0.3; transform: rotateY(180deg);
}
	
.hm-grid-item-portfolio-buttons:hover{ cursor:pointer;}
	
	
.hm-grid-item-portfolio-buttons:hover .overlay {
	
   transition: transform 0.3s ease; /*Smooth animation */
	transform-style: preserve-3d;
    opacity: 1; /* Makes the overlay fully visible/opaque at its set rgba value */
}

.hm-grid-item-portfolio-buttons img {
opacity: 1; filter: grayscale(100%);
  display: block; 
  width: 100%;
	height: auto;
  
  transition: .5s ease;
  backface-visibility: hidden;
}
	.portfolio-text{padding: 10px 2px;}
.portfolio-text:hover{text-decoration: underline;}
	.hm-grid-item-portfolio-buttons{text-align:center; padding: 1px;  background-color: #7a2625; color: white;   position: relative;}
.white-text{color: white;}


/*------------------------
TESTIMONIALS
-------------------------- */
#test-logo::before, #test-logo::after{content:none!important;}
#test-logo img{width:200px; height: auto;  padding: 0px!important;}
#test-logo{ padding: 0px!important;}

.sp-testimonial-free-section .sp-testimonial-client-testimonial p::after{
 font-family: "Font Awesome 6 Free";
	  content: "\f10e"; 
margin-left: 10px; font-size: 1.5em;
  color: #999;     /* Optional: Style the quote mark differently */
  /* Other styling properties like position, margin, etc. can also be used */
}
.sp-testimonial-content div::before, .sp-testimonial-content p::before {
 font-family: "Font Awesome 6 Free";
	  content: "\f10d"; 
margin-right: 10px; font-size: 1.5em;
  color: #999;     /* Optional: Style the quote mark differently */
  /* Other styling properties like position, margin, etc. can also be used */
}

.sp-testimonial-content div::after, .sp-testimonial-content p::after{
 font-family: "Font Awesome 6 Free";
	  content: "\f10e"; 
margin-left: 10px; font-size: 1.5em;
  color: #999;     /* Optional: Style the quote mark differently */
  /* Other styling properties like position, margin, etc. can also be used */
}
.sp-testimonial-free-section .sp-testimonial-title{display: none!important;}
.sp-testimonial-title h3{font-family: 'AvenirMedium'!important; }
.sp-testimonial-client-testimonial{}
 .sp-testimonial-free {border:5px white solid!important; padding: 10px!important; border-radius: 10px!important; background-color:white!important; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); min-height: 300px!important; }
.sp-testimonial-client-name{font-family: 'AvenirMedium'!important; }
}
/*-----------------------------------------
Home page video
------------------------------*/

/* ------- Video and Text ---------- */
.hm-celebrating p{font-size:35px;  font-family: "Birthstone", cursive; color: beige;}

 .hmvideo-heading-title {
	color:#fff!important;
	font-size: 60px!important;
	 font-family: 'AvenirLight'!important; font-weight: 100!important;
	text-shadow:black 2px 2px;filter: drop-shadow(5px 5px 10px #333333);
/*text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5)!important;*/
}

.video-content-overlay {
	/*height: 100vh;*/
	
/*  top: 50%;  Moves the top edge of the child to the vertical center of the parent */
 /* transform: translateY(-50%);  Shifts the child up by half of its own height */
 position: absolute;left: 0; /*top: 0;*/ height: 100%;	width: 100%;justify-content: center;
  z-index: 1; /* Ensures content is above the video */
  color: white;
  text-align: center;
  padding: 20px;
  /* Add overlay background for better text readability */
  background: rgba(0, 0, 0, 0.2);
}

	.video-fullwidth{height:90vh; position: relative; width: 100%;
	display: flex;
  align-items: center; /* Centers content vertically */
  justify-content: center; /* Centers content horizontally (optional) */
  
	}
	
	.hm-video{
		height: 100%!important;
		width: 100%!important;
		object-fit: cover;
	}
	

.video-text-container{ 
	z-index: 999;
  position: absolute; /* Takes the child out of the normal flow */
  top: 50%; /* Moves the top edge of the child to the vertical center of the parent */
  transform: translateY(-50%); /* Shifts the child up by half of its own height */
}
#explore-button a{
	text-transform: uppercase!important; 
	font-size: 22px!important; 
	font-family: 'AvenirLight'!important; 
	color: white; 
	text-decoration: none;
}
#explore-button{
	border:1px #fff solid!important; 
	background-color: #7A2625; 
	text-transform: uppercase!important; 
	font-size: 22px!important;
	filter:drop-shadow(5px 5px 10px #333333);
	font-family: 'AvenirLight'!important; 
	padding: 20px 30px 20px 30px; 
	display: inline-block;
}


.state-name{font-size: 50px; font-weight: bold;}


.about-team-grid{display: grid; grid-template-columns: 1fr 1fr 1fr;  gap: 10px; font-family: 'AvenirLight';}
.about-team-name{font-weight: bold; text-transform: uppercase;}
.about-team-titles{margin-bottom: 20px; border-bottom: 1px solid;
  border-width: 2px;
  border-image: linear-gradient(to right, darkgray, white) 1;
}
/*-----------------------------------------
Home page states
------------------------------*/
.hm-grid-container-states{display: grid; grid-template-columns: 40% 60%; color: white; padding: 20px;}

.hm-grid-container-states h1{color: white!important;}

#awards-section{vertical-align: top; min-height: 300px; background-size: cover;}
.awards-gold-box{background-image: linear-gradient(to bottom,#f4e2b7, #c89739); min-height: 150px; height: auto;  border: 3px solid #cda95b; padding:10px 5px;}

.awards-grid{ display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center;gap: 15px; color: black; line-height: 22px; font-size: 18px; justify-content: center; font-family: 'AvenirLight';  align-items: start;}
.award-title{text-transform: uppercase; font-size: 22px; line-height: 24px; font-family: 'AvenirMedium'; padding-bottom: 5px;}
/*--------------------------------------------------------------
Footer
--------------------------------------------------------------*/
#footer {
  background: #333333!important;
  clear: both;
}
#footer .container{
	align-items: center; justify-content: center; 
	 display: grid;
  /* Creates responsive columns that are at least 150px wide */
  grid-template-columns:  1fr 1fr 1fr ;
  gap: 2rem; /* Adjust the space between grid items */
}
#footer .container div{color: white;}

#menu-footer li{display: inline-block; font-size: 15px; padding:8px;}
#menu-footer li a{text-decoration: none;}
/*********************************/

@media only screen and (max-width: 990px) {
.tabletBlock{display:block!important; width: auto!important;}
.tabletShow{display:block!important;}
.tabletNone{display:none!important;}
	.tabletCenter{text-align: center!important;}
	.container{  width:90%!important; max-width: 980px;}
	.tabletWidth100{width:100%!important;}
	.table90{width: 90%!important;}
	.mobileSpace{white-space: normal!important;}
	.hm-grid-container-portfolio{display: grid; grid-template-columns: 1fr 1fr 1fr!important;  gap: 10px;}
	
	.awards-gold-box{min-height: 155px!important; padding: 5px 5px!important;}
	.awards-grid{grid-template-columns: 1fr 1fr!important; line-height: auto!important; line-height: 20px!important; font-size: 16px!important;}
.award-title{font-size: 20px!important; line-height: 24px!important;}
	
	.services_grid_container{display: block;}
	.services_grid_container div{ margin-bottom: 20px;}
	
	.fease_grid{grid-template-columns:  1fr 1fr !important ;}
	.contact-us-text{font-size: 50px!important;}
	/*.featured-image{background-size: 100% auto!important;}*/
	
	.hmvideo-heading-title{font-size: 50px!important;}
	.hm-celebrating p{font-size:30px!important;}
	
	#careers_container_grid{display: block!important;}
	
	.wp-block-media-text{display: block!important;}
	.wp-block-media-text img{margin-bottom: 20px!important;}
	.wp-block-media-text__content{padding: 0px 0px!important;}
}
.header-img, .single-page-img, .external-div .box-image img, .external-div{background-image: none!important;}
/* Extra small devices (phones, 600px and down) */


@media only screen and (max-width: 768px) {
.hm-grid-container-portfolio{display: grid; grid-template-columns: 1fr!important; gap: 10px;}
.mobileBlock{display:block!important; width:auto!important;}
	.mobileInline{display:inline-block!important;}
/*.topContainer-background{background:none!important;}*/
	.mobileNone{display:none!important;}
	.mobileShow{display:block!important;}
	.mobileShowIn{display:inline-block!important;}
	.mobileWidthAuto{width:auto!important;}
	.mobileBorder{border:2px #333 solid; margin-bottom:10px;}
	.mobileWidth100{width:100%!important;}
	.mobileCenter{text-align:center!important;}
	.mobilePad10{padding:10px!important;}
	.mobileLeft{text-align:left!important;}
	.container{ width:90%!important;  max-width:760px!important}
	.mobileSpace{white-space: normal!important;}
	.hm-grid-container-logos{grid-template-columns: 1fr 1fr 1fr 1fr;  gap: 15px;}
	#home-video-header p{font-size: 48px!important;  position: relative; top: -60px;}
	.elementor-element-0076ec5 {  position: relative;  top: -40px;} /* home page SINCE 1983 text */
	#hm-text-construction-heading{width:100%!important; font-size:30px!important;}
	.hm-grid-container-states{grid-template-columns: 1fr;  gap: 15px;}
	#hm-state-image{width:100%!important; height: auto!important;}
	
	.mobileCenter{text-align: center!important;}
	.mobileNoBorder{border: none!important;}
	
	.portfolio-grid-container {
 
  /* Creates responsive columns that are at least 300px wide */
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  
	}
	
}

.wp-block-media-text{display:grid; grid-template-columns: 1fr 1fr ;gap:30px; align-items: center;}
.grid-cols-3{display:grid; grid-template-columns: 1fr 1fr 1fr; gap:15px;}
.states_list a{color: white; text-decoration: none;}
.states_list a:hover{color: yellow;}

.mobileShow{display:none;}
.parallax{

	background-image: url(http://turnerexteriors865.com/wp-content/uploads/2024/12/house2.jpg);
}
	
	
.parallax-locations{

	background-image: url(http://turnerexteriors865.com/wp-content/uploads/2024/12/smoky-mountains.jpg);
	min-height:550px;
	
	background-attachment:fixed;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;

}

.flex-container {
  display: flex; /* Makes the children flex items arranged in a row by default */
  gap: 20px; /* Adds space between the blocks */
}
.flex-block {
  flex: 1; /* Makes both blocks grow and take up equal available space */
  padding: 20px;
  border: 1px solid #ccc;
}
.hm-portfolio-blocks{width: 250px; color: white; min-height: 250px;  background-image: linear-gradient(to top,#7e2f2e, #9e504f); margin: 10px;}

.zeroMargPad{padding: 0px!important; margin:0px!important;}
.ignore-space{white-space: nowrap;}
.text-white{color:#FFFFFF!important;}
.top40{margin-top:40px;}
.tb20{margin: 20px 0px;}
.marginBottom20{margin:0px 0px 20px 0px;}
.errors{font-size:16px; color:#ff0000;}
.pad25{padding:25px;}
.req{font-weight: bold; color: #63001f;}

.inBlock{display:inline-block}
.block{display:block;}
.width100{ width:100%;}
.myFont{font-family: 'Roboto Condensed', sans-serif;}
.ft18{font-size:18px;}
.ft12{font-size:12px;}
.ft14{font-size:14px;}
.ft16{font-size:16px;}
.ft20{font-size:20px;}
.ft22{font-size:22px;}
.ft24{font-size:24px;}
.ft30{font-size:30px;}
.ft32{font-size:32px;}
.ft36{font-size:36px;}
.ft50{font-size:50px;}
.pt40{font-size:40pt;}

.bold{font-weight:bold}
.red{color:#FF0000;}
.blue{color:#0000FF;}
.upperTx{text-transform:uppercase;}
.upper{text-transform:uppercase;}
.boxShadow{ box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.border{border:1px #FF0000 solid;}
.border-red{border:1px red solid;}
.border-wide{border:4px #CCCCCC solid; padding:15px; background-color:#e2dede; text-align:center}
.borderc{ border-collapse:collapse;}
 .pointer{cursor:pointer;}
 .right{text-align:right;}
 
 
.vMiddle{vertical-align: middle;
}
.bulletList li{margin-bottom:10px;}
.vTop{vertical-align:top;}
.pad3{padding:3px;}
.pad5{padding:5px;}
.pad10{padding:10px;}
.pad20{padding:20px;}
.pad40{padding:40px;}
.pad40LR{padding:0px 40px 0px 40px;}
.tableBorder{ border:1px solid #000;}
.table{display:table;}
.tableCell{display:table-cell;}
.tableCol{display:table-cell;}
.tableRow{display:table-row;}
.left{text-align: left;}

.InputRow{padding: 4px; white-space: nowrap;}
.InputHD{width: 160px; display: inline-block; padding: 2px; text-align: left;}
.InputBox{ display: inline-block; padding: 2px; width: 250px; text-align: left;}
	
.formHd{font-weight: bold; padding: 10px; text-align: left; background-color:#eae0d4;   vertical-align: top; }

.formInput input{padding:5px; height:50px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.formInput textarea{padding:5px; height:150px; box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

 .vertMiddle{vertical-align:middle;}
 .button-save{ min-width:150px;
	 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	border:2px solid #fff; color:#fff; 
	background-color: #7a2625;
	padding:15px 20px; 
	font-size:18px; 
	text-transform:uppercase}


.editbutton a{ color:white; text-decoration: none}

.delete-button a{color: white; text-decoration: none;}

 .button{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	border:2px solid #fff; color:#fff; border-radius: 15px;
	background-color: #7a2625;
	padding:15px 20px; 
	font-size:18px; 
	text-transform:uppercase}
 
.button a{color: #fff; text-decoration: none!important;}

#button{box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); 
	border:2px solid #fff; color:#fff; 
	background-color: #7a2625;
	padding:15px 20px; 
	font-size:16px; 
	text-transform:uppercase}

.imageShadow{  filter: drop-shadow(5px 5px 10px #333333);}
.imageBorder{border: solid 2px white!important;}
.none{display: none!important}

.sswiper-slide-inner img{max-height: 65px!important; width: auto!important;}
.sswiper-slide{width: 150px!important;}
.swiper-slide{width: 250px!important; }

.wpcp-carousel-wrapper, .wpcp-carousel-wrapper .wpcp-carousel-content-wrapper{}
.elementor-element.elementor-element-f18c4fd.elementor-widget.elementor-widget-shortcode{height: 150px!important;}


.spacer-row-30{height: 30px;}
.spacer-row-40{height: 40px;}
.spacer-row-50{height: 50px;}
 /* Dropdown Button */
.dropbtn {
    background-color: #233251;
    color: white;
    padding: 10px;
    font-size: 14px;
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
    color: black;
    padding: 12px 16px;
	font-size:14px;
    text-decoration: none;
    display: block;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ff9900;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #ff9900;} 

 /* home page logo slider */
.wpcp-single-item{border:none!important;}
.swiper-pagination-bullet{display:none!important;}
.wpcp-slide-image{cursor:auto;}
#hm-brands-text{font-family: 'Bebas'; font-size:45px; line-height:43px; letter-spacing:1px; color:#333333; font-weight:bold}