@import url("../store_default/theme.css");

:root {
    --default-color: #055d86;
    /* --background-color: white; */
    --fa-color: black;
    --product-price: #055d86;
}

.bg-theme {
    background-color: #101736 !important;
}

a.btn:hover {
    color: white !important;
}

/**MOBILE MENU*/
.mobile-menu-container .input-wrapper .btn-search {
    background-color: var(--default-color);
    border-color: var(--default-color);
}

/**COMMON*/
.btn-primary {
    border-color: var(--default-color);
    background-color: var(--default-color);
}

.bg-primary,
.alert-primary {
    background-color: var(--default-color) !important;
}

.banner-btn-title {
    opacity: 0.85;
    top: 80% !important;
}

.banner-btn-title a {
    font-size: 16px;
}

.banner-text-title {
    top: 29% !important;
}

.banner-4 .banner-subtitle span {
    font-size: 16px !important;
}

.img-contain {
    object-fit: contain !important;
}

.banner-text-title a {
    opacity: 0.75 !important;
}

.securkeys-color {
    color: #ffc965 !important;
}

.securkeys-text {
    position: relative;
    left: 29px;
    bottom: -152px;
    font-size: 20px;
    text-shadow: #707070e8 1px 0 5px;
}

.securkeys-logo {
    object-fit: none !important;
    position: relative;
    left: 115px;
    bottom: -75px;
}

.discount-banner {
    background-image: url("/medias/images/mcc/background-remise-5.jpg");
    background-size: cover;
}

.logo-footer {
    /* background-color:white !important;
    border-radius: 5px !important; */
}

.header-bottom {
    padding-bottom: 3px !important;
}

#top_menu>li>a {
    font-size: 14px;
    text-transform: uppercase;
    font-weight: 500 !important;
}

#area-menu-top {
    background-color: var(--default-color) !important;
    color: white !important;
    font-weight: bold !important;
}

.footer,.footer-bottom{
    background-color: #004362  !important;
    color:white !important;
} 

.footer-middle{
    border-color:white;
}


#area-home h1 {
    font-size: 2.4rem;
}

#top_menu>li>a{
    font-weight: bold !important;
}

#top_menu>li>a:hover{
    color:white !important;
}


[data-cms] h1,
[data-post] h1 {
    font-size: 2.4rem !important;
}

[data-catalog] h2,
[data-cms] h2,
[data-cms] h3,
[data-cms] h4,
[data-cms] h5,
[data-post] h2,
[data-post] h3,
[data-post] h4,
[data-post] h5 {
    font-size: 2rem !important;
}

div:where(.swal2-container) div:where(.swal2-popup){
    font-size: 1.1em !important;
}