html {
    /*height: 100%; for sticky footer - go to bottom of style sheet*/
}

body {
	color: #757575;
	font-family: 'Outfit', sans-serif;
	font-size: 16px;
	font-weight: 300;
	line-height: 21px;
    min-width: 300px;
}

h1,
h2.h1,
h2, 
h3 {
	
	
	margin: 0;
}

h1,
h2.h1 {
    color: #401e4d;
	font-size: 30px;
    font-weight: 300;
    margin: 0 0 40px;
}



h2 {
	font-size: 25px;
}

h3 {
	font-size: 20px;
    margin: 25px 0 15px;
}

h4 {
    color: #222;/*#401e4d;*/
	font-size: 16px;
	font-weight: 400;
	margin: 10px 0;
}

.sidebar h4 {
    display: inline;
	margin: 0;
}

a,
a:hover,
a:visited,
a:focus {
	color: #401e4d;
}

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

a:hover {
	text-decoration: underline;
}

p {
    
}

ul {
    margin: 0;
    padding: 0 0 0 20px;
}


ul li {
    line-height: 25px;
}

ul li {
    margin-bottom: 10px;
}

hr {
    
}

div.button {
    display: inline-block;
    margin: 15px 0 35px;
}

.btn-primary {
    /*background: linear-gradient(to bottom, #4d2959 0%,#8c5e9c 35%,#8c5e9c 65%,#4d2959 100%);*/
    background: #4d2959;
	border: 1px solid #401f4c; 
    color: #fff;
	padding: 10px 25px;
}

.btn-primary:hover {
    /*background: linear-gradient(to bottom, #8c5e9c 0%,#4d2959 35%,#4d2959 65%,#8c5e9c 100%);*/
    background: #8c5e9c;
	border: 1px solid #401f4c; 
    color: #fff;
	padding: 10px 25px;
    cursor: pointer;
    text-decoration: none;
}


#wrapper {
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
	position: relative;
	z-index: 1;
}

/* -----------------------------------------
for index_backup.php slideshow file 
-------------------------------------------*/
/*#wrapper_index {
	margin: 0 auto;
	min-height: 100%;
	padding: 0;
	position: relative;
	z-index: 3;
}

#skip_intro:hover {
	position: relative;
	margin-top: -65px;
}

#main_index {
	width: 1015px;
	overflow: auto;
	padding-bottom: 114px;
}

#main_index_slideshow {
	position: relative;
	width: 555px;
	height: 650px;
	margin: 0 auto;
}

*/



header {
	height: 114px;
	position: relative;
	width: 100%;
	z-index: 3;
}

.header-grey-bg {
    /*background: linear-gradient(to bottom, #9c9da1 0%,#818286 48%,#6e6f73 88%,#a8a9ad 91%,#9d9ea2 94%,#67686a 99%,#67686a 100%);*/
    background: linear-gradient(to bottom, #9c9da1 0%,#818286 100%);
    min-height: 31px;
}

.header-plum-bg {
    /*background: linear-gradient(to bottom, #8f619f 0%,#411d4d 95%,#532e61 96%,#855893 97%,#643c70 99%,#5d4366 100%);*/
    background: linear-gradient(to bottom, #8f619f 0%, #411d4d 100%);
    min-height: 116px;
    /*min-height: 83px;*/
}

/* md */
@media (min-width: 768px) {
    .header-plum-bg {
        margin-bottom: -31px; /* used when add menu back in */
    }
}

/* lg */
@media (min-width: 992px) {
    .header-plum-bg {
        /*margin-bottom: -31px; used when add menu back in */
    }
}

#logo {
	position: absolute;
	top: 10px;
	left: 30px;
	z-index: 5;
}

.named-disk {
    display: none;
	height: 208px;
	left: 50px;
	position: absolute;
	top: -58px;
	width: 208px;
	z-index: 5;
}

#date-cont {
	color: #fff;
    float: right;
	height: 30px;
	position: relative;
	top: 5px;
	width: 135px;
	z-index: 10;
}

