@charset "UTF-8";

@import url('bootstrap.min.css');
@import url('simple-sidebar.css');
@import url(https://fonts.googleapis.com/css?family=Fjalla+One);

/*      Site Colors quick grab

        font-family: 'Fjalla One', sans-serif;
        font-family: "Times New Roman", Times, serif;
*/

/*------ main style ----------------------------------------*/
h1, h2, h3, h4, h5, h6 { font-family: 'Fjalla One', sans-serif;}
.home h1 {font-size: 30px;
    line-height: 30px;
    margin-top: 0;
}
.subTop {
	font-size: 20px;
	margin-bottom: 30px;
}
.home h1, .header, .subTop { 
    text-align: center;
    font-weight: normal;
    font-family: Futura, 'Trebuchet MS', Arial, sans-serif;
    color: #3f5364;
    text-transform:uppercase;
}
.interview h1 { margin: 0; padding: 0;}
h3 { font-size: 25px;}
.primary h3, a { color:rgb(225,106,44);}
a { text-decoration: underline;}
.secondary h3 { color:rgb(201,154,64);}
.tertiary h3 { color:rgb(102,92,199);}
.quartry h3 { color:rgb(44,5,42);}

img { display: block; height: auto; max-width: 100%;}

.primary-fill, .primary .bar, .artistBadge { background-color:rgb(225,106,44);}
.secondary-fill, .secondary .bar { background-color:rgb(201,154,64);}
.tertiary-fill, .tertiary .bar { background-color:rgb(102,92,199);}
.quartry-fill, .quartry .bar { background-color:rgb(44,5,42);}
.quinary-fill { background-color: #38373c;}

.background { position: relative;width: 100%;}
.bartop { height: 16px;}
.bar { height: 8px;}
.artistBadge {
	font-size: 20px;
	margin-bottom: 5px;
}

.header { font-size: 54px; line-height: 54px;
    font-weight: bold;
    background: url('../images/off-center-background.png') no-repeat center;
    background-size: contain;
    margin-top: 30px;
    padding-top: 10px;
    padding-bottom: 5px;
	margin-bottom: 5px;}
.header .col-md-4:nth-of-type(2) { text-align: center; font-weight: 700;}
.header .col-md-4:nth-of-type(3) { text-align: right;}
.header ul { margin: 0; padding: 0;}
.header ul li { 
	font-family: 'Fjalla One', sans-serif;
	display: inline-block; 
	list-style: none;
	font-size: 35px;
}
.header ul.firstul li {
	margin: 0 40px 0 0;
}
.header ul.secondul li {
	margin: 20px 0 0 40px;
}
.header li a {
	color: #333333;
	text-decoration: none;
}
.header li a:hover { color:rgb(225,106,44);}
.header button, .sidebar-nav button {
	border: 0;
	background-color:rgb(225,106,44);
	color: #ffffff;
	padding: 0 20px;
	margin-left: 20px;
}
.sidebar-nav button {
	margin-left: 0;
}
.dropdown {
    display: none;
    position: absolute;
    background-color: rgb(102,92,199);
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    padding: 12px 16px;
    z-index: 1;
	padding: 5px 0 !imoprtant;
	text-align: left;
	margin-top: -10px !important;
}
.dropdown li {
	display: block !important;
	font-weight: 100 !important;
    font-size: 18px !important;
    line-height: 18px !important;
    padding: 10px !important;
	margin: 0 !important;
}
.dropdown li:hover { background: #ffffff;}
.dropdown li:hover a { color: rgb(225,106,44);}
.dropdown li a { color: #ffffff;}

.navigationMenu #m1:hover .dropdown, .navigationMenu #m2:hover .dropdown {
    display: block;
}

.artistList h2 { margin: 0; padding: 0;}
    
.blogs, .sub-content { margin-top: 40px; margin-bottom: 40px;}
.blogs, .sub-content, .interview { font-size: 16px; line-height: 26px;}

.celebration { text-align:  center;
    font-size: 35px;
    font-family: "Times New Roman", Times, serif;
    color: #3f5364;
    margin-top: 50px;
    margin-bottom: 40px;}
.celebration.artist { margin-top: 10px; margin-bottom: 10px; font-size: 20px; line-height: 30px;}
.celebration label { font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 20px;
    font-weight: bold;}
.artistWebsites {
	font-weight: bold;
	font-size: 20px;
	color: rgb(201,154,64);
	margin: 30px 0 0;
	padding: 0;
}
.artistWebsites li {
	list-style: none;
	margin: 0;
	padding: 0;
}
.mentioned { 
	margin-top: 30px;
	font-size: 80%;
}

.post a { font-family: 'Fjalla One', sans-serif; font-size: 18px; color: #333333;}
.post p { margin-top: 10px;}

.searchdb { font-family: 'Fjalla One', sans-serif;
    font-size: 30px;
	line-height: 50px;
    margin-top: 40px;}
.searchdb input { width: 100%; background: #dedede; border: 0; padding-left: 10px;}

.footer { margin-top: 30px; margin-bottom: 10px;}
.footer, .footer-nav { color: #ffffff;}
.footer-nav { margin-bottom: 20px;}
.footer-nav-wrapper li, .footer-nav-wrapper ul { list-style: none; margin: 0; padding: 0;}
.footer-nav-wrapper a { color: #ffffff; text-decoration: none;}
.footer-nav-wrapper a:hover { color: rgb(225,106,44);}
.footer-nav-wrapper { margin: 0; padding: 0; font-size: 18px; line-height: 30px;}
.footer-nav-wrapper > li > a, .footer{ font-family: 'Fjalla One', sans-serif;
    font-size: 28px;
    line-height: 38px;
    text-transform:uppercase;}
.footer-nav-wrapper > li {
    width:20%;
    height:100%;
    float:left;
    overflow:hidden;
    position:relative;
    cursor:default;
}
.stayInformed { margin-bottom: 50px;}
.stayInformed input {
	width: 100%;
	padding: 10px;
	border: 0;
}
.stayInformed input[type='submit'] {
	background-color:rgb(225,106,44);
	color: #ffffff;
}

.enews { margin-top: 30px !important;}
.sub-footer { color: #878686;
    font-size: 16px;
    text-align: center;
    margin-bottom: 10px;}
.sub-footer ul { margin: 0; padding: 0;}
.sub-footer li { list-style: none; display: inline-block; margin: 0 2px;}
.bloglist { margin-bottom: 30px;}

/*--------- bootstrap nav changes -----------------------*/
/*---drop on hover---*/
ul.nav li.dropdown:hover > ul.dropdown-menu{ display: block;}
/*---top level clickable---*/
a.menu:after, .dropdown-toggle:after { content: none; }

/*--------- home image effects -----------------------*/
.hovereffect {
width:20%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(225,106,44,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out;
cursor: pointer;
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
/*background:rgba(0,0,0,0.6);*/
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
/*padding:10px;*/
margin: 0;
padding: 0;
top: 50%;
transform: translate(0, -50%);
}

.hovereffect.artist{ width: 100% !important; }

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}



/*--------- sidebar -----------------------*/
#page-content-wrapper {
    position: inherit;
    padding: 0;
}
.toggler { position: fixed; top: 20px; z-index: 1001; border-radius: 0; background-color: rgb(102,92,199) !important; filter: none; background-image: none; border: 0; padding: 14px; color: #ffffff;}
.sidebar-nav > .dropdown > .dropdown-menu {
  position: inherit;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: block;
  float: none;
 }
 .sidebar-nav > .dropdown > .dropdown-menu a { color: #ffffff;}
 .sidebar-nav li a:hover { color: rgb(102,92,199);}
#sidebar-wrapper {
 z-index: 1000;
position: fixed;
left: 250px;
width: 0;
height: 100%;
margin-left: -250px;
overflow-y: auto;
background: #ffffff;
-webkit-transition: all 0.5s ease;
-moz-transition: all 0.5s ease;
-o-transition: all 0.5s ease;
transition: all 0.5s ease;
}


/*---------------Tablet-----------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px) {
}
@media (max-width: 767px) {
    .hovereffect { width: 50%; }
    .hovereffect img { width: 100%;}
    .footer-nav-wrapper > li {
    width:100%;
    float:none;
    }
	.header {
    	background: none;
	}
	.header ul { width: 100%;}
	.header ul li {
		display: block; 
		font-size: 25px;
		margin: 5px 0 !important;
	}
	.header .col-md-4:nth-of-type(3) { text-align: center !important;}
	.dropdown { position: relative; min-width: 100%;}
	.dropdown li { text-align: center;}

	#mobileLogo {
		z-index: -1;
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.header { 
		position: absolute !important;
		left: 0 !important;
		width: 70%;
		height: 100%;
		z-index: 1001 !important;
		margin: 0;
		padding: 0;
		background: #ffffff;
	}
	.dropdown { display: block;}
	.menuButton {
	  border: 0;
	  background-color:rgb(225,106,44);
	  color: #ffffff;
	  padding: 0 20px;
	  position: fixed !important;
	  left: 0;
	  top: 40px;
	  z-index: 1001;
	}
	.artistInterview { width: 100%;}
}
@media (max-width: 979px) {
}
/*---------------Desktop-----------------------------------------------*/
@media (min-width: 1200px) {
}
@media (min-width: 980px) and (max-width: 1199px) {
}
/*---------------phone-----------------------------------------------*/
@media (max-width: 480px) {
}

/*added by rp*/
#videoRow2 {padding-top: 20px;}