/* 
Theme Name: New Basics SHOP
Description: Child theme for Store 
Author: Xavier Verhoeven 
Template: generatepress 
Version: 1.3
*/


/****************** HEADER STYLING *********************/

.site-header .inside-header {
	text-align: center;
}

.site-header .site-logo {
	float: none;
	margin: auto;
	max-width: 300px;
}

.inside-header {
    padding: 20px;
}

.navigation-stick .search-item {
	display: none !important;
}

.main-navigation ul ul {
    box-shadow: none;
    border-left: 1px solid #ddd;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
}

.main-navigation .main-nav ul ul li a {
    padding: 15px 20px;
}

.main-navigation .main-nav ul li a:hover {
    background: #f5f5f5;
}

.main-navigation .main-nav ul .current-menu-item > a:hover, .main-navigation .main-nav ul .current-menu-parent > a:hover, .main-navigation .main-nav ul .current-menu-ancestor > a:hover {
    background: #f5f5f5;
}

.main-navigation .main-nav ul li.menu-item-has-children > a, .secondary-navigation .main-nav ul li.menu-item-has-children > a {
    padding-right: 15px !important;
}

.menu-item-has-children .dropdown-menu-toggle {
	display: none;
}

.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
    padding-left: 15px;
    padding-right: 15px;
}

.main-navigation .main-nav ul ul li a:hover {
    background: #f5f5f5;
}

.inside-header {
    padding: 20px 0 10px !important;
}

.menu-left {
	float: left !important;
}

.secondary-navigation {
    background-color: #221f1f;
}

.secondary-navigation .wpmenucartli {
	background-color: #004990;
}

.secondary-navigation select {
	padding: 3px 0px;
	font-size: 12px;
	margin: 5px 0 5px 15px;
}

.secondary-navigation select option {
	padding: 3px 3px;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

	.main-navigation .main-nav ul li a, .menu-toggle, .main-navigation .mobile-bar-items a {
		padding-left: 6px;
		padding-right: 6px;
	}
	
	.main-navigation .main-nav ul li.menu-item-has-children > a, .secondary-navigation .main-nav ul li.menu-item-has-children > a {
		padding-right: 6px !important;
	}

}

@media screen and (max-width: 768px)  {

	.inside-header {
		padding: 10px !important;
	}
	
	.menu-toggle {
		line-height: 40px !important;
	}
	
	.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a {
		line-height: 20px !important;
	}
	
	.main-navigation .main-nav ul li a, .main-navigation .mobile-bar-items a {
		padding: 10px 15px;		
	}
	
	.main-navigation .main-nav ul ul li a {
		padding: 10px 40px 10px 20px !important;
	}
	
	.main-navigation .main-nav ul ul ul li a {
		padding: 10px 40px 10px 30px;
	}

	.main-navigation ul ul {
    	border-bottom: none !important;
	}
	
	#generate-slideout-menu .slideout-menu .menu-item-has-children > a:first-child, #generate-slideout-menu .slideout-menu .page_item_has_children > a:first-child {
		padding-right: 3em !important;
	}
	
	.navigation-search, .navigation-search input {
		height: 40px !important;
	}
	
	.sticky-menu-logo .main-navigation.navigation-clone .sticky-logo, #sticky-navigation .menu-toggle {
		padding: 10px; 
	}
	
	button.menu-toggle {
		padding: 0 10px; 
	}
	
	.secondary-navigation .main-nav ul li {
		text-align: center !important;
	}

}

/****************** GENERAL STYLING *********************/

.page-header-title {
    background-color: #004990;
	width: 100% !important;
	text-align: center !important;
	padding: 30px 0;
	color: #fff;
}

.page-header-title h1 {
	text-align: center !important;
}

a, a:visited {
    color: #004990;
    text-decoration: none;
}

h2.section-title {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    margin-bottom: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 15px;
}

