/*
 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.2.5
 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
*/

/* ------- Temporary Price Removal ---------*/
.woocommerce-Price-amount.amount {
    display: none;
}
/*------------------------------------------*/

/*----------Generic Styling---------------*/
sup {
    top: -1em;
    font-size: 50%;
}

#post-preview {
    display: block;
}

#scrollUp {
	bottom: 5rem;
}

.top-bar {
    padding: .7em 0;
}

.mobile-header-v1 .header-logo img, .mobile-header-v2-inner .header-logo img {
    height: auto;
}

.electro-navbar-primary .nav {
    align-items: center;
	justify-content: space-evenly;
}

.dropdown-toggle {
    text-align: center;
}

.electro-navbar-primary .nav > .menu-item.menu-item-has-children > a::after {
    display: none;
}
 /* Styling Off Canvas Menu */
.off-canvas-navigation ul ul .dropdown-menu {
    background-color: #3c3c3c;
}

/*----------End of Generic Styling---------------*/

/*------- Send Me Price ----------------------*/
.related.products li.product .product-loop-footer .specialPrice .priceDesc {
    font-size: 0.5em;
}	

/*------Styling WooCommerce Site-Wide Notice -------------*/
p.woocommerce-store-notice.demo_store {
    background-color: #2083e6;
}

.demo_store a {
    color: #c1c1c1;
}

.demo_store a:focus,
.demo_store a:hover {
    color: #fff;
}
/*------End of Styling WooCommerce Site-Wide Notice -------------*/

/*---- Adding CAD to Prices on Product Pages -----*/
.woocommerce-Price-amount.amount::after {
    content: " CAD";
    font-weight: 300;
	font-size: 70%;
}
/*---- End of Adding CAD to Prices on Product Pages -----*/

/*------Styling YITH Badges on WooCommerce Product Pages-------------*/

    /*--//---Re-positioning badges on product's main image---//--*/
    .woocommerce-product-gallery__image .yith-wcbm-badge-654 {
        top: 70px;
    }
    .woocommerce-product-gallery__image .yith-wcbm-badge-161 {
        top: 30px;
    }
    .woocommerce-product-gallery__image .yith-wcbm-badge-162,
    .woocommerce-product-gallery__image .yith-wcbm-badge-251 {
        top: 0;
    }
    /*--//---Removing badges from image preview gallery under product's main image---//--*/
    .electro-wc-product-gallery.electro-wc-product-gallery--with-images.electro-wc-product-gallery--columns-5 .container-image-and-badge .yith-wcbm-badge {
        display: none;
    }

/*------End of Styling YITH Badges on WooCommerce Product Pages-------------*/


/*------Styling YITH Brands on WooCommerce Product Pages-------------*/

.yith-wcbr-brands-logo {
    margin-bottom: 15px;
}
/*------ End of Styling YITH Brands on WooCommerce Product Pages-------------*/


/*---WooCommerce product variation description styling for BC Fortis Campaign ---*/
.woocommerce-variation-description {
    background-color: #e95757;
    padding: 10px 5px 1px 10px;
    color: #fff;
    font-weight: 600;
	font-size: 0.9em;
    border-radius: 15px;
    margin-bottom: 20px;

}

a.restrictions-link {
    color: #fff;
    border-bottom: 2px #fff dashed;
}
/*---End of WooCommerce product variation description styling for BC Fortis Campaign ---*/

/* --- Woocommerce Loop Title --- */
.woocommerce-loop-product__title {
    font-size: 12px;
}
/* --- End of Woocommerce Loop Title --- */

/* ---- Custom WooCommerce Product Category Pages Styling ---- */
.dtwpb-woocommerce-product-achive.electro {
    padding: 0 20px;
}

.center {
	text-align: center;
}

.spacing {
	margin-bottom: 5px;
}

.wpb_content_element.spacing {
    margin-bottom: 5px;
}

.cat-custom h1 {
	font-size: 32px;
}

.cat-custom h2 {
	font-size: 16px;
	font-weight: 600;
}

.cat-custom h3 {
	font-size: 12px;
	font-weight: 400;
}

.quick-cat-nav {
    display: none;
}

.category-btn .vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-rounded.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-primary {
    color: #0062bd;
	border-color: #0062bd;
}

.category-btn .vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-rounded.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-primary:focus, .category-btn .vc_general.vc_btn3.vc_btn3-size-sm.vc_btn3-shape-rounded.vc_btn3-style-outline.vc_btn3-block.vc_btn3-color-primary:hover {
	color: #fff;
	background-color: #0062bd;
}

/* ---- End of Custom WooCommerce Product Category Styling ---- */



/*------Styling Home V2 Header -------------*/
.top-bar {
    background-color: #f8f8f8;
}

/*
.departments-menu-v2 .dropdown {
    display: none;
}
*/

.support-number span {
    font-size: 22px;
}

.abm-slogan a, .abm-phone-top-left a {
    color: #194389 !important;
    font-weight: 700;
}

.abm-phone-top-left a { 
    font-size: 16px;
    
}

