/* GLOBAL */
*{font-family:'Avenir LT Std',sans-serif;font-size:16px;}
html, body{margin:0px;height:100%;}

/* VARS */
:root {
	--bs-font-sans-serif:'Avenir LT Std',sans-serif;
	--color-black:#000000;--color-black2:#313131;--color-black3:#4d4d4d;--color-black4:#1b1b1b;
	--color-gray:#7a7a7a;--color-gray2:#999999;--color-gray3:#9a9a9a;--color-gray4:#eaeaea;--color-gray5:#707070;--color-gray6:#636363;--color-gray7:#626262;--color-gray8:#e6e6e6;--color-gray9:#757575;--color-gray10:#afafaf;--color-gray11:#7e7e7e;
	--color-blue:#001b7d;--color-blue2:#0f2883;
	--color-green:#316435;
	--color-light:#f0f0f0;--color-light2:#f6f6f6;
	--color-red:#b70a00;
	--color-fuchsia:#ba007c;
}

/* FONTS */
.fs-10{font-size:10px !important;}.fs-11{font-size:11px !important;}.fs-12{font-size:12px !important;}.fs-13{font-size:13px !important;}.fs-14{font-size:14px !important;}.fs-15{font-size:15px !important;}.fs-16{font-size:16px !important;}.fs-17{font-size:17px !important;}.fs-18{font-size:18px !important;}.fs-19{font-size:19px !important;}
.fs-20{font-size:20px !important;}.fs-21{font-size:21px !important;}.fs-22{font-size:22px !important;}.fs-23{font-size:23px !important;}.fs-24{font-size:24px !important;}.fs-25{font-size:25px !important;}.fs-26{font-size:26px !important;}.fs-27{font-size:27px !important;}.fs-28{font-size:28px !important;}.fs-29{font-size:29px !important;}
.fs-30{font-size:30px !important;}.fs-34{font-size:34px !important;}.fs-36{font-size:36px !important;}
.fs-40{font-size:40px !important;}.fs-45{font-size:45px !important;}.fs-48{font-size:48px !important;}
.ff-playfair{font-family:'Playfair Display',serif !important;}
.fw-semibold{font-weight:500 !important;}.fw-superbold{font-weight:900 !important;}
@media (max-width:575.98px){
	.fs-xs-10{font-size:10px !important;}.fs-xs-11{font-size:11px !important;}.fs-xs-12{font-size:12px !important;}.fs-xs-13{font-size:13px !important;}.fs-xs-14{font-size:14px !important;}.fs-xs-15{font-size:15px !important;}.fs-xs-16{font-size:16px !important;}.fs-xs-17{font-size:17px !important;}.fs-xs-18{font-size:18px !important;}.fs-xs-19{font-size:19px !important;}
	.fs-xs-20{font-size:20px !important;}.fs-xs-21{font-size:21px !important;}.fs-xs-22{font-size:22px !important;}.fs-xs-23{font-size:23px !important;}.fs-xs-24{font-size:24px !important;}.fs-xs-25{font-size:25px !important;}.fs-xs-26{font-size:26px !important;}.fs-xs-27{font-size:27px !important;}.fs-xs-28{font-size:28px !important;}.fs-xs-29{font-size:29px !important;}
	.fs-xs-30{font-size:30px !important;}.fs-xs-35{font-size:35px !important;}
}

/* COLORS */
.text-green{color:var(--color-green) !important;}
.text-gray{color:var(--color-gray) !important;}.text-gray2{color:var(--color-gray2) !important;}.text-gray5{color:var(--color-gray5) !important;}.text-gray6{color:var(--color-gray6) !important;}.text-gray7{color:var(--color-gray7) !important;}.text-gray9{color:var(--color-gray9) !important;}
.text-black{color:var(--color-black) !important;}.text-black3{color:var(--color-black3) !important;}
.text-blue{color:var(--color-blue) !important;}

/* TEXTS */
.text-justify{text-align:justify !important;}

/* BUTTONS */
.btn-primary{background-color:var(--color-blue) !important;border-color:var(--color-blue) !important;}
.btn-success{background-color:var(--color-green) !important;border-color:var(--color-green) !important;}
.btn-light{background-color:var(--color-light) !important;border-color:var(--color-light) !important;}
.btn-dark{background-color:var(--color-black) !important;border-color:var(--color-black) !important;}

/* BORDERS */
.border-primary{border-color:var(--color-blue) !important;}.border-success{border-color:var(--color-green) !important;}
.border-black{border-color:var(--color-black) !important;}.border-black2{border-color:var(--color-black2) !important;}
.border-gray6{border-color:var(--color-gray6) !important;}.border-gray9{border-color:var(--color-gray9) !important;}.border-gray10{border-color:var(--color-gray10) !important;}
.border-light{border-color:var(--color-light) !important;}
.border-transparent{border-color:transparent !important;}
.border-10{border-width:10px !important;}
.border-top-transparent{border-top-color:transparent !important;}