@media screen and (max-width: 768px)  {

	.generate-sections-inside-container {
		padding-left: 20px !important;
		padding-right: 20px !important;
	}
	
	.home-slider .generate-sections-inside-container {
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
	.separate-containers .inside-article, .separate-containers .comments-area, .separate-containers .page-header, .separate-containers .paging-navigation, .one-container .site-content {
		padding: 20px !important;
	}
	
	.home .site-content {
		padding: 0 !important;
	}
	
}

@media screen and (min-width: 400px) and (max-width: 768px)  {

	.alignleft {
		display: block;
		float: left;
		margin-right: 1.5em;
		margin-bottom: 1.5em;
		max-width: 50%;
	}
	
	.alignright {
		display: block;
		float: right;
		margin-left: 1.5em;
		margin-bottom: 1.5em;
		max-width: 50%;
	}
	
	.home .generate-sections-inside-container p:first-child {
		margin-bottom: 0;
	}

}
/****************** HOMEPAGE STYLING *********************/

.home .generate-page-header {	
	display: none;
}

.home-slider .generate-sections-inside-container {
    padding-left: 0px;
    padding-right: 0px;
}

.home-slider .slides li {
	min-height: 400px;
}

.home-slider .slides .caption-wrap {
    background: none;
    color: #221f1f !important;
    text-shadow: 0 0 5px rgba(255, 255, 255, 0.5) !important;
    margin: auto;
    float: none;
    width: 100%;
    height: 100%;
    opacity: 1 !important;
    position: absolute;
    bottom: unset;
    top: 0;
    background: rgba(255,255,255,0.1);
}

.home-slider .slides .caption {
    max-width: 80%;
    float: none;
    margin: 5% auto;
}


.home-slider .slides .caption-wrap h2, .home-slider .slides .caption-wrap p {
    text-align: center;
	color: #221f1f !important;
}

.home-slider .slides p.flex-title {
    font-size: 30px;
    line-height: 40px;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.home-slider .slides p.flex-caption {
    font-size: 16px;
    line-height: 25px;
}

.home-slider .slides .caption-wrap .button {
	display: table;
	margin: 20px auto;
	float: none;
    text-shadow: none !important;
    background: #004990;
}

.home-slider .slides .caption-wrap .button:hover {
    background: #333333;
}


@media screen and (min-width: 768px) {
	.home-slider .slides li {
		min-height: 500px;
	}
	
	.home-slider .slides .caption {
		max-width: 60%;
		margin: 150px auto;
	}

}

@media screen and (min-width: 501px) and (max-width: 767px) {
	.home-slider .slides li {
		min-height: 400px;
	}
	
	.home-slider .slides .caption {
		max-width: 60%;
		margin: 60px auto;
	}

}

@media screen and (max-width: 500px) {
	.home-slider .slides li {
		min-height: 250px;
	}
	
	.home-slider .slides .caption {
		max-width: 100%;
		float: none;
		margin: 8% auto 4%;
	}
	
	.home-slider .slides p.flex-title {
		font-size: 20px;
		line-height: 26px;
	}
	
	.home-slider .slides .caption-wrap p.flex-caption {
		max-width: 76%;
    	font-size: 14px;
    	line-height: 20px;
    	float: none;
    	margin: auto;
	}
	
	.home .flexslider .flex-control-paging {
		display: none !important;
	}
	
	.home-title {
		display: none;
	}

}


.page-header-title {
    background-color: #004990;
	width: 100% !important;
	text-align: center !important;
	padding: 30px 0;
	color: #fff;
}

.page-header-title h1 {
	text-align: center !important;
}

.home-feature {
    margin: 0 auto;
    max-width: 950px;
    padding: 0 20px 20px 20px;
}

.home-feature h2 {
	font-size: 24px;
	padding-bottom: 20px;
    text-align: center;
}

.home-feature p {
	font-size: 16px;
    line-height: 26px;
    padding-bottom: 30px;
	text-align: justify;
} 

.home h2.section-title {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    margin-bottom: 20px;
    padding: 10px 0px;
    text-transform: uppercase;
    font-size: 15px;
    overflow: hidden;
}

#home-blog-section {
	background-color: #fafafa;
	padding: 40px 0;
}

#home-blog-section .read-more {
    background-color: #004990;
    color: #ffffff;
    display: block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    margin: 10px 0 0;
    padding: 8px 10px;
    text-align: center;
    width: 90px;
}

#home-blog-section ul {
	margin: 0 !important;
}