.ec.ec-phone {
    font-size: 24px !important;
}

/*------End of Styling Hove V2 Header -------------*/


/*-------Styling All Departments Menu--------*/

a.departments-menu-v2-title {
    background-color: #333e48;
}

.departments-menu-v2 .departments-menu-v2-title+.dropdown-menu {
    border-color: #333e48;
}

.electro-navbar .departments-menu-v2 .departments-menu-v2-title+.dropdown-menu li.menu-item-has-children>.dropdown-menu {
    border-right-color: #333e48;
    border-bottom-color: #333e48;
}


/*-------End of Styling All Departments Menu--------*/


/*-------Styling Off-Canvas Menu Phone CTA--------*/
li.phone-cta-menu {
    background-color: #194389;
    font-weight: 700;
}

li.phone-cta-menu a:hover,
li.phone-cta-menu a:focus{
    color: #fff;
}
/*-------End of Styling Off-Canvas Menu Phone CTA--------*/


/*-------Styling Woocommerce Single Product Page----------*/ 
/* ----'call for pricing' button when the price is (not set) | (== 0) --*/
div.call-for-pricing {
	margin-bottom: 10px;
	text-align: center;
}

span.cfp-label {
    display: inline-block;
    font-weight: 700;
    margin-bottom: 5px;
}

a.cta-cfp {
	display: block;
	background-color: #0066cc;
	border-color: #1e73be;
	border-radius: 8px;
  	color: #fff !important;
  	font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
  	padding: 10px;
}

a.cta-cfp:hover,
a.cta-cfp:focus {
	background-color: #1e3c5a;
	border-color: #3b6baa;  
}  

.single-product.full-width .single-product-wrapper {
    margin-bottom: 4em;
}

/*-----Styling Resources Links & Financing Options on Product Pages-----*/
a.resources {
    display: inline-block;
    width: 45%;
    outline: 1px solid #ebebeb;
    padding: 6px 10px;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    color: #333333;
    margin: 1%;
}

a.resources:hover,
a.resources:focus {
    background-color: #0066cc;
    color: #fff;
}

p.financing {
	background-color: #0066cc;
    color: #fff;
    display: inline-block;
    width: 45%;
    outline: 3px solid #ebebeb;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase;
    margin: 1%;
}

.lease-note {
    padding: 10px 5px;
}

.single-product.full-width .woocommerce-product-details__short-description {
    margin-bottom: 1.214em;
}

/*-----End of Styling Resources Links & Financing Options on Product Pages-----*/
/*-------End of Styling Single Product Page----------*/ 



.woocommerce-loop-product__title {
    text-align: center;
}

/*-----Vulcan Gas Fryers Landing Page Styling ------*/
.benefits {
    font-size: 16px;
    line-height: 1.8;
}
/*-----End of Vulcan Gas Fryers Landing Page Styling ------*/

/*-----Single Product Page Styling (removing discount badge) ------*/
.single-product .product-images-wrapper .onsale {
    display: none;
}
/*-----End of Single Product Page Styling (removing discount badge) ------*/

/* ---- Custom WooCommerce Product Category Pages Styling ---- */
.dtwpb-woocommerce-product-achive.electro {
    padding: 0 20px;
}

.center {
	text-align: center;
}

.spacing {
	margin-bottom: 5px;
}

.wpb_content_element.spacing {
    margin-bottom: 5px;
}

.cat-custom h1 {
	font-size: 32px;
}

.cat-custom h2 {
	font-size: 16px;
	font-weight: 600;
}

.cat-custom h3 {
	font-size: 12px;
	font-weight: 400;
}


/* ---- End of Custom WooCommerce Product Category Styling ---- */


/*------Styling MailChimp Form---------*/
#mc_embed_signup {
    background: #fff0 !important;
}    

#mc_embed_signup input.email { 
    height: 2.5em !important;
    padding: 0px 2em !important;
    border-top-left-radius: 1.571em !important;
    border-bottom-left-radius: 1.571em !important;
}    
    
#mc_embed_signup .button {
    height: 3.3em !important;
    background-color: #333e48 !important;
}

.clear {
    display: inline-block !important;
}
/*------End of Styling MailChimp Form---------*/

/*------Styling Contact Form---------*/
input[type=tel],
.wpcf7-select {
    padding: .857em 1.214em;
    background-color: transparent;
    color: #818181;
    line-height: 1.286em;
    outline: 0;
    border: 0;
    -webkit-appearance: none;
    border-radius: 1.571em;
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid;
    border-color: #ddd;
    width: 100%;
}



/*------End of Styling Contact Form---------*/

/*-------Styling CallBack CF7-----*/
input.wpcf7-date {
    max-width: 100%;
}

.callback label {
    color: #fff;
}
/*-------End of Styling CallBack CF7-----*/

/*------Home Page Styling-----------*/
.home-title {
    font-weight: 700;
    color: #fff;
    background-color: rgba(0, 102, 204, 0.7);
    padding: 20px;
    text-align: center !important;
}


