/*
Theme Name: Electro Child
Theme URI: https://themeforest.net/item/electro-electronics-store-woocommerce-theme/15720624
Template: electro
Author: MadrasThemes
Author URI: https://madrasthemes.com/
Description: Electro is a robust and flexible WordPress theme, designed by Transvelo to help you make the most out of using WooCommerce to power your online store. The design is well suited for Electronics Store, Vendor based marketplaces, affiliate websites. It is built and comes bundled with most of the advanced features available in most popular eCommerce websites like amazon, flipkart, snapdeal, walmart, alibaba, aliexpress, etc.
Tags: black,blue,pink,yellow,dark,light,two-columns,left-sidebar,fixed-layout,responsive-layout,custom-colors,custom-menu,editor-style,featured-images,microformats,post-formats,rtl-language-support,sticky-post,threaded-comments,translation-ready
Version: 3.3.5.1680530217
Updated: 2023-04-03 08:56:57
*/


/*
 * Take out the icons to the right of each user profile endpoint link
 */
 .woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--dashboard a:before {
    display:none !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--orders a:before {
    display:none !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-address a:before {
    display:none !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--edit-account a:before {
    display:none !important;
}
.woocommerce-MyAccount-navigation ul li.woocommerce-MyAccount-navigation-link--payment-methods a:before {
	display:none !important;
}
.woocommerce-MyAccount-navigation ul li a {
	font-size: 16px !important;
}

body {
	margin-top: 0;
}

.widget_product_search {
	width: 100%;
}

#product-search-1 {
	width: 100%;
}

#search {
	border-radius: 4px 0px 0px 4px;
}

.select2-search__field {
	border-radius: 4px !important;
	line-height: 1.214 !important;
}

.input-group-btn button {
	border-radius: 4px;
}

.input-text {
	border-radius: 4px !important;
}

.header-v3 .masthead {
	padding: 0 !important;
	max-height: 90;
}

.header-site-branding {
	line-height: 1.2;
}

.navbar-nav {
	line-height: 1.2 !important;
}

/* 
 * Size of the My Account endpoint headers 
*/
.endpoint_header {
	font-size: 30px;
	font-weight: bold;
}

.home-v3-slider {
	width: 100% !important;
	margin-left: 0 !important;
	left: 0 !important;
	margin-bottom: .5em;
	margin-top: 1em;
}



/*
 * On Hover Make larger
 */
.woocommerce-MyAccount-navigation ul li a:hover {
    font-size: 19px !important;
}


/*
 * Is Active Link background color
 */
.woocommerce-MyAccount-navigation ul li.is-active a {
	background-color: #f1f1f1;
}


/*
 * Increased left side padding of my account endpoint links
 */
.woocommerce-MyAccount-navigation ul li a {
 	padding-left:10px !important;
}



/*
 * Content was too close to header after removing breadcrumbs.
 * This brings both the My Account content and navigation down a little.
 */ 
.woocommerce-MyAccount-content {
	margin-top: 40px !important;
}
.woocommerce-MyAccount-navigation {
	margin-top: 45px !important;
}



/*
 * Change border raidus of Address page
 */
 input.input-text {
	border-radius: 4px 4px !important;
	line-height: 1.3 !important;
}
.select2-selection {
	border-radius: 8px 8px !important;
}



/*
 * Change background color of messages from green to our logo blue
 */
.woocommerce-message {
	background-color: #1d559f !important
}



/*
 * Message displayed where the "place order" is in checkout, if user's spend limit is met
 */
.message-admin {
	background-color: lightgray !important;
	padding: 1em !important;
}

#net_terms_po {
	font-size: 1em !important;
    line-height: 1.286em !important;
	height: 1.9em !important;
    font-weight: 400 !important;
    margin-bottom: 1.0em !important;
	border-radius: 8px;
}

#net_terms_po_field label{
	margin-bottom: .5em !important;
}