#home-blog-section li {
    width: 48%;
    float: left;
    margin: 0 2% 2em 0;
    list-style: none !important;
    list-style-type: none !important;
}


@media screen and (max-width: 767px) {
	.home h2.section-title {
		display: block;
    	padding: 10px 0px;
	}
	
	#home-blog-section li {
		width: 100%;
		margin: 0;
	}


} 

/****************** WIDGET STYLING *********************/

.widget {
	font-size: 14px !important;
}

.widget-title {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    color: #202529;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    margin-bottom: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    font-size: 13px;
}

.widget_product_categories ul li {
    padding: 5px 0;
}


.widget_product_categories ul ul.children {
    padding-left: 15px;
    padding-top: 5px;
}

.woocommerce .widget_shopping_cart .total, .woocommerce.widget_shopping_cart .total {
    border-top: 1px solid #dddddd;
    border-bottom: 1px solid #dddddd;
    padding: 10px 0;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.woocommerce .widget_shopping_cart .total .amount, .woocommerce.widget_shopping_cart .total .amount {
    text-align: right;
    float: right;
}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button {
    background-color: #004990;
	color: #fff;
	border-radius: 0;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 12px;
    padding: 1em 1em;
    font-weight: normal;
}

.woocommerce #respond input#submit:hover, .woocommerce a.button:hover, .woocommerce button.button:hover, .woocommerce input.button:hover {
    background-color: #333333;
    color: #fff;
}

.widget_shopping_cart_content .wc-forward {
    text-align: center;
}

.widget_shopping_cart_content .checkout {
    float: right;
}

.widget .search-field {
    width: 58%;
}

.widget_search .search-submit {
    display: inline;
    width: 38%;
    padding: 12px !important;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 12px;
    background-color: #004990;
	color: #fff;
	float: right;
    border: 1px solid #004990;
    text-transform: uppercase;
}

@media screen and (min-width: 769px) and (max-width: 1024px) {

	.widget_shopping_cart_content .wc-forward {
		width: calc(100% - 2em);
		margin-bottom: 10px !important;
	}

	.widget_shopping_cart_content .checkout {
		width: calc(100% - 2em);
	}
	
	.widget_shopping_cart_content .buttons {
		margin-bottom: 0 !important;
	}
	
	.widget .search-field {
		width: 100%;
		margin-bottom: 10px !important;
	}
	
	.widget_search .search-submit {
		width: 100%;
	}
	
	.widget_search {
		margin-bottom: 20px !important;
	}
	
	.widget_product_categories {
		padding-top: 40px !important;
	}
	
}

@media screen and (max-width: 768px) {

	.widget_shopping_cart_content .wc-forward {
		width: calc(48% - 2em);
	}

	.widget_shopping_cart_content .checkout {
		width: calc(48% - 2em);
	}

	.widget .search-field {
		width: 62%;
	}

}

/****************** BLOG STYLING *********************/

.post-meta {
    float: left;
    width: 22%;
}

.meta-title {
    border-bottom: 1px solid #dddddd;
    border-top: 1px solid #dddddd;
    margin-bottom: 20px;
    padding: 10px 0;
    text-transform: uppercase;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 13px;
}

.meta-block {
    color: #777777;
    font-size: 13px;
}

ul.meta-block {
    list-style: outside none none !important;
    margin: 0 0 1.5em 0em;
}

ul.meta-block li {
    margin: 0 0 1em 0em;
}

.meta-block li span {
    color: #222222;
    display: block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 11px;
    font-weight: 700;
    text-transform: uppercase;
}

.single-post .entry-content, .single-post .comments-area, .blog .inside-article, .category .inside-article {
    float: right;
    position: relative;
    width: 74%;
    margin: 0;
}

.single-post .inside-article {
    padding: 0;
}

.single-post .alignright, .single-post .alignleft {
    margin-bottom: 1em;
}

.blog .type-post .meta-block, .archive .type-post .meta-block {
	clear: both;
	margin-bottom: 30px;
}

.blog article, .archive article {
	display: inline-block;
	clear: both;
	margin-bottom: 40px;
}
	
.blog .read-more, .archive .read-more {
    background-color: #004990;
    color: #ffffff;
    display: block;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    margin: 15px 0 0;
    padding: 8px 20px;
    font-size: 12px;
    width: 80px;
    text-align: center;
}

