/* ==========================================================================
   Author's custom styles
   ========================================================================== */

@media (min-width: 992px) {
	.mobileonly { display: none !important; }
	.navbarchange { float: right; }
	#Navbar {  }
	#Intro {  }
	.footerRight { text-align: right; }
	.footerCenter { text-align: center; }
	.navbar-inverse .navbar-nav > .active > a { border-bottom: 3px solid #D56623; }
}
@media (max-width: 991px) {
	.desktoponly { display: none !important; }
	.navbarchange { float: none; }
	.footerLeft { text-align: center; padding-bottom: 10px; }
	.footerCenter { text-align: center; padding-bottom: 10px; }
	.footerRight { text-align: center; }
	#Navbar { margin-top: -28px; }
	.gradientbg { margin-top: 80px !important; }
	body {	background-position: 0px -45px; }
}
@media (min-width: 992px) {
	.jumbotron {
		padding: 24px 15px 25px 0px;
		margin: 108px 0 0 0;
		border-bottom: 2px solid #000000;
		position: relative; /* For Dotted Overlay */
	}
}
@media (max-width: 991px) {
	.jumbotron {
		padding: 24px 15px 25px 0px;
		margin: 80px 0 0 0;
		border-bottom: 2px solid #000000;
		position: relative; /* For Dotted Overlay */
	}
}
.parallax {
	background-image: url('/img/bg-header.png');
	background-position: center center;
	background-attachment: fixed;
}
.parallax-overlay {
	background-image: url('/img/bg-header-overlay.png');
	background-position: center center;
	background-attachment: fixed;
}
.jumbotronH1 {
	margin: 0;
	padding: 0 0 0 3px;
	font-family: ;
	font-size: px;
	font-weight: 700;
	letter-spacing: 3px;
    line-height: px;
    text-transform: ;
    color: #FFFFFF;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
}
.jumbotronHR {
	border: 1px solid rgba(255, 255, 255, 0.5);
	width: 70%;
	margin: 8px 0 10px 0;
	box-shadow:  0px 0px 5px rgba(0, 0, 0, 0.25);
}
.jumbotronH3 {
	margin: 0;
	padding: 0 0 0 3px;
	font-family: ;
	font-size: px;
	font-weight: 400;
	letter-spacing: 2px;
    line-height: px;
    text-transform: ;
    color: #FFF2B3;
    text-shadow: 0px 0px 10px rgba(0, 0, 0, 0.95);
}
@media screen and (max-width: 991px) {
	.jumbotronH1 {
		margin: 0;
		padding: 0;
		font-size: 24px;
	    line-height: 24px;
	}
	.jumbotronH3 {
		margin: 0;
		padding: 0;
		font-size: px;
	    line-height: px;
	}
}
.gradientbg {
	background-color: #180800;
			background-image: url('/img/bg-header.png');
		background-position: center center;
		background-size: cover;
		background-blend-mode: normal;
		background-attachment: scroll;
		background-repeat: repeat-x;
}
.h1box {
	font-weight: bold;
}
.img-shadow {
	margin-bottom: 20px;
	border: 1px solid #170A00;
	box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.25);
	border-radius: 5px;
}
.spaced-letters {
	letter-spacing: 2px;
}

/*STYLE FOR TOP BAR*/
#Intro {
	top: 0;
	width: 100%;
	padding: 8px 0;
	position: fixed;
	font-size: 12px;
	line-height: 12px;
	background-color: #D56623;
	height: 28px;
	z-index: 1031;
 }
 .intro-left {
	float: left;
 	padding: 0;
 	color: #FFFFFF;
 	font-weight: 500;
 	text-transform: none;
}
 .intro-right {
 	float: right;
 	padding: 0;
 	color: #FFFFFF;
 	font-weight: 500;
 	text-transform: none;
}
.hideTopBar {
	display: none;
}
.moveNavUp {
	margin-top: -28px !important;
}

/* STYLE FOR LISTS */
.nicelist { margin-top: 0; margin-bottom: 0; padding-left: 20px; }
.nicelist li { margin-bottom: 5px; }

/*Anchor Fix for Bootstrap (Prevents Anchors from Hiding Under Menu When Clicked, but Requires all anchors to be added to "section" tags)*/
section:before { 
	display: block; 
	/* content: " "; */
	margin-top: -81px; 
	height: 81px;
	visibility: hidden; 
}

