/*
 Theme Name:    Electro Child
 Theme URI:     https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
 Description:   This is the child theme of Electro
 Author:        MadrasThemes
 Author URI:    https://madrasthemes.com/
 Template:      electro
 Version:       2.0.8
 License:       GNU General Public License v2 or later
 License URI:   http://www.gnu.org/licenses/gpl-2.0.html
 Tags:          light, dark, two-columns, right-sidebar, responsive-layout
 Text Domain:   electro-child
*/

/* REMOVE PRICING REQUEST - 16-09-2021 - Along site request a quote plugin. */
.site-search,
.electro-navbar,
.electro-price,
.variation-table,
.woocommerce-variation-price,
.woocommerce-Price-amount,
.ec-shopping-bag {
    display:  none !important;
}

.action-buttons,
.product-rating,
.add-to-cart-wrap,
.cart-items-count,
.add-to-compare-link,
.pswp__caption__center,
.prdctfltr_filter_title,
.loop-product-categories,
.header-icon .ec-compare,
.owl-stage .price-message,
.header-icon .ec-favorites,
.owl-item > .product:hover .hover-area,
.products:not(.electro-v1) > .product .add-to-cart-wrap,
.products:not(.electro-v1) > .product:hover .hover-area {
    display: none !important;
}

.single-our-work .electro-navbar, .single-our-work .top-bar, .single-our-work .footer-newsletter,
.single-case-study .electro-navbar, .single-case-study .top-bar, .single-case-study .footer-newsletter,
.page-id-21236 .electro-navbar, .page-id-21236 .top-bar, .page-id-21236 .footer-newsletter /* WEB STORES */,
.page-id-19614 .electro-navbar, .page-id-19614 .top-bar, .page-id-19614 .footer-newsletter /* ABOUT */,
.page-id-17588 .electro-navbar, .page-id-17588 .top-bar, .page-id-17588 .footer-newsletter /* OUR WORK */,
.page-id-5177 .electro-navbar, .page-id-5177 .top-bar, .page-id-5177 .footer-newsletter /* CONTACT */,
.page-id-19496 .electro-navbar, .page-id-19496 .top-bar, .page-id-19496 .footer-newsletter /* HOME */ {
    display: none !important;
}
header,
.single-our-work .header-v2,
.single-case-study .header-v2,
.page-id-21236 .header-v2,
.page-id-19614 .header-v2,
.page-id-17588 .header-v2,
.page-id-5177 .header-v2,
.page-id-19496 .header-v2 {
    border-bottom: 1px solid #f3743c;
}
.page-id-17588 .entry-header {
    margin-top: 50px;
}

h1,h2,h3,h4,h5,h6 {
    font-weight: 700 !important;
}

a {
    color: #f3743c;
}

a:focus,
a:hover {
    color: #818285;
}

.strong {
    font-weight: 700;
}

.light-text {
    color: #fff;
}

.center {
    text-align: center;
}

.white {
    color: #fff;
}
.pruple {
    color: #2f2933;
}

.vc_btn3.vc_btn3-color-orange {
     background-color: #f3743c !important;
}

.vc_btn3.vc_btn3-color-orange:hover {
    background-color: #f49165 !important;
}

/* HEADER */
.ec-support {
    color: #f3743c;
}

.departments-menu-v2-title {
    padding-left: 5px;
}

.departments-menu-v2-title span {
    font-weight: 700;
    background-color: #fff;
    color: #000;
    padding: 9px 10px 9px 15px; 
    border-radius: 20px;
    transition: .3s ease;
}

.departments-menu-v2-title span:hover {
    background-color: #f49165;
    color: #000;
}

.departments-menu-v2 .dropdown:hover>.dropdown-menu {
    display: icon;
    transition: opacity .5s ease-in-out;
    -moz-transition: opacity .5s ease-in-out;
    -webkit-transition: opacity .5s ease-in-out;
}
.departments-menu-v2:not(.animated-dropdown) .yamm .menu-item-has-children > .dropdown-menu {
    opacity: 1 !important;
    visibility: inherit !important;
    width: inherit !important;
    min-width: inherit !important;
}

