/* .top-menu .sub-menu ul[data-depth="1"]>li {
    float: inherit  !important;
    margin: 0 5px  !important;
    width: fit-content  !important;
}

.top-menu[data-depth="1"] {
    margin: 5px  !important;
    width: fit-content  !important;
}

.top-menu .sub-menu{
    width: fit-content  !important;
    min-width:160px  !important;
    max-width: max-content  !important;
    z-index:1  !important;
} */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&display=swap');

:root {
    --Cetacean_Blue: #010A44;
    --white: #ffffff;
    --Pastel_Red : #f96666;
    --Dark_Midnight_Blue: #003d60;
    --Firebrick : #BF2222;
    --Flavescent: #FFE694;
}


*{
    font-family: 'Playfair Display', serif !important;
}
.material-icons{
    font-family: "Material Icons", Arial, sans-serif !important;
}

a{
    color: var(--Pastel_Red);
}


.btn{
    border-radius: 8px !important;
    background-color: var(--Cetacean_Blue) !important;
}


ul[data-depth="0"]{
    list-style: none  !important;
    margin: 0  !important;
    padding: 0  !important;
}
.top-menu[data-depth="0"] > li{
    display: inline-block  !important;
    padding: 0 6px  !important;
}
.top-menu[data-depth="0"] li {
    position: relative  !important;
}

.top-menu[data-depth="0"] > li > a {
    position: relative  !important;
    display: block  !important;
    transition: all 0.3s ease-in-out  !important;
    color: var(--Dark_Midnight_Blue)  !important;
    
}


.top-menu .sub-menu{
    position: absolute  !important;
    left: 0  !important;
    top: 150%  !important;
    width: fit-content  !important;
    text-align: left  !important;
    z-index: 9999  !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"  !important;
    filter: alpha(opacity=0)  !important;
    opacity: 0  !important;
    visibility: hidden  !important;
    -webkit-transition: all 0.3s ease-in-out  !important;
    -moz-transition: all 0.3s ease-in-out  !important;
    -ms-transition: all 0.3s ease-in-out  !important;
    -o-transition: all 0.3s ease-in-out  !important;
    transition: all 0.3s ease-in-out  !important;
}
.top-menu .sub-menu li:first-child {
    border-top: none  !important;
}

.menu ul li ul li {
    margin-left: 0  !important;
}
.top-menu .sub-menu > li > a {
    display: block  !important;
    color: var(--white)  !important;
    text-decoration: none  !important;
    padding: 0 0 0 20px  !important;
    line-height: 45px  !important;
    -webkit-transition: all 0.3s ease-in-out  !important;
    -moz-transition: all 0.3s ease-in-out  !important;
    -ms-transition: all 0.3s ease-in-out  !important;
    -o-transition: all 0.3s ease-in-out  !important;
    transition: all 0.3s ease-in-out  !important;
}
.top-menu li:hover > .sub-menu{
    top: 100%  !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"  !important;
    filter: alpha(opacity=100)  !important;
    opacity: 1  !important;
    visibility: visible  !important;
}
.top-menu>.current{
    border-bottom: 3px solid var(--Pastel_Red) !important;
}
/* .top-menu .sub-menu{
    border-bottom: 3px solid var(--Pastel_Red) !important;
} */

.header-nav, .header-nav div, #footer, #footer div{
    background-color: var(--Cetacean_Blue) !important;
}
.header-nav a,.header-nav span, .header-nav i, .footer-container li a, #footer div#contact-infos,ul#footer_account_list>li>a{
    color: var(--white) !important;
}

.block-category, div#subcategories{
    border-width: 3px 0px 3px 0 !important;
    border-style: solid none solid none !important;
    border-color: var(--Pastel_Red) transparent var(--Pastel_Red) transparent !important;
}

.block-category>h1, .category-top-menu>li>a, #search_filters>p, h2.subcategory-heading{
    color: var(--Dark_Midnight_Blue)  !important;
}

