/*
 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:       3.3.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
*/

@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;700&display=swap');

@import url('https://fonts.googleapis.com/css2?family=Crete+Round:ital@0;1&family=Oswald:wght@200..700&family=Roboto+Serif:ital,opsz,wght@0,8..144,100..900;1,8..144,100..900&family=Roboto+Slab:wght@100..900&display=swap'); 

@import url('https://fonts.googleapis.com/css2?family=Courgette&display=swap');

.courgette-regular {
  font-family: "Courgette", cursive;
  font-weight: 400;
  font-style: normal;
}

/* CSS for screens up to 420px wide (mobile) */
@media (max-width: 420px) {
    .product-item-thumbnail img {
        max-width: 240px;
        height: auto;
        margin-right: 10px;
    }
}
button#showMailpoetForm {
    background-color: #dedede;
}
button#showMailpoetForm:hover {
    background-color: black;
}

/* Custom CSS for the product image with lightbox-trigger class */
.lightbox-trigger {
    max-width: 100px; /* Adjust the image size as needed */
    border: 2px solid #fff; /* Add a border to the image */
    cursor: pointer; /* Change cursor to pointer on hover */
}

h2.heading.font-center {
    color: yellow!important;
}

/* Dark Blue Theme Old Logo: https://customneonsign.art/wp-content/uploads/2023/04/CNSA-Logo.svg */
body:not(.home):not(.page-template-template-homepage-v8) .header-v1, body:not(.home):not(.page-template-template-homepage-v8) .header-v7 {
    background-color: #000e38!important;
}

.header-v1 .navbar-search .input-group .form-control{
    border-color: #172a55!important;
}

i.ec.ec-favorites {
    color: #fed106!important;
}

.header-icon>a {
    color: #fed106!important;
}

i.fa.fa-shopping-cart, i.ec.ec-shopping-bag {
    font-size: 40px!important;
    color: #fed106!important;
}

.navbar-search .btn i.ec, .navbar-search .button i.ec, .navbar-search .dokan-btn i.ec, .navbar-search .hero-action-btn i.ec, .navbar-search button i.ec, .navbar-search input[type=button] i.ec, .navbar-search input[type=reset] i.ec, .navbar-search input[type=submit] i.ec {
    color: #ffffff91!important;
}

.header-v1 .navbar-search .input-group .btn{
    border-color: #172a55!important;
    background-color: #16254b!important;
}

.input-group {
    background-color: #001031!important;
}

.header-icon .header-icon-counter {
    background-color: #172a5500 !important;
    color: white!important;
}

.top-bar {
    background-color: #00062c!important;
    border-bottom: none!important;
}

.secondary-nav>.menu-item>a {
    color: #4867a4!important;
}

a.departments-menu-v2-title {
    background-color: #172a55!important;
    color: #7284a7!important;
}

/*body .pvc_stats {*/
/*    background-color: #000a27!important;*/
/*}*/

.footer-newsletter .newsletter-title {
    color: white;
}
.footer-newsletter{
    background-color: #172a55!important;
}
.footer-newsletter .newsletter-marketing-text {
    color: white!important;
}
.form-control{
    background-color: #001031;
}
.desktop-footer .footer-bottom-widgets, .desktop-footer .footer-newsletter {
    background-color: #162142!important;
}

.mobile-header-v2 {
    background: #001031!important;
}
.handheld-header-v2 .handheld-header-links>ul li>a, .mobile-header-v1 .handheld-header-links>ul li>a, .mobile-header-v2-inner .handheld-header-links>ul li>a {
    color: white!important;
}
.off-canvas-navigation-wrapper .navbar-toggler, .off-canvas-navigation-wrapper button, .off-canvas-navigation-wrapper.toggled .navbar-toggler, .off-canvas-navigation-wrapper.toggled button {
    color: #264a95;
    margin-top: 10px;
    margin-left: 7px;
}
.mobile-handheld-department ul.nav li a {
    color: #4c6bad!important;
}
header#masthead {
        background: linear-gradient(315deg, #0b7080, #0a1967, #9d2bf3, #1a1aa1);
    background-size: 400% 400% !important;
    background-color: black !important;
    animation: gradients 15s ease infinite !important;

}
@media (min-width: 1000px) {
    header#masthead {
        padding-top: 5px;
    }
}