/*!
 * Start Bootstrap - Modern Business (http://startbootstrap.com/template-overviews/modern-business)
 * Copyright 2013-2017 Start Bootstrap
 * Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-logomodern-business-nav/blob/master/LICENSE)
 */

body {
    padding-top: 54px;
    margin-top: 0.5em;
}
a:link{color:green;}
a:hover{}
a:visited{color:green;}
a:focus{}
a.active{background:#65bf0b !important;}
.btn-primary, .btn-secondary{color:#fff !important;}


#nb{
	min-height:3.9em;
	background:#ccff99 !important; color:#000 !important;
	border-bottom:1px solid green;
	#border-bottom:1px solid #eee;
}	
#nb li{
	padding:0 1em;
	margin:0;
	
	
}
#nb li a{
	margin:0 -1em;
	padding:0.8em 1em; 
	color:#000;
	border-radius:5px;
}

a.navbar-brand{color:#000 !important;}
.navbar-toggler{background:#000 !important; }
	
.card-header {background:green; color:#fff;}
.breadcrumb{border: 1px solid;}
.breadcrumb, .card-footer{background:#eefaea; border-color:#d0f2d0;}
.btn-primary{background:darkgreen; border:transparent;}
.btn-primary:hover{background:#000; border:#111;}
.btn-secondary{background:darkorange; border:transparent;}

.card:hover{box-shadow:1px 1px 10px #ddd;}

	
#submit:hover{cursor:pointer;}
.nav-item a {margin:-1em 0em; padding:1.5em 1.3em;}
.nav-item a:hover{background:#333; color:#fff !important; #border-radius:3px;}
.nav-item .active{background-color:#111 !important; color:#fff !important; #border-radius: 3px;}
.seperator{margin-bottom:1.5em;}
.hide{display:none;}
.center{text-align:center;}
a:hover{text-decoration:none; opacity:0.9;}
.bg-green{background:green; color:white;}
.bg-orange{background:darkorange; color:white;}
.bg-yellow{background:yellow; color:white;}


.carousel h3{ font-size:#2em;}
.carousel p{ font-size:#1.2em;}

.carousel-item {
    height:50vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.portfolio-item {
    margin-bottom: 30px;
}

@media screen and (max-width : 992px)  { 

	.carousel-item {
		height: 48vh;
		min-height: 240px;
	}
	.small-t{font-size:1.7em}
	.navbar-collapse{
		overflow-y: auto !important;
		max-height: 100vh !important;
	}
}

@media (min-width: 992px) {
    body {
        padding-top: 56px;
    }
	.hide-large{
		display:none;
	}
}
@media screen and (max-width : 768px)  { 

.carousel-item {
    height: 25vh;
    min-height: 160px;
}
footer p{padding:1em 0;}

.small-t{font-size:1.5em}
}
.hide-small{display:none;}

/* colors */
.bg-dark{
	background:#000 !important; #color:#000 !important;
}

#myBtn {
display:none;
transition:ease 0.15s;
position: fixed; 
bottom: 0px;
right: 0px;
z-index: 99;
border: none;
outline: none;
text-align:center;
background-color:rgba(100,100,100,0.7);
color: white; 
cursor: pointer;
font-size:24px;
padding: 0px 15px 3px;
border-radius: 0px;
}

#myBtn:hover {
background-color:#333; 
padding:  12px 22px;
}
@media screen and (max-width : 768px)  { 
#myBtn {background-color:rgba(100,100,100,0.4); width:100%; padding:0 0 3px;}
#myBtn:hover {padding:0 0 3px; background:#000;}

}

/* COLOR PINK
h4 a:link, h5 a:link, li a:link, a:link{color:#FF9800;}
h4 a:hover, h5 a:hover, li a:hover,a:hover{color:#999 !important;}
h4 a:focus, h5 a:focus, li a:focus, a:focus{color:orange;}
h4 a:visited, li a:visited, a:visited{color:#FF9800;}
.nav-item .active{color:orange !important}
.btn-primary, .btn-secondary {
	background:#FF9800;
	color:white !important;
	border-color:#FF9800;
}
.btn-primary:hover, .btn-secondary:hover {
	background:#777;
	color:#ddd !important;
	border-color:#999;
}
*/