a.dropdown-item.dropdown-submenu:hover{
    color: var(--Pastel_Red)  !important;
}
p{
    text-align: justify  !important;
}

.facet.clearfix>p, .category-top-menu>li>ul>li>a, a.subcategory-name, #footer p.h3,#footer p.h3>a,#footer p.h4{
    color: var(--Firebrick) !important;
}

#subcategories ul li:hover .subcategory-image a {
    border: 2px solid var(--Cetacean_Blue) !important;
}

.product-flags li.product-flag.discount-percentage, .product-flags li.product-flag.discount-amount, .product-flags li.product-flag.discount {
    background-color: var(--Pastel_Red) !important;
}

.product-flags li.product-flag{
    background-color: var(--Dark_Midnight_Blue)  !important;
}

.block-categories, div#search_filters, .card{
    border-radius: 8px !important;
}

a[href^="mailto:"],a[rel^="noopener noreferrer nofollow"]
{ 
    color: var(--Pastel_Red)  !important;
}

ul#footer_account_list>li>a, p#block-newsletter-label{
    color: var(--white)  !important;
}
.block_newsletter form .row .col-xs-12:last-of-type p{
    color: #cfcece !important;
}

a:hover, a:hover *{
    color: var(--Pastel_Red)  !important;
}

.btn-primary{
    background-color: var(--Pastel_Red)  !important;
    border-color: var(--Pastel_Red)  !important;
}

.has-discount .discount{
    background-color: var(--Firebrick)  !important;
}

.has-discount.product-price, .has-discount p, .has-discount .page-content.page-cms ul, .page-content.page-cms .has-discount ul {
    color: var(--Firebrick) !important;
}

path{
    fill: var(--Firebrick) !important;
}
a.nav-link.active.js-product-nav-active{
    color: var(--Firebrick) !important;
    border-bottom: var(--Firebrick) 3px solid !important;
}
a.nav-link:hover{
    color: var(--Firebrick) !important;
    border-bottom: var(--Firebrick) 3px solid !important;
}



.row.product-container.js-product-container {
    background-color: white !important;
    padding-top: 15px !important;
    border-radius: 8px !important;
}

.tabs {
    padding-top: 5px !important;
    border-radius: 8px !important;
    border: #f6f6f6 2px solid !important;
    margin-bottom: 10px !important;
}

.facebook{
    background-color: #3b5998 !important;
    background-image: url('../../css/04be689c12d686c595032705f6b3cf6c.svg');

}
.facebook.icon-gray{
    background-image: url('../../css/04be689c12d686c595032705f6b3cf6c.svg');
}

.facebook.icon-gray:hover {
    content: "";
    background-image: url('../../css/04be689c12d686c595032705f6b3cf6c.svg');
}


.twitter{
    background-color: #55acee !important;
    background-image: url('../../css/f56d95737d55e2bdba95baa528b2583b.svg');
}

.twitter.icon-gray{
    background-image: url('../../css/f56d95737d55e2bdba95baa528b2583b.svg');
}

.twitter.icon-gray:hover {
    content: "";
    background-image: url('../../css/f56d95737d55e2bdba95baa528b2583b.svg');
}


.pinterest {
    background-color: #bd081c !important;
    background-image: url(../../css/33e7446832ac7aa84b959a6ea8efb915.svg);
}

.pinterest.icon-gray{
    background-image: url(../../css/33e7446832ac7aa84b959a6ea8efb915.svg);
}

.pinterest.icon-gray:hover {
    content: "";
    background-image: url('../../css/33e7446832ac7aa84b959a6ea8efb915.svg');
}

.youtube{
    background-color: #cd201f !important;
    background-image: url(../../css/726b87682d18d1e8307635d146fe58cc.svg);
}

.youtube.icon-gray{
    background-image: url(../../css/726b87682d18d1e8307635d146fe58cc.svg);
}

