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

@media (min-width: 992px) {
	.mobileonly { display: none !important; }
	.navbarchange { float: right; }
}
@media (max-width: 991px) {
	.desktoponly { display: none !important; }
	.navbarchange { float: none; }
}
.jumbotron {
	padding: 0px;
}
.gradientbg {
	background-color: #2B0000;
	background-image: -webkit-linear-gradient(top, #2B0000 0%, #590000 100%);
	background-image:         linear-gradient(to bottom, #2B0000 0%, #590000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff2B0000', endColorstr='#ff590000', GradientType=0);
	background-repeat: repeat-x;
	margin: 60px 0 0 0;
	border-bottom: 2px solid #861A1A;
}
.h1box {
	font-weight: bold;
	padding: 18px 15px 20px 0px;
}

/* Style for lists */
.orglist li { margin-bottom: 10px; font-size: 16px; }

/*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: -61px; 
	height: 61px;
	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;
}
footer {
	font-family: "Roboto Condensed", sans-serif;
	font-size: 14px;
	color: #CCCCCC;
	font-weight: 400;
	background-color: #100000;
	    background: -moz-linear-gradient(top,  #100000 0%, #000 100%);
	    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#100000), color-stop(100%,#000));
	    background: -webkit-linear-gradient(top,  #100000 0%,#000 100%);
	    background: -o-linear-gradient(top,  #100000 0%,#000 100%);
	    background: -ms-linear-gradient(top,  #100000 0%,#000 100%);
	    background: linear-gradient(to bottom,  #100000 0%,#000 100%);
	    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#100000', endColorstr='#000',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)}