/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,700;1,400;1,700&display=swap');

body{
	background:url('../img/bgtile.jpg');
}
a:hover{
	color: #351a00;
}
/* Start Navigation */
#mean-container{
	display:block;
	position:relative;
	clear:both;
}
.mean-container .mean-bar{
	background:#01081B;
	display:block;
	border-bottom:20px solid #A98F30;
}
.mean-container a.meanmenu-reveal span{
	background:#fff;
}
.mean-container a.meanmenu-reveal{
	color:#fff;
	font-size: 18px;
	text-indent: 0;
	display: flex;
	font-weight:300;
}
.mean-container a.meanmenu-reveal svg{
	margin-left:10px;
}
.mean-nav .collapse{
	border:none;
}
.mean-container .mean-nav ul li a{
	background: #01081B;
}
.mean-container .mean-nav ul{
	position:relative;
	top:0;
}
.dropdown-toggle::after{
	display:none;
}
/* End Navigation */
.row{
	margin-left:0;
	margin-right:0;
}
/* HEADER */
header{
	padding:30px 20px;
	display:block;
	position:relative;
	z-index:10;
	clear:both;
	background:#01081B;
	margin-top:0px;
	border-bottom:22px solid #A98F30;
}
#logo{
	max-width:400px;
	width:100%;
	display:block;
}
#logo img{
	width:100%;
}
#main-nav{
	position:relative;
	display:inline-block;
	margin:0;
	padding:0;
}
#main-nav nav ul{
	flex-wrap: nowrap;
}
#main-nav ul.nav > .dropdown{
	padding:0 !important;
	margin:0;
}
#main-nav ul.nav > .dropdown > a{
	color:#D8C377;
	font-size: clamp(1rem, -0.044rem + 1.3908vw, 1.625rem)!important;
	font-weight:700;
	padding:0px 20px;
	margin:0;
	font-family:'Montserrat', sans-serif;
	line-height:1em;
	text-transform: uppercase;
}
#main-nav ul.nav > .dropdown > a:hover{
	color:#fff;
}
#main-nav ul.dropdown-menu{
	border:none;
	background:#01081B;
	border-radius:0;
	padding:30px 0 0 0;
	display: block;
	opacity: 0;
	height: 1px;
	overflow: hidden;

}
#main-nav ul.dropdown-menu a{
	text-decoration:none;
	color:#D8C377;
	font-weight:700;
	padding:5px 25px;
	display:block;
	font-size: clamp(1rem, -0.044rem + 1.3908vw, 1.625rem)!important;
	font-family:'Montserrat', sans-serif;
	text-transform: uppercase;
}
#main-nav ul.dropdown-menu a:hover{
	color:#fff;
}
a#header-phone{
	text-decoration:none;
	font-size: clamp(1rem, -0.044rem + 1.3908vw, 1.625rem);
}
a#header-phone:hover{
	color:#fff;
}

#sub-header-1{
	display:block;
	padding: 100px 50px 0;
}
#sub-header-1 .row{
	max-width: 1640px;
	margin: 0 auto;
}
#sub-logo-outer{
  display:block;
  text-align:center;
  height:100%;
  border:4px solid #fff;
max-width: 1640px;
margin: 0 auto;
}

#sub-logo-inner{
  display:flex;
  background:rgba(191,176,163,0.19);
  height:calc(100% - 30px);
  margin:15px;
  padding:30px 30px 10px 30px;
  border:1px solid rgba(83,58,1,0.19);
	justify-content: center;
	align-items:center;
}
#logo{
  max-width:400px;
  width:100%;
  margin:20px auto;
}
#logo img{
  width:100%;
}

#logo-2{
  max-width:700px;
  width:100%;
	display:block;
}
#logo-2 img{
  width:100%;
}
#sub-header-2.main-content{
	padding: 100px 50px 0;
}
#sub-header-2 #sub-logo-outer{
	text-align:left;
}
#sub-header-2 #sub-logo-inner{
	display:block;
	background-image:url('../img/column.png');
	background-repeat:no-repeat;
	background-position:100% 0;
	background-size:500px;
	padding:50px;
}