/* Shipping fields hide 
#shipping_first_name_field { display: none; }

#shipping_last_name_field { display: none; }

#shipping_company_field { display: none; }

#shipping_country_field { display: none; }

#shipping_address_1_field { display: none !important; }

#shipping_address_2_field { display: none !important; }

#shipping_city_field { display: none !important; }

#shipping_state_field { display: none !important; }

#shipping_postcode_field { display: none !important; }

#shipping_phone_field { display: none; }
*/



a#change-button {
	color: #1d559f;
	
}

a#change-button:hover, a#myBtn:focus {
	color: #B12704;
	text-decoration: underline;
	cursor: pointer;
}

/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 10000; /* Sit on top */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content/Box */
.modal-content {
	background-color: #fefefe;
	margin: 5% auto; /* 15% from the top and centered */
	padding: 0 1em 1em 1em;
	border: 1px solid #888;
	height: 80%;
	width: 90%; /* Could be more or less, depending on screen size */
}

/* The Close Button */
.close {
  color: #aaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: black;
  text-decoration: none;
  cursor: pointer;
}

.modal-content iframe {
	width: 100%;
	height: 93%;
}



/* Breadcrumbs */
.cust-nav-container {
	margin-top: 0;
	margin-bottom: 1em;
}

.cust-breadcrumbs {
	font-family: sans-serif;
	font-size: 14px;
	font-weight: 700;
	color: black;
}

.cust-nav-link {
	font-size: 14px;
	text-decoration: none;
	color: #1d559f;
	margin-right: .5em;
}

.cust-nav-separator {
	font-size: 14px;
	margin-right: .5em;
}


.woocommerce-MyAccount-content .edit-account .form-row-last {
	padding-left: 0 !important;
}


.custom-dropbtn {
	background-color: #1d559f !important;
	color: white !important;
	font-size: 1em;
    font-weight: 700;
	line-height: 1.3;
	border: none;
	border-radius: 0 !important;
}

/* The container <li> - needed to position the dropdown content */
.custom-dropdown {
	background-color: #1d559f !important;
	color: white !important;
	position: relative;
	display: inline-block;
	border-radius: 0 !important;
	margin-left: 1em;
}

/* Dropdown Content (Hidden by Default) */
.custom-dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	color: black !important;
	left: 0;
	right: 0;
	width: 25vw;
	min-width: 200px;
	height: auto;
	max-height: 285px;
	border: 1px solid #888;
	box-shadow: 0 2px 5px 0 rgba(213,217,217,.5);
	z-index: 10000;
	border-radius: 0 !important;
	padding: 1px;
	white-space: nowrap;
	overflow-x: hidden;
	flex-direction: column;
}

/* Links inside the dropdown */
.custom-dropdown-content a {
	line-height: 1.5;
	color: black;
	background-color: white;
	padding: 7px 7px;
	text-decoration: none;
	border-radius: 0 !important;
}

/* Change color of dropdown links on hover */ 
.custom-dropdown-content a:hover { background-color: #1d559f; color: white; border-radius: 0 !important; height: auto; }

/* Show the dropdown menu on hover */
.custom-dropdown:hover .custom-dropdown-content {display: flex; border-radius: 0 !important; }

/* Change the background color of the dropdown button when the dropdown content is shown */
.custom-dropdown:hover .custom-dropbtn { background-color: #1b4e92 !important; color: white !important; border-radius: 0 !important;}

/* Adjust carrots on links */
.down-carrot {
	margin-left: .5em;
	font-size: .8em !important;
}

.need-repair-link {
	background-color: #1d559f !important;
	color: white !important;
	position: relative;
	display: inline-block;
	border-radius: 0 !important;
	margin-left: 1em;
}

.need-repair-button {
	background-color: #1d559f !important;
	color: white !important;
	font-size: 1em;
    font-weight: 700;
	line-height: 1.3;
	border: none;
	border-radius: 0 !important;
}

#menu-secondary-nav {
	font-size: .875rem;
    font-weight: 400;
    line-height: 1.714;
}

#menu-hamburger-menu-1 {
	padding-top: 50px;
	font-size: .875rem;
    font-weight: 400;
}

