/*
 Theme Name:   Twenty Fifteen Child Theme
 description: >-
   A child theme of the Twenty Fifteen default WordPress theme
 Author:       Kianna Chauntis
 Template:     twentyfifteen
 Version:      1.0.0
*/




/* CSS Document */




.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



body {

	margin:0;

	padding:0;

	height:100%;

	background-color:#271f1c;

	color:#e2d5c5;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

}



@font-face {

    font-family: 'raleway';

    src: url('font/raleway-bold-webfont-webfont.eot');

    src: url('font/raleway-bold-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/raleway-bold-webfont-webfont.woff2') format('woff2'),

         url('font/raleway-bold-webfont-webfont.woff') format('woff'),

         url('font/raleway-bold-webfont-webfont.ttf') format('truetype');

    font-weight: bold;

    font-style: normal;



}









@font-face {

    font-family: 'raleway';

    src: url('font/raleway-bolditalic-webfont-webfont.eot');

    src: url('font/raleway-bolditalic-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/raleway-bolditalic-webfont-webfont.woff2') format('woff2'),

         url('font/raleway-bolditalic-webfont-webfont.woff') format('woff'),

         url('font/raleway-bolditalic-webfont-webfont.ttf') format('truetype');

    font-weight: bold;

    font-style: italic, oblique;



}









@font-face {

    font-family: 'raleway';

    src: url('font/raleway-italic-webfont-webfont.eot');

    src: url('font/raleway-italic-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/raleway-italic-webfont-webfont.woff2') format('woff2'),

         url('font/raleway-italic-webfont-webfont.woff') format('woff'),

         url('font/raleway-italic-webfont-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: italic, oblique;



}









@font-face {

    font-family: 'raleway';

    src: url('font/raleway-regular-webfont-webfont.eot');

    src: url('font/raleway-regular-webfont-webfont.eot?#iefix') format('embedded-opentype'),

         url('font/raleway-regular-webfont-webfont.woff2') format('woff2'),

         url('font/raleway-regular-webfont-webfont.woff') format('woff'),

         url('font/raleway-regular-webfont-webfont.ttf') format('truetype');

    font-weight: normal;

    font-style: normal;



}



a {

	color:inherit;

	text-decoration:none;

	transition:all 1s;

}



#top-home-desktop, #top-home-mobile {

	width:100%;

	height:100vh;

	background-size:cover;

	background-repeat:no-repeat;

	background-position:center;

	overflow:auto;

	position:relative;

}



@media only screen and (min-width: 830px) {

#top-home-mobile, #top-mobile {display:none;}

}



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

#top-home-desktop, #top-desktop {display:none;}

}

#top-desktop, #top-mobile {
	width:100%;
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	overflow:visible;
	position:relative;
}

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

#header h1 {margin-top:10px;}

#header {padding:0 !important;}

}


#header {

	width:100%;

	background-color:rgba(0, 0, 0, 0.5);

	font-family:"raleway";

	padding:20px 0 0;

}



#top-home-desktop #header {

position:absolute;

	top:0;

}



#top #header {

	padding:10px 0px !important;

}



#header nav {

	width:100%;

	text-align:center;

	padding-bottom:20px;

}



#header h1 {

	font-size:40px;

	letter-spacing:10px;

}



#top #header h1 {

	padding:0;

	margin:10px 0;

}



nav a {

	color:#fff;

	text-transform:uppercase;

	font-size:18px;

	letter-spacing:3px;

}



nav a:hover {

	text-decoration:underline;

}



nav ul {

	display:inline-block;

	list-style:none;

	margin:0; padding:0;

}



nav div {

display:inline-block;

}



nav li {

	display:inline-block;

	margin:0px 15px;

}



nav li img {

	height:20px;

	width:auto;

	

}



ul.nav-menu,

div.nav-menu > ul {

	margin: 0;

	padding: 0;

}



.nav-menu > li {

	display: inline-block;

	position: relative;

	padding-bottom:20px;

}







.nav-menu li.current_page_item a {

font-weight:bold;

}



.nav-menu li a {

	display: block;

	font-size: 15px;

	line-height: 1;

	text-decoration: none;

	

}







.nav-menu .sub-menu,

.nav-menu .children {	

	margin-top:20px;

	display:block;

	color:#fff;

	border: 0;

	padding: 0px;

	position: absolute;

	z-index: 99999;

	overflow: hidden;

	clip: rect(1px, 1px, 1px, 1px);

	text-align:left;

	letter-spacing:0 !important;

}