/* TYPOGRAPHY */
.body-container{
	display:block;
	max-width:1920px;
	width:100%;
	margin:0 auto;
	position:relative;
}
.text-styles{
	font-size: clamp(1rem, 0.872rem + 0.7317vw, 1.75rem)!important;
	line-height: clamp(1.375rem, 1.1402rem + 1.3415vw, 2.75rem)!important;
	color:#000;
	font-family:'Montserrat', sans-serif;
	font-weight:400;
}
.body-container.text-styles ul li a{
	color: #7B4F28;
}
.color-1{
	color:#64350B
}
.color-2{
	color:#000
}
.color-3{
	color:#FFF
}
.color-4{
	color: #4E2301;
}
.text-1{
	font-size: clamp(1.625rem, 1.4329rem + 1.0976vw, 2.75rem)!important;
	line-height: clamp(1.625rem, 1.3902rem + 1.3415vw, 3rem)!important;
}
.text-2{
	font-family:'Georgia', serif;
	font-size: clamp(1rem, 0.872rem + 0.7317vw, 1.75rem);
	line-height: clamp(1.375rem, 1.1402rem + 1.3415vw, 2.75rem);
}
.text-3{
	font-size:21px;
}
.text-4{
	font-size: clamp(1rem, 0.9146rem + 0.4878vw, 1.5rem);
	line-height: 28px;
}
.text-bold, .font-weight-bold{
	font-weight:700 !important;
}
.font-italic{
	font-style:italic;
}
.text-styles p a {
	color: #7B4F28;
	text-decoration:none;
}
.text-styles a{
	text-decoration:none;
}
.text-styles a svg{
	font-size: clamp(1rem, 0.9146rem + 0.4878vw, 1.5rem);
}
.text-styles a.hover{
	text-decoration:underline;
}
.btn, .btn-default, a.btn-default{
	border:none;
	display:inline-block;
	font-weight:700;
	font-size:20px;
	text-decoration:none;
	padding:10px 30px;
	border-radius:0px;
	margin:15px 0;
}
.btn-primary, a.btn-primary{
	background:#A98F30;
	color:#fff;
}
.btn-primary:hover, a.btn-primary:hover{
	background:#64350B;
}
.text-styles-white, .text-styles-white .color-1, .text-styles-white .color-2, .text-styles-white .color-3, .text-styles-white .color-4, .text-styles-white .color-5, .text-styles-white .color-6, .text-styles-white a{
	color:#fff !important;
}

/* FORM */
.form-control, .form-select{
	background:#fff;
	color:#000;
	border-radius:5px;
	font-size:19px;
	border:1px solid #000;
	margin-bottom:20px;
}
.form-group{
	margin-bottom:10px;
}
.form-builder-column {
	display: inline-block;
	vertical-align: top;
	padding: 0 3px;
}

/* MAIN CONTENT */
.main-content{
	padding:100px 50px;
}
.main-content .body-container{
	max-width: 1640px;
}
.img-responsive{
	width:100%;
}
#sub-additional-content{
	display:block;
	background:url('../img/brown-bgtile.jpg');
	background-size:300px;
}
.two-columns{
	column-count:2;
}
.two-columns ul{
	list-style:none;
	padding:0;
}

/* RESPONSIVE YOUTUBE EMBED */
.videoWrapper, #homeIframe {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top:20px;
	margin-bottom:20px;
}
.videoWrapper iframe, #homeIframe iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.hbspt-form iframe{
	width:100% !important;
}

/* FORM BAND */
#form-band{
	display:block;
	position:relative;
}
#form-band label{
	font-family:'Montserrat', sans-serif;
	font-size:16.5pt;
}
#form-band .form-control, #form-band .form-select{
	background:rgba(255,255,255,0.57);
	border-radius:0;
	border-color:rgba(112,112,112,0.57);
}

/* PROJECT GALLERIES */
#projects{
	background-color: black;
	background:url('../img/brown-bgtile.jpg');
	background-size:300px;
}
#projects-inner{
	background:rgba(65,31,0,0.61);
	padding:40px;
	margin:35px auto;
	max-width: 1640px;
}
.projects-inner-images{
	display: flex;
	gap: 24px;
	flex-wrap: wrap;
	justify-content: center;
}