/* ------------------------------------- 
Menu Dropdown 
---------------------------------------- */
/*inside pages only */
#interior {
    /*bottom: -31px;*/
    float: right;
    position: relative;
}


#menu {
	float: right;
	height: 31px;
	list-style: none;
	/*margin: 83px auto 0 auto;*/
	padding: 0;
	position: relative;
	width: 760px;
	z-index: 4;
}

.menu {
	border: 0;
	color: #8e8e8e;
	font-size: 14px;
	margin: 0 0 0 10px;
	padding: 0;
}

.menu ul {
	background: none;
	line-height: normal;
	list-style: none;
	margin: 0px;
	padding: 0px;
}

.menu li {
	/*background: url(images/divider.jpg) no-repeat right top;*/
	float: right;
	height: 33px;
	position: relative; /*NEW* - allowed dropdown to display under tab, but shortened width of dropdown portion */
}
	
.menu li a {
	color: #fff;
	display: block;
	height: 33px;
}

.menu li a:hover{
	height: 33px;
}

.menu li ul{
	display: none;
	height: auto;
	left: 0px; /*NEW* - allowed dropdown to display under tab */
	/*width:auto; supposed to allow dropdown to display at appropriate width, but not working with above addition */
	/*filter:alpha(opacity=95);
	opacity:0.95;*/
	margin-top: -2px;
	padding-top: 0px;
	position: absolute;
	top: 33px; /*NEW* - allowed dropdown to display under tab */
	z-index: 200;
}

/*this is the code that actually creates the dropdown*/
.menu li:hover ul{
	background: url(images/drop_background.jpg) top left repeat;
	display: block;
}
	
.menu li li {
	float: none;
	padding: 0;
	/*width:auto; supposed to allow dropdown to display at appropriate width, but not working with above addition */
	height: 31px;
	background: none;
}

.menu li ul a{
	font-size: 14px;
	font-style: normal;
	padding: 5px 30px 0 30px;
	text-align: left;
	text-transform: uppercase;
	letter-spacing: 1px;
	font-weight: normal;
}
	
.menu li ul a:hover{
	text-decoration: underline;
	color: #fff;
}

/*--------------------------------------------------------------
3.4 Navigation
--------------------------------------------------------------*/
/* Primary nav */
.navbar {
    float: right;
    padding: 0;
}

.navbar.bg-light {
    background: linear-gradient(to bottom, #9c9da1 0%,#818286 100%);
    min-height: 31px;
}



/*.navbar-default {
	border: none;
	border-radius: 0;
	margin-bottom: 0;
	min-height: 30px;
}*/

.navbar .navbar-nav {
    margin: 0;
	padding-left: 0;
	transition: color .5s;/* for background hover animation */
}

/*.navbar-default .navbar-nav {
	margin: 0;
	padding-left: 0;
	transition: color .5s; for background hover animation 
}*/

.navbar-default .navbar-nav > li {
	margin: 0;/* use this for animated background hover */
	/*margin: 7px 0; use this for animated underline and to remove vertical scroll on cell phones */
}

/*.navbar-default .navbar-nav > li > a {
	color: #192E6c;
	font-size: 16px;
	padding: 5px 0 5px;
	position: relative; for background hover animation 
}*/

.navbar .navbar-nav > li > a.nav-link {
	color: #fff;
	font-size: 16px;
	padding: 5px 10px 5px;
	position: relative;/* for background hover animation */
}

.navbar-light .navbar-nav a.nav-link:focus, 
.navbar-light .navbar-nav a.nav-link:hover {
	color: #fff/*rgba(0,0,0,.7);*/
}

.navbar-light .navbar-nav a.dropdown-item,
.navbar-light .navbar-nav a.dropdown-item:focus, 
.navbar-light .navbar-nav a.dropdown-item:hover {
	color: #401e4d;
}

.dropdown-divider {
    margin: 2px 0;
}

/*need to add to style sheet of new theme 
.navbar-default .navbar-nav > li > a:hover {
	color: #fff;
}*/


.navbar .navbar-nav > li {/* for background hover animation */
	position: relative;
	display: block;
    margin-bottom: 0;
	padding: 0 15px;
	 -webkit-transition: color .5s;
          transition: color .5s;
}

.navbar .navbar-nav > li:before {/* for background hover animation */
	content: '';
	position: absolute;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background: #411d4d;/*#8f619f;*/
	/*z-index: -1;*/
	-webkit-transform:scaleX(0);
      -ms-transform:scaleX(0);
          transform:scaleX(0);
	-webkit-transition: -webkit-transform .5s;
          transition:         transform .5s;
}

.navbar .navbar-nav li:hover a {/* for background hover animation if needed */
	color: #fff;
}

.navbar .navbar-nav > li:hover:before {/* for background hover animation */
	-webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}
/* endbackground hover  animation */

.navbar .navbar-nav > li > a:hover,
.navbar .navbar-nav > li > a:focus,
.navbar .navbar-nav > .open > a, 
.navbar .navbar-nav > .open > a:hover, 
.navbar .navbar-nav > .open > a:focus {
	background-color: transparent;
	color: #401e4d;
}






.navbar-default .navbar-nav > .active > a {
	background-color: transparent;
	color: #192E6c;
}

.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: transparent;
	color: #fff;
}

