/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 14-Dec-2017, 8:05:46 PM
    Author     : thomas
*/
#fb-message{
	display: none;
}

body{
	background-color: #e7e6e6 !IMPORTANT;
}

.navbar-default{
    /*background-color: #356b37;*/
    background-image: none;
	/*color: #000000;*/
	font-weight: bold;
	border-left: 2px solid black;
	border-right: 2px solid black;
	border-bottom: 2px solid black;
	border-top: 2px solid black;
	line-height: 1em;
}
.navbar-default a{
	/*color: #333333;*/
}
.nav-item{
	/*border-right: 2px solid black;*/
}
.nav-link{
	color: rgba(255,255,255,.9) !important;
}
.header-image{
	margin-bottom: 10px;
	margin-top: 10px;
}
h1{
	font-size: 26px;
	/*color: #356b37;*/
	font-weight: bold;
	/*text-shadow: -1px 0 gray, 0 1px gray, 1px 0 gray, 0 -1px gray;*/
}
h2{
	font-size: 23px;
	/*color: #356b37;*/
	font-weight: bold;
	/*text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;*/
}
h3{
	font-size: 20px;
	/*color: #356b37;*/
	font-weight: bold;
	/*text-shadow: -1px 0 #000066, 0 1px #000066, 1px 0 #000066, 0 -1px #000066;*/
}
.bg-pop{
	background-color: #f7e7bd!IMPORTANT;
}

.carousel{
	width: 90%;
	margin: auto;
	background-color: #888;
}
.carousel-inner > .carousel-item {
	/*width: 90%; */ /*With Indicators*/ 
	width: 100%;
	margin: auto;
}
.carousel-inner > .carousel-item > a > img {
	/*width: 90%; */ /*With Indicators*/ 
	width: 100%;
	margin: auto;
}
.carousel-inner > .carousel-item > img {
	/*width: 90%; */ /*With Indicators*/ 
	width: 100%;
	margin: auto;
}
.carousel-indicators {
	bottom: -18px;
}
.carousel-indicators li {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 5px;
    text-indent: 0;
    cursor: pointer;
    border: none;
    border-radius: 10%;
    background-color: #e0ebeb;
    box-shadow: inset 1px 1px 1px 1px rgba(0,0,0,0.5);    
	list-style-type: square;
}
.carousel-indicators .active {
    width: 12px;
    height: 12px;
    margin: 5px;
    background-color: #356b37;
}

.btn-bottom-margin{
	margin-bottom: 5px;
}

/*//For the new multi-level menus*/
.navbar-light .navbar-nav .nav-link {
    color: rgb(64, 64, 64);
}
.btco-menu li > a {
    padding: 10px 15px;
    color: #000;

}

.btco-menu .active a:focus,
.btco-menu li a:focus ,
.navbar > .show > a:focus{
    background: transparent;
    outline: 0;
}

.dropdown-menu{
    /*position: static !important;*/
}

.dropdown-menu .show > .dropdown-toggle::after{
    transform: rotate(-90deg);
}


/* Styles for backend editing */
#postlist{
	display: none;
}

a:link{
	color: #8b3df3;
}

a:visited{
	color: #8b3df3;
}

a.btn:link{
	color: #FFFFFF;
}

a.btn:visited{
	color: #FFFFFF;
}

@media (min-width: 576px){
	.carousel{
		width: 90%;
		margin: auto;
		background-color: #888;
	}
}

@media (min-width: 768px){
	.carousel{
		width: 80%;
		margin: auto;
		background-color: #888;
	}
}

@media (min-width: 992px){
	.carousel{
		width: 80%;
		margin: auto;
		background-color: #888;
	}	
}

@media (min-width: 1200px){
	.carousel{
		/*width: 60%;*/
		width: 80%;
		margin: auto;
		background-color: #888;
	}	
}

@media (min-width: 1500px) {
	.container {
		max-width: 1400px;
	}
	.carousel{
		/*width: 50%;*/
		width: 80%;
		margin: auto;
		background-color: #888;
	}
}

@media (min-width: 1900px) {
	.container {
		max-width: 1800px;
	}
	.carousel{
		/*width: 40%;*/
		width: 80%;
		margin: auto;
		background-color: #888;
	}
}

@media (min-width: 2500px) {
	.container {
		max-width: 2300px;
	}
	.carousel{
		/*width: 40%;*/
		width: 80%;
		margin: auto;
		background-color: #888;
	}
}