/*
Theme Name: In Technicolor Part 1 MOBILE
Description: Theme for Jesse McCartney EP In Technicolor Part 1
Author: IGerards 
*/

@font-face {
	font-family: 'Din';
	src: url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek-regular-webfont.eot'); /* IE9 Compat Modes */
	src: url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek-regular-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek-regular-webfont.woff') format('woff'), /* Modern Browsers */
	     url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek-regular-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek-regular-webfont.svg#svgDin') format('svg'); /* Legacy iOS */
	}

@font-face {
	font-family: 'DinBold';
	src: url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek_bold-webfont.eot'); /* IE9 Compat Modes */
	src: url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek_bold-webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	     url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek_bold-webfont.woff') format('woff'), /* Modern Browsers */
	     url('http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/fonts/dinbek_bold-webfont.ttf')  format('truetype'), /* Safari, Android, iOS */
	     url('fonts/dinbek_bold-webfont.svg#svgDin') format('svg'); /* Legacy iOS */
	}

/* Body en wrappers: Opbouw van de website ----------- */

body {
background-color: #343434;
font-family: 'Open Sans', 'Roboto', 'Din', Helvetica, Calibri, Arial;
font-size: 12pt;
line-height: 130%;
color: #303030;
margin: 0 auto;
padding: 0;
text-align: left;
}


#slider {
padding-top: 0px;
margin-bottom: 30px;
width: 100%;
box-shadow: inset 0 0 50px rgba(0,0,0,0.8);
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

#bar {
width: 95%;
padding: 2%;
margin: 10px auto;
color: #fff;
text-align: center;
}

#bar b {
color: #F74D14;
text-transform: uppercase;
}

.bar-no {
float: none;
width: 96%;
padding: 2%;
margin: 5px 0 5px 0;
border-bottom: 1px solid #515151;
text-align: left;
color: #9d9d9d;
background-color: #fff;
}


img.home-ep{
float: left; 
margin-right: 10px;
margin-bottom: 10px;
max-width: 30%;
border: 1px solid #1e1e1e;
}

a.bbutton {
padding: 3px;
background-color: #F74D14;
color: #fff;
text-decoration: none;
display: block;
}





a.bbutton:hover {

padding: 3px;

background-color: #ED0602;

color: #fff;

text-decoration: none;

}





#content-jesse {
background: url(http://jessemac.com/wordpress/wp-content/uploads/2013/12/jessepage.png) 2% 0 no-repeat fixed; 
width: 100%;
}

#news-content {
width: 100%;
}

.n-c {
width: 100%;
margin: 0 auto;
padding-top: 20px;
text-align: center;
}

.newsitem {
width: 95%;
margin: 20px auto;
float: none;
background-color: #fbfbfb;
border: 1px solid #adadad;
box-shadow: 0 0 20px #4f4f4f;
-moz-box-shadow: 0 0 20px #4f4f4f;
-webkit-box-shadow: 0 0 20px #4f4f4f;
}


.nc {
padding: 3%;

}


.ni-thumb {
min-height: 250px;
max-height: 250px;
overflow: hidden;
width: 100%;
padding:0;
margin:0;
}

.ni-thumb img {
width: auto;
min-width: 100%;
max-width: 100%;
height: auto;
min-height: 100%;
max-height: 100%;
}



#content-jesse .page h1 {
font-family: 'DinBold';
font-size: 180%;
font-weight: normal;
color: #262626;
text-transform: uppercase;
text-decoration: none;
padding: 10px 20px 10px 20px;
margin-bottom: 30px;
border: 5px solid #262626;
display: inline;
}





h1 {
font-family: 'DinBold';
font-size: 180%;
font-weight: normal;
color: #fff;
text-transform: uppercase;
text-decoration: none;
padding: 10px 20px 10px 20px;
margin-top: 20px;
margin-bottom: 60px;
border: 5px solid #fff;
display: inline;
}

h1 a {
color: #fff;
}




h2, h2 a {

font-family: 'DinBold';

font-size: 125%;

color: #2a2a2a;

text-transform: uppercase;

text-decoration: none;

border:0;

}





h3 {
font-family: 'DinBold';
font-size: 200%;
font-weight: normal;
color: #000;
text-transform: uppercase;
text-decoration: none;
padding: 15px 25px 15px 25px;
margin-bottom: 30px;
border: 5px solid #000;
display: inline;
}



a.cta {
background-color: #ace81b;
color: #64870e;
padding: 10px;
margin-top: 8%;
}



a.cta:hover {

background-color: #340ba8;

color: #fff;

}



