/*

Theme Name: Unruly eLiquid

Theme URI: http://nightshiftcreative.co/

Author: Nightshift Creative

Author URI: http://nightshiftcreative.co/

Description: Child theme for NightLight

Version: 1.0.0

Template: NightLight

License: GNU General Public License v2 or later

License URI: http://www.gnu.org/licenses/gpl-2.0.html

Tags: four-columns, left-sidebar, right-sidebar, custom-colors, custom-logo, footer-widgets

*/

 

/* =Theme customization starts here

------------------------------------------------------- */ 



/*************************************/

/* HEADER

/*************************************/

.header-logo img { width:165px; }



/** MENU **/

.header-menu .main-menu > li > a { font-weight:600; }

.header-menu.align-left { margin-left:25px; }



.sub-menu { padding:10px; background:#232323; }



/** HEADER ACTIONS **/

.header-action-item {

	text-align:center;

	display:inline-block;

	margin:16px 0px 16px 25px;

}



.header-actions .icon {

    color: #969696;

    font-size: 21px;

    display:inline-block;

    width: 47px;

    height: 47px;

    line-height:47px;

    margin-bottom: 6px;

    margin-right: 0;

    border: 1px solid #c9c9c9;

    border-radius: 100%;

    text-align: center;

    transition: all 0.4s;

}



.header-actions .header-action-text {

    position: relative;

    color: #303030;

    line-height: 1.3;

    font-size: 10px;

    font-weight: 800;

    text-align: center;

    text-transform:uppercase;

    transition: all 0.4s;

}



.header-action-item:hover .icon { color:white; border-color:#d40000; background:#d40000; }



.cart-num {

	display: block;

    background:#d40000;

    color: white;

    width: 15px;

    height: 15px;

    font-size:10px;

    font-weight:600;

    padding-top:1px;

    text-align: center;

    border-radius: 100%;

    position: absolute;

    right: 10px;

    box-shadow: 0px 0px 0px 3px white;

}



.button.button-header-cta { display:none !important; }



/** HEADER TRANSPARENT **/

.header-transparent .header-actions .header-action-text { color:white; }

.header-transparent .header-actions .icon { color:white; border-color:white; }



/** HEADER MENU BAR **/

.header-default .header-menu .container-fixed { background:#2b2b2b; }

.header-default .header-menu.fixed { background:#2b2b2b; }

.header-default .header-menu.align-left { margin-left:0; }



/*************************************/

/* SUBHEADER

/*************************************/

.subheader { background-position:bottom !important; }

.subheader h1 { font-size:50px; font-weight:700; }



.subheader.subheader-slider .slide { padding:200px 0px; }

.subheader.subheader-slider h1 { font-size:65px; }

.subheader.subheader-slider .slide-text { width:65%; font-size:26px; margin:0 auto; }

.subheader.subheader-slider .button { 

	margin-top:30px; 

	background:white;

	color:black;

	font-weight:700; 

	font-size:17px; 

	padding:20px 50px; 

}

.subheader.subheader-slider .button:hover { color:white; }





/**************************************/

/* WooCommerce

/*************************************/



/** GLOBAL **/

.woocommerce button.button.alt.disabled,

.woocommerce #respond input#submit.alt, 

.woocommerce a.button.alt, 

.woocommerce button.button.alt, 

.woocommerce input.button.alt,

.woocommerce #respond input#submit, 

.woocommerce a.button, 

.woocommerce button.button, 

.woocommerce input.button {

	background:#d40000;

	font-family:'Montserrat' !important;

	font-weight:600;

	font-size:15px;

	text-transform:uppercase;

	color:white;

	padding:13px 20px;

}



.woocommerce button.button.alt.disabled:hover,

.woocommerce #respond input#submit.alt:hover, 

.woocommerce a.button.alt:hover, 

.woocommerce button.button.alt:hover, 

.woocommerce input.button.alt:hover,

.woocommerce #respond input#submit:hover, 

.woocommerce a.button:hover, 

.woocommerce button.button:hover, 

.woocommerce input.button:hover {

	background:#b90000;

	color:white;

}



.brands-table { 

    margin:0; 

    border-spacing: 10px;

    border-collapse: separate;

}



.brands-table,

.brands-table td {  border:none; text-align:center; }



.brands-table td { border-radius:6px; padding:20px; background:rgba(255, 255, 255, 0.1); }

.brands-table td a { display:block; }

.brands-table td img { width:140px;  }





/* Product listings */

.woocommerce ul.products li.product {

	background:white;

	border:1px solid rgba(0, 0, 0, 0.1);

}



.product-loop-details { margin:15px; }



.woocommerce ul.products li.product .woocommerce-loop-category__title, 

.woocommerce ul.products li.product .woocommerce-loop-product__title, 

.woocommerce ul.products li.product h3 {

	color:#293e45;

	font-size:15px;

	padding-top:0px;

}



.woocommerce ul.products li.product .woocommerce-placeholder { border:none; border-bottom:1px solid rgba(0, 0, 0, 0.1); }



.woocommerce ul.products li.product .price {

	color:#d40000;

	font-size:19px;

	font-weight:600;

	margin-bottom:0;

}



.woocommerce ul.products li.product .button {  }



.woocommerce-breadcrumb,

.woocommerce-products-header { display:none; }



.product-category { text-align:center; border:1px solid rgba(0, 0, 0, 0.1); padding-bottom:0 !important; position:relative; transition:0.4s all; }

.product-category:after {

	content:'';

	position:absolute;

	top:0;

	left:0;

	width:100%;

	height:100%;

	background:rgba(0, 0, 0, 0.3);

}

.product-category:hover { opacity:0.8; }



.product-category img { margin-bottom:0 !important; }

.product-category h2 { 

	display: flex;

	align-items: center;

	justify-content: center;

	color:white !important;

	z-index:20;

	font-weight:700;

	position:absolute;

	font-size:22px !important;

	top:0;

	width:100%;

	height:100%;

	padding:0 !important;

	margin:0 !important;

}

.product-category .count { 

	background:transparent;

	font-size:18px; 

	color:white;

}



/** PRODUCT SINGLE **/

.woocommerce div.product .product_title {

	 font-weight:700;

	 font-size:30px;

}



.woocommerce div.product h2 { font-size:24px; margin-bottom:30px; }



.woocommerce div.product div.images img { border:1px solid rgba(0, 0, 0, 0.1); }



.woocommerce div.product p.price, 

.woocommerce div.product span.price {

	color:#d40000;

	font-size:28px;

	font-weight:600;

}



.woocommerce-variation-price { text-align:right; }



.wc-pao-addon.wc-pao-addon-installation { text-align:right; }



.product_meta { padding-top:30px; border-top:1px solid rgba(0, 0, 0, 0.1); }

.product_meta .sku_wrapper { display:block; }



.woocommerce div.product form.cart { margin-bottom:10px; margin-top:20px; }

.woocommerce .quantity .qty { min-width:130px; border-radius:0; }

.woocommerce div.product form.cart .button { padding:16.5px 32px; margin-left:5px; }



.woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:0; margin-bottom:0; }

.woocommerce div.product .woocommerce-tabs ul.tabs li { border-radius:0; border:none; background:transparent; }

.woocommerce div.product .woocommerce-tabs ul.tabs li:before,

.woocommerce div.product .woocommerce-tabs ul.tabs li:after { display:none; }



.woocommerce div.product .woocommerce-tabs ul.tabs li.active { box-shadow:0px -20px 30px rgba(0, 0, 0, 0.1); border-top:2px solid #d40000; }

.woocommerce div.product .woocommerce-tabs ul.tabs li.active a { color:#d40000; }



.woocommerce div.product .woocommerce-tabs ul.tabs li a {

	border:none;

	padding:20px 17px;

	font-size:16px;

	font-weight:600;

}



.woocommerce div.product .woocommerce-tabs .panel { padding:50px; }

.woocommerce div.product .woocommerce-tabs .panel p { line-height:1.6; }



.related.products { margin-top:50px; }



.woocommerce div.product form.cart table td { color:black; font-size:15px; }



.woocommerce table.shop_attributes th { background:#f5f5f5; }

.woocommerce table.shop_attributes th,

.woocommerce table.shop_attributes td { padding:15px; }



.pswp__bg { background:rgba(52, 72, 78, 0.85); }



.woocommerce span.onsale { display:none; }



.price-discount-table { background:white; font-size:13px; border:1px solid rgba(0, 0, 0, 0.1) !important; }

.price-discount-table th, .price-discount-table td { font-size:13px !important; padding:8px !important; border:none; }

.price-discount-table th { background:rgba(0, 0, 0, 0.07); }



/** CART **/

#add_payment_method .wc-proceed-to-checkout a.checkout-button, 

.woocommerce-cart .wc-proceed-to-checkout a.checkout-button, 

.woocommerce-checkout .wc-proceed-to-checkout a.checkout-button {

	padding:30px;

	font-size:18px;

	width:auto;

	display:inline-block;

	float:right;

}



.woocommerce table.shop_table { background:white; }

.woocommerce table.shop_table th,

.woocommerce table.shop_table td { padding:17px; }



#add_payment_method table.cart td.actions .coupon .input-text, 

.woocommerce-cart table.cart td.actions .coupon .input-text, 

.woocommerce-checkout table.cart td.actions .coupon .input-text {

	width:200px;

	padding:11.5px;

	margin-right:6px;

}



/** CHECKOUT **/

.woocommerce form .form-row .select2-container { display:none; }



#customer_details {

	width:55%;

	margin-right:3%;

	float:left;

}

#customer_details .col-1,

#customer_details .col-2 { width:100% !important; float:none; }

#customer_details .col-2 { margin-top:30px; }



#add_payment_method #payment ul.payment_methods li, 

.woocommerce-cart #payment ul.payment_methods li, 

.woocommerce-checkout #payment ul.payment_methods li { list-style:none; }



#order_review_heading { 

	width:40%;

	float:right;

}



.woocommerce-checkout-review-order {

	width:40%;

	float:right;

}



/** ALERTS **/

.woocommerce-error, 

.woocommerce-info, 

.woocommerce-message {

	padding:30px;

	background:#f0edda;

	border-color:#cec9aa;

	color:black;

	font-weight:500;

	font-size:20px;

}



.woocommerce-error a, 

.woocommerce-info a, 

.woocommerce-message a { color:#d40000; }



.woocommerce-error::before, .woocommerce-info::before, .woocommerce-message::before { display:none; }



/** MY ACCOUNT **/

.woocommerce-account .woocommerce-MyAccount-navigation { width:27%; }

.woocommerce-account .woocommerce-MyAccount-navigation ul li { list-style:none; margin-left:0; }

.woocommerce-account .woocommerce-MyAccount-navigation ul li a {

	display:block;

	padding:17px;

	border-bottom:1px solid rgba(0, 0, 0, 0.1);

	font-weight:500;

	font-size:20px;

}



.woocommerce-account fieldset { margin-top:30px; }



/** LOGIN **/

.woocommerce form.checkout_coupon, 

.woocommerce form.login, 

.woocommerce form.register { background:white; border:none; box-shadow:0px 0px 40px rgba(0, 0, 0, 0.08); }





/*************************************/

/* RESPONSIVE

/*************************************/

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



	.header-action-item { margin:10px 0px 10px 3px; }

	.header-actions .header-action-text { display:none; }

	.header-actions .icon { width:35px; height:35px; line-height:35px; font-size:16px; }



	.woocommerce ul.products li.product, 

	.woocommerce-page ul.products li.product {

		width:100% !important;

		float:none !important;

	}



	.product-category h2 { font-size:35px !important; }



	#customer_details,

	#order_review_heading,

	.woocommerce-checkout-review-order {

		width:100%;

		margin-right:0;

		float:none;

	}

}