/*************************************************************
* Override design edit by Kurt Keinath 
*************************************************************/
html, body{height:100%;}
footer p{padding:1em;}

.carousel-item{background:#000; border-bottom:0.15em solid #555; border-top:0.15em solid #555;}
#carousel-slide-1 .carousel-item{background:#000; border:0;}

.carousel-item {
height:78vh;
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#carousel-slide-1 .carousel-item{
height:45vh;
min-height: 300px;
background: no-repeat center center scroll;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}

/* DIFFERENT MEDIA SIZES */
@media screen and (max-width : 992px)  { 

	.carousel-item, #carousel-slide-1 .carousel-item {
		height: 48vh;
		min-height: 240px;
	}
	.small-t{font-size:1.7em}
	.artist a{
		font-size:1.3em;
		padding:0.3em .9em; 
		margin:0em 0;
	}
	.hide-med{display:none;}
}

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

	.carousel-item, #carousel-slide-1 .carousel-item {
		height: 30vh;
		min-height: 180px;
	}
	.small-t{font-size:1.5em}
	h2{font-size:1.4em}

	.navbar-collapse{
	overflow-y: auto !important;
	max-height: 100vh !important;
	}
}

@media screen and (max-width : 580px)  { 
	.hide-small{display:none;}
}
@media screen and (min-width : 580px)  { 
	.hide-large{display:none;}
}

.portfolio-item {
margin-bottom: 30px;
}
hr{border-color:#777;}
.round{border-radius:3px !important;}
.min-h{min-height:100%;}
.hide{display:none;}
.center{text-align:center;}
.center-block{display:block;margin-right:auto;margin-left:auto;}
.right{text-align:right}
.seperator{clear:both; overflow:hidden; margin:0.8em 0;}
.card, .h-100{#margin-bottom:2em;}
.divider{border-left:1px solid #444; margin:0 0.5em;}
.divide{#margin:0 0.5em;}
.video {
    width: 100%;
    height: auto;
}
.btn:hover{cursor:pointer;}
#thumbs img:hover{cursor:pointer !important;}
footer li{float:left;}

/* colors */
.purple{background:#771f87;}
.bg-dark{
	background:#000 !important;
}
.bg-dark1 {
background:#222 !important;
color:#aaa;
}
.bg-med{background:#2c2c2c !important;}
.breadcrumb{background:#2c2c2c;}
.breadcrumb a {color:#FFEf4c !important;}
.link a:hover{color:#888 !important}

.bg-dark1 .card, .bg-dark1 .h-100 {border-color:#000;}
.bg-dark1 .card-header{background-color:#9c27b0; color:#fff;}
.bg-dark1 .card-body{background-color:#fff; color:#333;}
.bg-dark1 .card-footer{background-color:#fafafa; color:#999;}
.bg-dark1 .card a:link{color:#9c27b0;}
.bg-dark1 .card a:visited{color:#9c27b0;}
.bg-dark1 .link a:link, .container .link a:link{color:#d12bb0;}
.bg-dark1 .link a:visited, .container .link a:visited{color:#d12bb0;}
.bg-dark1 .btn-primary {margin:0 auto; border-color:#9c27b0; background:#9c27b0; color:#fff !important;}
.bg-dark1 .btn-primary:hover {border-color:#000; background:#555; color:#fff !important;}
.border-col{border: 1px solid #777 !important;}
.active  {color:#00BCD4 !important}
.nowrap{white-space:nowrap; margin-bottom:1em !important;}

.bg-pink{background:#f54599; color:#fff; padding:0.5em; border-radius:3px;}
.bg-zyan{background:#00BCD4; color:#fff; padding:0.5em; border-radius:3px;}
.bg-yellow{background:#FFEf4c; color:#000; padding:0.5em; border-radius:3px;}
.bg-purple{background:#9C27B0; color:#fff; padding:0.5em; border-radius:3px;}
.bg-red{background:#F24038; color:#fff; padding:0.5em; border-radius:3px;}
.bg-gray{background:#777; color:#fff; padding:0.5em; border-radius:0px;}

.pink-t{color:#f54599;}
.zyan-t{color:#00BCD4;}
.yellow-t{color:#FFEf4c;}
.purple-t{color:#9C27B0;}
.red-t{color:#F24038;}

#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:#9C27B0; 
padding:  12px 22px;
}

/* 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;
}
*/