.ksa-abm {
    font-weight: 600;
    font-size: 20px;
}

#key-sales-arguments .plus-sign-column {
    max-width: 3.5%;
}

.plus-sign {
    padding-top: 70px;
}

p.plus-sign {
	font-size: 70px;
    color: #0066cc;
}

.home-product-categories h3 {
    font-size: 16px;
    font-weight: 700;
}

.home-product-cat-button .vc_general.vc_btn3:hover {
    outline: 2px solid #0066cc78;
}

/*------End of Home Page Styling-----------*/


/*------Team Page Styling-----------*/
.profile h3 {
    font-size: 1.5em;
    text-align: center;
    padding: 10px;
}

small.description {
    display: block;
}

.team-member img {
    margin-left: auto;
    margin-right: auto;
}

.about-contact-details h4 {
    font-size: 20px;
}

/*------End of Team Page Styling-----------*/

/*----- Blog Section Styling -----------*/
.vc_gitem-post-data h4 {
    font-size: 18px;
    line-height: 1.4;
}

#main article.post .entry-content {
    color: #333e48;
}

article.post .post-readmore {
    margin-top: 1.2em;
}


/*----- End of Blog Section Styling -----------*/

/*------Footer Styling-----------*/

.google-review {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 15px;
}

a.google-review:hover,
a.google-review:focus {
	color: #fff;
	background-color: #044f9b;
}

.handheld-footer .handheld-footer-bar .handheld-footer-bar-inner {
    padding-bottom: 80px;
}

.electro-compact .copyright-bar {
    padding-bottom: 35px;
}

.languages-we-speak ul {
    column-count: 4;
}

.accolades {
    margin-top: 3%;
}
.r-e-d img {
    max-width: 25%;
}

/*------End of Footer Styling-----------*/

/*-------Styling Checkout fields-----*/
#wc-moneris-account-number {
    height: 53px !important;
}

div#wc_checkout_add_ons {
    padding-left: 3%;
}

/*-------End of Styling Checkout fields-----*/

/*-------Styling Service Contact Info on Landing page-----*/
.lp-service-contact-info {
    font-size: 140%;
}
/*-------End of Styling Service Contact Info on Landing page-----*/

/*-------Styling Quick Preview-----*/
.yith-quick-view-content.woocommerce div.summary h1 {
    font-size: 24px;
}

.yith-quick-view-content.woocommerce span.onsale {
    display: none;
}
/*-------End of Styling Quick Preview-----*/


/*-------Styling Brands' Logos under the Product-----*/
span.yith-wcbr-brands-logo img {
    max-width: 70%;
}
/*-------End of Styling Brands' Logos under the Product-----*/

/*---- Styling Locations in the Footer -----*/
.copyright-bar .copyright .locations {
	line-height: 1.8em;
}

.locations a {
    font-size: 14px;
    font-weight: 400;
}
/*---- End of Styling Locations in the Footer -----*/

/*------------------------------------------
@Media
------------------------------------------*/

/*-------Styling Mobile Look-----*/
/*-------------------------------*/

@media only screen and (max-width: 1024px) {
	/*Home page styling*/
	.ksa-abm {
		font-size: 16px;
	}
}

@media only screen and (max-width: 768px) {
    /*Hiding extra images on landing pages*/
    .product-photo {
        display: none;
    }
	/*Home page styling*/
	.home-title { 
		font-size: 32px;
	}
	p.plus-sign {
		padding-top: 50px;
		font-size: 50px;
	}
	#key-sales-arguments .vc_column_container>.vc_column-inner {
		padding-left: 0;
    	padding-right: 0;
	}
}

@media only screen and (min-width: 501px) {
	.header-slider {
		display: block;
	}
	.header-banner {
		display: none;
	}
}

@media only screen and (max-width: 500px) {
    /*Changing product layout from 2 col to 1 col*/    
   ul.products:not(.electro-v1)>li.product {
        flex: 0 0 100%;
        max-width: 100%;
   } 
    /*Increasing the size of price font*/
    .products:not(.electro-v1)>.product .price {
        font-size: 2em;
    }

    /*Moving back to top above online chat icon*/
    #scrollUp {
        bottom: 8.5rem;
    }
	/*Home page styling*/
	.header-slider {
		display: none;
	}
	.header-banner {
		display: block;
	}
	
	.home-title {
    	font-size: 24px;
	}
	.ksa-abm {
		font-size: 24px;
	}
	#key-sales-arguments .plus-sign-column {
    	max-width: 100%;
	}
	
	p.plus-sign {
		padding-top: 10px;
		font-size: 70px;
	} 
	
	.home-product-cat-button .vc_general.vc_btn3 {
		font-size: 16px !important;
	}
	/* --- Custom Product Category Pages Styling --- */
		.cat-custom h2 {
		font-size: 18px;
	}
	.cat-custom h3 {
		font-size: 16px;
	}
	.quick-cat-nav {
    	display: block;
	}
}

/*-------End of Styling Mobile Look-----*/
/*---------------------------------------*/