.project-block{
	display:block;
	max-width:463px;
	width:100%;
	margin:15px auto;
}
.project-block img{
	width:100%;
	height: auto;
	margin-bottom:10px;
	object-fit: cover;
}
#featured-gallery{
	display:block;
	position:relative;
	padding:20px 40px;
}
#featured-gallery .owl-prev, #featured-gallery .owl-next{
	display:block;
	position:absolute;
	font-size:36px;
	color:#64350B;
	top:50%;
	transform:translateY(-50%);
}
#featured-gallery .owl-prev{
	left:-37px;
}
#featured-gallery .owl-next{
	right:-37px;
}
.modal-dialog{
	max-width:1600px;
}
.modal-content{
	background:none;
	border:none;
	border-radius:0;
}
.btn-close{
	color:#fff;
	background:none;
}
.modal-header{
	border:none;
}
.gallery-modal-slider{
	display:block;
	position:relative;
	padding:20px 45px;
}
.gallery-modal-slider .owl-prev, .gallery-modal-slider .owl-next{
	display:block;
	position:absolute;
	font-size:28px;
	top:50%;
	transform:translateY(-50%);
}
.gallery-modal-slider .owl-prev{
	left:-35px;
}
.gallery-modal-slider .owl-next{
	right:-35px;
}
.modal{
	background: rgba(44,21,0,0.8);
}

/* REMODELING PAGE */
#sub-spotlight-1-outer{
  display:block;
  height:100%;
  border:4px solid #fff;
}
#sub-spotlight-1-inner{
  display:block;
  background:rgba(191,176,163,0.19);
  margin:15px;
  padding:50px;
  border:1px solid rgba(83,58,1,0.19);
}
#sub-spotlight-1 ul{
	list-style:none;
	padding:0;
}
#sub-spotlight-1 ul li{
	display:block;
	padding:15px 0px 15px 35px;
	background:url('../img/bullet.png') no-repeat 0 clamp(1.0625rem, 0.9451rem + 0.6707vw, 1.75rem);;
	background-size:15px;
	color:#64350B;
	font-weight:700;
	text-transform: uppercase;
}
#sub-gallery{
  background:rgba(169,143,48,0.27);
}
#sub-gallery-text{
  padding:35px;
	height:100%;
}
#sub-gallery-indicators{
  display:block;
  position:relative;
  margin-bottom:30px;
}
.sub-gallery-dots{
  display:block;
	text-align:center;
}
.sub-gallery-dots .owl-dot{
  width:20px;
  height:20px;
  border:2px solid #64350B;
  display:inline-block;
  margin:0 5px;
  border-radius:50%;
}
.sub-gallery-dots .owl-dot.active{
  background:#64350B;
}

/* PROCESS PAGE */
#sub-spotlight-2.main-content{
	padding: 0 50px 100px;
}
#sub-spotlight-2-outer{
	background:#fff;
	padding:25px;
	border:15px solid #E3DCD0;
}
#sub-spotlight-2-inner{
	border:1px solid #64350B;
	padding:30px;
}
.step-block{
	display:block;
	margin:20px 0;
}
.step-number{
	display:inline-block;
	font-size:44px;
	font-weight:700;
	background:#EBE0CF;
	width:75px;
	height:75px;
	line-height: 69px;
	text-align:center;
	color:#fff;
	border-radius:50%;
}

/* FOOTER */
footer{
	padding:50px 25px 0;
	position:realtive;
}
footer ul{
	padding:0;
	list-style:none;
}
footer ul li a{
	color:#532D06;
	font-size:24px;
	line-height: 30px;
	font-weight:700;
	text-transform: uppercase;
	display:block;
	margin-bottom:25px;
}
#copy{
	font-size:12px;
}
#copy a{
	color:#000;
}
#footer-btn{
	background:#542D07;
	display:block;
	text-align:center;
	padding:20px;
	color:#fff;
	text-transform: uppercase;
}
footer img{
	width:100%;
}
footer .body-container{
	max-width: 1640px;
}

/*black background with low opacity for accessibility checker*/
.a11y-bg{
	background-color: rgba(0, 0, 0, 0.01);
}

.gallery-modal-body .owl-prev, .gallery-modal-body .owl-next{
	display: block;
	position: absolute;
	font-size: 28px;
	top: 50%;
	transform: translateY(-50%);
}

.gallery-modal-body .owl-prev{
	left: -50px;
}

.gallery-modal-body .owl-next{
	right: -50px;
}

#announcementModal .modal-content{
	background: white;
}