.mobile-link-carot {
	font-size: 1.2em;
}

.mobile-list-title {
	width: 100%;
}

.page-back-1 {
	width: 100%;
}


/* mobile header on custom pages adjust the logo */





/* Exchange verbiage on assembly tagged product pages */
.exchange-verbiage-container {
	margin-top: 1em;
}

.exchange-verbiage-no-terms {
	margin-top: 2em;
}

.exchange-verbiage-paragraph {
	font-size: 1em;
}

.exchange-verbiage-paragraph-small {
	font-size: .9em;
}

.exchange-verbiage-paragraph-no-terms {
	font-size: 1em;
	color: orangered;
}

ul.no-margin-thankyou {
	margin-bottom: 0;
}


/* thank you page */
.woocommerce-order p {
	display: none;
}

.thankyou-message-container {
	margin-bottom: 2em;
	width: 100%;
	align-content: center;
	text-align: center;
}

.checkout-thankyou-message-1 {
	font-size: 1.8em !important;
}

.bottom-margin-slight {
	margin-bottom: .5em;
}

article .entry-header {
	margin-bottom: 1em !important;
}

@media print {
  	.thankyou-message-container { display: none }
	.woocommerce-column { width: 50% !important; max-width: 50% !important; }
}

.register-sign-in-dropdown-inner .register {
	display: none;
}

/* Checkout Email Message */
.email-check-message {
	margin: 1em;
	margin-top: 2em;
	padding: 1em;
	font-size: 1.1em;
	border: .5px solid Gray;
	border-radius: 4px;
}

.email-check-text {
	
}

.email-check-button {
	border-radius: 8px;
	color: white !important;
	background-color: black !important;
}

.email-check-button:hover {
	transform: scale(1.2);
}

.email-check-button-container {
	align-content: center;
	text-align: center;
}

#payment .place-order .button {
	border-radius: 8px !important;
}

.woocommerce-form-login__submit {
	border-radius: 8px !important;
}

p.form-row.form-row-last {
	padding-left: 0 !important;
	padding-right: 15px;
}

a.button.wc-forward {
	border-radius: 8px !important;
}

button[name="update_cart"] {
	border-radius: 8px !important;
}

.single_add_to_cart_button {
	border-radius: 4px !important;
	margin-left: 1em;
}

p.available-on-backorder {
	color: red !important;
}

button[name="add-to-cart"] {
	border-radius: 8px !important;
}




/* Banner CSS */
.banner {
	margin-top: 1em;
	width: 100%;
	height: 150px;
}

.pelican-banner {
	margin-top: 1em;
}

.banner-image {
	width: 100%;
	height: 100%;
}







/* BACKORDER */
#backorder-yes {
	border-radius: 4px !important;
	margin-right: 1em;
}
#backorder-no {
	border-radius: 4px !important;
}
#backorder-yes2 {
	border-radius: 4px !important;
	margin-right: 1em;
}
#backorder-no2 {
	border-radius: 4px !important;
}
.button-container-yesno {
    display: flex;
    justify-content: center;
    gap: 10px;
}
#backorder-popup {
    box-shadow: 0 0 10px rgba(0,0,0,0.5);
    border-radius: 4px;
}
body.backorder-popup-active::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 9998;
}

.backorder-message {
    color: #e74c3c; /* Red color for emphasis */
    font-weight: bold;
    margin-top: 10px;
    text-align: center;
}

.backorder-notice {
    color: #e74c3c; /* Red for visibility */
    font-style: italic;
    font-size: 0.9em;
}

.woocommerce-cart .backorder_notification {
    color: red !important;
}