#more {
width: 80%;
height: 100px;
padding:0;
margin-top: 10px;
margin: 0 auto;
text-align: center;
}



a.button {

color: #fff;

background-color: #000;

padding: 1% 5% 1% 5%;

}



a.button:hover {

background-color: #2ed5ac;

color: #fff;

}









#home-content {

width: 1100px;

margin: 0 auto;

margin-top: 0px;

text-align: center;

background-color: #fff;

position: relative;

z-index: 99999999999999999;

}









a {text-decoration: none;}

a:hover {}



.clear {

clear: both;

}











#quote{ 
background: url(http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/images/jesse-mccartney-quote.png) 50% 0 no-repeat fixed; 
height: 800px;
margin: 0 auto; 
width: 100%; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.quote-content {
width: 40%;
padding-top: 150px;
padding-bottom: 50px;
padding-left: 50px;
margin: 0 auto;
text-align: left;
color: #fff;
border-left: 10px solid #fff;
}

span.q-line1 {
font-family: 'DinBold', Georgia, Palatino, Times New Roman, serif;
text-transform: uppercase;
font-size: 270%;
line-height: 150%;
display: block;
margin-bottom: 25px;
text-shadow: 0 0 10px #474747;
-moz-text-shadow: 0 0 10px #474747;
-webkit-text-shadow: 0 0 10px #474747;
}

span.q-line2 {
font-family: 'Din', Georgia, Palatino, Times New Roman, serif;
text-transform: uppercase;
font-size: 220%;
line-height: 150%;
display: block;
margin-bottom: 25px;
text-shadow: 0 0 10px #474747;
-moz-text-shadow: 0 0 10px #474747;
-webkit-text-shadow: 0 0 10px #474747;
}



span.q-line3 {
font-family: 'Din', Georgia, Palatino, Times New Roman, serif;
text-transform: uppercase;
font-size: 180%;
line-height: 150%;
display: block;
margin-bottom: 25px;
text-shadow: 0 0 10px #474747;
-moz-text-shadow: 0 0 10px #474747;
-webkit-text-shadow: 0 0 10px #474747;
}







span.q-line4 {
font-family: 'DinBold', Georgia, Palatino, Times New Roman, serif;
text-transform: uppercase;
font-size: 130%;
line-height: 160%;
display: block;
padding-left: 50px;
text-shadow: 0 0 10px #474747;
-moz-text-shadow: 0 0 10px #474747;
-webkit-text-shadow: 0 0 10px #474747;
}


.ns-left {

float: left;

width: 45%;

}



.ns-right {

float: right;

width: 45%;

}







#footer{ 
background: #000 50% 0 no-repeat fixed; 
height: 400px;
margin: 0 auto; 
width: 100%; 
position: relative; 
box-shadow: 0 0 50px rgba(0,0,0,0.8);
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

#footer a.twitter {
color: #dc9314;
}

#footer a.twitter:hover {
color: #fff;
}

.footer-content {
width: 80%;
padding-top: 20px;
padding-bottom: 20px;
margin: 0 auto;
color: #5a5a5a;
text-align: center;
}

.f-1 {
float: left;
width: 45%;
text-align: left;
}

.f-2 {
float: right;
width: 45%;
text-align: left;
}

.footer-content b {
color: #9d9d9d;
font-weight: normal;
font-size: 140%;
}

.footer-content ul.dropdown li a {
font-size: 90% !important;
color: #5a5a5a;
text-decoration: none;
text-transform: uppercase;
}

.footer-content ul.dropdown li a:hover {
color: #F74D14;
text-decoration: none;
-webkit-transition: all 500ms ease;
-moz-transition: all 500ms ease;
-ms-transition: all 500ms ease;
-o-transition: all 500ms ease;
transition: all 500ms ease;
}

.footer-content div.dropdown-horizontal-container {
width: 500px !important;
margin: 0 auto;
}

.footer-content ul li {
margin:0;
padding: 0;
list-style-type: none;
padding-top: 15px;
padding-bottom: 15px;
border-bottom: 1px solid #505050;
font-size: 90%;
clear: both;
}

.footer-content ul li img {
float: left;
margin-right: 20px;
}

.footer-content ul li a {
color: #fff;
font-weight: bold;
}







#content {
width: 100%;
background-color: #fff;
padding-top: 5%;
padding-bottom: 5%;
}

.page {
margin: 0 auto;
width: 95%;
min-height: 400px;
height: auto;
padding-top: 5%;
padding-bottom: 5%;
}