/* OFF CANVAS */
.off-canvas-navigation {
    background-color: #fff ;
}
.off-canvas-navigation ul li a {
    color: #333e48 ;
    font-weight: 700;
}
.off-canvas-navigation ul li a:hover {
    background-color: #f3f3f3;
    box-shadow: inset -2px 0 4px -1px rgba(0,0,0,.1);
}
.off-canvas-navigation ul li a,
.off-canvas-navigation ul li > a {
    border-bottom: 1px solid #f3743c ;
}

/* LANDING PAGE */
.landing-button {
    opacity: 1;
    transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
}

.landing-button:hover {
    opacity: 0.6;
}


/* PAGE LAYOUT */
.site-content {
    margin-bottom: 0em;
}

.jsm-list li {
    list-style-type: none;
}

.jsm-list li:before {    
    font-family: 'FontAwesome';
    content: '\f0da';
    margin:0 5px 0 -15px;
    color: #f3743c;
}

.da-block .da-inner {
    border-radius: 5px;
}

.features-list {
    background-color: #fff;
}

.products:not(.electro-v1) > .product .product-inner,
.owl-item .product-outer .product-inner{
    border: 1px solid #f3743c;
    border-radius: 3px;
}

.products:not(.electro-v1) > .product:hover .product-inner,
.owl-item > .product:hover .product-inner {
    border: 1px solid #f3743c;
    position: relative;
}

ul.products:not(.electro-v1) > li.product, 
ul.products:not(.electro-v1).columns-4 > li.product {
    margin-top: 10px;
}

.products:not(.electro-v1) > .product .product-inner {
     border: 1px solid #f3743c;
     border-radius: 3px;
}

.products:not(.electro-v1) > .product:hover .product-inner {
    position: relative;
}

.woocommerce-loop-product__title {
    font-size: 1.2em;
} 

.category-image {
    width: 100%;
    height: 200px;
    overflow: hidden;
    position: relative;
    margin-bottom: 20px;
}

.category-image img {
    position: absolute;
    margin: auto; 
    min-height: 100%;
    min-width: 100%;
    /* For the following settings we set 100%, but it can be higher if needed 
    See the answer's update */
    left: -100%;
    right: -100%;
    top: -100%;
    bottom: -100%;
}

.page .entry-header.header-with-cover-image {
    background-position: center center !important;
    background-repeat: none;
}

.service-box .vc_column-inner:hover {
  background: #000;
    opacity: 0.8;
    transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; 
}

.shop-control-bar-bottom {
    margin-top: 20px;
}

.features-list:not(.electro-v1).columns-5 .feature {
    background-color: #818285;
}

.electro-compact .features-list .media-left i,
.electro-compact .features-list .media-body {
    color: #fff;
}

.owl-item>.product .button.product_type_variable::before, .products-carousel.electro-v1 .owl-item .product .button.product_type_variable::before, .section-onsale-product .onsale-product .button.product_type_variable::before, .section-onsale-product-carousel .onsale-product-carousel .onsale-product .onsale-product-content .button.product_type_variable::before, li.product .button.product_type_variable::before {     
    content: "\61";
    font-family: font-electro;
    padding: .473em .478em;
}

/* About Page */
.caption h1.entry-title,
.page-id-5160 p.entry-subtitle,
.page-id-5572 p.entry-subtitle {
    color: #fff !important;
}

/* BLOG ELEMENT */
.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots {
    margin-top: 0 !important;
}

.vc_grid.vc_row.vc_grid-gutter-30px .vc_grid-item {
    padding-bottom: 10px !important;
}

/* PRODUCT PAGES */
.woocommerce-loop-product__title {
    color: #f3743c;
}

.single-product .product_title {
    margin-bottom: 0;
}

.single-product-wrapper {
    margin-bottom: 50px !important;
}


.single-product-wrapper .summary.entry-summary {
    width: 55.3333333333%;
    margin-left: 3%;
}

.single-product table.variations td.value select {
    border: 1px solid #f3743c;
    margin-left: 3px;
}

.single-product .price {
    font-size: 3em;
    font-weight: 700;
    color: #f3743c;
}

.electro-description {
    margin-bottom: 2em;
}

.single-product table.variations {
    margin-bottom: 1em;
}


.drop-down-button {
    margin-bottom: 40px;
}

.qty-label {
    display: inline-block;
    font-size: 1em;
    line-height: 1.286em;
    font-weight: 700;
    width: 20%;
}

.quantity input {
    border-color: #f3743c !important;
    background-color: #fff !important;
    padding: .45rem .75rem .45rem .75rem;
    border-radius: 1.071em;
    font-weight: 400 !important;
}