.comment-form > .form-submit {
    margin: 20px 0 40px;
}

footer.entry-meta {
    display: inline-block;
    margin-top: 2em;
    position: relative;
    width: 100%;
}

footer.entry-meta .cat-links {
	display: none;
}

footer.entry-meta .nav-next, footer.entry-meta .nav-previous {
	width: 49%;
	display: inline-block;
}

footer.entry-meta .nav-next {
	float: right;
	text-align: right;
}

.nav-next .next::before {
    content: "";
}    
    
.nav-next .next::after {
    content: "";
    font-family: FontAwesome;
	display: inline-block;
    font-style: normal;
    font-weight: 400;
    margin-left: 0.6em;
    position: relative;
    text-align: center;
    text-decoration: inherit;
    width: 13px;
}}

@media screen and (max-width: 767px) {

  	.post-meta {
		width: 100%;
		float: none;
		margin-bottom: 30px;
	}
	
	.blog .post-meta, .archive .post-meta {
		display: none;
	}

	.single .entry-content, .single .comments-area, .blog .inside-article, .archive .inside-article {
		width: 100%;
		float: none;
	}
} 


/****************** WOOCOMMERCE STYLING *********************/

.woocommerce .term-description br {
	margin-bottom: 15px;
}

.woocommerce .term-description {
	margin-bottom: 40px;
}


.woocommerce .product-category .count {
	background: none;
}

.product-category-image {
    display: inline-block !important;
    float: right !important;
    margin-left: 2.5% !important;
    width: 30.5% !important;
    margin-bottom: 20px;
}

.woocommerce ul.products li.product .price {
    color: #004990;
    display: block;
    font-size: 16px;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-weight: 400;
    margin: 1.3em 0 0;
    display: inline-block;
}

.woocommerce a.added_to_cart {
    display: block;
    padding-top: 0.5em;
    white-space: inherit;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    font-size: 12px;
    text-align: center;
}

.woocommerce-message::before {
    color: #fff;
}

.woocommerce-message {
    border-top-color: #004990;
    border-top: 0px;
}

.woocommerce ul.products li.product .price del {
    color: #999999;
    display: inline;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
    color: #004990 !important;
    font-size: 30px;
    font-weight: 700;
    margin: 0 0 20px;
}

.woocommerce div.product form.cart div.quantity {
    width: 100% !important;
}

.woocommerce .quantity .qty {
    border: 1px solid #dddddd;
    height: 38px;
    margin-bottom: 5px;
    width: 100% !important;
    max-width: 100% !important;
}

.woocommerce .gform_wrapper ul.gform_fields li.gfield {
	padding-right: 0;
}

.woocommerce .gform_wrapper .top_label input.medium, .woocommerce .gform_wrapper .top_label select.medium {
	width: 100%;
}

.woocommerce #reviews #comments ol.commentlist li .comment-text {
    border-radius: 0px;
}

.tabs li a, .tabs li.active a, .tabs, .upsells .products, .related, .related .products, .upsells .product, .related .product, .quantity .input-text, .products .product img, .product_list_widget img, #respond {
    border-color: #dddddd;
}

.woocommerce div.product .woocommerce-tabs ul.tabs {
    border-top: 1px solid #ddd !important;
    border-bottom: 1px solid #ddd !important;
}

.woocommerce div.product .woocommerce-tabs ul.tabs li a {
    font-weight: normal !important;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;    
}

.woocommerce .widget_shopping_cart .buttons a, .woocommerce.widget_shopping_cart .buttons a {
    margin-right: 0px;
    margin-bottom: 10px;
    width: calc(100% - 40px);
    text-transform: uppercase;
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt[disabled]:disabled, .woocommerce #respond input#submit.alt[disabled]:disabled:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt[disabled]:disabled, .woocommerce a.button.alt[disabled]:disabled:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt[disabled]:disabled, .woocommerce button.button.alt[disabled]:disabled:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt[disabled]:disabled, .woocommerce input.button.alt[disabled]:disabled:hover {
	background-color: #004990;
}

