/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* GENERIC STYLES */
/* ############################## */

html, body {
	height: 100%;
	width: 100%;
}

body {
	font-size: .8rem;
	color: #aaa;
	font-family: Roboto;
}   
main {
	min-height: calc(100vh - 135px);
}
h1 {
	font-size: 1.3rem;
	color: #999;
}
h2 {
	font-size: 1.1rem;
	color: #444;
}
h3 {
	font-size: .9rem;
	color: #444;
}
h4 {
	font-size: .8rem;
	color: #999;
}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Lexend Peta', sans-serif;
	text-transform: uppercase;
}

a {
	color: #333;
}

a:not(.button):hover, a:not(.button):active {
	color: #00aaff;
    text-decoration:none;
}

a, a:hover, a:visited, a:active, a:focus {
    text-decoration:none;
}

.button { 
	padding: 12px 19px;
	background: #bbb;
	color: #333;
	border-radius: 5px;
	text-transform: uppercase;
	font-weight: 500;
}

.button:hover, .button:active, .button:focus { 
	background: #00aaff;
	color: #333;
}

/* ############# */
/* MEDIA QUERIES */
/* ############# */

@media (max-width: 1200px) {  
	body {
		font-size: 17px;
	}    
	h1 {
		font-size: 34px;
	}
}

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
	body {
		font-size: 16px;
	} 
	h1 {
		font-size: 32px;
	}
}

/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (max-width: 768px) {  
 	body {
		font-size: 15px;
	}
	h1 {
		font-size: 28px;
	}
}

/* Small devices (landscape phones, 576px and up) */
@media (max-width: 576px) {   
	h1 {
		font-size: 26px;
	}
}







/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* CUSTOM STYLES */
/* ############################## */

.focal { 
	height: 900px;
}

.olay-inner h1 { margin: 0px; padding: 0px; font-size: 2.9rem; line-height: 2.7rem; }
.olay-inner h2 { margin: 0px; padding: 0px; font-size: 2.4rem; line-height: 2.2rem; }
.olay-inner h3 { margin: 15px 0 0 0px; padding: 0px; font-size: 2.1rem; line-height: 2.2rem; font-family: 'Architects Daughter', cursive; }

.gnav { font-family: 'Architects Daughter', cursive; font-size: 1.5rem; font-weight: 400 !important; }

.resp-wrap {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  padding-bottom: 45.45%; 
  height: 0;
}
.resp-wrap-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* ############# */
/* MEDIA QUERIES */
/* ############# */

@media (min-width: 1340px) {
	.container {
		width: 1340px;
		max-width: 1340px;
	}
}
@media (max-width: 1340px) {
	.container {
		width: 100%;
		max-width: 100%;
	}
}







/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* DAF STYLES */
/* ############################## */

.center {
	text-align: center; 
}
.tar {
	text-align: right;
}
.tal {
	text-align: left;
}

.sepsm { 
	height: 15px;
}
.sepmd {
	height: 30px;
}
.seplg {
	height: 45px;
}
.nopadding {
	padding: 0px; 
}
.h100 { 
	height: 100% !important; 
}

.hidden-phone {
	display: block;
}
.hidden-desktop {
	display: none;
}

.shadow-down, .resp-wrap {
	-webkit-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35) !important;
	-moz-box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35);
	box-shadow: 0px 4px 26px -1px rgba(0,0,0,0.35);
}                                                                       

.shadow-down2 {
	-webkit-box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.15) !important;
	-moz-box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.15);
	box-shadow: 0px 4px 15px -1px rgba(0,0,0,0.15);
}                                                                       

.bb, .resp-wrap { border-bottom: 1px solid #fff; }
.bt { border-top: 1px solid #fff; }

/* ############# */
/* MEDIA QUERIES */
/* ############# */

/* Large devices (desktops, 992px and up) */
@media (max-width: 992px) { 
	.tar, .tal { 
		text-align: center; 
	}
	.hidden-phone {
		display: none;
	}
	.hidden-desktop {
		display: block;
	}
}







/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* GALLERY STYLES */
/* ############################## */

.imageGallery img {
	width: 100%;
	background: #fff;
	padding: 10px;
	-webkit-box-shadow: 0px 5px 10x 0px rgba(0,0,0,0.25); 
	box-shadow: 0px 5px 10px 0px rgba(0,0,0,0.25);
}
.imageGallery .frame {
	padding: 15px;
}

.carousel-item {
}
#carousel-example {
	margin: 15px -15px;
}

/* ############# */
/* MEDIA QUERIES */
/* ############# */

@media (max-width: 576px) {   
	.imageGallery img {
		max-height: 500px;
	}
}







/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* NAVBAR STYLES */
/* ############################## */

#nav { 
}
.navbar-brand {
	font-size: .9rem;
	font-family: 'Lexend Peta', sans-serif;
	font-weight: 300;
	text-transform: uppercase;
}
.navbar-light .navbar-brand {
	color: #a4a4a4;
}
.nav-link {
	font-size: .8rem;
	text-transform: uppercase;
}
.navbar-toggler-icon { 
	border: 0px; outline: 0px; 
}
.nav-item {
	font-family: 'Lexend Peta', sans-serif;
	font-weight: 300;
	color: #a4a4a4;
	text-transform: uppercase;
}







/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* LAYOUT FOOTER STYLES */
/* ############################## */

.footer {
    width: 100%;
	height: 45px;
    line-height: 40px;
    background-color: #f5f5f5;
	text-align: center;
	-webkit-box-shadow: 0px -5px 10x 0px rgba(0,0,0,0.10); 
	box-shadow: 0px -5px 10px 0px rgba(0,0,0,0.10);
	border-top: 1px solid #fff;
}
.copyright {
	color: #666;
	font-size: .5rem; 
	font-style: italic;
	text-align: center; 
	margin: auto;
	font-family: 'Lexend Peta', sans-serif;
}
.copyright a {
	color: #666;
}
.copyright a:hover {
	color: #888;
}







/* ######################################################################### */
/* ######################################################################### */

/* ############################## */
/* MISC STYLES */
/* ############################## */

.smaller {
	font-size: .7rem; 
	font-style: italic;
}

.slbContent { background: #fff; padding: 20px; text-align: center; width: 75%; margin: auto; font-size: 13px; }

.slbCloseBtn:not(.showme) {
	display: none;
}

.slbCloseBtn.showme {
	top: 10px;
	right: 10px;
	color: #fff;
	border: 0px;
	outline: 0;
	text-shadow: 1px 1px 4px black;
}





/*##################*/
/* Parallax Styles */
/*##################*/


	.parallax-window {
		min-height: 400px;
		background: transparent;
	}