#content-news {
background: url(http://jessemac.com/wordpress/wp-content/uploads/2013/12/newspage.png) 10% 0 no-repeat fixed #181818; 
width: 100%;
padding-top: 10px;
box-shadow: 0 0 50px rgba(0,0,0,0.8);
}

.newspage{
width: 95%;
margin: 0 auto;
}


#content-photos {
background: url(http://jessemac.com/wordpress/wp-content/uploads/2013/12/photos.png) 20% 0 no-repeat fixed #181818; 
width: 100%;
padding-top: 30px;
}



.photos{
width: 95%;
padding: 0;
margin: 0 auto;
}



#content-music {
background: url(http://jessemac.com/wordpress/wp-content/uploads/2013/12/music.png) 50% 0 no-repeat fixed #181818; 
width: 100%;
padding-top: 30px;
border: 0;
}

.si-content {
padding:0;
margin-left: -3px;
}

.music, div.tour {
width: 95%;
padding: 0;
margin: 0 auto;
}



.music-content {
width: 100%;
padding-top: 30px;
margin: 0 auto;
}



.albumart {
margin: 0 auto;
float: none;
width: 100%;
margin-bottom: 30px;
padding:0;
text-align: center;
border: 0;
}



img.albumimg {
width: 100%;
min-height: 340px;
margin-bottom: -5px;
}


.aa-inside {
padding: 0;
margin: 0;
clear: both;
border: 2px solid #ddd;
}



a.buy1{

display: block;

padding: 5px;

color: #fff;

background-color: #1e1e1e;

text-align: center;

}





a.buy2{

display: block;

padding: 5px;

color: #fff;

background-color: #be0a0a;

text-align: center;

}



a.buy1:hover, a.buy2:hover{

background-color: #e05204;

}



#content-tour {
background: url(http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/images/tour.png) no-repeat fixed #181818; 
background-size: cover;
width: 100%;
box-shadow: 0 0 50px rgba(0,0,0,0.8);
min-height: 300px;
}



.tour-content {
width: 100%;
padding-top: 60px;
margin: 0 auto;
}





.tour a {

color: #ec9a0b;

font-weight: bold;

}



.tour a:hover {

color: #ffffff;

font-weight: bold;

}



.sidebar{ 
float: none;
width: 100%;
background: url(http://jessemac.com/wordpress/wp-content/themes/intechnicolor1/images/postbg.png);
}



.sbi {
background-color: #1e1e1e;
padding: 5%;
margin-bottom: 20px;
box-shadow: 0 0 20px #000;
-moz-box-shadow: 0 0 20px #000;
-webkit-box-shadow: 0 0 20px #000;
}




img.size-full {
width: 100%;
}

.post {
width: 100%;
margin-top: 50px;
margin-bottom: 50px;
color: #8c8c8c;
}



blockquote {
border-left: 5px solid #000;
padding-left: 10px;
font-style: italic;
font-size: 120%;
}


.news {
float: none;
width: 95%;
margin:0;
}

.news-post {
width: 100%;
margin-top: 20px;
margin-bottom: 50px;
color: #747474;
background-color: #fff;
}

.news-post a {
color: #963b09;
font-weight: bold;
}

.news-post a:hover {
color: #e8c91e;
}

.news-post h2, .news-post h2 a {
color: #000 !important;
font-size: 1.6vw;
line-height: 110%;
margin-left: 10px;
}

.news-post img {
margin: 0 auto;
border: 3px solid #515151;
}

.news-thumb {
float: left;
width: 15%;
min-height: 70px;
max-height: 70px;
border: 1px solid #ddd;
overflow: hidden;
padding:0;
margin-right: 15px;
margin-bottom: 15px;
}

table.tour {
width: 100%;
font-size: 90%;
}

table.tour tr {

background-color: #ad2323;

color: #fff;

}





table.tour tr td{

padding: 5px;

}







table.tour tr.titles {

font-size: 140%;

}



table.tour tr:nth-child(even) {

    background-color: #000000;

}



fieldset {

background-color: #fff;

border: 1px solid #ddd;

border:0;

padding:0;

margin:0;

}



input#search {

font-family: 'Open Sans', 'Roboto', 'Din', Helvetica, Calibri, Arial;

border: 0;

}



input.email {

font-family: 'Open Sans', 'Roboto', 'Din', Helvetica, Calibri, Arial;

background-color: #fff;

border: 1px solid #ddd;

padding: 5px;

color: #808080;

}



input.submit{

font-family: 'Open Sans', 'Roboto', 'Din', Helvetica, Calibri, Arial;

background-color: #fff;

border: 1px solid #ddd;

padding: 5px;

color: #808080;

}



a {

color: #87390e;

}



a:hover {

color: #fff;



}