/* SPACING */
.py-075{padding-top:.75rem !important;padding-bottom:.75rem !important;}

/* BACKGROUNDS */
.bg-primary{background-color:var(--color-blue) !important;}
.bg-black{background-color:var(--color-black) !important;}.bg-black4{background-color:var(--color-black4) !important;}
.bg-gray4{background-color:var(--color-gray4) !important;}.bg-gray8{background-color:var(--color-gray8) !important;}
.bg-light2{background-color:var(--color-light2) !important;}
.bg-center{background-position:center !important;}.bg-norepeat{background-repeat:no-repeat !important;}

/* IMAGES */
.object-cover{object-fit:cover !important;}

/* UTILS */
.cursor-pointer{cursor:pointer;}.cursor-move{cursor:move;}
.zoom{transition:0.3s;}.zoom:hover{transform:scale(1.1);-ms-transform:scale(1.1);-webkit-transform:scale(1.1);transition:0.3s;}

/* LAYOUT */
header .navbar-light .navbar-toggler{border-color:var(--color-black);}
header #topMenu a{color:var(--color-black);}
header #topMenu a.active{font-weight:bold;}
header #cart_preview span{display:block;width:17px;height:18px;padding-left:5px;font-size:12px;font-weight:bold;padding-top:1px;}
header.fixed-top + main{margin-top:93px;}
header.fixed-top nav{transition:0.3s;}

/* HOME */
.home #login{background-image:url("../img/home/fondo-login.jpg");background-position:center;background-size:cover;background-repeat:no-repeat;}
.home #why-sergilac > .container{background-image:url("../img/home/fondo-why-sergilac.jpg");background-position:right bottom;background-repeat:no-repeat;}
.home .accordion-item{border-width:2px;}
.home .accordion-button:not(.collapsed){box-shadow:none;}
.home .accordion-button:not(.collapsed)::after{background-image:var(--bs-accordion-btn-icon);}
.home .accordion-button:focus{box-shadow:none;}
@media(max-width:991px){
	.home #why-sergilac > .container{background:var(--bs-white);}  
}
@media(max-width:767px){
	.home #login{background:var(--color-gray11);}  
}

/* FORMS */
.form-control, .form-select, .form-check-input[type="checkbox"]{border-color:#9a9a9a;border-radius:0;color:var(--color-black);}
form.sendform small{font-size:14px;color:var(--color-gray2);}
.form-control.is-valid, .was-validated .form-control:valid {background:none;padding-right:.75rem;}
.was-validated .form-select:valid:not([multiple]):not([size]){padding-right:2.25rem;background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e")}
#loading{position:absolute;top:0px;right:0px;bottom:0px;left:0px;background:#ccc;opacity:0.4;}

/* SHOP */
.shop .product-list article .text-truncate{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;white-space:normal;}
.product .product-info .description > *{font-size:18px !important;color:var(--color-black3) !important;}
.product-category-4 .category-name{background:var(--color-red) !important;}
.product-category-4 .price, .product-category-4 .price span{color:var(--color-red) !important;}
.product-category-5 .category-name{background:var(--color-green) !important;}
.product-category-5 .price, .product-category-5 .price span{color:var(--color-green) !important;}
.product-category-7 .category-name{background:var(--color-fuchsia) !important;}
.product-category-7 .price, .product-category-7 .price span{color:var(--color-fuchsia) !important;}
@media(min-width:992px){
	.shop .product-list article figure{width:100%;height:350px;}  
}


/* PAGINATION */
.pagination{
	--bs-pagination-padding-y:0.1rem;
	--bs-pagination-font-size:14px;
	--bs-pagination-color:var(--color-black);
	--bs-pagination-border-radius:0px;
	--bs-pagination-active-bg:var(--color-black);
	--bs-pagination-active-border-color:var(--color-black);
	--bs-link-hover-color:var(--color-black);
}
.pagination-result{font-size:14px;color:var(--color-gray9);}

/* PAGES */
.pages.privacy h3{font-size:20px;font-weight:bold;margin-top:2rem;margin-bottom:1rem;}
.pages.privacy p, .pages.privacy li{font-size:16px;color:var(--color-black3);font-weight:normal;}
.pages.privacy{margin-bottom:1rem;}
.pages.privacy ul{padding-left:0;list-style:none;}
.pages.privacy li{margin-left:25px;}
.pages.privacy li::before{font-family:"Font Awesome 5 Free";font-weight:900;content:"\e098";color:var(--color-black);transform:rotate(25deg);position:absolute;margin-left:-25px;}