.single-product table.variations td {
    padding: 1em 0;
}
.single_add_to_cart_button {
    display: block !important;
    margin-top: 2em;
}

li.product .product-outer {
    margin-right: 10px;
}

.yith-ywraq-add-to-quote {
    margin-top: 1em;
}

.vc_grid.vc_grid-owl-theme .vc_grid-owl-dots.vc_grid-radio_dots.vc_grid-owl-dots-color-grey .vc_grid-owl-dot span {
    border-color: #aaaaaa !important;
}

.single-product table.variations td.label {
    width: 20% !important;
}

.woocommerce-variation-price {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 1px solid #eceeef;
}


.variation-table {
  margin-bottom:10px;
  display:none;
}

.variation-table.variation-table-1 {
  display:block;
}

.variation-table-item {
    display:inline-block;
    text-align: center;
    margin-bottom: 10px;
}

.variation-table-item-qty {
    background-color: #000;
    padding: 5px 20px;
}

.variation-table-item-qty h3 {
    font-size:16px;
    margin-bottom: 0em;
    color: #fff;
    font-weight: 700;
}

.variation-table-item-price {
    background-color: #fff;
    padding: 0.1em 0.5em;
    font-size: 16px;
}

.cta-button-container {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    margin-bottom: 50px;
}

.cta-button-container > * {
    flex: 1 100%;
    margin:5px;
}

.cta-button {
    font-size: 1.2rem;
    padding: 20px 10px;
    border-width: 0;
    display: inline-block;
    background-color: #f3743c;
    transition: all .2s ease-in-out;
    color: #fff;
    font-weight: 700;
    float: left;
    text-align: center;
}

.cta-button:focus,
.cta-button:hover  {
    background-color: #000 !important;
    color: #fff;
}
 
.price-add-to-cart .electro-price::before {
  content: 'From:';
  margin-right: 5px;
}

.price-message {
    display: block;
    font-size: 12px;
    line-height: 16px;
    color: #000;
    font-weight: 300;
}

.product-loop-footer span.price-message,
.product-loop-footer span.price span.price-message,
.related .products .price-message,
body.archive .price-message {
    display: none !important;
}

.product_list_widget del,
.woocommerce-cart-form__cart-item td.product-price del {
    display: none;
}

.add-request-quote-button {
    padding: 0.5em 1.2em;
}

.widget_price_filter .price_slider_amount .button {
    border-radius: 1.5em;
    background-color: #efecec !important;
    border-color: #efecec !important;
    color: #333e48 !important;
    font-weight: 400 !important;
}

.widget_price_filter .price_slider_amount .button:hover {
    background-color: #000 !important;
    border-color: #000 !important;
    color: #fff !important; 
}

.prdctfltr_woocommerce_filter_submit {
    padding: .6em 2.5em !important;
}

/* CORPORATE PAGE */
.corporate .intro {
    font-size: 20px;
    line-height: 24px;
}
.corporate h2,
.corporate h3,
.corporate h4 {
    font-weight: 400 !important;
}

/* CTA */
.cta-banner {
    min-height: 200px;
}

.cta-button {
    float: right;
}

.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat {
    background-color: #f3743c !important;
}

.vc_btn3.vc_btn3-color-warning.vc_btn3-style-flat:hover {
    background-color: #000 !important;
}

.vc_btn3.vc_btn3-shape-rounded {
    border-radius: 10px !important;
    color: #fff;
    font-weight: 700;
    padding-left: 40px !important;
    padding-right: 40px !important;
    padding-top: 10px !important;
    padding-bottom: 10px !important;
}

.vc_btn3.vc_btn3-size-sm {
    padding-left: 20px;
    padding-right: 20px;
}
.wpb_single_image .vc_box_border.vc_box_border_orange {
    background-color: #f3743c !important;
}
.wpb_single_image .vc_single_image-wrapper.vc_box_border {
    padding: 4px !important;
}

/* TESTIMONIALS */
.testimonial_rotator_quote {
    padding: 0 20px;
}

.testimonial_rotator_author_info p {
    font-size: 2em !important;
    font-weight: 700;
}

.testimonial_rotator.template-longform hr.longform_hr {
    height: 1px;
}

/* FORM */
.wpcf7 input[type="email"] {
    width: 100%;
}

