/*---------------------------------*/
/*			GENERAL 				*/
/*---------------------------------*/

* { margin: 0; padding: 0; }
html, body { height: 100%; scroll-behavior: smooth; }
*+html{ overflow:auto; }
body {
	background: #ffffff;
	color: #24363f;
	font-family: brandon-grotesque, sans-serif;
	font-size: 22px;
	font-weight: 400;
	line-height: 1.3em;
	text-align: center;
	width: 100%;
	position: relative;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
}

ul { list-style: none outside none; }
a { outline: none; text-decoration: none; color: #ccab83;}
img { display: block; }
a img { outline: none; border: none; }
strong { font-weight: bold; }

fieldset { border: none; }
.front .last, .front #content .last, #content .last, #subcontent .last, #content-secondary .last { margin-right: 0; padding-right: 0; border-right: 0; }
.clear, .clear:after { clear: both; }
.clear:before, .clear:after { content: ""; display: table; }

::selection      { background:#23353f; color:#ccab83; /* Safari and Opera */ }
::-moz-selection  { background:#23353f; color:#ccab83; /* Firefox */ }

#accessibility { display: none; }

/* Drupal Resets */
.block ul { margin: 0; padding: 0; }
.clear { clear: both; }
ul.menu li { margin: 0; }
li.leaf, li.expanded , li.collapsed  { list-style-image: none; list-style-type: none; padding: 0; }
p.listfix, p.list-fix { margin-bottom: 0; }
.breadcrumb { padding: 0; }
	

.wrapper { max-width: 1200px; margin: 0 auto; text-align: left; position: relative; }



/* SLIDER */


#full-width-slider {
  width: 100%;
  color: #000;
}

.rsMinW .rsBullets { bottom: 20px; right: 50px; width: auto; margin-left: 0;}
.rsMinW .rsBullet span { background: #ffffff; }
	
.fullWidth {
width: 100%;
margin: 0 auto;
}
.sliderContainer{ margin-bottom: 0; }

.rsSlide {
    z-index: 98;
}


.rsDefaultInv, .rsDefaultInv .rsOverflow, .rsDefaultInv .rsSlide, .rsDefaultInv .rsVideoFrameHolder, .rsDefaultInv .rsThumbs {
	background: none repeat scroll 0 0 #FFFFFF !important;
}

.rsPreloader {
	width:24px !important;
	height:24px !important;
	background-image:url(assets/loader.gif) !important;
	left:50%;
	top:50%;
	margin-left:-10px;
	margin-top:-10px;	
}


@media (max-width: 3000px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 630px !important; } }
@media (max-width: 800px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 500px !important; } }
@media (max-width: 700px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 450px !important; } }
@media (max-width: 500px) { .heroSlider .rsOverflow, .royalSlider.heroSlider { height: 400px !important; } }

	
	
	
/* Navigation
**********************************************************/










	
/* Main Architecture
**********************************************************/

#superheader { background: #eae2dd; padding: 10px 0;  text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: bold; }
	#superheader a { color: #24363f; text-decoration: none;  }
	#superheader .wrapper { text-align: center; }

#header { padding: 70px 0 40px; }
	#header .wrapper { text-align: center; }
	#header img { display: inline-block; margin-bottom: 30px; }
	#header ul { display: block; clear: both;}
		#header #nav li { display: inline-block; font-family: 'noto-sans-display-extraconde', sans-serif; font-weight: 400; font-size: 24px; letter-spacing: 1px; text-transform: uppercase; padding: 2px 8px; margin: 3px 10px; }
			#header #nav li a { color: #ccab83;
			-webkit-transition: color .4s ease-out; 
			-moz-transition: color .4s ease-out; 
			transition: color .4s ease-out; }
			#header #nav li.active a { color: #99793c;}
			#header #nav li a:hover { color: #451322; }
	#header #subnav { margin-top: 4px; }
		#header #subnav li { display: inline-block; }
			#header #subnav li a { font-size: 16px; padding: 2px 8px; color: #707070; }

