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

abbr.required {
    color: red;
}

.single-product-wrapper .brand{
	display:none;
}

.brands {
    display: grid;
    grid-template-columns: repeat(6, 1fr);
    gap: 20px;
}
.brands a {
    border: solid 1px #867d7d;
    border-radius: 10px;
    display:flex;
    align-item:center;
    flex-direction:column;
    justify-content:center;
    transition: transform 0.3s ease;
}
.brands a:hover{
 	box-shadow: 0 8px 20px rgba(0, 0, 0, 0.3); 
}
.brands .brand h4{
	text-align:center;
    padding: 10px;
    transition: transform 0.3s ease; 
 }
 .brands a .brand{
    margin: auto;
    position: relative;
    display: contents;
 }
 .brand-image{
     padding: 30px;
     transition: padding 0.3s ease, background-color 0.3s ease;
 }
 a:hover h4,
 a:hover .brand-image{
  padding: 10px;
 }
 a:hover h4{
  transform: scale(1.8);
}
.products-8-1{
  background:none;
}
/* #0b4c74 */
.woocommerce-Price-amount{
	color:#0b4c74;
}
.woocommerce-loop-product__title{
	color:unset;
}
.add-to-cart-wrap .button::before{
	background:#0b4c74!important;
}
.footer-bottom-widgets a,
.footer-bottom-widgets{
	background:#0b4c74!important;
	color:#fff;
}

.copyright-bar a,
.copyright-bar{
	background: #1d5a7e!important;
	color:#fff;
}
.social-medias,
.app-download{
	gap:18px;
}
.app-download img{
	max-width: 100%;
  height: 40px;
	width:auto;
}
.social-medias img{
	height:32px;
	max-width:100%;
	width:auto;
}
/* .custom-boxes .vc_column_container>.vc_column-inner{
	background: #f5f5f5;
	height: 100%;
    display: flex;
    width: 100%;
    flex-direction: column;
} */
  
@media (min-width: 768px) and (max-width: 991.98px) {
    .brands {
        grid-template-columns: repeat(5, 1fr);
        gap: 20px;
    }
     .handheld-footer .handheld-widget-menu .textwidget{
     	padding: 5px 20px;
     }
     .handheld-footer .footer-social-icons,
     .handheld-footer .handheld-footer-bar{
     display:none;
     }
     .collapse:not(.show){
     display:block;
     }
     .mobile-header-v2 .site-search {
        margin-bottom: 21px;
        margin-top: 21px;
    }
}
@media (min-width: 576px) and (max-width: 767.98px) {
    .brands {
        grid-template-columns: repeat(4, 1fr);
        gap: 20px;
    }
     .handheld-footer .handheld-widget-menu .textwidget{
     	padding: 5px 20px;
     }
     .handheld-footer .footer-social-icons,
     .handheld-footer .handheld-footer-bar{
     display:none;
     }
     .collapse:not(.show){
     display:block;
     }
     .mobile-header-v2 .site-search {
        margin-bottom: 21px;
        margin-top: 21px;
    }
}
@media (max-width: 575.98px) {
   .brands {
        grid-template-columns: repeat(3, 1fr);
        gap: 10px;
    }
    .brand-image{
     	padding: 15px;
     	transition: padding 0.3s ease, background-color 0.3s ease;
 	}
     a:hover h4,
     a:hover .brand-image{
      	padding: 10px;
     }
     a:hover h4{
      transform: scale(1.4);
     }
     .vc_row.wpb_row.vc_row-fluid.vc_custom_1464937553285{
     	margin-buttom:0px!important
     }
     .handheld-footer .handheld-widget-menu .textwidget{
     	padding: 5px 20px;
     }
     .handheld-footer .footer-social-icons,
     .handheld-footer .handheld-footer-bar{
     display:none;
     }
     .collapse:not(.show){
     display:block;
     }
     .mobile-header-v2 .site-search {
        margin-bottom: 21px;
        margin-top: 21px;
    }
     
}