/*
Theme Name: Janine Stoll Media Parent Theme
Theme URI: http://janinestoll.ca
Author: Janine Stoll
Author URI: http://janinestoll.ca
Description: Janine Stoll Media theme is a custom theme which uses a parent and child theme to create customized sites.
Version: 1.0
Text Domain: janinestollmedia

*/



/* Elements */
p {font-family: 'Open Sans', sans-serif; font-size: 1em; margin: 0px 0px 10px 0px; line-height: 2em; color:#eee;}
li {font-family: 'Open Sans', sans-serif; font-size: 1em; margin: 0px 0px 10px 0px; line-height: 2.2em; color:#eee; margin-left:10px;}
ul {list-style-type: circle; margin-left:40px;}
ol {list-style-type: decimal; font-family: 'Lato', sans-serif; margin-left:40px;}
h1 {font-family: 'Nunito Sans', sans-serif; font-weight:700; font-size: 2.6em; line-height:2em; margin-bottom:20px; color:#fff;}
h1.title {font-family:'futura-pt', Futura,sans-serif; font-weight:400; font-size: 4em; line-height:1.6em; margin-bottom:20px; color:#fff; text-align:center;}
h2 {font-family:'futura-pt', Futura,sans-serif; font-weight:400; font-size: 2em; line-height:1em; margin-bottom:10px; color:#fff;}
h3 {font-family:'futura-pt', Futura,sans-serif; font-weight:400; font-size: 1.6em; line-height:1em; margin-bottom:10px; line-height:1.2em; color:#fff; }
h4 {font-family:'futura-pt', Futura,sans-serif; font-weight:400; font-size: 1.2em; line-height:1.4em; color:#fff; }
h5 {font-family:'futura-pt', Futura,sans-serif; font-weight:400; margin-top:5px; font-size: .9em; line-height:1.3em; color:#fff; align:center;}
em {font-style:oblique}
strong {font-weight:bold}
b {font-weight:bold}
i {font-style:oblique}
a {color: #96dee6; text-decoration:none !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
a:hover {color: #fff; text-decoration:none !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
hr { color:#141414; background-color: #0f0f0f; height: 1px; border: 0; width:100%; margin:15px 0 15px 0; display:block; clear:left; opacity: 0;}
hr.white {color: #fff; background-color: #fff; height: 2px; border: 0; width:100%; margin:15px 0 15px 0;  display:block; clear:left;}
blockquote {margin-left: 20px; background:#58612b; padding:20px; margin-bottom:20px;}

/* Main Structure */
body {font-family: 'Open Sans', sans-serif; font-size: 1em; margin: 0px 0px 0px 0px; line-height: 1.6em; color:#fff; background: #141414; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}
div.bodyCont {width: 100%; margin: 0 auto; top:0px;}

/* Homepage Background */
body.page-id-6 div.bodyCont {background: #084551 url(http://tanyatagaq.com/site/wp-content/uploads/2018/03/wp-skinblue.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* Music Background */
body.page-id-8 div.bodyCont {background: #084551 url(http://tanyatagaq.com/site/wp-content/uploads/2018/03/wp-skinblue.jpg) no-repeat top center fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* Tour Background */
body.page-id-10 {background: #272727 url(http://tanyatagaq.com/site/wp-content/uploads/2018/04/wp-tanyatour3.jpg) no-repeat top right fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* Advocacy Background */
body.page-id-18 {background: #163847 url(http://tanyatagaq.com/site/wp-content/uploads/2018/03/wp-skinblue.jpg) no-repeat center center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* Contact Background */
body.page-id-22 {background: #1e1e1e url(http://tanyatagaq.com/site/wp-content/uploads/2018/03/wp-tundracharcoal.jpg) no-repeat top center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}

/* Artwork Background */
body.page-id-16 {background: #380806 url(http://tanyatagaq.com/site/wp-content/uploads/2018/03/wp-splatterred.jpg) no-repeat top center fixed;  -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover;}






/* Header Social Bar */
div.headerBar {width: 100%; height: 30px; border-bottom:#eee solid 2px;}
div.headerBarRight {float:right; width: 40%; height:30px; margin-top:5px;}
div.social {float:left; width: 50%; height: 30px;}
div.social img.button {float:left; opacity: 0.8; width:36px !important; height:36px; margin-left:2px; margin-right:2px; margin-top:10px; background: #fff; border-radius:100px; border:3px solid #fff;}
div.social img.button:hover {opacity: 1; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}


/* Header Structure */
div.headerCont {background: url() no-repeat center; margin:0 auto; max-width: 100%; position: relative;}
div.titleCont {padding-top:40px;}
div.titleCont img.header {width:90%; max-width:436px; height:auto;}
div.titleCont img.header:hover {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0.5; filter: alpha(opacity=50);}

/* Nav Structure */
div.navCont {margin:0 auto; background: url(); width: 100%; overflow: hidden; }
div.navCont div ul {text-align: center; margin: 0; padding: 0;}
div.navCont div li {list-style: none; display: inline-block; margin: 0px;}
div.navCont div ul ul {display: none; position: absolute; background: #333; border-bottom:#eee solid 2px; border-right:#eee solid 2px; border-left:#000 solid 2px; }
div.navCont div ul ul li {display: block; padding: 10px 0px 8px 0px; position: relative; text-align: left; background: none;}
div.navCont div ul li:hover > ul {display: block; z-index: 1000}
div.navCont div li a {font-family:'futura-pt', Futura,sans-serif; font-size: 1.1em; line-height:1.4em; padding: 6px 6px 8px 6px; color:#fff; text-align:center; font-weight:400; text-transform:uppercase; text-decoration:none !important; }
div.navCont div li a:hover {color:#55b5be; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.navCont div li a:active {color: #efefef;}
div.navSearch {display: none}
label.screen-reader-text {display: none}

/* Content Structure */

div.contentHome {margin:0 auto; background: url('http://tanyatagaq.com/site/wp-content/uploads/2018/03/fade-dark.png') repeat; width: 100%; height:auto; min-height:300px; margin-top:20px; margin-bottom:30px;}
div.contentMain {margin:0 auto; background: url() no-repeat; width:100%; max-width: 1300px; min-height:800px; overflow: hidden; margin-top:30px; margin-bottom:30px;}
div.contentCont {float: left; width:66%; padding: 30px 3% 30px 3%; overflow: hidden;}
div.contentFull {width: 93.75%; padding: 30px 3% 30px 3%;}

/* Sidebars and Widget Containers */
div.sideBar {float: right; padding: 20px 1% 20px 1%; width: 22%; background: url() no-repeat; margin: 30px 3% 20px 0px; }
div.widget {margin: 14px 0px 10px 0px; min-width: 220px}
div.widget h3 {font-family: 'Oswald', sans-serif; font-style:oblique; font-size: 1.4em;}
div.widgetTablet, div.widgetMobile {display: none}

/* Footer Structure */
div.footerCont {margin:0 auto; font-size: .8em; line-height: 1em; max-width: 100%; height: 200px; background:#0f0f0f; bottom:0px;}
div.footerCont img.button {opacity: 0.8; width:36px; height:36px; margin-left:2px; margin-right:2px; margin-top:10px;}
div.footerCont img.button:hover {opacity: 1; width:36px; height:36px;}
div.footerCont p {color: #a3a3a3; text-align: center;}
div.footerCont a {color: #a3a3a3;}
div.footerCont a:hover {color: #fff;}

/* Social Links */
div.socialCont {background:#333333; width:100%; min-height:40px;}
img.icon {width:34px; height:34px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; margin:6px 4px 4px 4px;}
img.icon:hover {width:34px; height:34px; transform: rotate(45deg); -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0.5; filter: alpha(opacity=50);}


/*Social Widgets */
div.contentFullLanding {margin:0 auto; width: 100%; min-height:400px; margin-bottom:40px;}
div.contentFullLeft {float:left; width:30%; margin:10px 2.5% 20px 2.5%;}
div.contentFullCenter {float:left; width:30%; margin:10px 0 20px 0;}
div.contentFullRight {float:right; width:30%; margin:10px 2.5% 20px 2.5%;}
div.mainHome {width: 100%; max-width:1300px; min-height:400px; }
div.mainHome div.postPreview {width:28%; margin: 0 2.6666% 20px 2.6666%; float:left;}
div.mainHome div.postPreview img.wp-post-image {width:100% !important; height:auto;}
div.socialLanding {margin:0 auto; height:400px; width:100%; max-width:1300px;}


/* Post Structure and Elements */
div.page {overflow: hidden; margin-bottom: 14px; }
div.postPreview {padding: 20px 0px 20px 0px; overflow: hidden; display:block; margin-bottom:40px; }
div.postPreview img.wp-post-image {width:90% !important; height:auto; border:0px; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.postPreview p {font-size: .9em;}
div.postPreview img.wp-post-image:hover {opacity: 0.8; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.postPreview p {text-align:justify;}
div.post {overflow: hidden; }
div.byline {font-size: .8em; margin-bottom: 10px; font-weight:400; text-align:center; }
div.post div.content {padding: 0px}
div.post div.content img.alignleft {float: left; width: 36.807817589577%; margin: 0px 10px 0px 0px; height: auto; display: inline; border: 1px solid #666;}
div.post ul {list-style-type: disc; margin: 10px}
div.post li {line-height: 1.3em; margin-left: 30px;}
div.post img.wp-post-image {float: left; width: 30%; margin: 0px 30px 0px 0px; height: auto; display: inline; }
div.post img.wp-post-image:hover {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0.8; }
div.pagination {font-family: 'Open Sans', sans-serif; width: 100%; overflow: hidden; padding: 20px 0px 10px 0px}
div.pagination div.previous {float: left; width: 50%; height: 40px; text-align: left; font-family: 'Oswald', sans-serif; font-style:oblique; font-size: 1.4em; }
div.pagination div.next {float: left; width: 50%; height: 40px; text-align: right; font-family: 'Oswald', sans-serif; font-style:oblique; font-size: 1.4em; }
div.pagination a {display: block; line-height: 30px; padding: 0px 8px 0px 8px; width: 150px; margin: 0 auto}
div.wp-post-navigation {padding-top:30px;}


/* Images */
img.alignleft, img.left {float: left; margin-right: 20px; margin-bottom: 20px;}
img.alignright, img.right {float: right; margin-left: 20px !important; margin-bottom: 20px;}
img.aligncenter, img.center {display: block; margin-right: auto; margin-left: auto; float: none; clear: both; height:auto; }
img.alignnone, img.block {width:100%; display: block; clear: both;}
img.frame { background: #fff; border-style: solid; border-color: #fff;}
img.stack { clear: none !important; }
img[align="left"] { float: left; clear: left; }
img[align="right"] { float: right; clear: right; }
img[align="middle"] { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; }
img.wp-post-image {}
img.attachment-thumbnail {width:200px; height:200px;}
img.attachment-thumbnail:hover {-o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; opacity: 0.8; }
dl.gallery-item img.attachment-thumbnail {margin:0 auto; width:90%; height:auto;}
p.wp-caption-text {display:block;}
img#wpstats {display: none}

/* Buttons */
a.button {font-family:'futura-pt', Futura,sans-serif; font-size: 1em; padding: 6px; color:#96dee6; margin-bottom:10px; text-align:center; font-weight:400; text-transform:uppercase; text-decoration:none !important; border:1px solid #96dee6; margin-bottom:20px;}
a.button:hover {color:#fff; border:1px solid #fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
a.buyButton {font-family: 'Oswald', sans-serif; font-weight:400 !important; font-size: 1em; color:#000; background:#fac04f; border-radius:3px; padding:5px 15px 6px 15px; font-style:oblique; margin:10px 0 10px 0;}
a.buyButton:hover {background:#fbcb6f; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
img.button:hover {background:#fff; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}


/* Search */
input#searchsubmit {font-family: 'Playfair Display', serif; font-weight:400; font-size: 1.4em; color:#000; background:#cfcba6; border-radius:3px; padding:5px 20px 6px 20px; font-style:oblique; border:0px; margin:10px 0 10px 0;}
input#searchsubmit:hover {background:#e4e1c0; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
input#s {border: 1px solid #e4e1c0; height:20px; width:160px;}


/* Instagram */
ul.instagram-pics {display:inline; margin:0px; padding:0;}
ul.instagram-pics li {display:inline; list-style-type:none; margin:0px; padding:0;}
ul.instagram-pics img {width:50%; height:auto; float:left; margin:0px; padding:0;}

/* Music Page */
div.item {float:left; width:26%; margin-left:3.666%; margin-right:3.666%; text-align:center; min-height:300px;}
div.item img {width:100%; height:auto; margin-bottom:10px;}

/* TWO COLUMN EPK */
div.twoColumn {width:100%; height:auto;}
div.twoColumn div.colOne {float:left; width:60%;}
div.twoColumn div.colTwo {float:right; width:35%;}

/*






/* Mobile Structure LARGE */
@media screen and (max-width: 768px) {

h1 {font-size: 2.4em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.4em;}

/* Page Structure */
body {background: #000;}
div.bodyCont {width: 100%; margin: 0 auto; }
div.headerCont {padding: 0px; width: 100%; margin: 0px 0px 0px 0px; position: relative}
div.navCont {}	

/* Header Structure */
div.navSearch {display: none}
div.navCont {}

/* Content Structure */
div.contentCont {width: 94%; padding: 10px 3% 20px 3%;}
div.contentFull {width: 94%; padding: 10px 3% 20px 3%;}
	
/* Homepage */
div.mainHome {width:100%;}
div.mainHome div.postPreview {width:96%; margin:10px 2% 20px 2%; display:block;}
div.mainHome div.postPreview img {width:100%; height:auto; display:block;}
div.mainHome div.postPreview h4 {text-transform:uppercase;}
div.mainHome div.postPreview div.content {width:100%; height:auto; display:block;}
	
/* Post Teaser Structure */
div.mainHome div.postPreview {float:none; margin:0 auto; width:100%; margin-bottom: 30px; height:auto; }

/* Sidebars and Widget Containers */
div.sideBar {overflow: auto; float: left; padding: 20px 5% 20px 5%; width: 88%; margin: 0px 1% 20px 1%}
div.widgetTablet {display: block; float: left; width: 50%; margin: 14px 0px 10px 0px;}
div.widget, div.widgetMobile {display: none}
div.social {width:44%; float:left; padding-left:1%;}
div.social img.button {float:left; opacity: 0.8; width:30px !important; height:30px; margin-left:2px; margin-right:2px; margin-top:10px; background: #fff; border-radius:100px; border:3px solid #fff;}
div.headerBarRight  {width:55%; float:right;}
ul.language-chooser li {background:#fff; color:#fff; padding:3px 3px 3px 3px; opacity: 1; font-size: .9em;}

/* SOCIAL BUTTONS */
img.social {width:30px; height:30px;}

/* SOCIAL LANDING */
div.contentFullLanding {display:none;}
div.socialLanding {display:none;}
	
/*TWO COLUMN */
div.twoColumn {width:100%; height:auto;}
div.twoColumn div.colOne {float:left; width:96%; margin:10px 2% 20px 2%; display:block;}
div.twoColumn div.colTwo {float:left; width:96%; margin:10px 2% 20px 2%; display:block;}
	
img.aligncenter, img.center {display: block; margin-right: auto; margin-left: auto; float: none; clear: both; height:auto; max-width:90%;}
	
a.button {margin:0 auto; font-size: .9em; padding:4px; display:block-line;}
	
}


/* Mobile Structure SMALL */
@media screen and (max-width: 480px) {

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.2em;}
p {text-align:justify; font-size: .9em;}	

/* Page Structure */
div.bodyCont {width: 100%; margin: 0 auto; margin-bottom: 10px}
div.headerCont {background: url() center no-repeat; padding: 0px; width: 100%; margin: 0px 0px 0px 0px; position: relative}
div.footerCont {height: 200px;}

/* Header Structure */
div.navSearch {}

/* Content Structure */
div.widgetMobile {display: block; float: none; width: 100%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}
	
/* Social Links */
div.socialCont {min-height:36px;}
img.icon {width:28px; height:28px;}
img.icon:hover {width:28px; height:28px;}
	
/* Music Page */
div.item {float:none; width:90%; margin-left:5%; margin-right:5%; text-align:center; min-height:20px;}
div.item img {width:100%; height:auto; margin-bottom:10px;}
	
}

/*------------------------------------*\
	$IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px) {

h1 {font-size: 2em;}
h2 {font-size: 1.8em;}
h3 {font-size: 1.6em;}
h4 {font-size: 1.2em;}
p {text-align:justify; font-size: .9em;}	

/* Page Structure */
div.bodyCont {width: 100%; margin: 0 auto; margin-bottom: 10px}
div.headerCont {background: url() center no-repeat; padding: 0px; width: 100%; margin: 0px 0px 0px 0px; position: relative}
div.footerCont {height: 200px;}

/* Header Structure */
div.navSearch {}

/* Content Structure */
div.widgetMobile {display: block; float: none; width: 100%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}
	
/* Social Links */
div.socialCont {min-height:36px;}
img.icon {width:28px; height:28px;}
img.icon:hover {width:28px; height:28px;}
	
/* Music Page */
div.item {float:none; width:90%; margin-left:5%; margin-right:5%; text-align:center; min-height:20px;}
div.item img {width:100%; height:auto; margin-bottom:10px;}

}