.desktop-nav .sub-menu li {

	margin-right:0px !important;

	width:100%;

	height:auto !important;

	padding:0px 5px;

	background-color:#725b42;

	transition:all is;

	border-bottom:1px solid #271f1c;

}



.desktop-nav .sub-menu li:hover {

	background-color:#997b5a;

	transition: all 1s;

}



.desktop-nav .sub-menu li a {

	white-space:nowrap;

	display: block;

	font-size: 15px;

	padding: 10px 0px;

	text-decoration: none;

	line-height:20px !important;



}



.nav-menu li > a:after {

    color: inherit;

    content: ' ▾';

}



.nav-menu li > a:only-child:after {

    content: '';

}





.sub-menu li:last-child {

	border-bottom:0px;

}





.nav-menu .sub-menu ul,

.nav-menu .children ul {

	border-left: 0;

	margin:0;

	padding:0;

	top: 0;

}



ul.nav-menu ul a,

.nav-menu ul ul a {

	color: #fff;

}



ul.nav-menu li:hover > ul,

.nav-menu ul li:hover > ul,

ul.nav-menu .focus > ul,

.nav-menu .focus > ul {

	clip: inherit;

	overflow: inherit;

	height: inherit;

}



ul.sub-menu {

	margin-left:-20px;

	padding:0;

}



@media only screen and (min-width: 830px) {

li.mobile-nav, #mobile-navigation {

	display:none;

}

#header nav {

padding-bottom:0;

}

}



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

.desktop-nav {

	display:none;

}

}





#mobile-navigation ul {

list-style:none;

padding:0;

margin:0;

}



#mobile-navigation li {

width:100%;

background-color:#725b42;

width:100%;

text-align:center;

padding:10px 0px;

border-bottom:1px solid #271f1c;

text-transform:uppercase;

transition: all 1s;

}



#mobile-navigation li:hover, #mobile-navigation li.menu-item-has-children ul li:hover {

	background-color:#997b5a;

	transition: all 1s;

}



#mobile-navigation li.menu-item-has-children {

background-color:#271f1c !important;

padding-top:10px;

padding-bottom:0px !important;

border-bottom:5px solid #271f1c !important;

font-weight:bold;

}



#mobile-navigation li.menu-item-has-children:hover {

background-color:#271f1c !important;

}



#mobile-navigation li.menu-item-has-children ul {

margin-top:10px !important;

background-color:#725b42;

font-weight:normal;

transition: all 1s;

}



li.mobile-nav button {

background-color:transparent;

border:none;

outline:none;

}



h1, h2 {

	text-align:center;

	font-weight:normal;

	text-transform:uppercase;

	letter-spacing:5px;

}
h1 {
	line-height:35px;
}


h2.entry-title {

	text-align:left;

}



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

h1 {font-size:22px;}

h2 {font-size:18px;}

}



#content {

	overflow:hidden;

	padding:0;

	margin:0;

}



.brown, .beige {

	padding:20px 0px;

}



.content-area {

	width:95%;

	max-width:960px;

	margin:0 auto;

	overflow:hiddden;

	text-align:justify;

	line-height:24px;

}



.content-area img {

	display:inline-block;

	max-width:100%;

	height:auto;

}



.underlined, h2.entry-title, h1.entry-title, h2 {

	border-bottom:1px solid #99805e;

	margin:0 auto;

	clear:both;

	padding:20px 0px;	

}



.date {

text-transform:uppercase;

letter-spacing:3px;

padding-top:5px;

}



.underlined {

	margin-bottom:20px;

}



input[type="text"], input[type="email"], input[type="submit"], textarea, .download {

	display:block;

	width:90%;

	margin:0 auto;

	padding:15px;

	border: none;

	outline:none;

	font-family:"raleway";

	font-size:16px;

	margin-bottom:20px;

	border-radius:0;

}



input[type="text"], input[type="email"], textarea {

max-width:300px;

}



input[type="submit"], .download {

	background-color:#725b42;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	color:#fff;	

}



input[type="submit"] {

-webkit-appearance:none;

max-width:130px;

}



.download {

max-width:200px;

}



.social {

	text-align:center;

}



.social img {

	display:inline-block;

	margin:20px;

}



.credits {

	text-align:center;

	line-height:20px;

	font-size:14px;

	padding:20px 0;

}