.navbar.navbar-nav .sub-arrow, 
.navbar.navbar-nav .collapsible .sub-arrow {
	margin-left: 1px;
}

.nav-pills > li {
	float: none;
}

/* md */
@media (min-width: 768px) {
	.navbar-default .navbar-nav > li {
		margin: 0;
		padding: 5px 7px 5px;
	}
	
	/*.navbar-default .navbar-nav > li > a {
		font-size: 14px;
	}*/
	
	.nav-pills > li {
		/*float: left;*/
	}
	
	/* next 2 rules center main navigation */
	.navbar-default .navbar-nav {
		display: inline-block;
		float: none;
		margin-bottom: -6px;
	}
	
	.navbar-default .navbar-collapse {
		text-align: center;
	}
}

/* lg */
@media (min-width: 992px) {
	.navbar-default .navbar-nav > li {
		padding: 5px 19px 5px;
	}
	
	/*.navbar-default .navbar-nav > li > a {
		font-size: 16px;
	}*/
	
	/*makes header menu float right*/
	.navbar-default .navbar-nav {
		float: right;
	}
	
	.navbar-default .navbar-nav > li:last-child a {
		padding-right: 0;
	}

}

/* use below to change the navbar collapse breakpoint for sites with a lot of items in the navigation
@media (max-width: 992px) {
	.navbar-header {
		float: none;
	}
	
	.navbar-left,
	.navbar-right {
		float: none !important;
	}
	
	.navbar-toggle {
		display: block;
	}
	
	.navbar-collapse {
		border-top: 1px solid transparent;
		box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
	}
	
	.navbar-fixed-top {
		border-width: 0 0 1px;
		top: 0;
	}
	
	.navbar-collapse.collapse {
		display: none!important;
	}
	
	.navbar-nav {
		float: none!important;
		margin-top: 7.5px;
	}
	
	.navbar-nav > li {
		float: none;
	}
	
	.navbar-nav > li > a {
		padding-bottom: 10px;
		padding-top: 10px;
	}
	
	.collapse.in{
		display: block !important;
		overflow-y: auto !important;
	}
	
	.dropdown-menu {
		box-shadow: none;
		border: none;
		float: none;
		position: relative;
	}
}*/

/* xlg */
@media (min-width: 1200px) {	
	.navbar-default .navbar-nav > li {
		padding: 5px 25px 5px;
	}
}

/*-------------------------------------------------------------
		Hamburger Menu 
--------------------------------------------------------------*/
/*edit to length you need to remove vertical scroll on mobile view*/
.navbar-collapse {
	/*max-height: 600px;*/
	max-height: 240px;
	transition: all .9s;
}

