.navbar-default .nav > li.active > a,
.navbar-default .nav > li.active > a:focus {
	background-color: #66023C;
	color: white;
}
.navbar-default .nav > li.active > a:hover,
.navbar-default .nav > li.active > a:focus:hover {
	background-color: #66023C;
	color: white;
}
header {
	background-image: url('../../static/images/background.jpg');
}
button.frontpage-search{
	height: 34px;
    border-bottom-left-radius: 0;
    border-top-left-radius: 0;
    border-bottom-right-radius: 5px;
    border-top-right-radius: 5px;
}
.btn-primary {
    color: #fff;
    background-color: #66023C;
    border-color: #66023C;
}
.btn-primary.focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    color: white;
    background-color: #204d74;
    border-color: #122b40;
}
.btn-primary:hover, .btn-primary:focus{
    color: white;
    background-color: #204d74;
}
.btn.sr-button, .btn.frontpage-search {
    color: black;
}
.navbar-default .navbar-header .navbar-brand {
    color: black;
}
.navbar-default .navbar-header .navbar-brand:hover, .navbar-default .navbar-header .navbar-brand:focus {
    color: gold;
}

.navbar-left-divider{
	border-left: 5px solid grey;
}
.navbar-default .nav > li.active > a, .navbar-default .nav > li.active > a:focus {
    color: gold !important;
}
hr {
    border-color: gold;
}
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus:hover {
    color: gold;
}
.navbar-form {
    border-top: none;
    border-bottom: none;
	-webkit-box-shadow: none;
    box-shadow: none;
}

.navbar-default {
	background-image: none;
	background-repeat: no-repeat;
}
.navbar-brand {
	color:#66023C;
}
.bg-primary{
	background-color: #66023C;
}
.sr-icons{
	color: #66023C;
}
a{
	color: #66023C;
}
.input-group.frontpage-search-group{
	width: 60%;
}
.navbar-form .frontpage-search-group div.input-group-btn{
	width: 38px;
}

.modal-content{
    color: black;
}

.navbar-brand{padding:0px;}
.navbar-brand img{
    height:40px;
    width:40px;
    padding:2px;
    margin:3px;
    float:left;
}
.navbar-brand div{
    padding:15px 0px;
    float:left;
}

@media (max-width: 768px) {
	.input-group.frontpage-search-group {
		width: 100%;
	}
    .navbar-left-divider{
        border-left: none;
    }
}

/*style for font-awesome.. for some reason some images aren't resizing without this */
.fa-2x {font-size: 2em !important;}
.fa-3x {font-size: 3em !important;}
.fa-4x {font-size: 4em !important;}
.fa-5x {font-size: 5em !important;}
.fa-6x {font-size: 6em !important;}

@media (min-width: 768px) {
	.navbar-default {
		background-color: white;
	}
	.navbar-default .nav > li > a, .navbar-default .nav > li > a:focus {
		color: black;
	}
	.navbar-default .navbar-header .navbar-brand {
		color: black;
	}
	.navbar-default.affix .navbar-header .navbar-brand {
		color: gold;
		font-size: 14px;
	}
	.navbar-default.affix .nav > li > a:hover, .navbar-default.affix .nav > li > a:focus:hover {
		color: gold;
	}
	.navbar-default.affix .navbar-header .navbar-brand:hover, .navbar-default.affix .navbar-header .navbar-brand:focus {
		color: darkgreen;
	}
	.navbar-left-divider {
        border-left: none;
    }
}

.spacer-small {
    padding: 5px;
}

.spacer {
    padding: 20px;
}

a.stripe-connect span {
    height: 100%;
}

.btn-square {
    border-radius: 4px;
}

.vertical-center {
    min-height: 100%;  /* Fallback for browsers do NOT support vh unit */
    min-height: 100vh; /* These two lines are counted as one :-)       */

    display: flex;
    align-items: center;
}

.vertical-center-property {
    min-height: 35vh;
}