/*
Theme Name: Botiga Child
Template: botiga
*/
html {
margin-top: 0 !important;
}
#wpadminbar {
display: none!important;
}
body {
font-family: "Playfair", serif !important;
background-color: #F9F9F9!important;
color: #0B0B16;
}
body.prevent-scroll {
overflow: hidden!important;
}
.custom-main-container {
width: 1240px;
padding: 0 20px;
margin: 0 auto;
}
.woocommerce-account.logged-in .entry-content>.woocommerce .button {
color: #0B0B16;
}
.woocommerce-account.logged-in .entry-content>.woocommerce .button:hover{
color: #F9F9F9;
}
a:focus,
a:focus-visible{
box-shadow: none;
outline: none!important;
}
h1 {
text-align: center;
font-family: "Playfair", serif!important;
font-size: 24px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal;
text-transform: uppercase!important;
}
button {
outline: 0!important;
box-shadow: none!important;
}
@media screen and (min-width: 1025px) {
h1 {
font-size: 48px!important;
}
}
figure {
margin: 0!important;
}
/* ------------------------------------------------------- HEADER -------------------------------------------------- */
body.home.has-bhfb-builder:not(.header-transparent) {
padding-top: 0!important;
}
.woocommerce widget_shopping_cart {
display: none!important;
}
/* .sticky-header-active .bhfb-mobile.enable-sticky-custom-header {
position: fixed;
width: 100%;
} */
.bhfb-mobile.enable-sticky-custom-header {
position: fixed!important;
top: 0;
left: 0;
right: 0;
}
.home header {
position: fixed!important;
width: 100%;
top: 0!important;
}
.header-contact .ws-svg-icon{
display: none!important;
}
.header-contact a {
color: #F9F9F9!important;
font-family: "Bellota Text"!important;
font-size: 13px!important;
font-style: normal;
font-weight: 700!important;
line-height: normal;
}
.widget_shopping_cart {
display: none!important;
}
.bhfb-header .bhfb-component-woo_icons {
-webkit-box-align: end!important;
-ms-flex-align: end!important;
align-items: flex-end!important;
}
.home .bhfb-main_header_row:not(.sticky-shadow) {
background-color: transparent!important;
-webkit-transition-delay: 0.3s;
-o-transition-delay: 0.3s;
transition-delay: 0.3s;
}
.home .bhfb-main_header_row:not(.sticky-shadow):hover {
background-color: #F9F9F9 !important;
-webkit-transition-delay: 0s;
-o-transition-delay: 0s;
transition-delay: 0s;
}
.home .bhfb-main_header_row.active-header-modal {
background-color: #F9F9F9 !important;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .menu-header-main-menu-container #primary-menu > li > a,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .menu-header-main-menu-es-container #primary-menu > li > a,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .menu-header-main-menu-fr-container #primary-menu > li > a,
.home .header-item.wc-account-link .header-account-name {
color: #F9F9F9;
}
.home .bhfb-main_header_row:not(.sticky-shadow):hover .menu-header-main-menu-container #primary-menu > li > a,
.home .bhfb-main_header_row.active-header-modal:hover .menu-header-main-menu-container #primary-menu > li > a,
.home .bhfb-main_header_row:not(.sticky-shadow):hover .menu-header-main-menu-es-container #primary-menu > li > a,
.home .bhfb-main_header_row.active-header-modal:hover .menu-header-main-menu-es-container #primary-menu > li > a,
.home .bhfb-main_header_row:not(.sticky-shadow):hover .menu-header-main-menu-fr-container #primary-menu > li > a,
.home .bhfb-main_header_row.active-header-modal:hover .menu-header-main-menu-fr-container #primary-menu > li > a,
.home .bhfb-main_header_row:not(.sticky-shadow):hover .header-item.wc-account-link .header-account-name {
color: #0B0B16;
}
.bhfb-main_header_row .menu-header-main-menu-container #primary-menu > li > a,
.bhfb-main_header_row .menu-header-main-menu-es-container #primary-menu > li > a,
.bhfb-main_header_row .menu-header-main-menu-fr-container #primary-menu > li > a {
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding: 0;
}
body:not(.home) .bhfb-main_header_row,
.bhfb-main_header_row .menu-header-main-menu-container #primary-menu > .current_page_item,
.bhfb-main_header_row .menu-header-main-menu-container #primary-menu > li:hover,
.bhfb-main_header_row .menu-header-main-menu-es-container #primary-menu > .current_page_item,
.bhfb-main_header_row .menu-header-main-menu-es-container #primary-menu > li:hover,
.bhfb-main_header_row .menu-header-main-menu-fr-container #primary-menu > .current_page_item,
.bhfb-main_header_row .menu-header-main-menu-fr-container #primary-menu > li:hover{
border-bottom: 1px solid #0B0B16;
}
.bhfb-main_header_row .menu-header-main-menu-container #primary-menu > li,
.bhfb-main_header_row .menu-header-main-menu-es-container #primary-menu > li,
.bhfb-main_header_row .menu-header-main-menu-fr-container #primary-menu > li {
border-bottom: 1px solid transparent;
}
.home .bhfb-main_header_row .custom-logo-link img {
display: none!important;
}
.bhfb-main_header_row .custom-logo-link,
.bhfb-main_header_row .custom-logo-link img {
width: 156px;
height: 34px;
background-size: contain!important;
}
@media screen and (max-width: 360px) {
.bhfb-main_header_row .custom-logo-link,
.bhfb-main_header_row .custom-logo-link img {
width: 126px;
height: 24px;
background-size: contain!important;
}
}
@media (max-width: 575px) {
.bhfb-header .bhfb-main_header_row .bhfb-column-3 .bhfb-builder-item + .bhfb-builder-item {
width: 25px;
}
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .custom-logo-link {
background: url('/wp-content/uploads/2025/04/Logo_Primary_Header.png') no-repeat center;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .custom-logo-link,
/*.home .sticky-mobile-active .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .custom-logo-link {*/
.home .sticky-mobile-active .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .custom-logo-link,
.home .bhfb-main_header_row.active-header-modal .custom-logo-link,
.home .bhfb-main_header_row:not(.active-header-modal) .custom-logo-link,
.home .bhfb-main_header_row.sticky-shadow .custom-logo-link {
background: url('/wp-content/uploads/2025/04/cropped-Logo-black.png') no-repeat center;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .menu-header-languages-container {
border-left: 1px solid #F9F9F9;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .menu-header-languages-container {
border-left: 1px solid #0B0B16;
}
.wc-account-link:hover svg:not(.stroke-based),
.wc-account-link svg:not(.stroke-based){
fill: transparent!important;
}
.wc-account-link .ws-svg-icon {
width: 20px!important;
height: 20px!important;
}
.bhfb-mobile .wc-account-link {
display: none;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .wc-account-link svg path {
stroke: #F9F9F9;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .wc-account-link:hover svg path {
stroke: rgba(11, 11, 22, 0.50);
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .wc-account-link svg path {
stroke: #0B0B16;
}
.wc-account-link .ws-svg-icon:hover svg path,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .wc-account-link:hover svg path,
.wc-account-link.active svg path{
stroke: rgba(11, 11, 22, 0.50);
}
.header-item.wc-account-link .header-account-name {
font-family: 'Bellota Text', sans-serif;
text-transform: capitalize;
font-size: 16px;
margin-left: 15px;
font-weight: 700;
color: #0B0B16;
display: none;
}
.sticky-header-active .has-sticky-header .bhfb-main_header_row .wc-account-link .header-account-name {
color: #0B0B16;
}
@media screen and (min-width: 1200px) {
.header-item.wc-account-link .header-account-name {
display: block;
}
}
/* cart icon */
.site-header-cart .cart-contents .cart-count .ws-svg-icon{
display: none;
}
.site-header-cart .cart-contents .cart-count .count-number {
color: #F9F9F9!important;;
text-align: center;
font-family: "Bellota"!important;
font-size: 8px!important;
font-style: normal;
font-weight: 700!important;
line-height: normal;
text-transform: uppercase;
background: #0B0B16!important;
border: none!important;
width: auto!important;
height: auto!important;
min-width: 14px!important;
min-height: 14px;
padding: 1px 3px!important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
top: 1px!important;
right: -4px!important;
}
.site-header-cart .cart-contents .cart-count,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .site-header-cart .cart-contents .cart-count{
display: block;
width: 18px;
height: 18px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .site-header-cart .cart-contents .cart-count {
background-image: url("data:image/svg+xml;utf8,");
}
.site-header-cart .cart-contents .cart-count:hover,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .site-header-cart .cart-contents .cart-count:hover {
background-image: url("data:image/svg+xml;utf8,");
}
/* search icon */
.header-search,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .header-search{
display: block;
width: 18px;
height: 18px;
background-size: contain;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;utf8,");
}
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .header-search{
background-image: url("data:image/svg+xml;utf8,");
}
.header-search:hover,
.header-search.active,
.home .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .header-search:hover{
background-image: url("data:image/svg+xml;utf8,");
}
.header-search .icon-search > svg,
.header-search .icon-cancel > svg {
display: none;
}
/* mobile icon menu */
.bhfb-mobile .menu-toggle .ws-svg-icon{
display: none;
}
.bhfb-mobile .menu-toggle,
.home .bhfb-mobile .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal):hover .menu-toggle {
display: block;
width: 24px;
height: 20px;
background-image: url("data:image/svg+xml;utf8,");
background-size: contain;
background-repeat: no-repeat;
}
.home .bhfb-mobile .bhfb-main_header_row:not(.sticky-shadow):not(.active-header-modal) .menu-toggle {
background-image: url("data:image/svg+xml;utf8,");
}
.bhfb-header.bhfb-desktop .menu-header-main-menu-container #primary-menu > li.lang-item,
.bhfb-header.bhfb-desktop .menu-header-main-menu-es-container #primary-menu > li.lang-item,
.bhfb-header.bhfb-desktop .menu-header-main-menu-fr-container #primary-menu > li.lang-item {
display: none;
}
@media screen and (min-width: 1200px) {
.bhfb-header.bhfb-desktop .bhfb-column-1 {
min-width: 405px!important;
}
.bhfb-main_header_row .menu-header-main-menu-container #primary-menu > li > a,
.bhfb-main_header_row .menu-header-main-menu-es-container #primary-menu > li > a,
.bhfb-main_header_row .menu-header-main-menu-fr-container #primary-menu > li > a {
font-size: 18px;
}
}
@media screen and (min-width: 992px) {
.bhfb-header .bhfb-above_header_row .bhfb-column-1 {
justify-content: center!important;
}
body.sticky-header-active .bhfb.bhfb-header.has-sticky-header.sticky-row-main-header-row {
position: fixed;
width: 100%;
}
.bhfb-mobile .wc-account-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-item.wc-account-link {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-header-main-menu-container #primary-menu,
.menu-header-main-menu-es-container #primary-menu,
.menu-header-main-menu-fr-container #primary-menu{
gap: 24px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.menu-header-main-menu-container #primary-menu > li,
.menu-header-main-menu-es-container #primary-menu > li,
.menu-header-main-menu-fr-container #primary-menu > li {
margin-right: 0;
}
.bhfb-main_header_row .custom-logo-link,
.bhfb-main_header_row .custom-logo-link img {
width: 274px!important;
height: 48px!important;
}
.wc-account-link .ws-svg-icon {
width: 18px!important;
height: 18px!important;
}
}
.bhfb-main_header_row .bhfb-column-2 {
min-width: 156px;
}
.bhfb-main_header_row .container-fluid {
padding: 0 20px!important;
max-width: 1240px!important;
}
.header-top-info {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-top-info p,
.header-top-info p a{
color: #F9F9F9;
margin: 0;
font-family: "Bellota Text";
font-size: 8px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.header-top-info p:not(:last-child)::after {
content: "•";
margin: 0 8px;
color: #F9F9F9;
}
@media (min-width: 375px) {
.header-top-info p,
.header-top-info p a{
font-size: 10px;
}
}
@media (min-width: 992px) {
.header-top-info p,
.header-top-info p a{
font-size: 13px;
}
}
.site-branding {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.site-branding .site-title,
.site-branding .site-description {
display: none!important;
}
.header-search {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.bhfb-component-search > .header-search {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.search-overlay {
z-index: 1000!important;
background-color: rgba(33, 33, 33, 0)!important;
}
.header-search-form {
background-color: #F9F9F9!important;
padding: 40px 20px 55px!important;
}
.header-search-form form {
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
.header-search-form form button {
background-color: transparent !important;
border: none;
padding: 0 !important;
margin-right: 13px;
background-size: contain!important;
width: 29px;
height: 29px;
background: url('/wp-content/uploads/2025/04/Research_Header.png') no-repeat center;
}
.header-search-form form button svg {
display: none;
}
.header-search-form form {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.wc-search-field {
border-right: 1px solid transparent!important;
border-left: 1px solid transparent!important;
border-top: 1px solid transparent!important;
border-bottom: 2px solid #000!important;
background-color: transparent!important;
padding: 0px 9px 6px 0!important;
font-family: Playfair;
font-size: 17px!important;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
width: 238px!important;
color: rgba(11, 11, 22, 0.50)!important;
}
header input[type="search"]:focus {
border-color: transparent;
outline: none;
-webkit-box-shadow: none;
box-shadow: none;
border-bottom: 2px solid #000;
}
@media screen and (min-width: 992px) {
.header-search-form {
padding: 64px 20px 112px!important;
}
.header-search-form form button {
width: 40px;
height: 40px;
margin-right: 18px;
}
.wc-search-field {
font-size: 24px!important;
width: 331px!important;
}
}
.menu-header-languages-container .botiga-dropdown-li {
height: 20px;
}
.menu-header-languages-container {
border-left: 1px solid #000;
padding-left: 16px;
}
.lang-item.lang-item-es a {
background: url('/wp-content/uploads/2025/04/SP_Flag.png') no-repeat center;
}
.lang-item.lang-item-en a {
background: url('/wp-content/uploads/2025/04/EN_Flag.png') no-repeat center;
}
.lang-item.lang-item-fr a {
background: url('/wp-content/uploads/2025/04/FR_Flag.png') no-repeat center;
}
.lang-item {
margin-right: 16px!important;
}
.lang-item a {
background-size: contain!important;
padding-left: 16px!important;
width: 18px;
height: 18px;
}
.lang-item.lang-item-es a img,
.lang-item.lang-item-en a img,
.lang-item.lang-item-fr a img{
height: 0!important;
}
/* mobile lang */
.mobile-language-style-custom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 16px;
}
.mobile-language-style-custom .lang-item{
padding: 12px 0 !important;
height: 45px;
border-bottom: none !important;
margin-right: 0 !important;
}
.mobile-language-style-custom .lang-item a {
padding: 0 !important;
width: 20px!important;
height: 20px!important;
}
/* Скрытый элемент по умолчанию */
.hidden-account-modal {
display: none;
}
.header-search-form-active .header-search-form {
margin-top: -1px;
border-bottom: 0.5px solid #0B0B16;
}
/* Оверлей */
.overlay-account-modal {
position: fixed;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: transparent;
z-index: 999;
}
/* Модальное окно */
.account-modal {
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
background: white;
padding: 40px 20px 77px;
z-index: 1000;
width: 100%;
background-color: #F9F9F9;
border-bottom: 0.5px solid #0B0B16;
opacity: 0;
-webkit-transition: opacity .5s;
-o-transition: opacity .5s;
transition: opacity .5s;
/* transition: opacity 1s ease, transform 1s ease, visibility 1s; */
visibility: hidden;
}
.account-modal.active {
opacity: 1;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
visibility: visible;
}
.account-modal-inner {
width: 100% !important;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.log-in-account {
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding: 8px 24px;
border: 1.5px solid #0B0B16;
margin-bottom: 12px;
}
.log-in-account:hover {
background-color: #0B0B16;
color: #F9F9F9;
}
.create-an-account {
font-size: 16px;
font-style: italic;
font-weight: 600;
line-height: normal;
text-decoration: underline;
text-transform: capitalize;
}
.account-modal-inner p {
margin: 10px 0;
}
@media (min-width: 991px) and (max-width: 1200px) {
.bhfb-row.bhfb-cols-layout-equal-tablet.bhfb-cols-3 {
grid-template-columns: auto minmax(100px, 1fr) auto!important;
}
}
@media (max-width: 991px) {
.bhfb-header.bhfb-mobile {
height: 68px;
position: relative;
-webkit-transition: top 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
transition: top 0.3s, background 0.3s, -webkit-box-shadow 0.3s;
-o-transition: top 0.3s, background 0.3s, box-shadow 0.3s;
transition: top 0.3s, background 0.3s, box-shadow 0.3s;
transition: top 0.3s, background 0.3s, box-shadow 0.3s, -webkit-box-shadow 0.3s;
}
.bhfb-header.bhfb-mobile.sticky-mobile-active {
position: sticky;
top: 0;
background: #fff;
z-index: 9999;
-webkit-box-shadow: 0 2px 5px rgba(0,0,0,0.1);
box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}
.site-header-mobile-placeholder {
height: 68px;
}
}
/* Выпадающее меню */
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu {
position: fixed;
width: 100vw;
left: 0 !important;
background: #F9F9F9;
padding: 7px 0 54px;
opacity: 0;
visibility: hidden;
-webkit-transform: translateY(-20px);
-ms-transform: translateY(-20px);
transform: translateY(-20px);
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
z-index: 999;
-webkit-box-shadow: none!important;
box-shadow: none!important;
}
.sub-menu-custom-desktop-container {
width: 100%;
max-width: 1240px;
margin: 0 auto;
padding: 0 20px;
display: -ms-grid;
display: grid;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
gap: 10px;
}
.sub-menu-custom-desktop-container > li,
.sub-menu-custom-desktop-container > li a,
.sub-menu-custom-desktop-container .column-container .column > li a{
background: #F9F9F9!important;
}
.sub-menu-custom-desktop-container .column-container .column > li a{
padding: 4px 0!important;
font-size: 16px!important;
font-weight: 500;
line-height: normal;
}
.sub-menu-custom-desktop-container .column-container .column > li:hover a {
color: rgba(11, 11, 22, 0.50);
text-decoration: underline;
}
.menu--desktop-item--heading > a {
font-family: Playfair;
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
padding: 0!important;
}
.column-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 20px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children:hover > .sub-menu,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children:hover > .sub-menu,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children:hover > .sub-menu,
.bhfb-desktop .mega-menu-custom-header.menu-item-has-children.hovered > .sub-menu {
opacity: 1;
visibility: visible;
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children .sub-menu-custom-desktop-container > li a,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children .sub-menu-custom-desktop-container > li a,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children .sub-menu-custom-desktop-container > li a {
background: transparent!important;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu-custom-desktop-container li.menu--desktop-item--heading,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu-custom-desktop-container li.menu--desktop-item--heading,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu-custom-desktop-container li.menu--desktop-item--heading {
grid-column: 1 / -1;
font-size: 14px;
font-style: normal;
font-weight: 700!important;
line-height: normal;
text-transform: uppercase;
color: #0B0B16;
width: 100%;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu-custom-desktop-container li:not(.menu--desktop-item--heading),
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu-custom-desktop-container li:not(.menu--desktop-item--heading),
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu-custom-desktop-container li:not(.menu--desktop-item--heading) {
list-style: none;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
color: #0B0B16;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu-custom-desktop-container li:not(.menu--desktop-item--heading) a,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu-custom-desktop-container li:not(.menu--desktop-item--heading) a,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu-custom-desktop-container li:not(.menu--desktop-item--heading) a {
text-decoration: none;
-webkit-transition: color 0.3s ease;
-o-transition: color 0.3s ease;
transition: color 0.3s ease;
display: block;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
color: #0B0B16;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu-custom-desktop-container .column,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu-custom-desktop-container .column,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu-custom-desktop-container .column {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
max-width: 131px;
gap: 16px;
}
.column-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 40px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.bhfb-desktop .mega-menu-custom-header {
cursor: pointer;
}
.bhfb-desktop .mega-menu-custom-header .dropdown-symbol {
display: none;
}
@media (max-width: 992px) {
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu {
position: static;
width: 100%;
padding: 20px;
-webkit-box-shadow: none;
box-shadow: none;
-webkit-transform: none;
-ms-transform: none;
transform: none;
opacity: 1;
visibility: visible;
display: block;
-ms-grid-columns: 1fr;
grid-template-columns: 1fr;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu-custom-desktop-container,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu-custom-desktop-container,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu-custom-desktop-container {
display: block;
}
.bhfb-desktop .menu-header-main-menu-container .menu-item-has-children > .sub-menu-custom-desktop-container .column,
.bhfb-desktop .menu-header-main-menu-es-container .menu-item-has-children > .sub-menu-custom-desktop-container .column,
.bhfb-desktop .menu-header-main-menu-fr-container .menu-item-has-children > .sub-menu-custom-desktop-container .column {
max-width: none;
}
}
/* Mobile Header Menu */
header.bhfb-mobile {
z-index: 999;
}
header.bhfb-mobile .header-search-form {
top: 68px!important;
}
body.mobile-menu-visible:before {
background-color: transparent!important;
}
body.mobile-menu-visible header.bhfb-mobile .bhfb-main_header_row {
background-color: #F9F9F9!important;
}
body:not(.home) .bhfb-main_header_row {
background-color: #F9F9F9!important;
}
header.bhfb-mobile .header-search-form {
border-top: 0.5px solid #0B0B16;
}
.mobile-custom-style {
border-top: 0.5px solid #0B0B16;
height: inherit!important;
padding: 35px 20px 25px!important;
}
.bhfb-mobile_offcanvas .mobile-menu-close {
top: 15px!important;
right: 15px!important;
}
.mobile-custom-style .menu-header-main-menu-container > ul > li,
.mobile-custom-style .menu-header-main-menu-es-container > ul > li,
.mobile-custom-style .menu-header-main-menu-fr-container > ul > li {
padding-top: 0!important;
border-bottom: 0.5px solid #0B0B16!important;
}
.mobile-custom-style .menu-header-main-menu-container > ul > li > a,
.mobile-custom-style .menu-header-main-menu-es-container > ul > li > a,
.mobile-custom-style .menu-header-main-menu-fr-container > ul > li > a {
width: auto!important;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding: 12px 0!important;
color: #0B0B16;
}
.mobile-custom-style .menu-header-main-menu-container > ul > li .sub-menu,
.mobile-custom-style .menu-header-main-menu-es-container > ul > li .sub-menu,
.mobile-custom-style .menu-header-main-menu-fr-container > ul > li .sub-menu {
padding: 0 0 15px;
}
.mobile-custom-style .menu-header-main-menu-container > ul > li .sub-menu > li,
.mobile-custom-style .menu-header-main-menu-es-container > ul > li .sub-menu > li,
.mobile-custom-style .menu-header-main-menu-fr-container > ul > li .sub-menu > li {
border-bottom: none!important;
}
.mobile-custom-style .menu-header-main-menu-container > ul > li .sub-menu > li > a,
.mobile-custom-style .menu-header-main-menu-es-container > ul > li .sub-menu > li > a,
.mobile-custom-style .menu-header-main-menu-fr-container > ul > li .sub-menu > li > a {
padding: 0!important;
font-size: 14px;
font-style: normal;
font-weight: 500;
line-height: normal;
text-transform: capitalize;
color: #0B0B16;
}
.bhfb-desktop .menu-header-main-menu-container ul li.header-mobile-sign-up,
.bhfb-desktop .menu-header-main-menu-container ul li.header-mobile-login,
.bhfb-desktop .menu-header-main-menu-container ul li.header-mobile-my-account,
.bhfb-desktop .menu-header-main-menu-es-container ul li.header-mobile-sign-up,
.bhfb-desktop .menu-header-main-menu-es-container ul li.header-mobile-login,
.bhfb-desktop .menu-header-main-menu-es-container ul li.header-mobile-my-account,
.bhfb-desktop .menu-header-main-menu-fr-container ul li.header-mobile-sign-up,
.bhfb-desktop .menu-header-main-menu-fr-container ul li.header-mobile-login,
.bhfb-desktop .menu-header-main-menu-fr-container ul li.header-mobile-my-account{
display: none!important;
}
.mobile-custom-style .header-mobile-custom-account-link {
border-bottom: 0.5px solid #0B0B16 !important;
}
.mobile-custom-style .header-mobile-custom-account-link > li {
border: none!important;
}
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-sign-up {
padding: 0 0 5px!important;
}
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-sign-up a {
color: rgba(11, 11, 22, 0.50);
font-family: Playfair;
font-size: 16px;
font-style: italic;
font-weight: 600;
line-height: normal;
text-decoration: underline;
text-transform: capitalize;
padding: 0 !important;
}
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-login,
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-my-account {
padding: 0 !important;
}
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-login a {
padding: 12px 0 0 !important;
}
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-login a,
.mobile-custom-style .header-mobile-custom-account-link .header-mobile-my-account a {
color: #0B0B16;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
}
.menu-header-main-menu-container .dropdown-symbol,
.menu-header-main-menu-es-container .dropdown-symbol,
.menu-header-main-menu-fr-container .dropdown-symbol{
display: inline-block;
width: 6px; /* Размеры такие же как в SVG */
height: 10px;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: center;
background-size: contain;
-webkit-transition: -webkit-transform 0.3s ease;
transition: -webkit-transform 0.3s ease;
-o-transition: transform 0.3s ease;
transition: transform 0.3s ease;
transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.menu-header-main-menu-container .dropdown-symbol.arrow-opened,
.menu-header-main-menu-es-container .dropdown-symbol.arrow-opened,
.menu-header-main-menu-fr-container .dropdown-symbol.arrow-opened {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.menu-header-main-menu-container .dropdown-symbol .ws-svg-icon,
.menu-header-main-menu-es-container .dropdown-symbol .ws-svg-icon,
.menu-header-main-menu-fr-container .dropdown-symbol .ws-svg-icon {
display: none;
}
@media (min-width: 992px) {
.mobile-language-style-custom {
display: none;
}
}
/* ------------------------------------------------------- HEADER END -------------------------------------------------- */
/* ------------------------------------------------------- FOOTER -------------------------------------------------- */
.bhfb-footer {
background-color: #0B0B16!important;
}
.bhfb-main_footer_row,
.bhfb-below_footer_row,
.bhfb-footer .bhfb-main_footer_row .container{
max-width: 1200px;
margin: 0 auto;
}
.bhfb-below_footer_row .container{
padding: 0!important;
}
/*.bhfb-footer .bhfb-main_footer_row .container{*/
/* margin: 0 !important;*/
/* max-width: 1200px!important;*/
/*}*/
.bhfb-main_footer_row .container .bhfb-row {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 32px;
margin-top: 65px!important;
margin-bottom: 65px;
}
.bhfb-footer .bhfb-below_footer_row{
min-height: -webkit-min-content !important;
min-height: -moz-min-content !important;
min-height: min-content !important;
padding: 0 0 72px;
border-top-color: #F9F9F9!important;
}
.bhfb-footer .bhfb-below_footer_row .container{
margin: 0!important;
}
@media (max-width: 767px) {
.bhfb-main_footer_row .container .bhfb-row .bhfb-column {
text-align: center;
}
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-1 {
padding: 32px 0;
position: relative;
}
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-1::before,
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-1::after {
content: '';
position: absolute;
left: 50%;
width: 48px;
height: 1px;
background-color: #F9F9F9;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
}
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-1::before {
top: 0;
}
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-1::after {
bottom: 0;
}
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-4 {
-webkit-box-ordinal-group: -1;
-ms-flex-order: -2;
order: -2;
}
.bhfb-main_footer_row .container .bhfb-row .bhfb-column-3 {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
.bhfb-footer .bhfb-row-wrapper {
margin: 0 20px;
padding: 0 0 24px!important;
}
.bhfb-main_footer_row .container .bhfb-row {
margin-top: 32px!important;
margin-bottom: 30px!important;
}
}
.footer__logo img {
width: 124px;
height: 86px;
-o-object-fit: contain;
object-fit: contain;
margin-bottom: 16px;
}
.footer__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer__socials a:hover svg path {
fill: #f9f9f97d;
}
.footer__title {
color: #F9F9F9!important;
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
margin: 0 0 20px;
}
.footer__list {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.footer__list li {
padding: 0!important;
}
.footer__link,
.footer__text {
color: #F9F9F9!important;
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
}
.footer__link:hover {
color: rgba(249, 249, 249, 0.50)!important;
}
.bhfb-component-copyright {
width: 100%;
}
.botiga-credits {
margin-top: 8px;
color: #F9F9F9!important;
font-family: "Bellota Text";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
text-align: center;
}
@media (min-width: 768px) {
.botiga-credits {
text-align: start;
}
.bhfb-footer .bhfb-main_footer_row .container {
padding: 0 20px!important;
}
.bhfb-footer .bhfb-below_footer_row {
width: calc(100% - 40px);
}
.bhfb-main_footer_row .container .bhfb-row {
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-direction: row;
flex-direction: row;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
gap: 20px;
margin-bottom: 50px;
}
.footer__logo img {
width: 129px;
height: 89px;
margin-bottom: 20px;
}
}
@media (min-width: 1240px) {
.bhfb-footer .bhfb-main_footer_row .container {
padding: 0!important;
}
}
/* ------------------------------------------------------- FOOTER END -------------------------------------------------- */
/* ------------------------------------------------------- LOGIN PAGE + registration -------------------------------------------------- */
.password-wrapper {
position: relative;
display: flex;
align-items: center;
}
.password-wrapper input[type="password"],
.password-wrapper input[type="text"] {
width: 100%!important;
padding-right: 38px; /* чтобы место для иконки не перекрывало текст */
}
.show-password-toggle {
position: absolute;
right: 12px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
font-size: 20px;
color: #888;
z-index: 2;
user-select: none;
}
.show-password-toggle svg{
width: 22px;
height: 16px;
margin-top: 14px;
}
.login-form-page,
.registration-form-page {
width: 100%;
max-width: 1240px!important;
}
.woocommerce-lost-password .woocommerce-ResetPassword {
margin: 0 auto!important;
}
.login-form-page .login-form,
.registration-form-page .registration-form{
width: 100%;
max-width: 400px;
margin: 0 auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.login-form-page .login-form-row,
.registration-form-page .registration-form-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
margin-bottom: 15px
}
.lost-your-password {
text-align: center;
}
.login-form-page label,
.registration-form-page label,
.login-form-page .woocommerce-privacy-policy-text,
.registration-form-page .woocommerce-privacy-policy-text,
.chenge-page-login,
.lost-your-password,
.login-form-page .woocommerce-form-login__rememberme span,
.registration-form-page .woocommerce-form-login__rememberme span,
.lost_reset_password label{
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 400;
color: #0B0B16;
}
.login-form-page input,
.registration-form-page input,
.lost_reset_password input{
background-color: transparent!important;
}
.login-form-page .woocommerce-privacy-policy-link a,
.registration-form-page .woocommerce-privacy-policy-link a {
font-weight: 700!important;
}
.login-form-page .woocommerce-privacy-policy-text,
.registration-form-page .woocommerce-privacy-policy-text {
text-align: justify;
}
.chenge-page-login {
text-align: center;
}
.chenge-page-login a {
font-weight: 700!important;
}
.login-form-page .button,
.registration-form-page .button,
.lost_reset_password .button {
background-color: transparent!important;
color: #0B0B16!important;
text-align: center;
font-family: 'Playfair';
font-size: 20px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
border: 1px solid #0B0B16;
}
.login-form-page .button:hover,
.registration-form-page .button:hover,
.lost_reset_password .button:hover {
background-color: #0B0B16!important;
color: #F9F9F9!important;
}
.lost_reset_password label{
text-align: start;
}
.lost_reset_password input,
.lost_reset_password .button {
width: 100%;
}
/* ------------------------------------------------------- LOGIN PAGE + registration END -------------------------------------------------- */
/* ------------------------------------------------------- Home Page -------------------------------------------------- */
.home .container {
padding: 0!important;
margin: 0 auto!important;
overflow: hidden;
}
#page.site {
overflow: hidden;
}
.home-page-section-top,
.home-page-section-top .e-con-inner{
width: 100%;
max-width: 1440px;
margin: 0 auto;
padding: 0!important;
}
.home-page-main-img img{
height: 852px!important;
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
}
@media (min-width: 1024px) {
.home-page-main-img img{
width: 100%;
height: 1180px!important;
-o-object-position: center;
object-position: center;
}
}
/* Slider category */
.home-page-category-container-custom {
padding: 0 20px!important;
}
.home-page-category-slider {
width: 100%;
max-width: 100%;
}
.home-page-category-slider__custom-slider {
position: relative;
width: 100%;
height: 216px;
overflow: hidden;
}
.home-page-category-slider__slide::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 55%;
z-index: -1;
background: -webkit-gradient(
linear,
left top, left bottom,
from(rgba(11, 11, 22, 0)),
to(rgba(11, 11, 22, 1))
);
background: -o-linear-gradient(
top,
rgba(11, 11, 22, 0) 0%,
rgba(11, 11, 22, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(11, 11, 22, 0) 0%,
rgba(11, 11, 22, 1) 100%
);
}
.home-page-category-slider__slide {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-size: cover;
background-position: center;
opacity: 0;
-webkit-transition: opacity 1s ease-in-out;
-o-transition: opacity 1s ease-in-out;
transition: opacity 1s ease-in-out;
z-index: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-decoration: none;
color: white;
pointer-events: none;
-webkit-transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease;
transition: opacity 1s ease-in-out, -webkit-transform 0.5s ease;
-o-transition: opacity 1s ease-in-out, transform 0.5s ease;
transition: opacity 1s ease-in-out, transform 0.5s ease;
transition: opacity 1s ease-in-out, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.home-page-category-slider__slide:hover {
-webkit-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
z-index: 2;
}
.home-page-category-slider__slide.active {
opacity: 1;
z-index: 1;
pointer-events: auto;
}
.home-page-category-slider__text {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 12px;
margin-bottom: 32px;
}
.home-page-category-slider__text p {
color: #F9F9F9;
text-align: center;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: capitalize;
margin: 0;
}
.home-page-category-slider__custom-slider-icon {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
/* Контролы под слайдером */
.home-page-category-slider__controls {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 0;
padding: 24px 0px;
}
.home-page-category-slider__nav {
background: transparent;
border: none;
font-size: 20px;
padding: 0 15px;
cursor: pointer;
}
.home-page-category-slider__nav:hover {
background: transparent;
}
.home-page-category-slider__nav:hover svg path{
fill: rgba(11, 11, 22, 0.50);
}
.home-page-category-slider__label {
color: #0B0B16!important;
text-align: center;
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: capitalize;
display: block;
}
@media (min-width: 768px) {
.home-page-category-slider {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 88px;
padding: 0 50px;
}
.home-page-category-slider__custom-slider {
height: 542px;
width: 100%;
max-width: 994px;
margin: 0 auto;
}
.home-page-category-slider__text p {
font-size: 48px;
margin-bottom: 48px;
}
.home-page-category-slider__custom-slider-icon {
display: none;
}
.home-page-category-slider__label {
display: none;
}
.home-page-category-slider__controls {
position: absolute;
width: 100%;
top: calc(50% - 88px);
max-width: 1120px;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
}
.home-page-category-slider__controls svg {
width: 14px;
height: 29px;
}
}
/* Slider category end */
/* Slider events */
.headline-white {
background-color: #0B0B16!important;
}
.headline-white h1 {
color: #F9F9F9!important;
}
.upcoming-events-slider__main,
.about-us-video-section {
margin: -1px auto 10px!important ;
padding: 0!important;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0B0B16), color-stop(50%, transparent))!important;
background: -o-linear-gradient(top, #0B0B16 50%, transparent 50%)!important;
background: linear-gradient(to bottom, #0B0B16 50%, transparent 50%)!important;
}
.upcoming-events-slider__outer,
.upcoming-events-slider__main .e-con-inner,
.upcoming-events-slider__main-wrap {
max-width: 1440px!important;
width: 100%;
margin: 0 auto!important;
padding: 0!important;
position: relative;
}
.upcoming-events-slider {
overflow: hidden !important;
}
.upcoming-events-slider__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.upcoming-events-slider__slide {
-webkit-box-flex: 0;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: auto!important;
width: 378px!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.upcoming-events-slider__link {
height: 100%;
}
@media (max-width: 1024px) {
.upcoming-events-slider__slide {
width: 300px!important;
margin-right: 30px;
}
}
@media (max-width: 768px) {
.upcoming-events-slider__slide {
width: 200px!important;
margin-right: 20px;
}
.upcoming-events-slider__slide .events-page-event-date-custom {
font-size: 8px;
line-height: 8px;
padding: 4px;
margin-bottom: 8px;
}
.upcoming-events-slider__slide .events-page-event-card-custom {
padding: 15px;
}
.upcoming-events-slider__slide .events-page-event-header-custom h2 {
font-size: 20px;
line-height: 20px;
margin: 0 0 10px;
min-heigth: inherit!important;
}
.upcoming-events-slider__slide .events-page-event-image-custom-wrap {
margin-bottom: 10px;
}
.events-page-event-content-custom p {
font-size: 10px;
line-height: 10px;
margin-bottom: 10px;
}
.upcoming-events-slider__slide .events-page-event-image-custom,
.upcoming-events-slider__slide .events-page-event-image-custom-wrap{
height: 140px!important;
}
.text-line-home-page {
width: 100%;
max-width: 250px!important;
margin: 0 auto;
}
}
@media (max-width: 480px) {
.upcoming-events-slider__slide {
width: 200px!important;
margin-right: 16px;
}
}
.upcoming-events-slider__nav--next {
right: -20px;
}
.upcoming-events-slider__nav--prev {
left: -20px;
}
/* Slider events end */
/* Slider events end */
/* Slider events end */
/* ------------------------------------------------------- Home Page END -------------------------------------------------- */
/* ------------------------------------------------------- ALL Page -------------------------------------------------- */
.page-name-headline-customn h1 {
margin: 10px auto 34px!important;
}
.page-name-headline-customn-white h1{
margin: 44px auto 32px!important;
}
.page-name-headline-customn-checkout h1 {
margin: 0 auto!important;
}
@media (min-width: 1024px) {
.page-name-headline-customn h1 {
margin: 16px auto 46px!important;
}
.page-name-headline-customn-white h1{
margin: 74px auto 48px!important;
}
.page-name-headline-customn-checkout h1{
margin: 20px auto 0px!important
}
}
/* ------------------------------------------------------- ALL Page END -------------------------------------------------- */
/* ------------------------------------------------------- CATEGORY PAGE -------------------------------------------------- */
.woof_container_ourcatalog h4 .woof_front_toggle,
.woof_container_collection h4 .woof_front_toggle,
.woof_container_sizes h4 .woof_front_toggle,
.woof_container_price h4 .woof_front_toggle {
color: transparent!important;
}
.category-container-custom .elementor-container {
gap: 16px;
}
.category-container-custom {
margin-bottom: 16px;
}
.category-container-custom .elementor-column {
max-height: 481px;
margin-bottom: 0;
}
.category-container-custom a {
position: relative;
display: block!important;
}
.category-container-custom a::after {
content: '';
width: 100%;
height: 100%;
background-color: rgba(11, 11, 22, 0.50);
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1);
-webkit-transition: background-color 0.5s ease;
-o-transition: background-color 0.5s ease;
transition: background-color 0.5s ease;
position: absolute;
top: 0;
left: 0;
z-index: 2;
}
.category-container-custom a:hover::after {
background-color: transparent;
}
.category-container-custom img {
height: auto!important;
min-height: 288px;
max-height: 481px;
}
.category-container-custom a::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 55%;
z-index: 1;
background: -webkit-gradient(
linear,
left top, left bottom,
from(rgba(11, 11, 22, 0)),
to(rgba(11, 11, 22, 1))
);
background: -o-linear-gradient(
top,
rgba(11, 11, 22, 0) 0%,
rgba(11, 11, 22, 1) 100%
);
background: linear-gradient(
to bottom,
rgba(11, 11, 22, 0) 0%,
rgba(11, 11, 22, 1) 100%
);
}
.category-image-custom .widget-image-caption {
width: 94%;
position: absolute;
bottom: 53px;
left: 50%;
-webkit-transform: translate(-50%, 0);
-ms-transform: translate(-50%, 0);
transform: translate(-50%, 0);
font-family: Playfair!important;
color: #F9F9F9!important;
font-size: 24px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
padding-bottom: 20px;
z-index: 1;
}
.category-image-custom .widget-image-caption::after {
content: '';
position: absolute;
left: 50%;
-webkit-transform: translateX(-50%);
-ms-transform: translateX(-50%);
transform: translateX(-50%);
bottom: 5px;
width: 31px;
height: 14px;
background-image: url('data:image/svg+xml;utf8,');
background-repeat: no-repeat;
background-size: contain;
}
@media (min-width: 767px) {
.category-container-custom a::before {
height: 40%;
}
.category-container-custom .elementor-container {
-ms-flex-wrap: nowrap!important;
flex-wrap: nowrap!important;
}
.category-container-custom {
margin-bottom: 16px;
}
}
@media (min-width: 1024px) {
.category-container-custom .elementor-container {
gap: 32px;
}
.category-image-custom .widget-image-caption {
font-size: 38px;
}
.category-container-custom {
margin-bottom: 32px;
}
}
/* ------------------------------------------------------- CATEGORY PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- EVENTS PAGE END -------------------------------------------------- */
.events-page-wrapper-custom {
max-width: 1240px;
margin: auto;
padding: 0 20px 46px;
}
.events-page-event-card-custom:hover .events-page-event-image-custom {
-webkit-transform: scale(1.10);
-ms-transform: scale(1.10);
transform: scale(1.10);
}
.events-page-breadcrumbs-custom,
.events-page-breadcrumbs-custom a {
color: rgba(11, 11, 22, 0.50)!important;
font-family: "Bellota Text";
font-size: 12px;
font-style: normal;
font-weight: 700;
line-height: 36px;
margin: 10px 0 24px;
}
.page-name-headline-custom h1 {
margin: 16px auto 32px !important;
}
.events-page-breadcrumbs-custom span {
text-decoration: underline;
}
.events-page-grid-custom {
display: -ms-grid;
display: grid;
grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
gap: 16px;
}
.events-page-event-card-custom {
text-decoration: none;
color: inherit;
background-color: #FFF;
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 24px;
}
.events-page-event-header-custom h2 {
color: #0B0B16;
font-family: Playfair;
font-size: 28px;
font-style: normal;
font-weight: 400;
line-height: 28px;
margin: 0 0 20px;
}
.events-page-event-date-custom {
color: #F9F9F9;
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: 16px;
background-color: #0B0B16;
padding: 6px 8px;
margin-bottom: 16px;
display: inline-block;
}
.events-page-event-image-custom-wrap {
height: 315px;
margin-bottom: 20px;
overflow: hidden;
}
.events-page-event-image-custom {
height: 315px;
background-size: cover;
background-position: center;
-webkit-transition: ease-in-out, -webkit-transform 0.5s ease;
transition: ease-in-out, -webkit-transform 0.5s ease;
-o-transition: ease-in-out, transform 0.5s ease;
transition: ease-in-out, transform 0.5s ease;
transition: ease-in-out, transform 0.5s ease, -webkit-transform 0.5s ease;
}
.events-page-event-content-custom p {
color: #0B0B16;
text-align: justify;
font-family: "Bellota Text";
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 20px;
}
.events-page-event-bottom-icon-custom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
@media (min-width: 767px) {
.events-page-wrapper-custom {
padding: 20px 20px 66px;
}
.page-name-headline-custom h1{
margin: 16px auto 48px!important;
}
.events-page-event-card-custom {
padding: 24px 32px;
}
.events-page-event-header-custom h2 {
font-size: 36px;
line-height: 36px;
min-height: 72px;
}
}
@media (min-width: 1024px) {
.events-page-wrapper-custom {
padding: 20px 20px 96px;
}
.events-page-breadcrumbs-custom {
margin: 0 0 24px;
}
.events-page-grid-custom {
gap: 32px;
}
}
/* ------------------------------------------------------- EVENTS PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- EVENS PAGE -------------------------------------------------- */
/*.single-post .category-event .entry-content {*/
/* width: 100% !important;*/
/* max-width: 100% !important;*/
/*}*/
.post .entry-header {
display: none;
}
.breadcrumbs-custom {
padding: 0 5px;
}
.singl-event-page {
margin-bottom: 40px;
}
.singl-event-page-colum {
}
.singl-event-page-title h2{
color: #000!important;
text-align: center;
font-family: Playfair!important;
font-size: 24px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal;
text-transform: uppercase;
margin-bottom: 12px;
}
.singl-event-page-slider .elementor-swiper-button svg {
fill: #0B0B16!important;
}
.singl-event-page-slider .swiper-slide {
height: auto!important;
}
.singl-event-page-slider .swiper-slide .swiper-slide-inner {
height: 100%;
}
.singl-event-page-slider .swiper-slide-image {
-o-object-fit: cover;
object-fit: cover;
-o-object-position: center;
object-position: center;
height: 100%;
max-height: 464px;
width: 100%;
}
.singl-event-page-date,
.singl-event-page-text,
.singl-event-page-gallery {
width: calc(100% - 60px) !important;
margin: 0 auto;
}
.singl-event-page-date {
display: inline;
width: auto !important;
margin: 4px 0 24px 30px;
padding: 6px 8px;
background-color: #0B0B16;
}
.singl-event-page-date div {
color: #F9F9F9!important;
font-family: "Bellota Text"!important;
font-size: 16px!important;
font-style: normal;
font-weight: 400!important;
line-height: 16px!important;
margin-bottom: 0;
}
.singl-event-page-text {
color: #0B0B16!important;
font-family: "Bellota Text"!important;
font-size: 16px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal!important;
text-align: justify!important;
}
.singl-event-page-text p {
margin-bottom: 0!important;
}
.singl-event-page-text h3 {
color: #0B0B16!important;
text-align: justify;
font-family: "Bellota Text"!important;
font-size: 20px!important;
font-style: normal;
font-weight: 400;
line-height: normal!important;
margin: 0 0 10px;
}
.singl-event-page-gallery {
margin: 15px auto 32px!important;
}
.singl-event-page-gallery .gallery-item,
.singl-event-page-gallery a {
width: 100%!important;
max-width: 100%!important;
height: auto!important;
max-height: 481px!important;
overflow: hidden;
}
.singl-event-page-gallery .gallery-item .gallery-icon{
height: 100%;
}
.singl-event-page-gallery .gallery,
.singl-event-page-gallery .elementor-image-gallery {
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
-ms-flex-wrap: wrap!important;
flex-wrap: wrap!important;
gap: 10px;
margin-bottom: 0;
}
.singl-event-page-gallery .gallery .gallery-item,
.singl-event-page-gallery a {
width: 47%!important;
}
.singl-event-page-gallery .gallery-item img,
.singl-event-page-gallery a img{
max-width: 100%;
width: 100%;
height: 100%;
-o-object-fit: cover;
object-fit: cover;
margin: 0 !important;
}
@media (min-width: 360px) {
.singl-event-page-gallery .gallery,
.singl-event-page-gallery .elementor-image-gallery {
gap: 16px;
}
}
@media (min-width: 480px) {
.singl-event-page-gallery .gallery .gallery-item,
.singl-event-page-gallery a {
width: 48%!important;
}
}
@media (min-width: 1024px) {
.singl-event-page {
margin-bottom: 96px;
}
.singl-event-page-title h2 {
font-size: 48px!important;
margin-bottom: 18px;
}
.singl-event-page-slider .swiper,
/* .singl-event-page-date, */
.singl-event-page-text,
.singl-event-page-gallery {
width: calc(100% - 120px)!important;
}
.singl-event-page-date {
margin: 4px 0 0 60px;
}
.singl-event-page-slider .elementor-swiper-button {
font-size: 29px!important;
}
.singl-event-page-gallery {
margin: 25px auto 40px!important;
}
.singl-event-page-gallery .gallery,
.singl-event-page-gallery a {
gap: 32px;
}
}
/* ------------------------------------------------------- EVENS PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- ABOUT US PAGE -------------------------------------------------- */
.about-us__main-content {
padding: 0 20px!important;
margin-bottom: 45px!important;
}
.about-us__main-content .e-con-inner {
max-width: 1200px!important;
padding: 0!important;
display: -webkit-box!important;
display: -ms-flexbox!important;
display: flex!important;
gap: 20px!important;
}
.about-us__main-content-text {
-webkit-box-pack: justify!important;
-ms-flex-pack: justify!important;
justify-content: space-between!important;
}
.about-us-video__video {
width: 100% !important;
max-width: 688px !important;
margin: 0 auto;
padding: 0 20px!important;
}
.about-us__social {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
gap: 12px;
}
.about-us__socials {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 14px;
height: 28px;
}
.about-us__main-content-text p{
text-align: justify;
}
.about-us__social p {
color: #0B0B16;
font-family: "Playfair"!important;
font-size: 24px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 0;
text-align: justify;
}
.about-us__socials a:hover svg path {
fill: rgba(11, 11, 22, 0.50);
}
@media (min-width: 768px) {
.about-us__main-content .e-con-inner {
gap: 32px!important;
}
.about-us__main-content-img {
width: 40%!important;
}
.about-us__main-content-text {
width: 60%!important;
}
}
@media (min-width: 1024px) {
.about-us__main-content {
margin-bottom: 70px!important;
}
.about-us__main-content-img {
width: 46%!important;
}
.about-us__main-content-text {
width: 54%!important;
}
}
/* ------------------------------------------------------- ABOUT US PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- CONTACTS US PAGE -------------------------------------------------- */
.contacts-info__main {
padding: 0 20px!important;
margin: -1px auto 50px!important ;
background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #0B0B16), color-stop(50%, transparent))!important;
background: -o-linear-gradient(top, #0B0B16 50%, transparent 50%)!important;
background: linear-gradient(to bottom, #0B0B16 50%, transparent 50%)!important;
}
.contacts-info__main .e-con-inner {
width: 100%!important;
max-width: 790px!important;
background-color: #F9F9F9;
padding: 20px!important;
}
.contacts-info__wrap {
}
.contscts-form-container {
padding: 0 20px!important;
}
.wpcf7-form label {
color: #0B0B16;
text-align: justify;
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
}
.wpcf7-form label span{
color: #C7314C;
}
.wpcf7-form input {
min-height: 48px!important;
padding: 9px 15px!important;
}
.wpcf7-form input,
.wpcf7-form textarea{
width: 100%;
background-color: #F9F9F9!important;
}
.wpcf7-form textarea {
height: 353px!important;
}
.contacts-btn {
display: inline;
}
.contacts-row p,
.contacts-message p{
margin-bottom: 15px;
}
.contacts-btn input[type=submit] {
width: auto;
color: #0B0B16!important;
text-align: center;
font-family: 'Playfair'!important;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
border: 1px solid #0B0B16!important;
background-color: transparent!important;
padding: 12px 16px!important;
}
.contacts-btn input[type=submit]:hover {
background-color: #0B0B16!important;
color: #F9F9F9!important;
}
@media (min-width: 768px) {
.contacts-row {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 32px;
}
.contacts-row > p{
width: 50%;
}
.contacts-btn {
display: inline-block;
}
.contacts-row p,
.contacts-message p{
margin-bottom: 24px;
}
.contacts-btn input[type=submit] {
font-size: 20px;
padding: 16px 24px!important;
}
}
@media (min-width: 1024px) {
.contacts-info__main {
margin: -1px auto 80px!important ;
}
.contacts-info__main .e-con-inner {
padding: 48px!important;
}
}
/* ------------------------------------------------------- CONTACTS US PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- LEGAL NOTICE PAGE -------------------------------------------------- */
.legal-notices-page {
padding: 0 20px 32px!important;
}
.legal-notices-page h3{
color: #0B0B16!important;
text-align: justify;
font-family: "Bellota Text"!important;
font-size: 20px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal;
margin: 0 0 7px!important;
}
.legal-notices-page p {
color: #0B0B16!important;
text-align: justify;
font-family: "Bellota Text"!important;
font-size: 16px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal;
margin-bottom: 0!important;
}
.advantages__container .e-con-inner {
padding: 0!important;
}
.advantages__wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 35px 20px;
gap: 32px;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
max-width: 325px;
margin: 0 auto;
}
.advantages__block {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
text-align: left;
align-items: center;
}
.advantages__icon {
margin-right: 25px;
width: 50px;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.advantages__title {
color: #0B0B16;
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0!important;
}
.advantages__desc {
color: #0B0B16;
font-family: "Bellota Text";
font-size: 14px;
font-style: normal;
font-weight: 700;
line-height: normal;
margin: 0!important;
}
@media (min-width: 768px) {
.advantages__wrapper {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
max-width: 100%;
}
}
@media (min-width: 1024px) {
.legal-notices-page {
padding: 0 20px 56px!important;
}
.advantages__wrapper {
padding: 54px 20px;
gap: 64px;
}
.advantages__icon {
width: auto;
}
.advantages__title {
font-size: 20px;
}
.advantages__desc {
font-size: 16px;
}
}
/* ------------------------------------------------------- LEGAL NOTICE PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- CATEGORY PAGE END -------------------------------------------------- */
.woocommerce-page-header {
background-color: #F9F9F9!important;
max-width: 1240px!important;
margin: 0 auto!important;
}
.woocommerce-page-header .container {
width: 100%!important;
max-width: 100%!important;
padding-left: 20px!important;
padding-right: 20px!important;
}
.woocommerce-ordering,
.woocommerce-result-count {
display: none!important;
}
.archive .woocommerce-page-header+.content-wrapper {
max-width: 1240px!important;
}
.archive #primary.site-main {
padding: 0 20px!important;
}
.filter-secondary-sidebar-toggle-wrap {
width: 100%;
padding: 0 20px;
margin: 0 auto 24px;
}
.filter-secondary-sidebar-toggle {
width: -webkit-min-content;
width: -moz-min-content;
width: min-content;
min-width: 200px;
margin: 0 auto;
display: block;
padding: 8px 16px;
border: 1.5px solid #0B0B16;
color: #0B0B16;
text-align: center;
font-family: Playfair;
font-size: 16px;
font-style: normal;
font-weight: 600;
line-height: normal;
text-transform: uppercase;
background-color: transparent
}
#secondary.widget-area p {
margin-bottom: inherit!important;
}
.woof_container_ourcatalog,
.woof_container_collection,
.woof_container_sizes,
.woof_fs_by_price {
padding: 12px 0 0;
border-top: 1px solid #0B0B16;
margin-bottom: 0!important;
}
.woof_container_ourcatalog .woof_list_label,
.woof_container_collection .woof_list_label {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: start;
gap: 7px;
}
.woof_container_ourcatalog .woof_list_label,
.woof_container_collection .woof_list_label,
.woof_container_sizes .woof_list_label {
padding: 0 0 32px;
}
.woof_container_ourcatalog .woof_label_term,
.woof_container_collection .woof_label_term {
background-color: transparent!important;
border: none!important;
margin: 0!important;
padding: 0!important;
line-height: 25px;
overflow: hidden;
text-decoration: none;
cursor: pointer;
min-width: 100%;
max-width: 100%;
height: auto!important;
color:#0B0B16!important;
font-family: 'Playfair'!important;
font-size: 16px!important;
font-style: normal;
font-weight: 500!important;
line-height: normal;
text-transform: capitalize;
}
.woof_container_ourcatalog .woof_label_term.checked,
.woof_container_collection .woof_label_term.checked,
.woof_container_ourcatalog .woof_label_term:hover,
.woof_container_collection .woof_label_term:hover{
color: rgba(11, 11, 22, 0.50)!important;
text-decoration: underline!important;
}
.woof_container_sizes .woof_label_term {
width: 30px !important;
min-width: 30px !important;
height: 30px !important;
color: #0B0B16!important;
text-align: center;
font-family: 'Playfair' !important;
font-size: 14px!important;
font-style: normal;
font-weight: 500!important;
line-height: normal;
text-transform: uppercase!important;
background-color: transparent;
border: 1px solid #0B0B16!important;
}
.woof_container_sizes .woof_label_term.checked {
color: #F9F9F9!important;
background-color: #0B0B16!important;
}
.woof_container_sizes .woof_label_term:hover{
color: #F9F9F9!important;
background-color: #0B0B16!important;
border: 1px solid #0B0B16!important;
}
.filter-title-custom h4,
.woof_container_ourcatalog h4,
.woof_container_collection h4,
.woof_container_sizes h4,
.woof_fs_by_price h4 {
color: #0B0B16!important;
font-family: 'Playfair'!important;
font-size: 18px!important;
font-style: normal;
font-weight: 600!important;
line-height: normal;
text-transform: uppercase;
margin: 0 0 8px!important;
}
.woof_container_ourcatalog h4 .woof_front_toggle,
.woof_container_collection h4 .woof_front_toggle,
.woof_container_sizes h4 .woof_front_toggle {
position: relative;
display: inline-block;
color: transparent;
float: none!important;
padding-left: 8px;
}
.woof_container_ourcatalog h4 .woof_front_toggle::before,
.woof_container_collection h4 .woof_front_toggle::before,
.woof_container_sizes h4 .woof_front_toggle::before {
content: "";
display: inline-block;
width: 5px;
height: 10px;
background-image: url('/wp-content/uploads/2025/05/Left_Arrow-close.png');
background-size: contain;
background-repeat: no-repeat;
background-position: center;
vertical-align: middle;
margin-top: -1px;
}
.woof_container_ourcatalog h4 .woof_front_toggle.woof_front_toggle_opened::before,
.woof_container_collection h4 .woof_front_toggle.woof_front_toggle_opened::before,
.woof_container_sizes h4 .woof_front_toggle.woof_front_toggle_opened::before{
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
transform: rotate(90deg);
}
.woof_fs_by_price .irs--round .irs-handle {
top: 33px!important;
width: 10px!important;
height: 10px!important;
border: 4px solid #0B0B16!important;
background-color: #0B0B16!important;
border-radius: 24px;
}
.woof_fs_by_price .irs--round .irs-bar {
top: 37px!important;
height: 2px!important;
background-color: rgba(11, 11, 22, 0.50)!important;
}
.woof_fs_by_price .irs--round .irs-line {
top: 37px!important;
height: 2px!important;
}
.woof_fs_by_price .irs-with-grid .irs-grid {
display: none!important;
}
.woof_fs_by_price .irs--round .irs-from,
.woof_fs_by_price .irs--round .irs-to,
.woof_fs_by_price .irs--round .irs-max {
color: #000!important;
background-color: transparent!important;
text-align: center;
font-family: "Bellota Text"!important;
font-size: 12px!important;
font-style: normal;
font-weight: 700!important;
line-height: normal;
text-transform: uppercase;
padding: 6px 0 6px 12px!important;
}
.woof_fs_by_price .irs--round.irs-with-grid {
width: 202px!important;
}
.woof_fs_by_price .irs--round .irs-from:before,
.woof_fs_by_price .irs--round .irs-to:before {
border-top-color: transparent!important;
}
.woof_submit_search_form_container {
border-top: 1px solid #0B0B16;
margin: 0 0 12px!important;
padding: 12px 0 0;
}
.woof_reset_search_form {
border: 1px solid #0B0B16!important;
color: #0B0B16!important;
background-color: transparent!important;
text-align: center;
font-family: 'Playfair'!important;
font-size: 12px!important;
font-style: normal;
font-weight: 600!important;
line-height: normal;
text-transform: uppercase;
padding: 9px 13px!important;
}
.woof_reset_search_form:hover {
color: #F9F9F9!important;
background-color: #0B0B16!important;
}
.archive .woocommerce-page-header+.content-wrapper {
margin-top: 46px!important;
}
.archive .woocommerce.woocommerce-page {
justify-items: end;
}
.archive ul.products.columns-2 {
max-width: 792px!important;
}
.archive .products .product {
padding: 24px 24px 32px!important;
background-color: #FFFDFD!important;
}
.archive .products .product .woocommerce-loop-product__link {
position: relative;
margin-bottom: 16px!important;
}
.archive .products .product .botiga-wc-loop-product__title,
.archive .products .product .woocommerce-loop-product__title {
color: #0B0B16!important;
text-align: center!important;
font-family: "Playfair"!important;
font-size: 32px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal;
text-transform: capitalize!important;
margin-bottom: 12px!important;
}
.archive .products .product .price span,
.archive .products .product .price del {
color: rgba(11, 11, 22, 0.50)!important;
text-align: center;
font-family: "Bellota Text"!important;
font-size: 20px!important;
font-style: normal;
font-weight: 400!important;
line-height: normal;
text-transform: capitalize!important;
}
.archive .products .product .star-rating{
display: none!important;
}
.catalog-custom-product-btn {
border: 1.5px solid #0B0B16!important;
padding: 8px 16px!important;
background-color: transparent!important;
color: #0B0B16!important;
text-align: center;
font-family: "Playfair"!important;
font-size: 20px!important;
font-style: normal;
font-weight: 600!important;
line-height: normal;
text-transform: uppercase;
}
.catalog-custom-product-btn:hover{
color: #F9F9F9!important;
background-color: #0B0B16!important;
}
.archive .woocommerce-loop-product__link .onsale,
.error404 .products404 .onsale {
padding: 2px 16px 2px 11px !important;
top: 0px !important;
left: 0px !important;
color: #F9F9F9!important;
font-family: "Bellota Text"!important;
font-size: 16px!important;
font-style: normal;
font-weight: 700!important;
line-height: 22px!important;
background-color: transparent!important;
background-image: url("data:image/svg+xml;utf8,");
background-repeat: no-repeat;
background-position: right center;
background-size: 100%;
}
@media (max-width: 560px){
.products404 ul.products {
-ms-grid-row-align: center;
-ms-grid-column-align: center;
place-self: center;
}
}
@media (min-width: 560px) and (max-width: 768px){
.products404 ul.products {
grid-template-columns: repeat(2, 1fr)!important;
}
}
@media (max-width: 990px) {
.archive .products .product .botiga-wc-loop-product__title,
.archive .products .product .woocommerce-loop-product__title {
line-height: 24px!important;
}
.archive .products .product .botiga-wc-loop-product__title {
font-size: 24px!important;
}
.archive .products .product .price span,
.archive .products .product .price del {
font-size: 18px!important;
}
.catalog-custom-product-btn {
margin: 0 auto!important;
}
.woocommerce-page-header {
padding-top: 24px!important;
padding-bottom: 46px!important;
}
.archive .woocommerce-page-header+.content-wrapper {
margin-top: 0!important;
margin-bottom: 50px!important;
}
.archive #secondary {
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
margin: 0;
}
.filter-secondary-sidebar-toggle-wrap {
display: block;
-webkit-box-ordinal-group: 0;
-ms-flex-order: -1;
order: -1;
}
#secondary.widget-area {
position: fixed;
top: 0;
left: -100%;
width: 85%;
height: 100%;
background: #F9F9F9;
z-index: 9999;
-webkit-transition: left 0.3s ease;
-o-transition: left 0.3s ease;
transition: left 0.3s ease;
overflow-y: auto;
-webkit-box-shadow: -2px 0 5px rgba(0,0,0,0.2);
box-shadow: -2px 0 5px rgba(0,0,0,0.2);
padding-top: 25px;
}
.archive #secondary.active {
left: 0;
}
.sidebar-overlay {
display: none;
position: fixed;
z-index: 1000;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: transparent;
}
.sidebar-overlay.visible {
display: block;
}
}
@media (min-width: 991px) {
.woocommerce-page-header {
padding-top: 24px!important;
padding-bottom: 0!important;
}
.filter-secondary-sidebar-toggle-wrap {
display: none;
}
.archive #secondary {
-webkit-box-ordinal-group: inherit;
-ms-flex-order: inherit;
order: inherit;
}
}
.woocommerce-pagination li .page-numbers:hover,
.woocommerce-pagination li .page-numbers:focus,
.woocommerce-pagination li .page-numbers.current {
background-color: #0B0B16 !important;
}
/* ------------------------------------------------------- CATEGORY PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- COMMING SOON PAGE -------------------------------------------------- */
.wp-site-blocks:has(>.wp-block-woocommerce-coming-soon) {
margin: 0 auto!important;
}
/* ------------------------------------------------------- COMMING SOON PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- CHECKOUT PAGE -------------------------------------------------- */
#checkout-page {
padding: 0 20px!important;
}
.page-name-headline-customn-checkout {
padding: 0 5px;
}
#checkout-page .wc-block-components-title.wc-block-components-title {
background-color: #0B0B16;
padding: 10px 16px !important;
color: #F9F9F9;
font-family: "Bellota Text";
font-size: 20px !important;
font-style: normal;
font-weight: 400;
}
#checkout-page .wc-block-components-text-input {
margin-top: 16px;
}
#checkout-page .wc-block-components-text-input input,
#checkout-page .wc-blocks-components-select__container select,
#checkout-page .wc-block-components-text-input input:focus,
#checkout-page .wc-block-components-text-input input:focus-visible,
#checkout-page .wc-blocks-components-select__container select:focus,
#checkout-page .wc-blocks-components-select__container select:focus-visible {
border-radius: 0!important;
border: 1px solid #0B0B16!important;
background-color: transparent!important;
outline: 0 !important;
box-shadow: none !important;
}
#checkout-page .wc-block-components-text-input input:focus-visible + label {
outline: none!important;
border-radius: 0;
}
#checkout-page .wc-blocks-components-select .wc-blocks-components-select__container {
background-color: transparent!important;
}
#checkout-page .wc-block-components-notice-banner {
margin: 5px 0!important;
}
#checkout-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox],
#checkout-page .wc-block-components-textarea {
border-radius: 0px;
border: 1px solid #0B0B16;
background-color: transparent;
}
#checkout-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus,
#checkout-page .wc-block-components-checkbox .wc-block-components-checkbox__input[type=checkbox]:focus-visible,
#checkout-page .wc-block-components-textare a:focus,
#checkout-page .wc-block-components-textare a:focus-visible{
box-shadow: none!important;
outline: 0!important;
}
#checkout-page .wc-block-components-text-input label,
#checkout-page .wc-block-components-checkout-step__description,
#checkout-page .wc-block-components-address-form__address_2-toggle,
#checkout-page .wc-block-components-notice-banner__content,
/* #checkout-page .wc-block-components-checkbox__label, */
#checkout-page .wc-block-components-checkout-return-to-cart-button,
#checkout-page .wc-block-components-textarea {
font-family: "Bellota Text";
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
color: #0B0B16;
}
#checkout-page .wc-block-checkout__add-note .wc-block-components-checkbox__label {
line-height: 22px!important;
}
#checkout-page .wp-block-woocommerce-checkout-terms-block,
#checkout-page .wc-block-checkout__add-note .wc-block-components-checkbox__label {
font-family: Playfair;
font-size: 16px;
line-height: 16px;
color: #0B0B16;
font-weight: 500;
}
#checkout-page .wp-block-woocommerce-checkout-terms-block a {
font-weight: 800;
}
#checkout-page .wc-block-components-checkout-return-to-cart-button {
margin: 24px auto;
}
#checkout-page .wc-block-components-checkout-place-order-button {
background-color: transparent;
border: 1px solid #0B0B16!important;
color: #0B0B16!important;
font-family: Playfair;
font-size: 22px!important;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
min-height: min-content!important;
padding: 12px 15px;
min-height: 53px !important;
height: 53px;
}
#checkout-page .wc-block-components-checkout-place-order-button:hover{
background-color: #0B0B16!important;
color: #F9F9F9!important;
}
#checkout-page .wc-block-components-checkout-place-order-button:hover .wc-block-components-checkout-place-order-button__text{
color: #F9F9F9!important;
}
#checkout-page .is-mobile .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__title {
border-bottom: none;
border-top: none;
}
#checkout-page .wc-block-components-checkout-order-summary__title {
border-top: 1px solid #0B0B16 !important;
border-bottom: 1px solid #0B0B16 !important;
margin-top: 0;
color: #0B0B16;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content {
border-bottom: 1px solid #0B0B16;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content .wc-block-components-totals-wrapper:first-child {
padding: 0!important;
}
#checkout-page .wc-block-components-checkout-order-summary__title-text {
color: #0B0B16!important;
font-family: Playfair;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-block.checkout-order-summary-block-fill-wrapper {
display: none!important;
}
#checkout-page .wc-block-components-formatted-money-amount,
#checkout-page .wc-block-components-product-price__value {
font-family: Bellota;
}
#checkout-page .wc-block-components-product-name,
#checkout-page .wc-block-components-product-details__size,
#checkout-page .wc-block-components-totals-item__label,
#checkout-page .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
font-family: Playfair;
}
#checkout-page .is-large:not(.wc-block-checkout) .wc-block-components-product-details__name {
font-weight: 400;
}
#checkout-page .wc-block-components-totals-item__label,
#checkout-page .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
font-size: 22px;
font-weight: 400;
color: #0B0B16;
}
#checkout-page .wc-block-components-formatted-money-amount,
#checkout-page .wc-block-components-product-price__value,
#checkout-page .wc-block-components-product-name,
#checkout-page .wc-block-components-product-details__size{
color: #0B0B16;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: 16px;
padding-top: 0!important;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item__individual-prices,
#checkout-page .wc-block-components-product-metadata__description {
padding-top: 0!important;
display: none;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description .wc-block-components-product-metadata {
margin: 0 !important;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item__image>img {
max-width: 58px;
width: 58px;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item__quantity {
font-family: Bellota;
background: #0B0B16;
border: none;
box-shadow: none;
color: #ffffff;
}
#checkout-page .wc-block-components-order-summary
.wc-block-components-order-summary-item:not(:first-of-type) {
border-top: 1px solid #0B0B16;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item {
padding: 16px 0;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item__image {
margin-top: 0;
padding-bottom: 0;
position: relative;
width: 58px;
}
#checkout-page .wc-block-components-order-summary .wc-block-components-order-summary-item__description {
padding-bottom: 0px;
padding-left: 18px;
padding-right: 15px;
padding-top: 3px;
}
#checkout-page .wc-block-components-validation-error {
font-size: 14px!important;
line-height: 14px!important
font-family: Playfair;
}
#checkout-page .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper {
border-top: 1px solid #0B0B16;
padding: 12px 0;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-totals-block {
border-top: 1px solid #0B0B16;
padding: 12px 0;
}
#checkout-page .wc-block-components-totals-item {
align-items: center;
}
#checkout-page .wc-block-components-totals-coupon__input {
margin-top: 0!important;
}
#checkout-page #wc-block-components-totals-coupon__input-coupon {
height: 45px!important;
padding: 20px 15px 5px 9px!important;
font-family: Playfair!important;
font-size: 16px!important;
line-height: 16px!important;
color: #0B0B16!important;
}
#checkout-page .wc-block-components-totals-coupon__button {
min-height: 45px;
height: 45px;
padding: 12px 10px;
background-color: transparent!important;
border: 1px solid #0B0B16;
}
#checkout-page .wc-block-components-button__text {
color: #0B0B16!important;
font-family: Playfair;
font-size: 20px;
font-style: normal;
font-weight: 700;
line-height: normal;
text-transform: uppercase;
opacity: 1!important;
}
#checkout-page .wc-block-components-totals-coupon__button:hover {
background-color: #0B0B16!important;
color: #F9F9F9;
}
#checkout-page .wc-block-components-totals-coupon__button:focus {
outline: none!important;
box-shadow: none!important;
}
#checkout-page .wc-block-components-totals-coupon__button:hover .wc-block-components-button__text {
color: #F9F9F9!important;
}
#checkout-page .wc-block-components-form .wc-block-components-checkout-step {
padding-top: 16px;
margin-bottom: 16px;
}
#checkout-page .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
padding-top: 20px!important;
margin-bottom: 20px!important;
border-top: none;
}
#checkout-page .wc-block-checkout__contact-fields .wc-block-components-checkout-step__heading,
#checkout-page .wc-block-components-checkout-step__heading {
margin: 0 0 16px;
}
#checkout-page .wc-block-checkout__sidebar {
margin-bottom: 0;
}
#checkout-page .wc-block-components-totals-item__value,
#checkout-page .wc-block-components-totals-footer-item-tax-value {
font-size: 18px;
line-height: 18px;
}
.wc-block-components-checkout-place-order-button::after {
content: '';
display: inline-block;
vertical-align: middle;
width: 18px;
height: 14px;
margin-left: 10px;
background-repeat: no-repeat;
background-size: contain;
background-position: center;
/* Вставь свой data URI SVG */
background-image: url('/wp-content/uploads/2025/06/checkout-black.png');
}
.wc-block-components-checkout-place-order-button:hover::after {
background-image: url('/wp-content/uploads/2025/06/checkout-white.png');
}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-customer-details h2 {
font-family: Playfair;
text-transform: uppercase;
}
.custom-btn-go-to-home {
display: inline-flex;
padding: 8px 24px;
justify-content: center;
align-items: center;
background-color: transparent;
border: 1px solid #0B0B16;
color: #0B0B16;
text-align: center;
font-family: Playfair;
font-size: 20px;
font-style: normal;
font-weight: 600;
text-transform: uppercase;
}
.custom-btn-go-to-home:hover,
.custom-btn-go-to-home:focus {
color: #F9F9F9;
background-color: #0B0B16;;
}
@media (max-width: 600px) {
#checkout-page .is-mobile .wc-block-components-form .wc-block-components-checkout-step:after,
#checkout-page .is-small .wc-block-components-form .wc-block-components-checkout-step:after {
background: #0B0B16;
bottom: -16px;
box-shadow: none;
content: "";
height: 1px;
opacity: 1;
position: absolute;
width: 100%;
}
}
.wc-block-components-radio-control--highlight-checked .wc-block-components-radio-control-accordion-option--checked-option-highlighted, .wc-block-components-radio-control--highlight-checked label.wc-block-components-radio-control__option--checked-option-highlighted {
border-radius: 0!important;
box-shadow: none!important;
border: 1px solid #0B0B16;
}
@media (min-width: 731px) {
#checkout-page .wc-block-components-sidebar-layout .wc-block-components-main {
padding-right: 10px!important;
width: 52%!important;
}
#checkout-page .wc-block-components-sidebar {
padding-left: 22px!important;
width: 48%!important;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-block {
border: 1px solid #0B0B16;
border-radius: 0;
padding: 30px 20px 0;
}
#checkout-page .wc-block-components-order-summary {
padding: 0;
}
#checkout-page .wc-block-components-checkout-order-summary__title {
border-top: none!important;
border-bottom: none!important;
}
#checkout-page .wc-block-components-checkout-order-summary__title-text {
margin-left: 0 !important;align-content
}
#checkout-page .wc-block-components-totals-coupon,
#checkout-page .wc-block-components-totals-item {
padding-left: 0;
padding-right: 0;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-block .wc-block-components-checkout-order-summary__content {
border-bottom: none;
}
#checkout-page .wc-block-checkout__terms.wc-block-checkout__terms--with-separator {
border-top: 1px solid #0B0B16;
}
}
@media (min-width: 991px) {
#checkout-page .wc-block-components-checkout-return-to-cart-button {
margin: 18px auto;
}
#checkout-page .wc-block-components-sidebar-layout .wc-block-components-main {
width: 55%!important;
}
#checkout-page .wc-block-components-sidebar {
width: 45%!important;
}
#checkout-page .wc-block-components-checkout-place-order-button {
font-size: 24px!important;
}
#checkout-page .wc-block-components-totals-item__label,
#checkout-page .wp-block-woocommerce-checkout-order-summary-coupon-form-block {
font-size: 24px;
line-height: 24px;
}
#checkout-page .wc-block-components-checkout-order-summary__title-text {
font-size: 24px;
}
#checkout-page .wc-block-components-checkout-order-summary__content > .wc-block-components-totals-wrapper,
#checkout-page .wp-block-woocommerce-checkout-order-summary-totals-block {
padding: 16px 0;
}
.woocommerce-order-received .woocommerce-order-details__title,
.woocommerce-order-received .woocommerce-customer-details h2 {
font-size: 30px;
line-height: 30px;
}
}
@media (min-width: 1140px) {
#checkout-page .wc-block-components-sidebar-layout .wc-block-components-main {
width: 60%!important;
}
#checkout-page .wc-block-components-sidebar {
width: 40%!important;
}
#checkout-page .wc-block-components-formatted-money-amount,
#checkout-page .wc-block-components-product-price__value,
#checkout-page .wc-block-components-product-name,
#checkout-page .wc-block-components-product-details__size{
font-size: 20px;
line-height: 20px;
}
#checkout-page .wc-block-components-totals-item__value,
#checkout-page .wc-block-components-totals-footer-item-tax-value {
font-size: 24px;
line-height: 24px;
}
#checkout-page .wp-block-woocommerce-checkout-order-summary-block {
padding: 30px 45px;
}
}
/* ------------------------------------------------------- CHECKOUT PAGE END -------------------------------------------------- */
/* ------------------------------------------------------- ERROR 404 PAGE -------------------------------------------------- */
.error404 .search404 {
justify-content: center;
display: flex;
}
.error404 .search404 .search-submit{
border-left: 0;
border-top: 0;
border-right: 0;
}
.error404 .search404 .search-field,
.error404 .search404 .search-field:focus{
box-shadow: none;
}
.error404 .products404 {
padding-top: 60px!important;
}
.error404 .products404 h2 {
text-align: center;
margin-bottom: 40px;
font-weight: 400;
}
.error404 .products404 .product .woocommerce-loop-product__title,
.error404 .products404 .product .price,
.error404 .products404 .product .loop-button-wrap {
display: none;
}
.error404 .products404 .onsale {
top: 0px !important;
left: 0px !important;
}
/* ------------------------------------------------------- ERROR 404 PAGE END -------------------------------------------------- */