.anchorlink {} /*This is a FIX class that triggers the menu to collapse when a menu anchor link is clicked (ex: index.php#anchor) See js/main.js for binded function */
.multicolumnlistfix { margin-bottom: 0px; font-size: 15px; } /*This is a FIX class that removes the space under each <ul> tag so that when a mobile browser views the multi-column list, there is no space at the bottom */

/* Make Slideshow Container wider and seamless with menu without distorting responsive design */
.slideshowcontainer {
	margin-top: 0;
	margin-bottom: 0;
	padding: 0;
}
.pre-footer {
	padding: 24px 0 30px;
	font-family: "Roboto Condensed", sans-serif;
	font-size: 12px;
	color: #999999;
	font-weight: 400;
	background-color: #111111;
	    background: -moz-linear-gradient(top,  #111111 0%, #222222 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#111111), color-stop(100%,#222222));
	    background: -webkit-linear-gradient(top,  #111111 0%,#222222 100%);
	    background: -o-linear-gradient(top,  #111111 0%,#222222 100%);
	    background: -ms-linear-gradient(top,  #111111 0%,#222222 100%);
	    background: linear-gradient(to bottom,  #111111 0%,#222222 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#111111', endColorstr='#222222',GradientType=0 );
}
.pre-footer a {
	color: #FF7F32;
	font-weight: 500;
	text-decoration: none;
	text-transform: ;
}
.pre-footer a:hover {
	color: #FFA921;
	font-weight: 500;
	text-decoration: none;
}
.pre-footer .blocklink {
	display: block;
	padding: 0 0 3px 0px;
}
footer {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 12px;
	color: #CCCCCC;
	font-weight: 400;
	background-color: #000000;
	    background: -moz-linear-gradient(top,  #000000 0%, #111111 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#000000), color-stop(100%,#111111));
	    background: -webkit-linear-gradient(top,  #000000 0%,#111111 100%);
	    background: -o-linear-gradient(top,  #000000 0%,#111111 100%);
	    background: -ms-linear-gradient(top,  #000000 0%,#111111 100%);
	    background: linear-gradient(to bottom,  #000000 0%,#111111 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#111111',GradientType=0 );
}

/* Make a bubble container for an image for the Before/After plugin that is responsive */
.slide-bubble {
    position: absolute;
    top: 0px;
    width: 53%;
    height: 100%;
    margin: 0 0 0 10%;
    z-index: 1;
}
.vertical-slide-bubble {
	position: absolute;
	top: 30%;
	width: 53%;
	height: 100%;
	margin: 0 0 0 5%;
	z-index: 1;
}
.beforeafterbox {
	position: relative;
	max-width: 750px;
	box-shadow:  0px 5px 15px rgba(0, 0, 0, 0.25);
	margin: 20px 0 0 0;
}

/* Photo Album Styling */
.albumcolumn { max-width: 156px !important; float: left !important; }
.albumphoto { margin-bottom: 15px; margin-top: 15px; box-shadow:  0px 3px 15px rgba(0, 0, 0, 0.5)}

/*Menu Fade Animation Support */
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari and Chrome */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

/* Responsive Video Support */

.responsive-video {
	background: #CCC;
	color: #FFF;
	border: 1px solid #999;
	padding: 10px 10px 10px 10px;
	margin-bottom: 15px;
	transition: background-color 0.2s linear, color 0.1s linear;
	-o-transition: background-color 0.2s linear, color 0.1s linear;
	-webkit-transition: background-color 0.2s linear, color 0.1s linear;
	-moz-transition: background-color 0.2s linear, color 0.1s linear;
	border-radius: 3px;
}
.responsive-video:hover { background-color:#999; }
.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px; height: 0; overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/* Background Video */
.bgvid {
	position: absolute;
	top: 0%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -100;
	-webkit-transform: translateX(-50%) translateY(-50%);
	transform: translateX(-50%) translateY(-50%);
	background: #000;
	background-size: cover;
	z-index: -1;
}
.bgdottedoverlay {
	background: url(/img/video/gridtile_3x3.png);
	background-repeat: repeat;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 3;
}

/* Top Bar */
.topbarlink {
	color: #FFF;
	font-weight: 500;
}
.topbarlink:hover {
	color: #FFDCC7;
	font-weight: 500;
}