.youtube.icon-gray:hover {
    content: "";
    background-image: url('../../css/726b87682d18d1e8307635d146fe58cc.svg');
}

.vimeo{
    background-color: #aad450 !important;
    background-image: url(../../css/4903fb37c04676f5a805be194ad59b2b.svg);
}
.vimeo.icon-gray{
    background-image: url(../../css/4903fb37c04676f5a805be194ad59b2b.svg);
}

.vimeo.icon-gray:hover {
    content: "";
    background-image: url('../../css/4903fb37c04676f5a805be194ad59b2b.svg');
}

.instagram{
    background-color: #515BD4 !important;
    background-image: url(../../css/3a94078d659136527abfe39bc3432628.svg);
}
.instagram.icon-gray{
    background-image: url(../../css/3a94078d659136527abfe39bc3432628.svg);
}
.instagram.icon-gray:hover {
    content: "";
    background-image: url('../../css/3a94078d659136527abfe39bc3432628.svg');
}

.linkedin{
    background-color: #0077b5 !important;
    background-image: url(../../css/b2efa71e4ca1cd26b0f4df4e71e531a8.svg);
}
.linkedin.icon-gray{
    background-image: url(../../css/b2efa71e4ca1cd26b0f4df4e71e531a8.svg);
}
.linkedin.icon-gray:hover {
    content: "";
    background-image: url('../../css/b2efa71e4ca1cd26b0f4df4e71e531a8.svg');
}

.facebook, .twitter, .pinterest, .youtube, .vimeo, .instagram, .linkedin{
    border-radius: 8px !important;
}
.social-sharing>ul>li{
    margin-left: 0 !important;
}
.social-sharing>span{
    margin-right: 15px;
}

.product-images>li.thumb-container>.thumb.selected, .product-images>li.thumb-container>.thumb:hover {
    border: var(--Cetacean_Blue) 3px solid;
}

/* .forgot-password>a, .no-account>a{
    color: var(--Firebrick) !important;
} */

textarea:focus, input:focus{
    outline: none !important;
    border: var(--Pastel_Red) 2px solid !important;
}
.input-group.focus{
    outline: none !important;
    border: transparent !important;
}

input{
    border-radius: 8px !important;
}

span.input-group-btn>button{
    border-radius: 0px 8px 8px 0px !important;
}
.input-group>input{
    border-radius: 8px 0px 0px 8px !important;
}

.custom-radio input[type="radio"]:checked+span {
    background-color: var(--Pastel_Red);

}

.page-my-account #content .links a i {
    color: var(--Cetacean_Blue) !important;
}

.page-my-account #content .links a:hover i {
    color: var(--Firebrick) !important;
}
.wishlist-footer-links>a{
    color: var(--Pastel_Red) !important;
}

a.btn:hover{
    color: var(--white) !important;
}

.wishlist-add-to-new[data-v-cab62222]:not([href]):not([tabindex]) {
    color: var(--Firebrick) !important;
}
.wishlist-add-to-new i[data-v-cab62222]{
    color: var(--Firebrick) !important;
}
.btn-secondary{
    background-color: var(--Flavescent) !important;
}
i.material-icons.touchspin-up, i.material-icons.touchspin-down{
    color: var(--white) !important;
}

.input-group>span>button.bootstrap-touchspin-up{
    border-radius: 0px 8px 0px 0px !important;
}
.input-group>span>button.bootstrap-touchspin-down{
    border-radius: 0px 0px 8px 0px !important;
}
#blockcart-modal .product-name{
    color : var(--Cetacean_Blue) !important;
}

.top-menu .sub-menu ul[data-depth="1"]>li {
    float: inherit !important;
}

.product-price {
    color: var(--Cetacean_Blue)  !important;
}

button[aria-label^="Annuler"], button[aria-label^="Annuler"]:hover{
    background-color: var(--Flavescent) !important;
    color: var(--Onyx) !important;
}


div#contact-link{
    color: var(--white) !important;
}