/*
Theme Name: V Vessel
Author: Brick Whale Creative
Author URI: http://brickwhale.ca
Description: 
Version: 1.0
Template: twentytwelve
*/

@import url("../twentytwelve/style.css");

/* Global */
.clear {clear:both;}

body .site {margin-bottom:0; box-shadow:none; overflow:visible; word-wrap:normal;}
#page {margin-top:0; padding-top:50px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); }
#primary {margin-top:0;}
#page, footer#colophon {border-left:1px solid #333;  border-right:1px solid #333;}
.site-content article {border-bottom:none; margin-bottom:1rem;}

h1, h1.page-title {color:#fff; font-family: 'Libre Baskerville', serif; font-size: 2.5rem; text-transform:none; line-height:1.2; font-weight:normal; }
h2, h3, h4, h5, p, li {color:#fff; font-family: 'Source Sans Pro', sans-serif;}
a {color:#999999;}
a:hover {color:#fff;}
a.button {font-family:Arial, Helvetica, sans-serif;}
a.button:hover {color:#000;}
.entry-content h2 {font-size:1.75rem; font-weight:normal;}
.entry-content p {font-size:1.25rem;}
.wp-caption .wp-caption-text {color:#fff; font-size:1.5rem; text-align:center; line-height:1; word-wrap:normal;}
.entry-header .entry-title {font-size:2.5rem;}
.entry-page-image {float:none; width:100%;}
.entry-page-image img {box-shadow:none;}

footer#colophon {margin-top:0; margin-bottom:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; background:rgb(0,0,0); background:rgba(0,0,0,0.5); border-top:none; border-bottom:1px solid #333; padding-top:15px;}
.site-info {color:#999; padding:0 1.7rem 5px; text-align:center;}

/*Logo*/
#top-bar {width:100%; height:auto; background-color:#1b2025; border-bottom:1px solid #ffce00;}
#top-bar-wrap {background:none; margin:0 auto; box-shadow:none !important; max-width: 68.571428571rem;}
#top-bar-logo {float:none; max-width:250px; margin:0 auto; }
img.header-image {border:none; border-radius:0; box-shadow:none;}
.header-image {margin-top:10px;}

/*Navigation*/
#top-bar-nav {padding-bottom:1.7rem;}
h3.menu-toggle {font-size:1rem;}
ul.toggled-on li {margin-top:0.75rem;}
ul.toggled-on li a {color:#fff; font-size:1.25rem;}

/*Home Page*/
article#post-4 {padding-bottom:0;}
article#post-4 h1.entry-title {text-align:center; font-size:2.25rem; }
article#post-4 h2 {text-align:center; font-weight:normal; padding-bottom:15px; font-size:1.25rem; line-height:1.2; }
article#post-4 h2 em {font-style:normal; color:#ffce00; }
article#post-4 h3 {font-size:1.5rem; font-weight:normal; line-height:1.2; margin-top:0;}
article#post-4 ul {margin-bottom:25px;}
article#post-4 li {font-size:1.2rem; line-height:2rem;}
.ctas a img {margin-bottom:15px;}
#home-bottom {max-width:848px; border:1px solid #333; border-radius:5px; background:rgb(0,0,0); background:rgba(0,0,0,0.20); margin-left:auto; margin-right:auto; padding:15px 15px 0; }
#attachment_172 {max-width:154px;}
#attachment_172 img {box-shadow:none;}
article#post-4 a#home-cta-2 {margin-left:20px;}
#home-bottom a.button {
cursor: pointer;
position: relative;
overflow: visible;
padding: 6px 10px;
text-decoration: none;
font-weight: bold;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
left: auto;
text-shadow: 0 1px 0 #fff;
color: #5e5e5e;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
border: 1px solid #c8bfc6;
background: #f7f6f7;
background: -webkit-gradient(linear,left top,left bottom,from(#f7f6f7),to(#e0dadf));
background: -webkit-linear-gradient(#f7f6f7,#e0dadf);
background: -moz-linear-gradient(center top,#f7f6f7 0,#e0dadf 100%);
background: -moz-gradient(center top,#f7f6f7 0,#e0dadf 100%);
white-space: nowrap;
display: inline-block;
-webkit-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1);
-moz-box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1);
box-shadow: inset 0 -1px 0 rgba(0,0,0,0.075),inset 0 1px 0 rgba(255,255,255,0.3),0 1px 2px rgba(0,0,0,0.1);
}
#home-bottom a.button:hover {color:#000;}

/*Widgets*/
.widget-area .widget {border:1px solid #333; padding:15px 15px 10px; border-radius:5px; background:rgb(0,0,0); background:rgba(0,0,0,0.20); margin-bottom:2rem;}
.widget-area .widget h3 {margin-bottom:0.5rem; font-size:2rem; line-height:1;}

/*Testimonials*/
span.testimonialswidget_author, span.testimonialswidget_company {color:#fff;}
.testimonialswidget_testimonial {border-bottom:1px solid #999; padding-bottom:20px;}
.testimonialswidget_paging {height:0;}

/*Contact Us*/
form#gform_2 li {margin-left:0; margin-bottom:10px;}
form#gform_2 label {font-size:1.25rem; font-weight:normal;}
#gforms_confirmation_message {color:#fff;}

/*Gallery*/
#gallery-1 img {border:1px solid #cfcfcf !important;}

/*Shop*/
ul.products {margin-top:25px;}
ul.products li.product .price {margin-bottom:1.2em;}
div.product .woocommerce_tabs ul.tabs li.active {color:#333;}
#content div.product p.price {margin-bottom:10px;}
#content div.product .panel h2 {margin-bottom:0;}
#content div.product .images  img {box-shadow:none !important;}
#content div.product .summary {float:left !important;}
table.shop_attributes {border-bottom:none;}
.cart-collaterals .cart_totals {width:100%; float:none; text-align:left;}
.entry-content form.checkout #customer_details span {font-family:verdana !important;}
#payment {background:none;}
#payment div.payment_box p {color:#333;}
div.cart_totals h2 {margin-bottom:0;}
div.cart_totals table, table.cart, table.shop_table {background-color:#fff;}
th.product-quantity {text-align:center;}
ul.products {margin-top:15px !important;}
ul.products li.product {width:100%;}
ul.products li.product h3 {font-size:1.25rem !important;}
ul.products li.product span.amount {font-size:1.5rem;}
dl.customer_details {color:#fff;}
ul.order_details li {list-style:none;}
ul.products li.product a img, ul.products li.product a:hover img {box-shadow:none;}
p.woocommerce-result-count {display:none;}
.woocommerce ul.products li.product a img {box-shadow:none !important;}
.woocommerce-tabs ul.tabs li.active a {color:#000 !important;}

@media screen and (min-width: 600px) {
#top-bar-logo {padding:10px 0 10px 10px; max-width:225px; height:auto;}
#top-bar-nav {padding-bottom:0;}
.header-image {margin-top:0;}

.main-navigation {margin:15px 0 15px 25px;}
.main-navigation div.nav-menu > ul, .main-navigation ul.nav-menu {border:none;}
.main-navigation li {margin:0; font-size:1.1rem;}
.main-navigation li a {color:#fff; padding:0 15px; line-height:3;}
.main-navigation li a:hover {color:#000; background-color:#fff;}
.main-navigation .current_page_item > a {color:#fff;}
.main-navigation li ul li a {color:#000; font-size:1rem;}
.main-navigation .current-menu-ancestor > a {color:#fff;}
.main-navigation ul.sub-menu .current_page_item > a {color:#000;}

article#post-4 h2 {font-size:1.5rem; line-height:1.2; padding-left:5%; padding-right:5%; }


.ctas a img {max-width:260px;}
a img.wp-image-279, a img.wp-image-276, a img.wp-image-278 {margin-right:30px;}

#home-bottom {padding:10px 0 0 10px;}
#attachment_172 {margin-right:20px; float:left;}
#home-bottom-wrap {float:left; max-width:300px;}

/*Shop*/
ul.products li.product {width:22.05%;}
#content div.product .images {max-width:150px; margin-right:20px;}
#content div.product .images  img {max-width:150px;}

/*Footer*/
.site-info {padding:0 0 10px;}

}

@media screen and (min-width: 768px) {
#top-bar {height:75px;}
#top-bar-logo {float:left;}
#top-bar-nav {float:right !important;}

.ctas a img {max-width:32%;}
a img.wp-image-279, a img.wp-image-276, a img.wp-image-278 {margin-right:0;}
a img.wp-image-274, a img.wp-image-278 {margin-left:2%; margin-right:2%;}

#home-bottom {padding:20px 0 0 20px;}
#home-bottom-wrap {max-width:500px;}

}

@media screen and (min-width: 1024px){
/*Header*/

#top-bar-logo {padding:10px 0;}
#top-bar-nav {padding-bottom:0;}
.header-image {margin-top:0;}

/*Home Page*/
article#post-4 h1.entry-title {text-align:center; font-size:3rem;}
article#post-4 h2 {font-size:2rem; line-height:1.2; padding-left:11%; padding-right:11%;}
article#post-4 h3 {font-size:1.5rem; font-weight:bold; line-height:1.2; margin-top:25px;}
article#post-4 li {font-size:1.4rem; line-height:2rem;}

.ctas {max-width:900px; margin:0 auto 15px;}
.ctas a img {max-width:280px;}
.ctas a:hover img {opacity:0.5;}
a img.wp-image-274, a img.wp-image-278 {margin-left:30px; margin-right:30px;}

#home-bottom {padding:25px 0 0 50px;}
#attachment_172 {margin-right:50px;}
#home-bottom-wrap {max-width:600px;}

article#post-4 a#home-cta-1 {margin-left:150px;}
article#post-4 a#home-cta-2 {margin-left:20px;}


}