#banner { background: #451322;  }
	#banner .wrapper { max-width: 1400px; }
	.bufferbar {  }
		.bufferbar .colorblock { display: block; height: 36px; background: #eae2dd; }
	.frontpad { margin-bottom: 60px; }
		
		
#content { padding: 20px 0 120px;  }
	.front-left, .sub-left { float: left; width: 48%; }
	
		.front-left img, .sub-left img { width: 100%; margin-bottom: 32px; }
		.front-left .caption, .sub-left .caption { letter-spacing: 1px; width: 50%; margin: 16px 0 0 30px; text-transform: uppercase; color: #24363f; font-weight: 700; font-size: 14px; }
			.front-left .caption p, .sub-left .caption p { margin-bottom: 10px; }
	.front-right, .sub-right { float: right; width: 46%; }
		.front-right p, .sub-right p { margin-bottom: 16px; }
	
	h1 { color: #ccab83; font-size: 68px; line-height:76px; margin-bottom: 20px; text-transform: uppercase; letter-spacing: 8px; }
	h2 { margin-bottom: 20px; }
	
	.margintop { margin-top: 30px; }
	.sub-right ul { padding-top: 20px; }
		.sub-full ul li, .sub-right ul li { padding-top: 15px; margin-top: 15px; border-top: solid 1px #fae3c7; }
		.sub-full ul li strong, .sub-right ul li strong { display: block; font-weight: bold; }

	.itemlist li { display: inline-block; width: 45%; margin-right: 5%; float: left;  }
		
	.break { margin: 48px 0; border-top: solid 1px #ccab83; clear: both; }
		
.full { width: 100%; margin-bottom: 30px; }
		
		
		
		
#footer { background: #23353f; padding: 80px 0 100px; }
	.footer-left { width: 60%; float: left; }
		.contact-details { margin: 30px 20% 0 20%; }
			.contact-row { border-bottom: solid 3px #ccab83; margin-bottom: 20px; color: #ffffff; font-size: 28px; padding-bottom: 2px; }
			.contact-label { color: #ccab83; font-weight: 700; letter-spacing: 2px; font-size: 15px; text-transform: uppercase; display: block; width: 20%; float: left; }
			.contact-info { float: left; width: 80%; display: block;}
			.contact-info a { color: #ffffff; }
	
	.footer-right { width: 33%; float: left; }
	
	.footer-logo { text-align: center; display: block; margin: 60px 0 0 0; }
		.footer-logo img { display: inline-block; }
		
		
		
		
		
		
		
		
		
	
/* General Subpage Styling
**********************************************************/

.bio-left, .bio-right { margin-bottom: 50px; }
.bio-left { width: 30%; float: left; margin-right: 5%; }
	.bio-left img { width: 100%; }
.bio-right { width: 50%; float: left; }












	
/* MOBILE
**********************************************************/


.block-clear { clear: both; }


@media (max-width: 1500px) { 


}
	
@media (max-width: 1400px) { 

	.wrapper { width: 1100px; }  
	
}	

	
@media (max-width: 1300px) { 
		
}

@media (max-width: 1200px) { 
	.wrapper { width: 1000px; }  
	.contact-details { margin: 30px 10% 0 10%; }
}

@media (max-width: 1100px) { 
	.wrapper { width: 900px; }  
	.front-left, .sub-left { float: left; width: 30%; }
	.front-right, .sub-right { width: 65%; }
	
}
@media (max-width: 1000px) { 
	.wrapper { width: 800px; }  
	.contact-details { margin: 30px 5% 0 0; }
		
	h1 {
		font-size: 60px;
		line-height: 64px;
		margin-bottom: 20px;
		text-transform: uppercase;
		letter-spacing: 6px;
	}
		
}
	


@media (max-width: 900px) { 
	.wrapper { width: 84%; margin: 0 auto; }  
	.footer-right img { width: 100%; }
	
	
	
	
}

@media (max-width: 850px) {
	
	.footer-right { display: none; }
	.footer-left { width: 100%; }
	.front-left, .sub-left { width: 100%; margin-top: 30px;  }
		.sub-left .caption { width: 100%; margin: 0 0 40px 0; text-align: right; }
	.front-right, .sub-right { width: 100%;  }
	
}
		
@media (max-width: 768px) {
	#header { padding: 70px 0 10px; }
	#header img { width: 100%; }

	.itemlist li { display: inline-block; width: 100%; margin-right: 0%; float: none;  }
	.front-left img, .sub-left img { margin-bottom: 14px; }
	.front-left .caption p, .sub-left .caption p { margin-bottom: 2px; }
	
	.bio-left { width: 40%; float: left; margin-right: 5%; }
	.bio-right { width: 55%; float: left; }

	
	
}
		
@media (max-width: 700px) {
	.wrapper { width: 80%; margin: 0 auto; }  
	
}	

		
@media (max-width: 685px) {
	
	.footer-logo img { width: 100%; }
	
	.bio-left { width: 80%; float: non; margin: 0 10% 40px; }
	.bio-right { width: 100%; float: none; }
	
}


@media (max-width: 600px) {
		
	h1 {
		font-size: 48px;
		line-height: 48px;
		margin-bottom: 20px;
		text-transform: uppercase;
		letter-spacing: 5px;
	}
	.contact-row { font-size: 22px; }
	
	
	.bio-left { width: 100%; float: non; margin: 0 0 40px; }
	
}
		
		
@media (max-width: 500px) {
		
		
	h1 {
		font-size: 38px;
		line-height: 42px;
		margin-bottom: 20px;
		text-transform: uppercase;
		letter-spacing: 4px;
	}
	.contact-row { font-size: 16px; }

}
		
		
		
@media (max-width: 450px) {

}



@media (max-width: 350px) {

}




				
.last, .wrapper .last, .wrapper .media-box .last { margin-right: 0 !important;  }