/*
Theme Name: Musicians In Tech
Theme URI: Musicians In Tech
Description: A custom WordPress theme for Musicians In Tech
Version: 1.0
Author: Ross Barber-Smith @ Electric Kiwi
Author URI: http://www.electrickiwi.co.uk
*/


body { font-family: 'PT Sans'; line-height: 1.6em; margin: 0; font-size: 18px; letter-spacing:1px; }
		a { text-decoration: none; }

h1, h2, h3, h4, h5, h6 { font-family: 'PT Sans'; text-transform: uppercase; font-weight: 700; color: #0cd5f7; text-align: center; line-height: 1.1em; padding-top: 10px; padding-bottom: 10px; margin-top: 0; margin-bottom: 0; letter-spacing: 1px; }
h1 { font-size: 2.8em; }
h2 { font-size: 2.3em; }
h3 { font-size: 2em; }
h4 { font-size: 1.5em; }
h5, h6 { font-size: 1.2em; }
		
		#menu, #footer { text-transform: uppercase; width: 98%; padding-left: 1%; padding-right: 1%; color: #fff; background: #000; }
		
		#menu { position: fixed; top: 0; left: 0; clear:both; /*float: left;*/ padding-top: 10px; padding-bottom: 10px; text-transform: uppercase; }
		#menu a { color: #fff; text-transform: uppercase; }
		#menu a:hover { color: #0cd5f7; }
.current_page_item a, .current_page_item { color: #0cd5f7 !important; }

		.logo { max-width: 300px; float: left; }

@media screen and (max-width: 980px) {
	.logo { max-width: 200px; float: left; }
}
		.logo img { width: 100%; height: auto; }
		.links { float: right; font-size: 20px; padding-top: 35px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; }
		.links ul { padding: 0; margin: 0; list-style: none; text-transform: uppercase;  }
		.links ul li { display: inline-block; margin-left: 10px; text-transform: uppercase;  }

#responsive-menu-pro-container { text-transform: uppercase; font-weight: 700; }
		
		@media screen and (max-width: 920px) {
		.links { display: none; }
		}
		
		#footer { font-size: 15px; clear:both; z-index: 0; text-align: center; padding-top: 20px; padding-bottom: 10px; }
		#footer i { font-size: 20px; margin-left: 5px; margin-right: 5px; }
		#footer a { color: #fff; }
		#footer a:hover { color: #0cd5f7; }
		
		
		#mailing { text-align: center; width: 100%; height: auto; padding-top: 30px; padding-bottom: 30px; background-size: cover !important; background: url(mailing-bg.jpg) center; -webkit-box-shadow: 0 2px 10px 1px rgba(0,0,0,0.5);
box-shadow: 0 2px 10px 1px rgba(0,0,0,0.5); z-index: 1; }

#mailing input { text-align: center; width: 300px; font-size: 18px; font-family: 'PT Sans'; background: none; color: #fff; border: 1px solid #fff; padding: 20px; margin-top: 5px; margin-bottom: 5px; }
#mailing input:focus { outline: none; }
#mailing .submit { border: 1px solid #fff; background: #fff !important; color: #000429; font-weight: 700; width: 170px; }
#mailing .submit:hover { background: #000429 !important; color: #fff; border: 1px solid #000429; cursor: pointer; }		
		
#mailing ::-webkit-input-placeholder { color: #fff; }
#mailing ::-moz-placeholder { color: #fff; }
#mailing :-ms-input-placeholder { color: #fff; }
#mailing :-moz-placeholder { color: #fff; }


		
		/*---HOME ---*/
		
		#header { z-index: 0; background: url(header.jpg) top center; background-size: cover; min-height: 65vh; width: 100%; }
		#header-box { text-align: center; background: rgba(0,0,0,0.6); padding: 30px; width: 45%; height: auto; color: #fff; font-size: 22px; }
		#header-box h1 { padding-top: 0; margin-top: 0; line-height: 1.1em; text-transform: uppercase; color: #0cd5f7; }
		
		#explainer { z-index: 0; background: url(explainer-bg.jpg); height: auto; padding-top: 50px; padding-bottom: 50px; width: 90%; padding-left: 5%; padding-right: 5%; /*float: left;*//* clear:both;*/display: flex;align-items: center;flex-wrap: wrap;justify-content: space-around;flex-direction: row-reverse; }

		
		.ex-text, .ex-vid { display: inline-block; vertical-align:middle; }
		.ex-text { width: 40%; color: #fff; float: left; text-align: center; }
		.ex-vid { width: 55%; background: #000; height: 300px; float: right; }
		
		@media screen and (max-width: 980px) {
		#header { background: url(header.jpg) -280px -5px !important; padding-top: 100px; background-size: cover !important; min-height: 75vh !important; }
		#header-box { clear:both; padding-top:40px; width: 80%; margin: 0 auto; position: relative; zoom: 80%; }
		#explainer { padding-top: 40px; padding-bottom: 40px; }
		.ex-text, .ex-vid { width: 100%; float: none; margin-top: 10px; margin-bottom: 10px;}
		}

#header{
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-end;
	align-items: center;
}

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

	#header{
		
		justify-content: flex-end;
		
	}
	
}

@media screen and (max-width:979px){
	#header{		
		justify-content: center;
		
	}
}





/*--- PAGE HEADERS ---*/

#header-img {
     margin-top: 50px;
     width: 100%;
     z-index: -1;
}
 #header-img img {
     width: 100%;
     height: auto;
}
 #header-img .desktop {
     display: block;
}
 #header-img .mobile {
     display: none;
}
 @media screen and (max-width: 980px) {
     #header-img .mobile {
         display: block;
    }
     #header-img .desktop {
         display: none;
    }
}