/*
Theme Name: Janine Stoll Media
Theme URI: http://janinestoll.ca
Description: Janine Stoll Media Theme by Janine Stoll.
Author: Janine Stoll
Author URI: http://janinestoll.ca
Version: 1.1
*/

@charset "UTF-8";
@import url("css/reset.css");
@import url(http://fonts.googleapis.com/css?family=Lato:400,300italic,300,900,900italic,700,700italic);
@import url(http://fonts.googleapis.com/css?family=Poiret+One);
@import url(http://fonts.googleapis.com/css?family=Arimo);
@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,900italic,900,400italic,700,700italic);


/* Elements */
p {font-family: arial; font-size: 1em; margin: 0px 0px 10px 0px; line-height: 1.6em; color:#202020; text-align:justify;}
li {font-family: arial; font-size: .9em; margin: 0px 0px 10px 0px; line-height: 1.4em; color:#202020;}
ul {list-style-type: circle; margin-left:40px;}
ol {list-style-type: decimal; font-family: 'Lato', sans-serif; margin-left:40px;}
h1 {font-family: 'Roboto', sans-serif; font-weight:700 !important; font-size: 3em; margin-bottom:20px; text-transform:uppercase; color:#40b0ab; text-align:right;}
h2 {font-family: 'Roboto', sans-serif; font-weight:700 !important; font-size: 2.2em; margin-bottom:10px; }
h3 {font-family: 'Roboto', sans-serif; font-weight:700 !important; font-size: 1.8em; margin-bottom:5px; }
h4 {font-family: 'Roboto', sans-serif; font-size: 1.2em;}
em {font-style:oblique}
strong {font-weight:bold}
b {font-weight:bold}
i {font-style:oblique}
a {color: #d14727}
a:hover {color: #1f7172}
hr {color: #d14727; background-color: #d14727; height: 2px; border: 0; width:100%; margin:15px 0 15px 0; display:block; clear:left;}
hr.white {color: #fff; background-color: #fff; height: 1px; border: 0; width:100%; margin:10px 0 10px 0;  display:block; clear:left;}
blockquote {margin-left: 20px; background:#eee; padding:20px; margin-bottom:20px;}

body {font-family: arial; font-size: .9em; background: #000 url('http://emberswift.com/newsite/wp-content/uploads/2021/03/background4_2021.jpg') bottom right no-repeat fixed; color:#202020; }
div.bodyCont {max-width: 100%; margin: 0 auto;}
div.headerCont {margin:0 auto; max-width: 960px; min-height: 370px; position: relative; background: #000 url('http://emberswift.com/newsite/wp-content/uploads/2021/03/header2-2021.png') no-repeat top center;}
div.navCont {margin:0 auto; background: #d0693c; max-width: 960px; border-top:2px solid #fff;}
div.main {margin:0 auto; background: #fff; max-width: 960px; overflow: hidden; margin-top:0px; border-top:2px solid #fff;}
div.mainHome {margin:0 auto; max-width: 960px; overflow: hidden; border-top:2px solid #fff; margin-bottom:0px; }
div.sideBar {background: url('images/sidebar_bg.png') #ddd}
div.footerCont {margin:0 auto; font-size: .8em; line-height: 1em; max-width: 960px; height: 150px; padding-top:10px;}
div.footerCont p {margin-left:30px;line-height: 18px; color: #eee; text-align: left;}
div.footerCont a {color: #eee;}
div.footerCont a:hover {color: #fff;}
img#wpstats {display: none}

/* Header Structure */
div.titleCont {padding: 0px 0px 0px 0px; height: 340px;}
div.titleCont h1 {margin-left: 24px; padding-top: 10px}
div.titleCont h2 {margin-left: 24px}
div.navCont {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; padding: 8px 6px 8px 6px; background: #333}
div.navCont div ul ul li {display: block; margin-bottom: 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 {text-transform: uppercase; font-size:18px; font-family: 'Lato', sans-serif; font-weight:700 !important; line-height: 30px; padding: 6px 10px 4px 10px; color: #fff; text-align:center; font-weight:300; letter-spacing:1px;}
div.navCont div li a:hover {color: #fff; background: #d14727; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.navCont div li a:active {color: #efefef}
div.navSearch {float: right; padding: 8px 8px 2px 4px}
label.screen-reader-text {display: none}

/* Content Structure */
div.contentCont {float: left; width:69.5%; padding: 20px 0px 10px 10px; overflow: hidden;}
div.contentFull {width: 93.75%; padding: 20px 3.125% 30px 3.125%; background:#fff;}

/* Post Structure and Elements */
div.page {overflow: hidden; margin-bottom: 14px; padding: 10px}
div.postPreview {background: #fff; }
div.post {overflow: hidden; padding: 10px 10px 20px 10px;}
div.post div.byline {font-family: 'Lato', sans-serif; font-size: .9em; margin-bottom: 10px; padding-bottom:10px; border-bottom: 2px solid #c2c0c0;}
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;}
img.wp-post-image {float: left; width: 36.807817589577%; margin: 0px 10px 0px 0px; height: auto; display: inline; border: 5px solid #c2c0c0 !important;}
img.wp-post-image:hover {border: 5px solid #d14727 !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.pagination {width: 100%; overflow: hidden; padding: 20px 0px 10px 0px}
div.pagination div.previous {float: left; width: 50%; height: 40px; text-align: center}
div.pagination div.next {float: left; width: 50%; height: 40px; text-align: center}
div.pagination a {display: block; line-height: 30px; padding: 0px 8px 0px 8px; width: 110px; margin: 0 auto}

/* Sidebars and Widget Containers */
div.headerBar {overflow: hidden; padding: 8px 8px 0px 0px; max-width: 380px; position: absolute; top: 0; right: 0;}
div.sideBar {background: #f7f7f7; border:1px solid #c2c0c0; float: right; padding: 6px 1.0041666666667% 0px 1.0041666666667%; width: 25.0803333333333%; margin: 10px 1% 7px 0.6041666666667%;}
div.widget {margin: 14px 0px 10px 0px; min-width: 220px}
div.widget h3 {color:#40b0ab; font-family: 'Lato', sans-serif; font-weight:700 !important; font-size: 1.6em; text-transform:uppercase;}
div.widgetTablet, div.widgetMobile {display: none}

/* Images */
img.alignleft, img.left { float: left; margin-right: 20px; margin-bottom: 20px; border:#fff solid 10px; width:40% !important; height:auto;}
img.alignright, img.right { float: right; border:#fff solid 10px; margin-left: 20px !important; margin-bottom: 20px;}
img.aligncenter, img.center { display: block; margin-right: auto; margin-left: auto; float: none; clear: both; max-width:100%; height:auto; margin-bottom:20px;}
img.alignnone, img.block { display: block; clear: both; border:#fff solid 0px; max-width:100%; height:auto; margin-bottom:20px;}
div.alignnone {display: block; clear: both; border:#fff solid 0px; max-width:100%; height:auto;}
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 {border:#fff solid 5px; margin-top:4px;}
img.attachment-thumbnail {border:#fff solid 5px !important; width:150px; height:150px;}
img.attachment-thumbnail:hover {border:5px solid #000 !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
dl.gallery-item img.attachment-thumbnail {width:90%; height:auto;}
div.epkPhotos {width: 100% !important; height:auto; display:block; margin-bottom:20px;}
div.epkPhotos img {width: 30.8% !important; height:auto; margin: 5px 1.2% 5px 1.2%; float:left;}
p.wp-caption-text {display:block;}

/* Buttons */

a.button {font-family: 'Lato', sans-serif; font-weight:700 !important; font-size: .9em !important; color:#fff; background:#d14727; border-radius:3px; padding:5px 10px 6px 10px; text-transform:uppercase;}
a.button:hover {background:#1f7172; -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;}

input#searchsubmit {font-family: 'Lato', sans-serif; font-weight:700 !important; font-size: .9em !important; color:#fff; background:#d14727; border-radius:3px; padding:5px 10px 4px 10px; text-transform:uppercase; border:0px;}
input#searchsubmit:hover {background:#1f7172; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
input#s {border: 1px solid #c2c0c0; height:20px; width:160px;}


/* Store */
div.wpsc_default_product_list img.product_image {width:100% !important; height:auto; overflow:hidden !important;}
div.default_product_display {background:#fff; border-top:2px solid #d14727; margin-top:10px;}
img.product_image {width:145px !important; height:145px !important; border:0px; }
div.imagecol {overflow-x:hidden !important; overflow-y:hidden !important;}
div.imagecol a.preview_link {border:0px !important;}
div.additional_description_container img {display:none;}
div.additional_description_container a.additional_description_link {color: #d14727 !important; text-decoration:none !important;}
div.additional_description_container a.additional_description_link:hover {color: #1f7172 !important;}
form.product_form {padding:10px; font-size: .9em !important; background:#f7f7f7; border:1px solid #c2c0c0;}
form.product_form legend {font-family: 'Lato', sans-serif !important; font-size: 1.2em !important; }
input.wpsc_buy_button {font-family: 'Lato', sans-serif !important; font-size: .8em; color:#fff; background:#d14727; border-radius:3px; padding:5px 10px 6px 10px !important; text-transform:uppercase; border:0px;}
input.wpsc_buy_button:hover {padding:5px 10px 6px 10px; background:#1f7172; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
form#product_1216 {display:none;}
form#product_20 {display:none;}

/* Discography */
img.albumcover {width:29% !important; height:auto !important; border:3px solid #fff !important; margin-bottom:10px !important;}
img.albumcover:hover {border:3px solid #000 !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
img.albumcoversmall {width:90px !important; height:90px !important; border:3px solid #fff !important; margin-bottom:10px !important;}
img.albumcoversmall:hover {border:3px solid #000 !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}
div.disc {min-height:210px; display:block; margin-bottom:20px; border-bottom:2px solid #d14727;}

/* Books */
img.cover {width:29% !important; height:auto !important; border:3px solid #eee !important; margin:5px 1.5% 10px 1.5% !important; float:left;}
img.cover:hover {border:3px solid #000 !important; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s;}

/* Store */
form.product_form {display:none !important;}





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

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

/* Page Structure */
div.bodyCont {width: 100%; margin: 0 auto;}
div.main {width: 100%; background:#fff;}

/* Header Structure */
div.titleCont {padding: 0px 0px 0px 0px; height: 200px;}
div.navSearch {display: none}

/* Content Structure */
div.contentCont {width: 96%; padding: 10px 2% 20px 2%;}
div.contentFull {width: 96%; padding: 10px 2% 20px 2%;}

/* 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}

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


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

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

/* Page Structure */
body {background-image:none;}
div.bodyCont {width: 100%; margin: 0 auto;}
div.headerCont {padding: 0px; width: 100%; max-height:200px; margin: 0px 0px 0px 0px; position: relative; background: url('http://emberswift.com/newsite/wp-content/uploads/2021/03/header2021mobile.jpg') no-repeat center top;}
div.footerCont {height: 100px;}

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

/* Content Structure */
div.contentCont {margin:0 auto; width: 96%; padding: 20px 2% 20px 2%;}
div.widgetMobile {display: block; float: none; width: 100%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}
}

/*------------------------------------*\
	$IPHONE
\*------------------------------------*/
@media screen and (max-device-width: 480px) {
h1 {font-size: 2.2em;}
h2 {font-size: 1.4em;}
h3 {font-size: 1.4em;}

/* Page Structure */
body {background-image:none;}
div.bodyCont {width: 100%; margin: 0 auto;}
div.headerCont {padding: 0px; width: 100%; max-height:200px; margin: 0px 0px 0px 0px; position: relative; background: url('http://emberswift.com/newsite/wp-content/uploads/2021/03/header2021mobile.jpg') no-repeat center top;}
div.footerCont {height: 100px;}

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

/* Content Structure */
div.contentCont {margin:0 auto; width: 96%; padding: 20px 2% 20px 2%;}
div.widgetMobile {display: block; float: none; width: 100%; margin: 14px 0px 10px 0px;}
div.widgetTablet, div.widget {display: none}
}