/* removes grey top border on mobile devices */
.navbar-default .navbar-collapse, 
.navbar-default .navbar-form {
	border: 0 none;
}

/*styles for hamburger toggle */
.navbar-default .navbar-toggle {
	background-color: transparent;
	border: 0;
	float: right;
	margin-bottom: 8px;
	margin-right: 15px;
	margin-top: 8px;
	padding: 9px 10px;
	position: relative;
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
	background-color: transparent;
	opacity: 0.6;
}

.navbar-default .navbar-toggle .icon-bar {
	background-color: #192E6c;
	border-radius: 1px;
	display: block;
	height: 2px;
	width: 22px;
}

/*--------------------------------------
Content
---------------------------------------*/
#main {
    margin: 100px auto 100px;
    padding: 0 0 40px;
	position: relative;
	z-index: 1;
}

#main.home-page {
    margin-bottom: 75px;
    margin-top: 100px;
}

img.border {
    background: #fff;
    border: 1px solid #ccc;
    margin-bottom: 20px;
    padding: 10px;
    width: 100%;
}

.grey-bg {
    background: url("img/half-circ-white.png") no-repeat center center,
        #ededed;
    border:1px solid #990000;
    padding: 100px 0 50px;
}

.white-bg {
    background: url("img/half-circ-grey.png") no-repeat center -20px,
        #fff;
    border:1px solid #990000;
    padding: 100px 0 50px;
}

.grey-bg img,
.white-bg img {
    margin-bottom: 40px;
}

#contact-form {
    padding: 20px;
} 

/* md */
@media (min-width: 768px) {
    #contact-form {
        padding: 0;
    } 
}

/* lg */
@media (min-width: 992px) {
    
}

/* Footer */
footer {
	letter-spacing: 1px;
	padding: 0px;
	text-transform: uppercase;
    position: relative;
	width: 100%;
	z-index: 4;
}

footer p {
	color: #fff;
	font-size: 12px;
	line-height: 21px;
	margin: 0 auto;
	padding: 5px 0 5px;
	text-align: center;
}

footer a,
footer a:visited {
	color: #fff;
}

footer .space {
	margin: 0 10px;
}


.footer-grey-bg {
    /*background: linear-gradient(to bottom, #67686a 0%,#67686a 1%,#9d9ea2 2%,#a8a9ad 4%,#6e6f73 6%,#818286 52%,#9c9da1 100%);*/
    background: linear-gradient(to bottom, #818286 0%,#9c9da1 100%);
    min-height: 31px;
}

.footer-plum-bg {
    /*background: linear-gradient(to bottom, #5d4366 0%,#643c70 1%,#855893 3%,#532e61 4%,#411d4d 5%,#8f619f 100%);*/
    background: linear-gradient(to bottom, #411d4d 0%, #8f619f 100%);
    min-height: 83px;
}

/* md */
@media (min-width: 768px) {
    .footer-grey-bg {
        /*background: linear-gradient(to bottom, #67686a 0%,#67686a 1%,#9d9ea2 6%,#a8a9ad 9%,#6e6f73 12%,#818286 52%,#9c9da1 100%);
        min-height: 31px;*/
    }
}
	/* Sticky footer - @link http: //mystrd.at/modern-clean-css-sticky-footer/ */
	html {
		min-height: 100%;
		position: relative;
	}
	
	body {
		margin: 0 0 114px; /* = footer height */
	}
	
	footer {
		bottom: 0;
		height: 114px;/*  = body margin-bottom */
		left: 0;
		position: absolute; /* replace with position: fixed; to keep footer fixed to bottom of browser - see footer file too!*/ 
		width: 100%;
	}


/* lg */
@media (min-width: 992px) {
    
}

/* xl */
@media (min-width: 1200px) {
    
}


/*-------------------------------------------------
Sitemap page 
---------------------------------------------------*/
.sitemap_left {
	position: absolute;
	height: 384px;
	left: 0;
	top: 12px;
	width: 58px;
	z-index: 1;
}

.sitemap_right {
	position: absolute;
	height: 197px;
	left: 300px;
	top: 12px;
	width: 58px;
	z-index: 1;
}

.sitemap-col-1,
.sitemap-col-2 {
	float: left;
	font-size: 14px;
	line-height: 19px;
	height: 500px;
	position: relative;
	width: 300px;
	z-index: 2;
}

.sitemap-col-1 {
	margin-left: 25px;
}

ul.sitemap {
	font-size: 14px;
	line-height: 19px;
	list-style-type: none;
	padding: 0px;
}

li.none {
	margin: 0 0 0 40px;
	position: relative;
}

/* --------------------------------------------------------
Contact Page Form Submission
-----------------------------------------------------------*/
#contact_form input.submit {
	background-image: url(images/button_submit.png);
	background-color: transparent;
	border: 0; 
	height: 50px;
	margin: 0;
	padding: 0;
	width: 150px;
}

#contact_form input.submit:hover {
	background-image: url(images/button_submit_over.png);
	background-color: transparent;
	border: 0; 
	height: 50px;
	margin: 0;
	padding: 0;
	width: 150px;
}

