/*--------------------------------------------------------------
 This is What Makes it Pretty
--------------------------------------------------------------*/
article h1 {font-size:48px;}
article h2 {font-size:42px;}
article h3 {font-size:36px;}
article h4 {font-size:24px;}
.jn-wrapper {max-width:1170px; margin:0 auto; box-sizing:border-box; padding:0 15px;}
.content-area {float:left; padding:0 10px;}
.subpage-center {background:#ececec; padding:20px;}
#jn-sidebar {float:left; margin-top:20px;}
#jn-sidebar h1 {font-size:36px; text-shadow:0 0 1px transparent; line-height:30px; margin-bottom:10px;}
#jn-sidebar .widget {background:url(../images/sidebar-bg2.png) repeat-x bottom; padding-bottom:20px;}
#secondary ul {list-style:none; margin:0;}
#secondary ul li {list-style:none; background:url(../images/arrow.png) no-repeat 0px 5px; padding-left:16px;}

#masthead {background:url(../images/header-bg.jpg) repeat-x; height:81px;}
.site-branding {float:left; width:95px; padding-top:15px;}
#banner-bg {background:#fff;}
.banner-left img {width:100%;}

strong {font-weight:400;}
h1.entry-title {text-shadow:0 0 1px transparent;}
h1.page-title {font-size:64px; text-shadow:0 0 1px transparent; line-height:72px; padding:15px 0;}
h1.blog-title {font-size:64px; text-shadow:0 0 1px transparent; line-height:72px; padding:15px 0;}
h1.entry-title a {font-size:50px; text-shadow:0 0 1px transparent; text-decoration:none; }
.header-title {background:#fff; min-height:100px;}

.home-col-left {float:left; box-sizing:border-box;}
.home-col-right {float:right; box-sizing:border-box;}
.home-box {background:#ececec; padding:30px;}
.home-box h2 {background:url(../images/divider1.png) no-repeat bottom center; text-shadow:0 0 1px transparent; text-align:center;}
.home-box h3 {font-size:36px; text-align:center; text-shadow:0 0 1px transparent;}
.home-box-content {padding:20px 0;}
.readmore a {display:block; text-decoration:none; background:#fff; border:2px solid #e4e3e3; border-radius:5px; width:126px; height:41px; text-align:center; line-height:39px;}
.home-img {max-height:428px; width:100%;}
.banner-left {padding:0 50px;}
.banner-right {padding:100px 0 0 0; font-size:20px;}
.banner-right h1 {font-size:72px; text-shadow:0 0 1px transparent; line-height:72px;}
.banner-right a {display:block; background:url(../images/banner-cta.png) no-repeat; width:137px; height:46px; text-align:center; text-shadow:1px 1px 1px #fff; text-decoration:none; line-height:43px;}

.footer-top {background:#2b2b2b;}
.footer-top ul {list-style:none; margin:0; padding:0;}
.footer-top ul li {list-style:none; margin:0; padding:0;}
.footer-top ul li a {color:#b9b9b9; text-decoration:none; font-size:20px;}
.footer-top ul li a:hover {color:#fff; text-decoration:none;}
.footer-bottom {background:#2b2b2b; padding:10px 0;}
.footer-box {float:left; color:#7d7d7d;}
.footer-box h1 {float:left; color:#b9b9b9; width:100%; font-size:36px; padding:15px 0 10px 0;}

ul.social-links {list-style:none; margin:0;}
ul.social-links li {display:inline-block; height:40px; width:auto; list-style:none; background:none !important; padding-right:5px;}
ul#menu-footer-menu li {display:inline-block; padding:0 5px;}
.copyright {margin:0; font-family:Arial, Helvetica, sans-serif; font-size:12px;}

.copyright a {color:#ff9900 !important; font-size:12px; text-decoration:none;}
.copyright a:hover {color:#000;}

.blog .post {background:url(../images/sidebar-bg2.png) repeat-x bottom; padding-bottom:20px;}
.blog-readmore a {display:block; text-decoration:none; background:#fff; border:2px solid #e4e3e3; border-radius:5px; width:126px; height:41px; text-align:center; line-height:39px; margin-bottom:15px;}
span.cat-links {font-size:14px; margin-right:8px;}
span.cat-links a {font-size:14px;}
span.comments-link a {font-size:14px;}
.nav-links a {display:block; text-decoration:none; background:#fff; border:2px solid #e4e3e3; border-radius:5px; width:126px; height:41px; text-align:center; line-height:39px;}
h3#reply-title {font-size:36px; text-shadow:0 0 1px transparent;}
#respond {background:url(../images/sidebar-bg2.png) repeat-x top; padding-top:30px;}
h2.comments-title {background:url(../images/sidebar-bg2.png) repeat-x top; padding-top:30px; font-size:36px;}
h2.comments-title span {font-size:36px;}
ol.comment-list {list-style:none;}
hr.fancy {clear:both; border-top:1px solid #ccc; border-bottom:1px solid #fff; border-left:none; border-right:none; margin:20px 0;}


/*--------------------------------------------------------------
 Woo Commerce
--------------------------------------------------------------*/

.woocommerce #content div.product .product_title, .woocommerce div.product .product_title, .woocommerce-page #content div.product .product_title, .woocommerce-page div.product .product_title {font-size:36px; font-family: 'Yanone Kaffeesatz', 'sans-serif'; font-weight:300; line-height:40px;}
.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {margin-top:0;}
.woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price {font-size:24px; color:#ff0000;}
.woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt, .woocommerce #respond input#submit.alt, .woocommerce #content input.button.alt, .woocommerce-page a.button.alt, .woocommerce-page button.button.alt, .woocommerce-page input.button.alt, .woocommerce-page #respond input#submit.alt, .woocommerce-page #content input.button.alt {display:block; background:#333; width:147px; height:46px; text-align:center; text-shadow:1px 1px 1px #000; text-decoration:none; line-height:34px; border:none; color:#fff; font-weight:300; font-size:20px; box-shadow:none; float:left; margin-left:5px;}
p.cart {margin-bottom:15px !important;}
.woocommerce div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li.active a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li.active a {font-weight:300;}
.woocommerce div.product .woocommerce-tabs ul.tabs li a, .woocommerce #content div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page div.product .woocommerce-tabs ul.tabs li a, .woocommerce-page #content div.product .woocommerce-tabs ul.tabs li a {font-weight:300;}
#tab-description h2 {font-size:36px !important;}
#comments h2 {font-size:36px !important;}
#tab-additional_information h2 {font-size:36px !important;}
.related h2 {font-size:36px !important;}
input#submit {font-weight:300 !important;}
.woocommerce ul.products li.product, .woocommerce-page ul.products li.product {margin:10px;}
.woocommerce ul.products li.product a img, .woocommerce-page ul.products li.product a img {box-shadow:none;}
.woocommerce ul.products li.product a h3, .woocommerce-page ul.products li.product a h3 {font-family: 'Yanone Kaffeesatz', 'sans-serif';font-size:36px;font-size:22px;}
.woocommerce a.button, .woocommerce button.button, .woocommerce input.button, .woocommerce #respond input#submit, .woocommerce #content input.button, .woocommerce-page a.button, .woocommerce-page button.button, .woocommerce-page input.button, .woocommerce-page #respond input#submit, .woocommerce-page #content input.button {font-weight:300;}
.woocommerce table.shop_attributes th, .woocommerce-page table.shop_attributes th {font-weight:400;}
span.amount {font-size:24px;}
.woocommerce .quantity input.qty, .woocommerce #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce-page #content .quantity input.qty {font-weight:400;}
.woocommerce table.cart img, .woocommerce #content table.cart img, .woocommerce-page table.cart img, .woocommerce-page #content table.cart img {width:75px;}
.cart_totals h2 {text-align:left; font-size:24px;}
.woocommerce table.shop_table th, .woocommerce-page table.shop_table th {font-weight:400;}

/*--------------------------------------------------------------
 Responsive
--------------------------------------------------------------*/

@media only screen and (min-width: 1000px) {
.content-area {width:74%; margin-right:30px;}
#jn-sidebar {width:22%; background:url(../images/sidebar-bg.png) repeat-y top left; padding-left:20px;}
.home-box {background:#ececec; min-height:428px; padding:30px;}
.home-col-left {width:50%;}
.home-col-right {width:50%;}
.footer-box {width:33%;}
.footer-top {background:url(../images/footer-top.jpg) repeat-x #2b2b2b; min-height:175px;}
.one-fourth {float:left; width::25%;}
.three-fourth {float:left; width:72%}
.home-box h2 {padding:5px 0; font-size:72px;}
h1.entry-title {font-size:64px; line-height:72px; padding:15px 0;}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {width:20%;}
ul.sub-menu {margin-top:52px !important; background:#333;}
ul.sub-menu li a {padding:10px 20px;}
}

@media only screen and (min-width: 769px) and (max-width: 999px) {
.content-area {width:74%; margin-right:30px;}
#jn-sidebar {width:22%; background:url(../images/sidebar-bg.png) repeat-y top left; padding-left:20px;}
.home-box {background:#ececec; max-height:428px; padding:30px;}
.home-box h2 {padding:5px 0; font-size:72px;}
h1.entry-title {font-size:64px; line-height:72px; padding:15px 0;}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {width:20%;}
ul.sub-menu {margin-top:52px !important; background:#333;}
ul.sub-menu li a {padding:10px 20px;}
}

@media only screen and (min-width: 401px) and (max-width: 768px) {
.content-area {width:100%; margin-right:0px;}
#jn-sidebar {width:100%; background:url(../images/sidebar-bg2.png) repeat-x top left; padding-top:20px;}
.home-box h2 {padding:5px 0; font-size:60px;}
h1.entry-title {font-size:55px; line-height:68px; padding:15px 0;}
.wpcf7-form input {width:90%;}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {width:40%;}
ul.sub-menu {margin-top:52px; background:#333;}
ul.sub-menu li a {padding:10px 20px;}
}

@media only screen and (max-width: 400px) {
.content-area {width:100%; margin-right:0px;}
#jn-sidebar {width:100%; background:url(../images/sidebar-bg2.png) repeat-x top left; padding-top:20px;}
.home-box h2 {padding:5px 0; font-size:60px;}
h1.entry-title {font-size:55px; line-height:68px; padding:15px 0;}
.wpcf7-form input {width:100%;}
.woocommerce .related ul li.product, .woocommerce .related ul.products li.product, .woocommerce .upsells.products ul li.product, .woocommerce .upsells.products ul.products li.product, .woocommerce-page .related ul li.product, .woocommerce-page .related ul.products li.product, .woocommerce-page .upsells.products ul li.product, .woocommerce-page .upsells.products ul.products li.product {width:40%;}
}