/*
Theme Name: Rococo Systems
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 { padding:0; }
.header-logo img { width:260px; }


/** MENU **/
.header-menu .main-menu > li > a { font-weight:600; }
.header-menu.align-left { margin-left:25px; }


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

/** HEADER TOP MENU **/
.header-top-menu { 
	display:inline-block; 
	float:right; 
	background:rgba(0, 0, 0, 0.1); 
	border-radius:0px 0px 7px 7px;
	padding:6px 6px 6px 17px;
	margin-bottom:5px;
}
.header-top-menu li { 
	display:inline-block; 
	margin-left:7px; 
	margin-right:7px; 
	padding-right:12px;
	border-right:1px solid rgba(0, 0, 0, 0.1);
}

.header-top-menu li:last-child { border:none; }

/*.header-top-menu li:last-child { 
	border:none; 
	margin-right:0; 
	padding-right:0;
	background:black; 
	padding:7px 12px;
	border-radius:5px;
}
.header-top-menu li:last-child a { color:white; }
.header-top-menu li:last-child a:hover { color:white; } */

.header-top-menu li a {
	color:#585858;
	font-size:13px;
}
.header-top-menu li a:hover { color:black; }

/** HEADER AJAX SEARCH **/
.header-ajax-search {
	display:inline-block;
	float:left;
	width:400px;
	margin-top: 17px;
    margin-right: 15px;
}

/** HEADER DETAILS **/
.header-details  { float:right; border-right:1px solid rgba(0, 0, 0, 0.1); padding:10px 0px; }

.header-item.header-email { display:none; }

/** HEADER ACTIONS **/
.header-action-item {
	text-align:center;
	display:inline-block;
	margin:16px 0px 16px 25px;
	position:relative;
}

.main-menu-toggle {
	background:transparent;
	border-radius:0;
	border:2px solid black;
	line-height:36px;
}
.header-actions .main-menu-toggle {
	position:absolute;
	top:10px;
	right:20px;
}


.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:0px;
    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-text {
	font-size:18px;
	font-weight:300;
}

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

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

.subheader.subheader-slider .slide-text { 
	width:65%; 
	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; }


/*************************************/
/* HOME
/*************************************/
.testimonial-item {
	background:rgba(255, 255, 255, 0.9);
	padding:30px;
	color:black;
}

/**************************************/
/* Blog
/*************************************/
.blog-post-content h3 { word-break:none; font-size:27px; }

.blog-post-date { bottom:0; left:0; }

/**************************************/
/* 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 category slider */
.brand-item {
	width:100%;
	height:260px;
	display:block;
	background-size:100%;
	background-position:center;
	background-repeat:no-repeat;
	background-color:white;
	position:relative;
}

.brand-name {
	color:white;
	position:absolute;
	display:block;
	bottom:0;
	left:0;
	width:100%;
	font-size:16px;
	text-align:center;
	background:black;
	padding:10px;
	margin-bottom:0;
}

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

	min-height: 260px;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;

}

.product-category:after {
	display:none;
	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; padding:0px; }

.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;
	left:0;
	width:100%;
	height:100%;
	padding:0 !important;
	margin:0 !important;
}

.product-category .count { 
	background:transparent;
	font-size:18px; 
	color:white;
}

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background:rgba(0, 0, 0, 0.1); }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background:black; }

/** PRODUCT CATEGORIES **/
.product-category h2 {
	display:block;
	height:auto;
	bottom:0px;
	top:auto;
	background:black;
	font-weight:400;
	font-size:16px !important;
	padding:10px !important;
}

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

.yith-ywraq-add-to-quote { margin-bottom:25px; }
.woocommerce .yith-ywraq-add-to-quote a.button.add-request-quote-button { 
	background:white !important; 
	border-left:3px solid black;
	color:black;
	box-shadow:0px 0px 30px rgba(0, 0, 0, 0.1);
	transition:all 0.4s;
}
.woocommerce .yith-ywraq-add-to-quote a.button.add-request-quote-button:hover {
	background:black !important;
	color:white;
}

.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); }

.term-description-link { font-weight:700; }
.full-term-description {
	width:40%; 
	padding:4%;
}
.full-term-description h3 { margin-bottom:20px; }

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


/*************************************/
/* FOOTER
/*************************************/
#footer .social-icons li a {
	border-radius: 0;
    line-height: 27px;
}

/*************************************/
/* RESPONSIVE
/*************************************/
@media screen and (max-width: 1200px) {
	.header-ajax-search {
		width:200px;
	}
}

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

	.header-default.has-menu { padding-bottom:5px; }

	.header-default .header-menu .container-fixed { height:0; }
	.header-default .header-menu .container-fixed .main-menu-toggle { display:none; }
	.header-default .header-menu.fixed { display:none; }

	.header-menu .main-menu-container.mobile { top:0; }

	header > .container { display:block; }

	.header-actions { float:right; }
	.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; }

	.header-details { float:none; display:none; }

	.header-ajax-search {
		width:300px;
	}
}

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

	.header-top-menu { padding:6px 0px 6px 0px; width:100%; white-space: nowrap; }
	.header-top-menu li {  
		margin: 0;
	    padding: 0;
	    width: 19.0%;
	    text-align: center;
	    white-space: nowrap;
		  overflow: hidden;
		  text-overflow: ellipsis;
	}
	.header-top-menu li a { font-size:11px; }

	.woocommerce ul.products li.product, 
	.woocommerce-page ul.products li.product {
		width:100% !important;
		float:none !important;
	}

	.product-category { min-height:330px; }
	.product-category h2 { font-size:25px !important; }

	.brand-item { height:360px; }

	.testimonial-item { margin-bottom:30px; }

	#customer_details,
	#order_review_heading,
	.woocommerce-checkout-review-order {
		width:100%;
		margin-right:0;
		float:none;

	}

	.full-term-description { width:90%; }

}

@media screen and (max-width: 500px) {
	.header-ajax-search {
		width:210px !important;
	}

	.header-top-menu li a { font-size:10px; }
}