#contact_form input.margin {
	background-color: #e8e7e7; 
	margin-top: 5px;
}

#contact_form textarea.margin {
	background-color: #e8e7e7; 
	margin-top: 5px;
}

#contact_form label {
	color: #42204e;
}

/* -------------------------------------------
Gallery on all pages
----------------------------------------------*/
.gallery-bgthumb {
	/*display: none;*/
    margin-bottom: 40px;
    text-align: center;
}

.gallery-bgthumb img {
	/*width: 100%;*/
}

/* lg */
@media (min-width: 992px) {
   .gallery-bgthumb {
        display: block;
	    /*float: left;
	    height: 350px;*/
	    margin: 0 0 20px 0/*55px*/;
	    padding-top: 0;/*160px;*/
	    /*width: 300px;*/
        width: 100%;
    }
}

#gallery img.output {
	height: auto;
	padding: 0;
	width: auto;
}

#gallery span.caption {
	display: block;
	font-weight: bold;
	font-size: 14px;
	margin: 0;
}

#gallery span.caption2 {
	display: block;
	margin: 0 0 10px 0;
}

#gallery ul.nav {
	height: 42px;
	left: 500px;
	list-style: none;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 20px;
	width: 242px;
}

#gallery ul.nav li {
	float: left;
	list-style-type: none;
	margin: 0px;
}

#gallery ul.thumbnails {
	display: none;
	list-style: none;
	margin: 0;
	padding: 10 0 0 0;
	width: 300px;
}

#gallery ul.thumbnails li {
	background-image: url(images/bg_thumbnail.png);
	background-repeat: no-repeat;
	float: left;
	height: 77px;
	margin: 0 10px 10px 0;
	width: 77px;
}

#gallery ul.thumbnails li:hover {
	background-image: url(images/bg_thumbnail_active.png);
}

#gallery ul.thumbnails li img {
	border: solid 0 #401e4d;
	cursor: pointer;
	height: 50px;/*height: 20%;*/
	margin: 12px 0 0 12px;
	width: 50px; /*width: 20%;*/
}

#gallery ul.thumbnails li img.active {
	background-image: url(images/bg_thumbnail_active.png);
	background-repeat: no-repeat;
	border: solid 2px #aeaeae;
	margin: 10px 0 0 10px;
}

.thumb_bg {
    text-align: center;
}

.thumb_bg img {
    background: #fff;
    box-shadow: 0 0 5px #adadad;
    margin: 10px;
	padding: 10px;
}

.thumb_bg img:hover {
    background: #fefefe;
}

/*---------------------------------------
Custom
-----------------------------------------*/
.mt-50 {
    margin-top: 50px;
}