/* CSS Document */


body {
	font-family: sans-serif;
	color: #101010;
	font-size: 12pt;
	background-image: url("../images/grammy-bg-9.jpg");
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	background-color: #000;
}

/* Ultimately, this is the correct place for scroll-padding */
html {
  scroll-padding-top: 100px; /* height of sticky header */
}

a:not(.btn) {
  color: #202370; text-decoration: none;
}
a:not(.btn):hover {
  color: #373baf;
}
h1, h2, h3, h4, h5 { 
	font-family: 'Playfair Display', serif;
	text-transform: uppercase;
}

header {}
div.page-header h2 {font-size: 1.8em;  padding-bottom: .5em; border-bottom: solid 1px #333;}


img {
    display: block;
    max-width: 100%;
	height: auto;
}
input {color: #333;}

.breadcrumb {
	padding: 8px 15px;
	margin: 0 0 18px;
	list-style: none;
	background-color: #f5f5f5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.breadcrumb > li {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	text-shadow: 0 1px 0 #fff;
}
.breadcrumb > li > .divider {
	padding: 0 5px;
	color: #ccc;
}
.breadcrumb > .active {
	color: #999;
}
.breadcrumb {
	margin: 10px 0;
}
.breadcrumb > li,
.breadcrumb > .active {
	color: #515151;
}
.nav-social {flex-direction: row;}
.nav-social i, #music i, footer i, #hero i {
	display: block;
    padding: 0.4em;
    width: 1em;
    height: 1em;
    line-height: 1;
    text-align: center;
    box-sizing: content-box;
    background: #fff;
    border: 0;
    border-radius: 100%;
    transition: all .35s cubic-bezier(.24,1,.32,1);
}/*
.nav-social i { 
	color: #fff;
}*/
.nav-social a {
	padding: 0.25em;
    display: flex;
    align-items: center;
	text-decoration: none;
	color: #000;

}
.nav-social a:hover {color: #146939;}
.nav-social span {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0,0,0,0);
    white-space: nowrap;
    border: 0;
}


.about, .gallery, #main {padding: 2rem 0; background: white;}
.gallery {background: #000; color: white;}
.gallery h2 {color: white;}
h2 {text-transform: uppercase; padding-bottom: 2rem;}

.page-item.active .page-link {
    background-color: #00b4fb;
}
div.pagination nav {border: none;}
.sub-entry {margin: 40px 0;}

ul.pagination {
	padding-left: 1em;}

.col-sm-4 .rsform {color: white; background: #232323; padding: 1rem;}

footer {
	background-color: #111111;
	color: #fff;
	padding: 60px 0 20px; 
	border-top: solid 4px #202370;
}
footer h2 {color: #fff;}
footer h3 { color: #00b4fb;}
footer li {font-size: .8em; color: #747474;}

div.footer2 img {display: inline-block;}

footer i {color: #00b4fb; font-size: 3em; vertical-align: middle; }
footer .fab:hover {color: #252525;} 
footer a:link, footer a:visited,footer a:active { color: #fff;}
footer a:hover { color: #373baf !important; text-decoration: none !important;}

div.copyright {margin: 30px auto 0; text-align: center;}
.copyright p {margin: 0;}

footer .nav {display: inherit;}
.moduletable_menu h3 {color: #fff; font-size: 1.5em;}
div.acymailing_module .inputbox {border: solid 1px !important;}

@media (max-width:901px) {
	
	footer {background-position: top center;}

}
@media (max-width:767px) { 
	footer i {font-size: 1.5em;}
	footer {text-align: center;padding: 10px 0; }
}

.btn-primary { 
  color: #ffffff; 
  background-color: #146939; 
  border-color: #0F542D; 
} 
 
.btn-primary:hover, 
.btn-primary:focus, 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  color: #ffffff; 
  background-color: #146939; 
  border-color: #0F542D; 
} 
 
.btn-primary:active, 
.btn-primary.active, 
.open .dropdown-toggle.btn-primary { 
  background-image: none; 
} 
 
.btn-primary.disabled, 
.btn-primary[disabled], 
fieldset[disabled] .btn-primary, 
.btn-primary.disabled:hover, 
.btn-primary[disabled]:hover, 
fieldset[disabled] .btn-primary:hover, 
.btn-primary.disabled:focus, 
.btn-primary[disabled]:focus, 
fieldset[disabled] .btn-primary:focus, 
.btn-primary.disabled:active, 
.btn-primary[disabled]:active, 
fieldset[disabled] .btn-primary:active, 
.btn-primary.disabled.active, 
.btn-primary[disabled].active, 
fieldset[disabled] .btn-primary.active { 
  background-color: #146939; 
  border-color: #0F542D; 
} 
 
.btn-primary .badge { 
  color: #146939; 
  background-color: #ffffff; 
}