.woocommerce .upsells {
	border-top: 1px solid #dddddd;
	background-color: #fff;
	padding: 30px 0 0 0;
}

.woocommerce .upsells h2 {
	font-size: 20px;
	text-transform: uppercase;
}

.woocommerce .star-rating::before {
	color: #CCCCCC;
	content: "SSSSS";
}

.woocommerce .star-rating span::before {
	color: #DB782A;
}

.woocommerce #respond input#submit.disabled, .woocommerce #respond input#submit:disabled, .woocommerce #respond input#submit[disabled]:disabled, .woocommerce a.button.disabled, .woocommerce a.button:disabled, .woocommerce a.button[disabled]:disabled, .woocommerce button.button.disabled, .woocommerce button.button:disabled, .woocommerce button.button[disabled]:disabled, .woocommerce input.button.disabled, .woocommerce input.button:disabled, .woocommerce input.button[disabled]:disabled {
    padding: 1em;
    color: #fff;
}

.woocommerce ul.cart_list li a, .woocommerce ul.product_list_widget li a {
    font-weight: normal;
}

.woocommerce .mini_cart_item {
	padding-bottom: 16px !important;
}

.woocommerce .afterpay-image {
	margin-bottom: -6px;
}

.woocommerce div.product form.cart .button {
	width: 100%;
}

.woocommerce ul.products li.product.sales-flash-overlay .onsale {
	border-radius: 100px;
	height: 40px;
	width: 40px;
	line-height: 40px;
	padding: 10px;
}

.single-product .onsale {
	display: none !important;
}

.woocommerce div.product .woocommerce-product-rating {
	margin: 0 0 1em 0;
}

.woocommerce div.product div.images .flex-control-thumbs li {
    padding: 5px 5px 0 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -ms-flex: 1 0 25%;
    flex: 1 0 25%;
}

.woocommerce div.product div.images .flex-control-thumbs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    overflow: auto;
}

.payment_methods img {
	top: 5px;
}

@media screen and (min-width:401px) and (max-width: 768px) {

	.woocommerce .woocommerce-ordering {
		margin: 0 auto 1em;
	}

	.single-product div.product form.cart .quantity input {
		width: 96% !important;
		float: none !important;
		margin: 0 auto 10px auto !important;
	}
}

@media screen and (max-width:400px) {

	.woocommerce .woocommerce-ordering {
		margin: 0 auto 1em;
	}
		
	.single-product div.product form.cart .quantity input {
		width: 96% !important;
		float: none !important;
		margin: 0 auto 10px auto !important;
	}
}

/****************** WOOCOMMERCE CHECKOUT STYLING *********************/

.woocommerce table.shop_table {
    border: none;
    border-collapse: separate;
    border-radius: 0px;
    margin: 0 -1px 24px 0;
    text-align: left;
    width: 100%;
}

.woocommerce table.shop_table th,  .woocommerce table.shop_table td {
    border-width: 1px 0 0 0;
    border-color: #dddddd;
}

.woocommerce table.shop_table thead {
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.woocommerce #content table.cart td.actions .input-text, .woocommerce table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page table.cart td.actions .input-text {
    width: 120px;
}

.woocommerce-cart table.cart td.actions .coupon .input-text {
    padding: 11px 6px 8px;
}

.woocommerce-cart table.cart td.actions {
	padding: 20px 0;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
    background-color: #004990;
    color: #ffffff;
    font-size: 14px;
    text-transform: uppercase;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
    background-color: #333333;
}

.woocommerce .cart-collaterals .cross-sells ul.products li, .woocommerce-page .cart-collaterals .cross-sells ul.products li {
    width: 46%;
}

.cross-sells h2, .cart_totals h2 {
	font-size: 20px;
}

.woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th {
    border-top: none;
}

.woocommerce .woocommerce-info::before {
    color: #004990;
}

.woocommerce .woocommerce-info {
    border-top-color: #004990;
}

.woocommerce-checkout #payment {
    background: none;
    border-radius: 0px;
}

.woocommerce-checkout #payment ul.payment_methods {
    border-bottom: 1px solid #dddddd;
    padding: 0em;
}

.woocommerce-checkout #payment div.payment_box::before {
	border-color: rgba(0, 0, 0, 0) rgba(0, 0, 0, 0) #f7f6f7;
}