.wpcf7-form .wpcf7-response-output.wpcf7-validation-errors {
    color: #D8000C;
    background-color: #FFBABA;
    border: 0;
    padding: 10px;
}
.wpcf7-form .wpcf7-response-output.wpcf7-mail-sent-ok {
    color: #f3743c;
    background-color: #fcddcf;
    border: 0;
    padding: 10px;
}
div.wpcf7-mail-sent-ok:before,div.wpcf7-validation-errors:before {
    font: 26px/30px dashicons;
    margin-right: 16px;
    vertical-align: middle;
}
div.wpcf7-mail-sent-ok:before {
    content: "\f147";
}
div.wpcf7-validation-errors:before {
    content: "\f158";
}

.input-text:focus {
    border-color: #f3743c;
}

#mc_embed_signup input.email {
    padding: 5px 15px !important;
    border: 1px solid #fff !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
}

#mc_embed_signup .button {
    background-color: #000 !important;
    -webkit-border-radius: 15px !important;
    -moz-border-radius: 15px !important;
    border-radius: 15px !important;
}

#mc_embed_signup .button:hover {
    background-color: #fff !important;
    color: #000 !important;
}

.jsm-select {
    font-size: 1.071em;
    color: #444;
    line-height: 1.3;
    padding: .6em 1.4em .5em .8em;
    width: 100%;
    max-width: 100%; 
    box-sizing: border-box;
    margin: 0;
    border: 1px solid #ddd;
    box-shadow: 0 1px 0 1px rgba(0,0,0,.04);
    border-radius: 1.5em;
    -moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background-color: #fff;
    background-image: url('images/arrow.png'),
    linear-gradient(to bottom, #ffffff 0%,#ffffff 100%);
    background-repeat: no-repeat, repeat;
    background-position: right .7em top 50%, 0 0;
    background-size: .65em auto, 100%;
}
.jsm-select::-ms-expand {
    display: none;
}
.jsm-select:hover {
    border-color: #888;
}
.jsm-select:focus {
    border-color: #f3743c;
    color: #222; 
    outline: none;
}
.jsm-select option {
    font-weight:normal;
}

/* OUR  WORK */
.single-our-work .entry-header,
.single-our-work .media-attachment,
.single-our-work #sidebar {
    display: none;
}
.single-our-work .content-area {
    flex: 0 0 100% !important;
    max-width: 100% !important; 
}
.single-our-work .nav-links {
    margin: 20px 0;
}
.single-our-work .intro {
    font-size: 20px;
    line-height: 30px;
}

/* CASE STUDY */
.single-case-study .entry-header,
.single-case-study .media-attachment,
.single-case-study #sidebar {
    display: none;
}
.single-case-study .content-area {
    flex: 0 0 100% !important;
    max-width: 100% !important; 
}
.single-case-study .nav-links {
    margin: 20px 0;
}
.single-case-study .intro {
    font-size: 20px;
    line-height: 30px;
}


/* FOOTER MENU */
.menu-footer-menu-2-container {
    margin-top: 45px;
}

.footer-payment-logo .card-item > img {
    max-width: 180px;
}


/* DESKTOP ONLY */
@media only screen and (min-width: 766px) {
    .single-product-wrapper .summary.entry-summary {
        width: 55.3333333333%;
        margin-left: 3%;
        background-color: #f5f5f5;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .jsm-row-padding-left {
        padding-left: 16vw !important;
        padding-right: 5vw !important;
    }
    .jsm-row-padding-right {
        padding-right: 16vw !important;
        padding-left: 5vw !important;
    }
}

.vc_images_carousel .vc_carousel-inner .vc_carousel-slideline .vc_carousel-slideline-inner > .vc_item {
  visibility: visible !important;
}

/* Tablet */
@media only screen and (max-width: 1200px) {
 .hidden-lg-down {
    display: none !important;
 }
}

/* MOBILE */
@media only screen and (max-width: 765px) {

    .no-mobile {
        display: none;
    }

    .mobile-white {
        color: #fff !important;
    }

    .single-product-wrapper .summary.entry-summary {
        width: 100%;
        margin-left: 0;
    }

    .cta-button-container {
        flex-direction: column;
    }

    
}

/* HOMEPAGE LAYOUT */
.owl-item > .product .product-inner {
    margin:10px !important;
}