.beige {

	background-color:#e2d6c5;

	color:#271f1c;

}



.discog-img img {

	width:auto;

	height:200px;

	display:inline-block;

	margin:10px;

}



section.wp-theater-section h3, .wp-theater-more-link {

	display:none;

}



.itunes-link {

	display:inline-block;

	clear:both;

	background-image:url('http://richiekaye.com/wp-content/themes/richiekaye/img/itunes.png');

	background-repeat:no-repeat;

	background-positon:left center;

	padding:10px 10px 10px 50px;

	border-radius:3px;

	background-color:#271f1c;

	color:#e2d6c5;

	text-transform:uppercase;

	text-align:center;

	font-family:"raleway";

	font-size:16px;

	letter-spacing:3px;

}



.audio-link {

	display:inline-block;

	clear:both;

	padding:10px;

	border-radius:3px;

	background-color:#271f1c;

	color:#e2d6c5;

	text-transform:uppercase;

	text-align:center;

	font-family:"raleway";

	font-size:16px;

	letter-spacing:3px;

	margin:10px;

}

@media only screen and (min-width: 710px) {

.audio-link {display:none;}

}





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

#audio-player {display:none;}

}



.screen-reader-text {

	display:none;

}



.nav-links {

	width:100%;

	overflow:hidden;

	text-align:center;

}



.nav-next {

	float:right;

}



.nav-previous {

	float:left;

}



.nav-next a, .nav-previous a, a.page-numbers {

	background-color:#725b42;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	color:#fff;

	padding:10px;

	display:inline-block;

}



.nav-next a:hover, .nav-previous a:hover, a.page-numbers:hover {

	background-color:#997b5a;

	text-decoration:none;

}



.page-numbers.current {

	background-color:#997b5a;

	text-align:center;

	text-transform:uppercase;

	letter-spacing:2px;

	color:#fff;

	padding:10px;

	display:inline-block;

}	



.alignleft {

	display: inline;

	float: left;

}



.alignright {

	display: inline;

	float: right;

}



.aligncenter {

	display: block;

	margin-right: auto;

	margin-left: auto;

}



.videoWrapper {

	position: relative;

	padding-bottom: 56.25%; /* 16:9 */

	padding-top: 25px;

	height: 0;

}

.videoWrapper iframe {

	position: absolute;

	top: 0;

	left: 0;

	width: 100%;

	height: 100%;

}



span.gigpress-info-label, tr.gigpress-info td {

	color:#e2d5c5 !important;

}

@media only screen and (max-width: 760px), (max-device-width: 1024px) and (min-device-width: 768px) {
	.gigpress-table th, .gigpress-table td {
		display: table-cell !important;
	}
	
	.gigpress-table tr {
		display:table-row !important;
	}
	
	.gigpress-table tbody {
		display:table-row-group;
	}
}

@media only screen and (max-width:500px) {
	th.gigpress-country, td.gigpress-country {display:none !important;}
	
	.gigpress-table {
		font-size:12px;
	}
}

@media only screen and (max-width:300px) {
.gigpress-table {
font-size:10px;
}
}

/*********************************************
        ~*~MOBILE MENU INTERFACE~*~
*********************************************/
#mobileMenu {
	position: fixed;
	top:154px;
	width:100%;
	min-height:100vh;
	background-size: cover;
	background-position: center;
	z-index:8888;
}



#mobileMenu ul {
	list-style: none;
	margin:0;
	padding:0;
	text-transform:uppercase;
	color:#fff;
	font-size:20px;
}

#mobileMenu li a {
	display:block;
	padding:10px;
	border-bottom:1px solid #000;
	
}

#mobileMenu ul li ul {
	font-size:14px;
	display:none;
}

#mobileMenu ul li ul li:last-child a {
	border-bottom:0px;
}

/*********************************************
        ~*~MOBILE MENU COLORS~*~
*********************************************/
/*Menu Background Color*/
#mobileMenu {
	background-color:#725b42;
}

/*Submenu Background Color*/
#mobileMenu ul li ul {
	background-color:#997b5a;
}

#mobileMenu ul {
	color:#fff;
}

/*Top Level Item Hover*/
#mobileMenu li a:hover {
	background-color:#bc9c78;
}

/*Submenu Item Hover*/
#mobileMenu ul li ul li a:hover {
	background-color:#bc9c78;
}

/*Border Colors*/
#mobileMenu ul li ul li a {
	border-bottom:1px solid #725b42;
}