/*
 * Custom code goes here.
 * A template should always ship with an empty custom.css
 */
:root {
  --font-family: "Muli", "Moderat Extended", Arial, sans-serif;  
  --color-principal: #D80460;
  --color-gris-fondo: #333c4e;
  --color-gris-footer: #DBDBDB;
  --color-blanco: #fff;
  --color-negro: #000;

}

a {
    color: var(--color-principal);
    text-decoration: none;
}

a:hover {
    color: var(--color-principal) !important;
    text-decoration: none;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    margin-bottom: 0.5rem;
    font-family: "Muli";
    font-weight: 700;
    line-height: 1.1;
	text-transform: uppercase;
    color: var(--color-negro);
}
body {
    direction: ltr;
    font-family: "Muli";
    font-size: 15px;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: var(--color-negro);
    line-height: 1.25em;
    background: var(--color-blanco);
}

body,p {
    font-family: "Muli" !important; 
}
		
@media (min-width: 768px){
	.header_logo a {
		display: block;
		max-width: 240px !important;
	}
}

#layout-error .logo img{
	    max-width: 92% !important;
}


.block-social li.youtube a:before {
    content: "\f167";
}
.block-social li.youtube a:hover {
    background: #e84542;
}
.block-social li.linkedin a:before {
    content: "\f0e1";
}
.block-social li.linkedin a:hover {
    background: #0e76a8;
}
.block-social li.tiktok a:before {
    content: "\e07b";
}
.block-social li.tiktok a:hover {
    background: #25F4EE;
}

.popup-over a.popup-title {
    padding: 10px 0px;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    line-height: 24px;
    letter-spacing: 0.288px;
    color: var(--color-principal);
}

#leo_search_block_top .title_block:before {
    content: "\f002" !important;
}
#leo_search_block_top .title_block{
	    font-family: 'Font Awesome 5 Pro' !important;
}

/* MENU */
.ApMegamenu span {
    font-family: Muli;
    font-size: 18px;
    line-height: 16px;
    font-weight: 700;
    font-style: normal;
}
.leo-megamenu .navbar-nav > li.active > a, .leo-megamenu .navbar-nav > li:hover > a, .leo-megamenu .navbar-nav > li:focus > a {
    color: var(--color-principal);
    background-color: transparent;
}

.ApMegamenu span {
    font-family: Muli;
    font-size: 15px;
    line-height: 16px;
    font-weight: 700;
    font-style: normal;
}
.leo-megamenu .navbar-nav > li > a {
    padding: 26px 10px;
    font-size: 12px;
}
.leo-megamenu .navbar-nav > li > a {
    text-transform: inherit !important;
}
/* BREADCRUMBS */
#wrapper .breadcrumb li a:hover {
    color:  var(--color-principal);
}

/* CATEGORY */

.block-category h1.h1{margin-top:20px;}

.product_list .productReference{
    color: #999999;
}
.product-list-default .thumbnail-container {
    background: transparent;
    transition: all 0.3s ease;
    overflow: hidden;
    border: 1px solid #000 !important;
}
.product_list article{
	margin-bottom: 20px !important
}
.thumbnail-container {
	margin-bottom: 20px !important
}
.product-list-default .thumbnail-container .product-meta {
    padding: 15px 15px;
    text-align: left;
}
.thumbnail-container .product-title a {
    display: block;
    height: 150px;
    line-height: 30px;
	text-transform: initial;
	    font-size: 26px;
}
.thumbnail-container .btn, .thumbnail-container .quickview{
	    border: 1px solid #000;
    background: transparent;
	font-weight: bold;
}
.thumbnail-container .btn:hover, .thumbnail-container .quickview:hover{
	border: 1px solid #D80460;
    background: #D80460;
	color:#fff;
	font-weight: bold;
}
.thumbnail-container .btn i, .thumbnail-container .quickview i{
	display:none;
}

/* PRODUCT */
.product-quantity .add-to-cart:hover {
    background: var(--color-principal);
    color: var(--color-blanco);
}
.product-quantity .qty .input-group.bootstrap-touchspin .input-group-btn-vertical .btn:hover {
    background: var(--color-principal);
}

.dualDisplayPro span .priceWithoutTax,
.dualDisplayPro span.priceWrapper{
	font-size:22px;
	line-height: 26px;
	font-weight: bold;
}

/* FOOTER */
.footer-container {
    background: var(--color-gris-footer) !important;
}
.footer-container .block .title_block {
    font-size: 20px;
    font-weight: 500;
    margin: 0 0 35px 0;
    border-bottom: 0;
    line-height: 24px;
    color: var(--color-negro) !important;
    text-align: left;
}
.footer-container li a {
    cursor: pointer;
    font-size: 14px;
    font-weight: 300;
    line-height: 36px;
    color: var(--color-negro) !important;
}
.copyright span {
    color: var(--color-negro) !important;
}
.address_w {
    font-size: 14px;
    font-weight: 300;
    line-height: 24px;
    color: var(--color-negro) !important;
    margin-top: 40px;
}

.copyright {
    font-size: 14px;
    color: var(--color-negro) !important;
}

/* RGPD */
.legalNoticeFooterForm{
    margin-top:10px;
}
.legalNoticeFooterForm p{
	font-size:12px;
}

/* PRODUCT LIST */
.block-category #category-description {
    font-size: 16px;
    margin-bottom: 20px;
    line-height: 22px;
    color: #000 !important;
}

/* PAGE ROW CONTAINER CONTROL  */
/*body.bodyBlackFriday .block-category h1{display:none !important;}
body.bodyBlackFriday .block_content h1{display:block !important;}*/
body.bodyBlackFriday .breadcrumb-bg {
    margin-bottom: 10px;
}
body.bodyBlackFriday #main{
    margin-top: -16px;
    padding: 0px 15px;
}
@media (max-width: 968px) {
	body.bodyBlackFriday #products{
		padding: 0px 10px;
	}
}
@media (min-width: 968px) {
	body.bodyBlackFriday #products{
		padding: 0px 30px;
	}
}