.woocommerce-checkout #payment div.payment_box {
	background-color: #f7f6f7;
}

.woocommerce ul.cart_list li dl dd, .woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dd, .woocommerce ul.product_list_widget li dl dt {
	margin-bottom: 0;
}

.woocommerce ul.cart_list li dl dd, .woocommerce ul.product_list_widget li dl dd {
    padding: 0;
}

.woocommerce ul.cart_list li dl dt, .woocommerce ul.product_list_widget li dl dt {
    padding: 0;
}

.woocommerce td.product-name dl.variation dd, .woocommerce td.product-name dl.variation dt {
    margin-bottom: 0;
}


.woocommerce .pickup_location .update_totals_on_change ul {
	margin-left: 0px ! important;
}

.woocommerce .update_totals_on_change ul li {
    margin-top: 3px;
    margin-bottom: 3px;
} 	

.woocommerce .update_totals_on_change ul li label {
    padding-left: 5px;
    font-weight: normal;
} 	

.woocommerce-cart table.cart img {
    box-shadow: none;
    width: 90px;
}


#nab_card_ccv {
	width: 70px !important;
	margin: 0 10px 5px 0;
}

#cc-expire-month, #cc-expire-year {
	width: 49% !important;
}

.nab_card_ccv_description::before {
	content: "(";
}

.nab_card_ccv_description::after {
	content: ")";
}

.woocommerce .payment_method_stripe {
	display: none;
}

@media screen and (max-width: 768px) {

	.woocommerce #content table.cart .product-thumbnail, .woocommerce table.cart .product-thumbnail, .woocommerce table.my_account_orders tr td.order-actions::before, .woocommerce-page #content table.cart .product-thumbnail, .woocommerce-page table.cart .product-thumbnail, .woocommerce-page table.my_account_orders tr td.order-actions::before {
		display: block;
		float: right;
	}

	.woocommerce table.shop_table th, .woocommerce table.shop_table td {
		border-color: #dddddd;
		border-width: 0;
	}
	
	.woocommerce table.shop_table_responsive tr td.product-thumbnail::before, .woocommerce-page table.shop_table_responsive tr td.product-thumbnail::before {
		content: none;
		float: left;
		font-weight: 700;
	}
	
	.woocommerce table.shop_table_responsive tr td.product-subtotal::before, .woocommerce-page table.shop_table_responsive tr td.product-subtotal::before {
		content: 'Subtotal:';
	}

	.woocommerce table.shop_table_responsive tr td.product-subtotal, .woocommerce-page table.shop_table_responsive tr td.product-subtotal {
    	border-bottom: 1px solid #dddddd;
    	border-top: 1px solid #dddddd;
	}
	
	.woocommerce table.shop_table tr.cart_item {
		margin-bottom: 20px;
	}
			
	.woocommerce-cart table.cart img {
		box-shadow: none;
		width: 50px;
		float: right;
	}
	
	.woocommerce table.shop_table_responsive tr td.product-remove {
		width: 23px;
		padding: 6px;
		float: left;
	}
	
	.woocommerce table.shop_table_responsive tr td.product-name::before {
		content: none;
	}		
	
	.woocommerce table.shop_table_responsive tr td.product-name {
	    font-family: "Montserrat",Helvetica,Arial,sans-serif;
	    text-align: left !important;
	}
	
	.woocommerce table.shop_table_responsive tr:nth-child(2n) td, .woocommerce-page table.shop_table_responsive tr:nth-child(2n) td {
		background-color: #fff !important;
	}
	
	#content table.cart td.actions .coupon .button, .woocommerce #content table.cart td.actions .coupon .input-text, .woocommerce #content table.cart td.actions .coupon input, .woocommerce table.cart td.actions .coupon .button, .woocommerce table.cart td.actions .coupon .input-text, .woocommerce table.cart td.actions .coupon input, .woocommerce-page #content table.cart td.actions .coupon .button, .woocommerce-page #content table.cart td.actions .coupon .input-text, .woocommerce-page #content table.cart td.actions .coupon input, .woocommerce-page table.cart td.actions .coupon .button, .woocommerce-page table.cart td.actions .coupon .input-text, .woocommerce-page table.cart td.actions .coupon input {
		width: 48%;
	}
	
	#content table.cart td.actions .button, .woocommerce #content table.cart td.actions .input-text, .woocommerce #content table.cart td.actions input, .woocommerce table.cart td.actions .button, .woocommerce table.cart td.actions .input-text, .woocommerce table.cart td.actions input, .woocommerce-page #content table.cart td.actions .button, .woocommerce-page #content table.cart td.actions .input-text, .woocommerce-page #content table.cart td.actions input, .woocommerce-page table.cart td.actions .button, .woocommerce-page table.cart td.actions .input-text, .woocommerce-page table.cart td.actions input {
		width: 100%;
	}
	
	.shop_table_responsive .coupon {
		padding-bottom: 20px !important;
	}
	
	#nab_card_details .form-row {
		width: calc(100% - 6px);
	}
	
	.nab_payment_form #jsPayButton {
		width: calc(100% - 6px);		
	}
	
	.nab_card_ccv_description {
		font-size: 0.8em;
		display: inline-block;
	}
	
	#nab_card_ccv {
		width: 50% !important;
	}

	
}


