/*
Theme Name: Voicology
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
------------------------------------------------------- */ 

/*********************************************************/
/** GLOBAL **/
/*********************************************************/
body { background:white; font-weight:400; }

.button, input[type="submit"] { font-weight:600; }

.row.row-flex {
    display:flex;
    align-items:center;
}

.mark, mark {
    background-color: #f69234;
    color: white;
    font-size: 13px;
    width: 30px;
    height: 30px;
    line-height: 27px;
    text-align: center;
    display: inline-block;
    border-radius: 4px;
}

.check-list  {
    font-size:20px;
}
.check-list li { 
    margin-left:0 !important;
    list-style:none !important;
    padding:5px 0px; 
}
.check-list li .fa { margin-right:4px; color:#0097d8; }

.check-list.numbered li { font-size:22px; padding-bottom:20px; }
.check-list.numbered li > span {
    display:inline-block;
    width:45px;
    height:45px;
    line-height:40px;
    text-align:center;
    font-size:23px;
    color:#0097d8;
    border-radius:100px;
    font-weight:700;
    border:2px solid #0097d8;
    margin-right:6px;
}

/*********************************************************/
/** HEADER **/
/*********************************************************/
.header-classic { box-shadow:none; }

.header-logo .header-logo-anchor { font-weight:600; }
.header-transparent .header-logo .header-logo-anchor { color:white; }
.header-logo img { width:180px; }

.header-menu .main-menu > li > a { font-weight:600; padding:32px 0px; color:#354953; }
.header-menu .main-menu > li.current-menu-item > a { box-shadow:none !important; position:relative; }
.header-menu .main-menu > li.current-menu-item > a:after {
    position: absolute;
    content: "";
  width: 0px;
  height: 0px;
  border-top: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #2c457e;
  border-left: 7px solid transparent;
  left:50%;
  margin-left:-4px;
  bottom:0;
}

.header-menu .main-menu li.menu-item-has-children:after { margin-top:34px; }

/** SUBMENU **/
.header-menu .main-menu .sub-menu { background:white; margin-top:-20px; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1); }
.header-menu .main-menu li .sub-menu li a {
    color:#343a3e;
    padding:8px 10px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    font-weight:500;
}
.header-menu .main-menu li .sub-menu li:last-child a { border:none; }
.header-menu .main-menu li .sub-menu li a:hover { color:#0097d8 !important; }

/** SECONDARY MENU **/
.main-menu-secondary-container { 
    background:#2c457e; 
    min-height:60px;
}
.main-menu-secondary { margin:0; padding:10px 0px; display:inline-block; float:left;}
.main-menu-secondary > li { display:inline-block; position:relative;  }
.main-menu-secondary > li > a { color:white; display:inline-block; font-weight:500; font-size:16px; margin:10px 20px 10px 0px; }

.main-menu-secondary > li.menu-item-has-children > a {
    margin-right:26px;
    pointer-events:none;
}
.main-menu-secondary li.menu-item-has-children:after {
    content: "\f107";
    font-family: 'Font Awesome\ 5 Free', 'FontAwesome';
    font-weight: 900;
    font-size: 13px;
    color: rgba(255, 255, 255, 0.5);
    margin-top: 14px;
    top: 0;
    right: 13px;
    position: absolute;
}

.main-menu-secondary li:hover > .sub-menu { display:block; }
.main-menu-secondary .sub-menu { margin-left:0; background:white; box-shadow:0px 0px 10px rgba(0, 0, 0, 0.1);}
.main-menu-secondary .sub-menu li { display:block; width:100%;}
.main-menu-secondary .sub-menu li a {
    display:block;
    width:100%;
    float:none;
    padding:8px 10px;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
    color:#343a3e;
}
.main-menu-secondary .sub-menu li a:hover { color:#0097d8; }
.main-menu-secondary .sub-menu li:last-child a { border:none; }

.main-menu-secondary-toggle {
    display:none;
    background:rgba(255, 255, 255, 0.1);
    color:white;
    float:left;
    font-size:16px;
    width:120px;
    min-height:60px;
    line-height:60px;
    text-align:center;
    font-weight:600;
    cursor:pointer;
}
.main-menu-secondary-toggle:hover { background:rgba(255, 255, 255, 0.2); }
.main-menu-secondary-toggle .icon { font-size:14px; }

.main-menu-secondary-container .asp_main_container { 
    width:240px !important; 
    float:right; 
    margin-right:10px !important; 
    margin-top:11px !important;
}

.main-menu-secondary-container a.button-cart,
.woocommerce .main-menu-secondary-container a.button-cart {
    margin-top:11px;
    padding:9px 17px;
    font-weight:600;
    line-height:1.4;
    color:white;
    background:#f69234;
    position:relative;
}

header .button.small { padding:10px 13px; font-size:14px; }
header .register-link { margin-left:8px; }

.header-member-actions .member-sub-menu { top:auto; right:15px; }

.member-actions-mobile { display:none !important; }

.cart-num {
    position:absolute;
    top:-5px;
    right:-5px;
    background:#ffad5f;
    display:inline-block;
    width:18px;
    height:18px;
    line-height:18px;
    text-align:center;
    border-radius:100px;
    box-shadow:0px 0px 0px 3px #2c457e;
    font-size:13px;
}

/** LANGUAGE SWITCHER **/
.language-switcher {
    display: inline-block;
    float: right;
    margin-right: 15px;
    margin-top: 10px;
}
.language-switcher img { max-width:20px; margin-right:5px; }

.language-switcher.us-switcher { display:none; }


/*********************************************************/
/** SUBHEADER **/
/*********************************************************/
.slider-wrap { overflow:hidden; margin-top:-15px; padding-bottom:30px; }
.slider, .slick-list { overflow:visible; }

.subheader {
    background:white;
    color:#757f85;
    border-bottom:1px solid rgba(0, 0, 0, 0.1);
}
.subheader h1 { font-weight:300; letter-spacing:-0.5px; font-size:43px; color:#26363f; }
.subheader h1 strong { background:transparent !important; }
.subheader-text { font-weight:400; color:#757f85; }

.subheader.subheader-slider { border:none; background:transparent; }
.subheader.subheader-slider .slide { padding:140px 0px; }
.subheader.subheader-slider h1 { color:white; font-size:45px; }
.subheader.subheader-slider p { color:white; font-size:20px;}
.subheader.subheader-slider .button { font-size:18px; padding:16px 30px; }

.subheader.subheader-slider .slider-next, .subheader.subheader-slider .slider-prev { 
    border:none;
    background:rgba(255, 255, 255, 0.1); 
}

.subheader.subheader-slider .banner-img {
    position:absolute; 
    z-index:100; 
    top:-70px; 
    right:-70px;
}
.subheader.subheader-slider .banner-img img { width:700px; float:right; }

/*********************************************************/
/** WOOCOMMER **/
/*********************************************************/

/** WOO GLOBAL **/
.woocommerce #respond input#submit.alt, 
.woocommerce a.button.alt, 
.woocommerce button.button.alt, 
.woocommerce input.button.alt {
    background:#0097d8;
}

.woocommerce #respond input#submit.alt:hover, 
.woocommerce a.button.alt:hover, 
.woocommerce button.button.alt:hover, 
.woocommerce input.button.alt:hover {
    background:#23ade8;
}

.woocommerce-error, .woocommerce-info, .woocommerce-message {
    background:#e9effc;
    border-color:#0097d8;
}

.woocommerce .woocommerce-error .button, 
.woocommerce .woocommerce-info .button, 
.woocommerce .woocommerce-message .button, 
.woocommerce-page .woocommerce-error .button, 
.woocommerce-page .woocommerce-info .button, 
.woocommerce-page .woocommerce-message .button { background:rgba(0, 0, 0, 0.2); color:white; }

/** SHOP **/
.woocommerce-products-header { display:none; }

.tax-product_cat .subheader { display:none; } 

.woocommerce ul.products li.product { border-bottom:1px solid rgba(0, 0, 0, 0.07); margin:0 !important; padding:20px 0px; }

.woocommerce ul.products li.product .woocommerce-loop-category__title, 
.woocommerce ul.products li.product .woocommerce-loop-product__title, 
.woocommerce ul.products li.product h3 {
    font-size:22px;
    line-height:1.3;
    font-weight:600;
    padding-top:5px;
}

.product-brand { color:#878d98; margin-top:10px; text-transform:uppercase; font-size:13px; font-weight:600; }

.woocommerce ul.products li.product .price { font-weight:700; font-size:23px; color:#f69234; }

.woocommerce ul.products li.product .button { 
    background:#0097d8; 
    color:white;
    margin-top:0; 
}
.featured-products .woocommerce ul.products li.product .button { float:left; margin-left:20px; font-size:13px; }
.featured-products .woocommerce ul.products li.product .price { float:left; }

.woocommerce ul.products li.product a img { width:25%; float:left; margin:0; margin-right:5%; border:1px solid rgba(0, 0, 0, 0.1); }

.woocommerce .widget_price_filter .price_slider_wrapper .ui-widget-content { background-color:#d8deeb; }
.woocommerce .widget_price_filter .ui-slider .ui-slider-range,
.woocommerce .widget_price_filter .ui-slider .ui-slider-handle { background-color:#f69234; }

 
.woocommerce ul.products li.product.product-category .woocommerce-loop-category__title { margin-top:11px; }


/** PRODUCT SINGLE **/
.single-product .subheader { display:none; } 

.single-product h2 { font-size:26px; }

.woocommerce div.product form.cart .button {
    padding:18px 25px;
    margin-left:3px;
    float:left;
}

#wc-stripe-payment-request-wrapper { display:none; }

.woocommerce div.product p.price, .woocommerce div.product span.price {
    font-weight:700; font-size:23px; color:#f69234;
}

.woocommerce-product-gallery__image { pointer-events:none; }

.woocommerce .quantity .qty { width:70px; }

.product_meta > span { display:block; }

.woocommerce #content div.product .woocommerce-tabs, 
.woocommerce div.product .woocommerce-tabs, 
.woocommerce-page #content div.product .woocommerce-tabs, 
.woocommerce-page div.product .woocommerce-tabs {
    width:48%;
    float:left;
}

.related.products {
    width:48%;
    margin-left:4%;
    float:left;
}

.woocommerce .related.products ul.products li.product, 
.woocommerce-page .related.products ul.products li.product {
    width:100%;
    float:none;
}
.woocommerce .related.products ul.products li.product .woocommerce-loop-category__title, 
.woocommerce .related.products ul.products li.product .woocommerce-loop-product__title { font-size:18px; }
.woocommerce .related.products ul.products li.product a img { width:22%; border:1px solid rgba(0, 0, 0, 0.1); padding:8px; }
.woocommerce .related.products ul.products li.product .price { float:left; font-size:17px; }
.woocommerce .related.products ul.products li.product .button { float:right; font-size:13px;}

.woocommerce ul.products li.product:after {
    content: "";
    display: table;
    clear: both;
}

.product-single-icon {
    display:inline-block;
    width:43%;
	max-width:210px;
    height:auto;
	min-height: 180px;
    vertical-align: top;
    text-align:center;
    padding:20px;
    border:1px solid rgba(0, 0, 0, 0.1);
    border-radius:4px;
    margin-right:7px;
    margin-top:30px;
	font-size:13px;
}
.product-single-icon img { width:100px; }


ul, ul li {
	list-style: disc;
	margin-left: 10px;
}

/** CART **/
.woocommerce-cart-form #coupon_code { width:200px; }

/** CHECKOUT **/
.select2-container { display:none; }

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

.woocommerce-checkout input[type="checkbox"] { margin-left:0; position:relative; }

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background:#f6f9ff;
}
.woocommerce-checkout #payment ul.payment_methods { border-bottom:1px solid rgba(0, 0, 0, 0.1); }
.woocommerce #payment #place_order, .woocommerce-page #payment #place_order { font-size:17px; width:180px; }

/** ACCOUNT **/
.woocommerce-account .woocommerce-MyAccount-navigation {
    background:#e9f0fb;
    border:1px solid #dde3f1;
    border-radius:4px;
    width:27%;
    margin-right:5%;
}
.woocommerce-MyAccount-navigation ul { margin:0; }
.woocommerce-MyAccount-navigation ul li { list-style-type:none; margin:0; }
.woocommerce-MyAccount-navigation ul li a {
    display:block;
    padding:17px;
    border-bottom:1px solid #dde3f1;
}
.woocommerce-MyAccount-navigation ul li:last-child a { border:none; }
.woocommerce-MyAccount-navigation ul li.is-active a {
    background:#0097d8;
    color:white;
    font-weight:600;
}

/*********************************************************/
/** BLOG **/
/*********************************************************/
article.post.type-post {
    width:49%;
    float:left;
    margin-right:2%;
}
article.post.type-post:nth-child(even) { margin-right:0; }

.blog-post { border:1px solid rgba(0, 0, 0, 0.1); min-height:580px; }

.blog-post-date { left:5%; }

.single.single-post .subheader { display:none; }
.single.single-post article.post.type-post {
    width:100%;
    float:none;
    margin-right:0;
}

.comment-list .comment-text { background:#e9f0fb; }

/*********************************************************/
/** WIDGETS **/
/*********************************************************/
.widget-sidebar { padding:0; }
.widget-sidebar h4 { margin:0; font-weight:600; }

.widget-sidebar .widget-toggle {
    display:inline-block;
    float:right;
}

.widget-sidebar .widget-body { padding:20px; }

.widget .select2 { display:none; }


/*********************************************************/
/** MISC **/
/*********************************************************/
.brands .module-header { margin-bottom:10px; }

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

.highlights .module-header { margin-bottom:20px; }
.highlights .module-header h2 { font-size:25px; }
.highlights h4 { line-height:1.4; font-size:32px; padding-right:45px; }
.highlight-price { font-size:30px; }
.highlight-price em { color:#f69234; font-weight:700; }
.highlights .button { 
    margin-top: 13px;
    padding: 15px 60px;
    font-size: 20px;
}

.highlight-box {
    border-top:2px solid #f69234;
    position:relative;
    max-width:75%;
    margin:0 auto;
    text-align:center; 
    font-size:21px;
    background:white;
    padding:45px 30px;
    border-radius:5px 5px 10px 10px;
    box-shadow:0px 0px 50px rgba(0, 0, 0, 0.1);
}

.highlight-box:after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  border-top: 10px solid transparent;
  border-right: 10px solid transparent;
  border-bottom: 10px solid #f69234;
  border-left: 10px solid transparent;
  top: -22px;
  left:50%;
  margin-left:-10px;
}

.feature-item { text-align:center; margin-top:40px; }
.feature-item .fa {
    display:inline-block;
    width:70px;
    height:70px;
    line-height:70px;
    text-align:center;
    border:2px solid #0097d8;
    border-radius:100px;
    color:#0097d8;
    font-size:25px;
}


/*********************************************************/
/** FOOTER **/
/*********************************************************/
footer { background:#2c457e; color:#8b97b2; font-size:16px; }
footer a { color:white; }

footer h4 { font-weight:600; }
footer .bar { background:#f69234; }

.bottom-bar { background:#243967; }

.logo-footer { width:170px; margin-bottom:20px; }

footer .widget-footer { width:22%; }
footer .widget-footer:first-child { width:50%; margin-right:5%; }

footer p strong { color:white; }


/*********************************************************/
/** RESPONSIVE **/
/*********************************************************/
@media screen and (max-width: 1200px) {
    .main-menu-secondary > li > a { font-size:14px; }
    .main-menu-secondary-container .asp_main_container { width:150px !important; }

    .subheader.subheader-slider .banner-img { right:-120px; top:-20px; }
    .subheader.subheader-slider .banner-img img { width:600px; }
}

@media screen and (max-width: 990px) {
    .main-menu-secondary-toggle { display:inline-block; }

    .main-menu-secondary { 
        display:none;
        position:absolute; 
        background:#253a69;
        margin-top:54px;
        width:200px;
        padding:0;
        overflow:auto; 
        max-height:500px;
    }
    .main-menu-secondary li { display:block; width:100%; }
    .main-menu-secondary li a {
        display:block;
        width:100%;
        font-size:16px;
        border-bottom:1px solid rgba(255, 255, 255, 0.1);
        padding:10px;
        margin:0;
    }

    .subheader.subheader-slider .slide.slide-left .slide-content { margin:0 auto !important; width:75% !important; text-align:center !important; } 
    .subheader.subheader-slider .banner-img { display:none; }

}

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

    .row.row-flex { display:block; }

    .main-header .header-menu { margin-right:6px !important; }

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

    .featured-products .woocommerce ul.products li.product { width:100%; float:none; }

    .woocommerce.columns-3 ul.products li.product.product-category { width:100%; }

    .header-member-actions { display:none; }

    .member-actions-mobile { 
        display:inline-block !important; 
        padding:8px 12px;
    }
    .member-actions-mobile .icon { margin:0; }

    .main-menu-secondary-container a.button-cart { padding:9px 13px; }
    .cart-text { display:none; }

    .woocommerce ul.products[class*=columns-] li.product, 
    .woocommerce-page ul.products[class*=columns-] li.product { width:100%; float:none; }

    .woocommerce-account .woocommerce-MyAccount-navigation { width:100%; float:none; margin-bottom:30px; }

    .woocommerce #content div.product .woocommerce-tabs, 
    .woocommerce div.product .woocommerce-tabs, 
    .woocommerce-page #content div.product .woocommerce-tabs, 
    .woocommerce-page div.product .woocommerce-tabs {
        width:100%;
        float:none;
    }

    #wc-stripe-payment-request-wrapper { display:block; }

    .related.products {
        width:100%;
        float:none;
        margin:0;
    }

    .brands-table { table-layout:fixed; }
    .brands-table td { display:block; width:100%; margin-bottom:10px; }

    article.post.type-post {
        width:100%;
        float:none;
        margin-right:0;
    }

    .woocommerce-cart-form #coupon_code { width:100px; }
	
	.widget-sidebar-shop .widget-body { display:none; }

    footer .widget-footer { width:90% !important; margin:0 auto; margin-bottom:30px; }
}

@media screen and (max-width: 580px) {
    .woocommerce div.product .woocommerce-tabs ul.tabs { padding-left:6px; }
    .woocommerce div.product .woocommerce-tabs ul.tabs li a {
        white-space: nowrap;
        width: 80px;
        text-overflow: ellipsis;
        overflow: hidden;
        font-size:13px;
    }
}


@media screen and (max-width: 400px) {
    .main-menu-secondary-toggle { width:60px; }
    .categories-text { display:none; }
}