/* **** FONT OPTIONS **** */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;700&family=Raleway:wght@100;200;300;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Open Sans:wght@400;500;700&family=Righteous&display=swap');


html{ overflow-x: hidden;}
body{ overflow-x: hidden;}

h1,h2,h3,h4,h5,h6, .h1, .h2 {font-family: 'Barlow'; font-weight:700; margin-bottom: 10px;  margin-top: 10px;}
h2, h1.h2, h3.h2, h4.h2, h5.h2, h6.h2 {margin-top: 0;}
p,ul,ol {font-family: 'Barlow', sans-serif;font-size:16px;font-weight: normal;line-height: 26px;color: #555;}
p.lead {font-family: 'Barlow', sans-serif; font-weight:500; font-size:18px; color:#936c43; font-style:italic}


h1, h2.h1, h3.h1, h4.h1, h5.h1, h6.h1 {
  font-size: 85px;
  color: #ffffff;
  text-transform: uppercase; 
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed for your mobile devices */
    h1, h2.h1, h3.h1, h4.h1, h5.h1, h6.h1 {
      font-size: 40px;
    }
  }
h1  span.over, h2.h1 span.over, h3.h1 span.over {
  font-size: 30px;
  color: #ffffff;
  font-weight: 100;
  text-transform: uppercase;
}

h2, h1.h2, h3.h2, h4.h2, h5.h2, h6.h2 {
    font-size: 55px;
    color: #212121;
    text-transform: uppercase;
  }

  /* Media query for mobile devices */
  @media (max-width: 767px) {
    h2, h1.h2, h3.h2, h4.h2, h5.h2, h6.h2 {
      font-size: 40px; /* Smaller font size for mobile */
    }
  }

h2 span.over, h1.h2 span.over, h3.h2 span.over, h4.h2 span.over, h5.h2 span.over, h6.h2 span.over{
  font-size: 35px;
  color: #212121;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 100%;
  display: block;
}
h3, h2.h3 {
  font-size: 38px;
  font-weight: 900;
  font-family: 'Barlow', sans-serif;
}
h3 span.over, h2.h3 span.over {
  font-size: 20px;
  color: #212121;
  font-weight: 100;
  text-transform: uppercase;
  line-height: 100%;
  display: block;
}

h4, h3.h4, p.h4 {
  font-size:26px;
  font-weight: 700;
  font-family: 'Barlow', sans-serif;
}

h4 span.over, h3.h4 span.over, p.h4 span.over {
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  display: block;
  color: #212121;
}
h4 span.under, h3.h4 span.under, p.h4 span.under {
  font-size: 16px;
  font-weight: 100;
  text-transform: uppercase;
  padding-top: 3px;
  display: block;
  color: #212121;
}

/* LOCATION PAGES DO NOT DELETE */
.AWS-links h4 {
  font-size: 1.2em;
}
.locationAWS .AWS-links h4 a:hover {
  color: #fff;  
}
/* LOCATION PAGES DO NOT DELETE */

p.pullout {font-size:1.5em;font-style: italic;padding:8px 0;margin:20px 0; border-top:2px solid #CCCCCC;border-bottom:2px solid #CCCCCC;}
p.small, p.sm, .text-small {font-size:0.875em}
p.xs {font-size:0.75em}

.well {
    border-radius: 0px;
}


a {color:#936c43}
a:hover {color:#0076ff}
a:focus{
  color: #936c43;
}

.over {font-family: 'Barlow', sans-serif;color:#CCCCCC; text-transform: uppercase;display:block;}

.decoration-primary, .decoration-primary-h2  {display:block;width:32px;height:5px;margin-top:24px;margin-bottom:24px;background-color:#CCCCCC}
.decoration-primary-h3, .decoration-purple-h3 {display:block;width:50px;height:2px;margin-top:16px;margin-bottom:16px;background-color:#CCCCCC}

.bg-primary {background:#936c43}
.bg-secondary {background:#0076ff;}
.bg-cta {background:#232323;}
/* .bg-cta p.text-white, .bg-cta h3.text-white {color:#232323;} */
.bg-warranty {background:#222;}
.bg-dark {background:#222}
.bg-gray {background:#222 }
.bg-black {background:#000;}
.bg-white {background:#fff;}
.bg-alt, .section-light-border {background:#F3F3F3;border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.bg-light-grey, .bg-light-gray{background: #CCC;}

.text-primary, .text-red {color:#936c43;}
.text-secondary {color:#0076ff;}
.text-default, .text-gray {color:#353739}
.text-black {color:#000}
.text-white {color:#fff}


/* By default, hide mobile text and show desktop text */
.btn .mobile-text {
    display: none;
  }
  .btn .desktop-text {
    display: inline;
  }

  /* Media query for screens up to 768px width (typical mobile screens) */
  @media (max-width: 768px) {
      .btn .mobile-text {
        display: inline; /* Show mobile text */
      }
      .btn .desktop-text {
        display: none; /* Hide desktop text */
      }
  }


.btn-explore {background:#fff; border:2px solid #0076ff; color:#0076ff}
.btn-explore.nb {background:rgba (255, 255, 255, .5) !important; border:2px solid #fff; color:#0076ff}
.btn-explore:hover  {background:#0076ff; border-color:#0076ff; color:#FFF}

.btn-primary {background:#0076ff; border:2px solid #0076ff; color:#FFF}
.btn-primary:hover  {background:#fff; border-color:#0076ff; color:#0076ff}
.bg-cta .btn-primary:hover, .nb.btn-primary:hover  {background:#fff; border-color:#fff; color:#0076ff}

.btn-secondary {background:#936c43;; border:2px solid #936c43;; color:#222}
.btn-secondary:hover {background:#936c43; border-color:#936c43; color:#FFF}

.btn-secondary-alt {background:#936c43;; border:2px solid #936c43;; color:#fff}
.btn-secondary-alt:hover {background:#fff; border-color:#936c43; color:#936c43}

.btn-white {background:#FFF; border:2px solid #FFF; color:#936c43 }
.btn-white:hover {background:#936c43; border-color:#936c43; color:#222 }

.btn-dark {background:#222; border: 2px solid #222; color:#FFF;}
.btn-dark:hover {background: #936c43; border-color: #936c43; color: #222;}

.btn-dark-open {border: 2px solid #222; color:#222}
.btn-dark-open:hover {background: #222; color: #FFF;}

.btn-primary-open {border:2px solid #936c43 ;color:#936c43;}
.btn-primary-open:hover {background:#936c43 ;color:#FFF}

.btn-white-open {border:2px solid #fff ;color:#fff;}
.btn-white-open:hover {background:#0076ff ; border-color: #0076ff; color:#FFF}

.btn {font-size:1em;}
.btn-lg {font-size:1.125em;}
.btn-sm {font-size:.85em;margin-top:8px;margin-bottom:8px;padding:4px 8px;}

.btn, .btn-lg{
    display: inline-block;
    border-radius: 0;
    padding: 1rem 2rem; /* rem for consistent spacing */
    font-weight: bold;
    text-transform: uppercase;
    margin: 2.5em 0;
    line-height: normal; /* Adjust line height as necessary */
    text-align: center; /* Ensure the text is aligned to the center */
  }

/* Media Queries for Mobile */
@media (max-width: 768px) {
    .btn, .btn-lg, .btn-primary, .btn-white {
      font-size: 11px;
      padding: 8px 16px;
      margin: 1.5em 0;
    }
}

/* Media query for screens up to 768px width (typical mobile screens) */
@media (max-width: 768px) {
  .btn-primary, .btn-white, .btn-secondary, .btn-dark, .btn-lg, .btn-dark-open, .btn-primary-open, .btn-white-open, .btn-explore  {
    font-size: 14px; /* Smaller font size on mobile */
    width: 100%;
    box-sizing: border-box; /* Ensures padding and border are included in the width */
    padding: 8px 8px; /* Adjusted padding on mobile */
    margin: 1.5em 0; /* Adjusted margin on mobile */
  }
}

.inner {padding:0 5%;}



/* Specific Styling */

/* ### Topbar Section ### */
.topbar{
  background:#CCCCCC;
  padding-top: 10px;
  padding-bottom: 10px;
}
.topbar p {
  color:#FFF;
  font-size:1em;
  margin:4px 0 0 0;
  padding:0;
}
.topbar a {
  color:#FFF;
  font-size:1em;
  text-transform: uppercase;
  text-decoration: underline;
  font-weight:bold;
}


/* Testimonials */
.testimonial-wrapper {
  margin:10px 0 60px 0;
  padding:32px 20px 16px;
  background-color:#FFF;
  border-radius:8px;
  border:3px solid #FFF;
  box-shadow: 0 0 40px rgba(0,0,0,0.22);
  text-align:center;
}

.testimonials-titlebox {
  margin:10px 0 60px 0;
  padding:32px 20px 16px;
  background-color:#936c43;
  border-radius:8px;
  border:3px solid #936c43;
  box-shadow: 0 0 40px rgba(0,0,0,0.22);
  text-align:center;
}

.testimonial-photo {
  margin-right:12px;
}
.testimonial-wrapper h3 {
  margin-bottom:20px;
}
.testimonial-stars {
  display:block;
  margin:auto;
  margin-bottom:20px;
  width:100px;
}
.testimonial-disclaimer {
  margin-top:40px;
  font-size:.85em;
  color:#aaa;
  text-align:center;
}


/* ### Banner Section ### */
.banner{
  background-size:cover;
  background-repeat: no-repeat;
  position:relative;
}
.banner-filter {
  height:100%;
  width:100%;
  background-color:rgba(0,0,0,.5);
  padding:70px;
}
/* Media query for mobile devices */
@media (max-width: 768px) {
    .banner-filter {
      padding: 0px;
    }
  }

.banner h1 {
  color:#fff;
  font-size:64px;
  font-weight:800;
  padding:0;
  margin:60px 0 10px 0;
}
@media (max-width: 768px) { /* Adjust the breakpoint as needed for your mobile devices */
    .banner h1 {
      font-size: 40px;
    }
  }



  .banner p {
    font-size:18px;
    color:rgba(255,255,255,1);
    font-style:italic;
    margin-bottom: 50px;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5); /* Adding text shadow */
  }
  /* By default, hide mobile text and show desktop text */
  .banner p .mobile-text {
      display: none;
    }
    .banner p .desktop-text {
      display: inline;
    }
  
    /* Media query for screens up to 768px width (typical mobile screens) */
    @media (max-width: 768px) {
        .banner p .mobile-text {
          display: inline; /* Show mobile text */
        }
        .banner p .desktop-text {
          display: none; /* Hide desktop text */
        }
    }

/* Default styles for .banner h1 and .banner p */
.banner h1,
.banner p {
    max-width: 60%;
}

/* Media query with a unique class selector */
@media (max-width: 767px) {
    .banner h1,
    .banner p {
        max-width: 100%;
        padding: 20px;
    }
}





div.icon-list {margin-top:15px;}
.icon-list img{ width:35px;float:left; margin-top: 15px; padding-right: 5px;}
.icon-list h3 {margin-left:42px;margin-bottom:5px;margin-top:0;}
.icon-list p {margin-left:42px;margin-top:0;}


h3 span {
  font-size:.7em;
  color:#ccc;
}
h4 span {
  font-family: 'Barlow', serif;
  font-size:.5em;
  color:#ccc;
}

  
.subnav {
    margin-top:20px;
    margin-bottom:20px;
  }
    @media (max-width: 767px){
      .subnav {
        margin-bottom:40px;
        width:100%;
      }
    }

  .subnav-header {
    display:block;
    width:100%;
    padding:4px 12px;
    margin-bottom:6px;
    background:#CCCCCC;
    color:#464646;
    font-weight:600;
    font-size:1em;  
  }
  .subnav a{
    display:block;
    width:100%;
    padding:8px 12px;
    margin-bottom:2px;
    background:#CCCCCC;
    color:#FFF;
    font-weight:600;
    font-size:1.2em;
  }
  .subnav a:hover{
    background:#464646;
    color:#FFF;
  }
  .subnav a.active{
    background:#63A33C;
    color:#FFF;
  }

.testimonial-box {
  margin:20px 10px;
  padding:20px 30px;
  border:1px solid #e0e0e0;
  border-radius:40px 0;
  background:#FFF;
}
.testimonial-box h4 {
  margin-left:60px;
  margin-right:10px;
}
.testimonial-box p {
  margin-left:60px;
  margin-right:10px;
  margin-top:8px;
  font-size:1em;
  font-style:italic;
  line-height:1.0em;
}
.testimonial-icon {
  float:left;
}
.testimonials-stars {
  margin-left:14px;
}
.byline {
  font-weight:bold;
  color:#333;
  font-style:normal;
}
.benefit-grid {
  border:1px solid #ccc;
  padding:10px 10px;
  width:50%;
  float:left;
  height:180px
}
.breakout {
  padding:20px 20px;
}
.breakout h4{
  height:2em;
}
.breakout p{
  font-size:.9em;
  height:3em;
}
.headline {
    font-size: 50px;
    color: #212121;
    text-transform: uppercase;
    font-family: 'Barlow', cursive; 
    font-weight:700;
    margin-top: 20px;
    margin-bottom: 10px;
    line-height: 1.1;
  }
.headline  span.over {
    font-size: 25px;
    color: #212121;
    font-weight: 100;
    text-transform: uppercase;
    line-height: 100%;
    display: block;
  }

.topbar-link {
  font-size:1.3em;
}
.footer-links {
  display:block;
  font-size:1.2em;
  border-bottom:1px dotted rgba(255,255,255,.3);
  padding:5px 0;
}
.footer-links i{
  margin-right:8px;
}
.footer-links a {
  font-weight:normal;
  color:rgba(255,255,255,1);
}
.footer-links a:hover {
  color:#936c43;
}

.footer-link-2 a {
    color:#fff !important;
  }

.footer-link-2 a:hover {
    color:#936c43 !important;
  }
.social-link  {
  font-size:16px;
  height:28px;
  width:28px;
  text-align:center;
  padding:6px;
  border-radius:50%;
  background:#936c43;
  color:#222;
   margin-right:6px; 
   margin-left:6px; 
  transition: all 0.7s ease-out;
}
.social-link:hover {
  background:#fff;
  transition: all 0.7s ease-out;
}

    
/*
  MEDIA QUERIES
*/

/* Responsive Css */
@media all and (min-width: 1024px) {
  .offcanvas,
  .body-inactive,
  .toggle {
    display: none !important;
  }
  .navigation{
	/* display:inline-block;  REDUNDANT CHRIS KEEPING JUST INCASE LOL */
	float:right;
	}
}
  

.center-image {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.center-content {
  text-align: center;
}


    /* Default styles for the iframe container */
    .iframe-container {
        position: relative;
        overflow: hidden;
        padding-bottom: 56.25%; /* 16:9 aspect ratio for responsive height */
        max-width: 100%; /* Ensures the iframe doesn't overflow its container */
        margin: 0 auto; /* Centers the container */
        height: 400px;
      }
    
     

/* Back To Top Button */

#backTop {
	display: inline-block;
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 0;
	position: fixed;
	bottom: 30px;
	right: 30px;
	transition: background-color .3s, 
	opacity .5s, 
	visibility .5s;
	opacity: 0;
	visibility: hidden;
	z-index: 999;
  }
  #backTop::after {
	content: "\f077";
	font-family: FontAwesome;
	font-weight: normal;
	font-style: normal;
	font-size: 30px;
	line-height: 50px;
	color: #fff;
  }
  @media (max-width: 768px) {
    #backTop {
        font-size: 30px; 
        padding: 0; 
        margin: 0; 
    }

    #backTop::after {
        position: relative;
        top: -3px; 
        left: 0px; 
    }
}
  #backTop:hover {
	cursor: pointer;
	background-color: #1b1b1b;
  }
  #backTop:active {
	background-color: #555;
  }
  #backTop.show {
	opacity: 1;
	visibility: visible;
  }
  .circle {
	border-radius: 0;
	box-shadow: 0px 0px 1px 1px #fafafa;
  }
  .pulse {
	animation: pulse-animation 1s infinite;
  }
  
  @keyframes pulse-animation {
	0% {
	  box-shadow: 0 0 0 0px rgba(0, 0, 0, 0.2);
	}
	100% {
	  box-shadow: 0 0 0 20px rgba(0, 0, 0, 0.2);
	}
  }
/* Back To Top Button END */


/* Contact us page */

.contactus-link, .contactus-link > h4 span {
  font-size: 22px;
  display: inline-flex; 
  align-items: center; 
  color: #936c43;
}

.square-icon, .rounded-icon, .circle-icon {
  font-size: 30px;
  background-color: #936c43;
  padding: 10px;
  transition: transform 0.5s ease; 
  text-align: center;
}

div.row.footer-icon-link > i.square-icon,
div.row.footer-icon-link > i.rounded-icon,
div.row.footer-icon-link > i.circle-icon {
  font-size: 22px;
  background-color: #936c43;
  color: #fff !important;
  padding: 10px;
  transition: transform 0.5s ease; 
  width: 40px;
  height: 40px;
  text-align: center;
}

.square-icon {
  border-radius: 0px;
}

.rounded-icon {
  border-radius: 10px;
}

.circle-icon {
  border-radius: 50%;
}


.contactus-link:hover .square-icon, 
.contactus-link:hover .rounded-icon, 
.contactus-link:hover .circle-icon {
  transform: rotate(15deg);  
}

a.contactus-link > p, div.contactus-link > p{
  font-size: 18px;
  color: #222;
  margin-bottom: 0px;
}

/* Contact us page end */

p.footerh6 {
display: inline-block;
    font-size: 20px;
    line-height: 20px;
    font-weight: 700;
    font-family: 'Barlow', sans-serif;
    color: #fff;
}

p.footerh6 a {
  color: #fff;
}
p.footerh6 a:hover {
  color: #936c43;
}

.footer-container-border{
  border-bottom: 5px #936c43 solid;
}



/* MOBILE NAV ICON */
.mobile-nav {
  font-size: 45px; /* Adjust size as needed */
}

#phone-icon.mobile-nav {
  --fa-primary-opacity: 0;
  --fa-secondary-color: #0076ff;
  --fa-secondary-opacity: 1;
}

#close-img.mobile-nav {
  color: #0076ff;
}
/* END MOBILE NAV ICON */


/* Photo Gallery makes all the images the same size */
.img-responsive-pg {
  width: 100%; /* Image scales within its container */
  max-width: 600px; 
  aspect-ratio: 1 / 1; 
  object-fit: cover; 
  border-radius: 15px; 
}

@media (max-width: 767px) {
  .trust-section-icon { padding-right: 14px; }
  .trust-section-text { padding-left: 30px; }
  .trust-section-icon i { font-size: 44px; padding-top: 6px; }
}


@media (max-width: 767px) {
  .company-list li {
    margin-bottom: 12px;
    line-height: 1.5;
  }
  .company-list li:last-child {
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .stain-section h3{
    overflow-wrap: anywhere;
    line-height: 1.15;
  }
}


@media (max-width: 767px) {
  .facebook-section .row{
    display: block !important;
  }
  .facebook-section [class*="col-"]{
    float: none !important;
    width: 100% !important;
  }
}