/****************** GLOBAL CTA *********************/

#site-wide-container, .woocommerce_message, .woocommerce-message {
    color: #FFFFFF;
    background-color: #004990;
    font-family: "Montserrat",Helvetica,Arial,sans-serif;
}

.site-wide-cta {
    margin: 0 auto;
    max-width: 1020px;
    overflow: hidden;
    padding: 30px 20px;
}

.site-wide-cta span {
    color: #ffffff;
    display: block;
    float: left;
    font-size: 22px;
    line-height: 32px;
    margin-right: 20px;
    max-width: 730px;
    padding: 8px 0;
}

.site-wide-cta .button {
    border: 2px solid #ffffff !important;
    color: #ffffff !important;
    background-color: #004990 !important;
    float: right !important;
    font-size: 18px !important;
    padding: 12px 20px !important;
    text-transform: uppercase !important;
	white-space: normal !important;
}

.site-wide-cta .button:hover {
    border: 2px solid #ffffff !important;
    color: #004990 !important;
    background-color: #ffffff !important;
}

/****************** FOOTER STYLING *********************/

.footer-widgets .widget-title {
	border: none;
}

a.facebook {
	color: #425894 !important;
}

a.twitter {
	color: #55A7DC !important;
}

a.facebook:hover, a.twitter:hover {
	opacity: 0.8;
}

.site-info {
	background-color: #333;
	text-align: left !important;
	color: #999999;
}

.site-info a {
	color: #cccccc;
}

.site-info a:hover {
	color: #ffffff;
}

.site-info .footer-menu {
    display: inline-block;
    width: 100%;
}

.site-info ul {
    margin: 0;
}

.site-info li {
    float: left;
    margin: 0 15px 0 0;
    list-style: none !important;
    text-transform: uppercase;
}

.site-info .copyright {
    display: inline-block;
}

@media screen and (max-width: 768px)  {

	.site-info {
		font-size: 10px !important;
	}
	
	#footer-base-container {
		padding: 10px !important;
	}
	
	.footer-widgets {
		text-align: center !important;
	}

}


/****************** RESPONSIVE FIXES *********************/

@media screen and (max-width: 400px) {
	#masthead .site-logo {
		width: 240px;
	}

}

@media screen and (min-width: 769px) and (max-width: 1024px) {

	.footer-widget-1 {
		width: 25% !important;
	}
	
	.footer-widget-2 {
		width: 40% !important;
	}
	
	.footer-widget-3, .footer-widget-4 {
		width: 35% !important;
	}

}
	
@media screen and (max-width: 1024px) {	
	
	.site-wide-cta span {
		font-size: 18px !important;
		text-align: center;
		margin-right: 0;
		line-height: 28px;
		float: none !important;
		max-width: 100%;
	}
	
	.site-wide-cta .button {
		font-size: 16px !important;
		line-height: 24px !important;
		white-space: normal !important;
		text-align: center;
		float: none !important;
		margin: 20px auto 0 !important;
		display: block !important;
	}		
	
}