@import "../../../css/theme.css";
@import "../../../css/custom.css";
@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css");
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:wght@300;400;500;600;700;800&family=Raleway:wght@400;600;800&display=swap');
@import url('https://fonts.cdnfonts.com/css/century-schoolbook');
@import url('https://fonts.cdnfonts.com/css/century-gothic-paneuropean');

* { font-family: 'Century Gothic Paneuropean', sans-serif; }

a, button{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; -ms-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease; }
a:hover, button:hover { opacity: 0.6; }

.carousel.slide a:hover, .carousel.slide button:hover, .dropdown a:hover, .dropdown button:hover { opacity: 1; }

button { border: 0 }

.second-font { font-family: 'Century Schoolbook', sans-serif; }
.terciary-font { font-family: 'Raleway', sans-serif; }

.text-dark { color: #212121; }
.text-grey { color: #818181; }
.text-golden { color: #AC9862; }
.text-golden-light { color: #F2F2F0; }
.text-golden-dark { color: #A79259; }

.bg-dark { background-color: #212121; }
.bg-golden { background-color: #AC9862; }
.bg-golden-light { background-color: #F2F2F0; }
.bg-golden-dark {  background-color: #A79259; }

.border-dark { border-color: #212121; }
.border-golden { border-color: #AC9862 !important; }
.border-golden-light { border-color: #F2F2F0 !important; }
.border-golden-dark { border-color: #A79259 !important; }

body .form-floating > .form-control, body .form-floating > .form-control-plaintext{ border: 1px solid #A79259 !important; padding-left: 15px !important; padding-right: 15px !important; }
body .form-floating > label{ left: 15px !important; }

header { background-color: #fff; z-index: 1021; position: fixed; }
header .logo { height: 48px; }
header a { color: #212121; }
header a:hover{ color: #212121; opacity: inherit; }

header .principal-title { align-items: center; }
header .principal-title h1 a { font-family: 'Raleway', sans-serif; }
header .principal-title .contact { text-transform: uppercase; }
header .dropdown button { color: #212121; text-align: center; }
header .dropdown button:hover { color: #AC9862; }
header .dropdown .dropdown-menu { border: none; border-top: 5px solid #AC9862; max-height: calc(100vh - 130px); overflow: auto; width: 200px; z-index: 9999; }

body { background-color: #F2F2F0; color: #212121; padding-top: 96px; }
body.with-name { padding-top: 134px; }
body.with-bar { padding-top: 122px; }
body.with-name.with-bar { padding-top: 160px; }

#carouselBanners .tns-controls { left: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 100%; z-index: 3; }
#carouselBanners .tns-controls button { background-color: transparent; background-repeat: no-repeat; background-position: center center; background-size: 60% 60%; border: 2px solid #FFF; border-radius: 50%; color: #F6C40F; height: 32px; position: absolute; width: 32px; }
#carouselBanners .tns-controls button[data-controls="prev"] { background-image: url('../img/ico-arrow-prev.svg'); left: 15px; }
#carouselBanners .tns-controls button[data-controls="next"] { background-image: url('../img/ico-arrow-next.svg'); right: 15px; }

.carousel-indicators { margin-bottom: 2rem; }
.carousel-indicators button[data-bs-target] { border: 3px solid #AC9862; border-radius: 50%; height: 15px; opacity: 1; width: 15px; }
.carousel-indicators button[data-bs-target].active { border-color: #212121; }

.offcanvas { background-color: #F2F2F0; }

.tns-controls { left: 0; position: absolute; top: 38%; width: 100%; }
.tns-controls [data-controls="prev"], .tns-controls [data-controls="next"] { background-color: transparent; background-position: center center; background-repeat: no-repeat; border: 0; height: 24px; padding: 0; position: absolute; width: 24px; }
.tns-controls [data-controls="prev"] { background-image: url('https://emidica.com/img/templates/theme-2/ico-arrow-prev.svg'); }
.tns-controls [data-controls="next"] { background-image: url('https://emidica.com/img/templates/theme-2/ico-arrow-next.svg'); right: 0; }

.bg-dark-1 { background-color: #fff; }
.bg-dark-2 { background-color: #212121; }
.bg-dark-2 .title-form { font-size: 25px!important; }

.accordion-button::after { filter: invert(100%); }
.accordion-button:not(.collapsed) { background-color: #212121; }
.accordion-button:not(.collapsed)::after { filter: invert(0%); }

footer .logo { max-height: 45px; max-width: 115px; }

ol.breadcrumb { text-transform: uppercase; }
ol.breadcrumb a { color: #212121; }
ol.breadcrumb li.active { color: #A79259; font-weight: 700; }
ol.breadcrumb .breadcrumb-item + .breadcrumb-item::before { color: #212121; }

.off { border-radius:  0 19px 19px 0; }

.page-item:not(:first-child) .page-link { margin-left: 0; }

.page-link { background-color: transparent; border: none; color: #212121; }
.page-link:hover, .page-link:focus { background-color: #212121; box-shadow: none; color: #999; }
.page-link:hover, .page-link:focus { background-color: transparent; color: #AC9862; }
.disabled > .page-link, .page-link.disabled { background-color: transparent; }
.active > .page-link, .page-link.active { background-color: #AC9862 !important; border-radius: 8px; }
.active > .page-link:hover, .page-link.active:hover { color: #212121; }

.pagination { margin: 0; }

.menu-categories li .imgblack { display: block; }
.menu-categories li .imgcolor { display: none; }
.menu-categories li.active >d iv >a  { color: #ac9862; font-weight: 700; }
.menu-categories li.active >d iv >b utton .imgblack { display: none; }
.menu-categories li.active >d iv >b utton .imgcolor { display: block; }
.menu-categories >u l >l i ul { list-style: none; padding-left: 20px; }
.menu-categories >u l >l i >u l { display: block !important; }
.menu-categories a { color: #212121; }
.menu-categories a:hover { color: #ac9862; }

.cards .visa { width: 95px; }
.cards .master { width: 71px; }
.cards .cirrus { width: 76px; }
.cards .mp { width: 100px; }
.cards .nx { width: 133px; }

.border-top-golden .text-menu > nav > ol li, .border-top-golden .text-menu > nav > ol a, .border-top-golden .text-menu > nav > ol li::before { color: #fff !important; }

.longDescription, .short_description { overflow: hidden; }
.longDescription figure img, .short_description figure img, .longDescription p img, .short_description p img { max-width: 100%; height: auto; }
.longDescription figure, .short_description figure { display: block; margin: 20px auto; max-width: 100%; }
.longDescription figure img, .short_description figure img { display: block; margin: 20px auto; }
.longDescription figure.image-style-side, .short_description figure.image-style-side { float: right; margin: 20px 0 20px 20px; }

.tns-ovh { padding-bottom: 1px; }

.shipping_type.active::after, .payment_method.active::after { background-image: url(../img/ico-check-c.svg); content: ''; display: block; height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }

@media (max-width: 767px) {
	body { padding-top: 80px; }
	body .mobile-nav { left: -100%; padding-top: 80px; transition: all ease-in-out 0.3s; z-index: 3; }
	body .mobile-nav.active { left: 0; }
	body .mobile-nav form .form-control::placeholder { color: white; }
	body.with-name { padding-top: 118px; }
	body.with-name .mobile-nav { padding-top: 118px; }
	body.with-bar { padding-top: 106px; }
	body.with-bar .mobile-nav { padding-top: 106px; }
	body.with-name.with-bar { padding-top: 144px; }
	body.with-name.with-bar .mobile-nav { padding-top: 144px; }

	header .menu { width: 35px; }
	header .menu span { height: 2px; transition: all ease-in-out 0.3s; }
	header .menu.active span:first-child { transform: rotate(45deg); }
	header .menu.active span:nth-child(2) { opacity: 0; }
	header .menu.active span:last-child { transform: rotate(-45deg); margin-top: -11px; }

	.cards .visa { width: 55px; }
	.cards .master { width: 45px; }
	.cards .cirrus { width: 45px; }
	.cards .mp { width: 60px; }
	.cards .nx { width: 80px; }

	#tns4-iw { margin: 0px -15px 0px 0px !important; }
}

.featuredCategories { background-color: #fff; padding-top: 90px; padding-bottom: 90px; }
.featuredCategories .tns-horizontal.tns-subpixel>.tns-item { padding-right: 2px !important; font-size: 25px !important; }

.call-to-action .bg-light { background-color: #f3f3f3 !important; }

.last-products { padding-top: 90px; padding-bottom: 90px; }
.last-products .tns-horizontal.tns-subpixel>.tns-item { padding-right: 15px !important; }

.payment-methods { padding-top: 90px; padding-bottom: 90px; }

.best-sellers { padding-top: 90px; padding-bottom: 90px; }

.border-light { border-color: #ac9862 !important; }

footer .list-unstyled { text-transform: uppercase; }
footer .list-unstyled li:before { content: ""; display: inline-block; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 5px solid white; margin-right: 4px; }
footer a:hover { opacity: 0.6; }

.tns-item button { border-radius: inherit !important; }
.tns-item .bg-transparent { border-color: #212121 !important; color: #212121 !important; }

.contact-form h2.title-form { color: #212121; }
.contact-form .text-end>button { font-weight: 400; }
.contact-form .column-right { width: 35%; padding-left: 6rem; }
.contact-form .column-right p { color: #212121; }
.contact-form .column-left { border-right: 1px solid #a79259; padding-right: 6rem; width: 65%; }
.contact-form .column-left input::placeholder,
.contact-form textarea::placeholder { color: #212121 !important; }
.contact-form .text-menu { padding-left: 6rem; padding-right: 6rem; }

.categories-container .form-select { color: #212121; border: 1px solid #707070; border-radius: inherit; }
.categories-container .item span { font-weight: 600; }
.categories-container .item .spinner-border.btn-add { border-color: red; }

.product-detail .btn-add { color: #212121 !important; border: 1px solid #212121 !important; }

.product-container { padding-top: 160px; }
.product-container .sticky-sm-top { top: 100px; }
.product-container .column-right h1 { color: #a79259; }
.product-container .column-right .bg-dark-1 { background-color: #f2f2f0; }
.product-container .column-right .bg-dark-1 span { color: #212121; }
.product-container .column-right button.rounded-pill.text-white { border: #ac9862 !important; background-color: transparent !important; color: #212121 !important; border: 1px solid #212121 !important; }
.product-container .column-right button.rounded-pill { color: #212121; border: 2px solid #212121 !important; }
.product-container .column-right button.btn, .product-container .column-right button.rounded-pill { background-color: #ac9862 !important; width: -moz-fit-content !important; width: fit-content !important; border: #ac9862 !important; padding-left: 3rem; padding-right: 3rem; text-transform: uppercase; margin-top: 1.5rem; color: white; align-self: center; border-radius: inherit !important; }
.product-container .column-right .btn-first .btn-add { border: 1px solid #a79259; }
.product-container .column-right .btn-first> :first-child { width: fit-content !important; }
.product-container .column-right .form-control { color: #212121 !important; }
.product-container .column-right input#qty { color: #212121 !important; }

.btn-first #qty, .btn-first .flex-column a { color: #212121 !important; }
.btn-first .flex-column a.border-bottom { border-bottom: 2px solid #212121 !important; }

.bg-container-cart .details-cart th, .bg-container-cart .details-cart tr, .bg-container-cart .details-cart .border-end { color: #212121; }
.bg-container-cart .details-cart th .btn-cancel, .bg-container-cart .details-cart tr .btn-cancel, .bg-container-cart .details-cart .border-end .btn-cancel { background-color: #212121 !important; padding: 5px !important; }
.bg-container-cart .details-cart tbody>tr> :last-child { background-color: #f2f2f0; }

.amount a { color: #212121; }
.amount .add-cart { color: white; font-weight: 400; border-radius: 5px; }

.shopping-cart .sub-text .breadcrumb-item, .shopping-cart .sub-text .breadcrumb-item a, .shopping-cart .sub-text .breadcrumb-item::before { color: white !important; }

.best-seller-page .item { padding-right: 1px !important; padding-left: 1px !important; }

#buyNow .modal-content { background-color: white !important; }
#buyNow .modal-content .modal-body { display: flex; flex-direction: column; }
#buyNow .modal-content .modal-body .bg-dark-1 { background-color: #f2f2f0; }
#buyNow .modal-content .modal-body .bg-dark-1 span { color: #212121; }
#buyNow .modal-content .modal-body .btn { background-color: #a79259 !important; width: fit-content !important; border-radius: inherit !important; border: transparent; padding-left: 3rem; padding-right: 3rem; text-transform: uppercase; margin-top: 1.5rem; align-self: center; }

.offcanvas-end .offcanvas-body.text-start a.view-cart { color: #212121; border-color: #212121 !important; }
.offcanvas-end .offcanvas-body.text-start .btn-delete { padding: 5px !important; border-radius: 4px; }

.confirmed-column-right .details { position: relative; }
.confirmed-column-right .details .pe-3 { position: absolute; z-index: 1; }
.confirmed-column-right .details .image { position: relative; }

.product-detail .title-item { text-transform: capitalize !important; }

.bg-product-modal { background-color: rgba(255, 255, 255, 0.8); }

.form-select { border-radius: 0; border-color: #707070; color: #212121; }

figure.image.image_resized img { width: 100%; }

@media (max-width: 900px) {
	.contact-form .column-left { width: 100% !important; border-right: none !important; padding-right: 0.7rem !important; }
	.contact-form .column-left .text-end { text-align: center !important; margin-bottom: 3rem; }
	.contact-form .column-right { width: 100% !important; padding-left: 1.5rem !important; }
	.contact-form .text-menu { padding-left: 1.5rem; padding-right: 1.5rem; }

	.product-container .column-right> :first-child { padding-top: 3rem; padding-bottom: 2.5rem; }
}

.sale-products h2, .sale-products h3, .sale-products .tns-item span.fs-6 { color: #fff; }

.border-dashed.active { border-color: #3fca90 !important; }
.shipping_type.active::after, .payment_method.active::after { color: #3fca90; content: '\F26A'; display: block; font-family: 'bootstrap-icons'; height: 16px; position: absolute; right: 5px; top: 5px; width: 16px; }