/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
@font-face {
    font-family: 'ErediZucca';
    src: url('https://cdn.shopify.com/s/files/1/0727/9919/1365/files/EREDI_ZUCCA-Regular.woff?v=1705408601') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}
@font-face {
    font-family: 'AktivGrotesk';
    src: url('https://cdn.shopify.com/s/files/1/0727/9919/1365/files/AktivGrotesk-Regular.woff?v=1707832765') format('woff');
    font-weight: 400;
    font-style: normal;
    font-display: swap;
}

body, p {
font-family: 'AktivGrotesk';
}

h1, h2, h3, h4, h5, h6, .title-main, .btn, #sb-timeline #steps #steps-content #sb_booking_content .item.panel .title, #sb-timeline #steps #steps-content #sb_booking_content .item.panel .mobile-title .title, #main #main-buttons .company-name {
font-family: 'ErediZucca';
font-weight: 400;
letter-spacing: 0.05em;
}
#main #main-buttons .company-name {
  font-size: 36px;
  margin-bottom: 0;
  line-height: 1.5;
  max-width: 60%;
  margin-bottom: 0;
  margin-left: 20%;
}

.title-main {
font-size: 20px;
font-weight: 400;
letter-spacing: 0.05em;
}
#header .logo a img {
width: 80%;
max-height: 60px;
}
#header .brand .logo a img {
margin-left: 55%;
}
#header .row .col-xs-4 {
  flex: 0;
  width: auto;
}
#header .row .col-xs-8 {
 display: flex; 
width: auto;
  flex: 3;
  justify-content: center;
}
#sb_google_translate .goog-te-gadget-simple {
  border-radius: 0;
  border: 1px solid #ab8c52;
  padding: 3px 15px 5px 12px;
  background-color: #010101;
  transition: all .3s ease;
  position: relative;
}
.goog-te-gadget-simple .VIpgJd-ZVi9od-xl07Ob-lTBxed span {
color: #d9d2ca;
font-family: 'AktivGrotesk';
}

#sb_google_translate .goog-te-gadget-simple .goog-te-gadget-icon {
  margin-left: 0;
  display: none;
}
.VIpgJd-ZVi9od-xl07Ob-OEVmcd, .VIpgJd-ZVi9od-vH1Gmf-ibnC6b {
box-shadow: none !important;
color: #d9d2ca;
background-color: #010101;
}

.VIpgJd-ZVi9od-vH1Gmf-ibnC6b .text {
color: #d9d2ca !important;
background-color: #010101 !important;
}

.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger, #main #main-buttons .btn.map {
border: 1px solid #ab8c52 !important;
}
#main-buttons .wrapper .inner .bar .btn a {
font-size: 16px;
}
#main-buttons .wrapper .inner {
text-align: center;
}

#main #main-buttons, #main-buttons .wrapper {
min-height: 75vh;
}

#header .nav-wrapper #sb_menu, #header .items-wrapper, #header .items-wrapper .nav-item#sb_cart .cart-container .cart, #header .items-wrapper .nav-item {
display: none;
}

#sb-timeline #steps #time-settings {
display: none;
}

@media only screen and (max-width: 827px) {
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .mobile-title, #sb-timeline #steps #steps-content #sb_booking_content .item.panel > .one-line.no-image {
width: 50%
}
}

#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item {
display: inline-flex;
align-items: center;
}


#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .btn.select, #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item.provider-item.panel .btn-bar .btn {
padding-bottom: 0;
align-self: center;
}

#sb-timeline #steps-nav {
margin-bottom: 40px;
}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel > .one-line .content {
min-height: fit-content;
align-content: center;
align-self: center;
}

#main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li.passed, #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li.passed + li, #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li:first-of-type, #main #main-content #sb_content #sb-timeline #steps-nav #menu-active-bg {
border-bottom: 0.5px solid #d9d2ca;
}

#sb-timeline #steps-nav li .content .title-sub {
height: fit-content;
white-space: normal;
line-height: 1.2;
overflow: visible;
text-overflow: ellipsis;
}

#main #main-content #sb_content #sb-timeline #sb_back_button {
padding-top: 16px;
padding-bottom: 16px;
}

#main-content, .page-pd, .filter .filter-list, .filter .filter-list .sb_filter_list, #booking-result-view, .invoice-pay-page .tab{
padding-top: 40px;
}
#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar {
padding-bottom: 0;
}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more {
display: none;
}

 #events h3, #header .nav-wrapper #sb_menu .nav li a, #main-buttons .wrapper .inner .bar .btn a, #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li:first-of-type .content .title-small, #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .btn.select, .booking-info, #main #main-content #sb_content #sb-timeline #steps-nav .booking-info ul li .content .title-small, #main #main-content #sb_content #sb-timeline #sb_back_button a, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption, #sb-timeline #steps #steps-content #sb_booking_content #details .title-main, #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .left-side .custom-form .form-horizontal .control-label, .current-booking-info .cap, .confirm-details .btn   {
 font-family: "ErediZucca", serif;
font-weight: 400;
letter-spacing: 0.05em;
}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel .info-bar .bar-flex-item.price .txt {
 font-family: "ErediZucca", serif;
font-size: 16px;
font-weight: 400;
letter-spacing: 0.05em;
}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .btn.select, #main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item.provider-item.panel .btn-bar .btn { 
background: transparent;
  font-size: 16px;
  color: #ab8c52;
  border: 1px solid #ab8c52;
  border-radius: 0;
}
.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger, #main #main-buttons .btn.map {
border: 1px solid #ab8c52;
  border-radius: 0;
}

 #events p.duration, #events div.duration, #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more .read-more .part.txt-part   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}

#sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more .read-more .part.txt-part, #sb-timeline #steps #steps-content #sb_booking_content .item.panel .btn-bar .wrap-read-more .read-more.collapsed .part.ico-part {
color: #d9d2ca;
}

 #events p.description, #events div.description   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 #events .selectedEvent   {
	/* add your css rule here */
}


 #events input.reserve_time_btn   {
 font-family: "ErediZucca", serif;
font-weight: 400;
letter-spacing: 0.05em;
	/* add your css rule here */
}


 #events input.select_another_btn   {
 font-family: "ErediZucca", serif;
font-weight: 400;
letter-spacing: 0.05em;
	/* add your css rule here */
}


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
 font-family: "ErediZucca", serif;
font-weight: 400;
letter-spacing: 0.05em;
	/* add your css rule here */
}


 #eventForm #save_button   {
 font-family: "ErediZucca", serif;
font-weight: 400;
letter-spacing: 0.05em;
	/* add your css rule here */
}


 div.ui-widget-content   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 div.ui-widget-header   {
 font-family: "ErediZucca", serif;
font-weight: 400;
letter-spacing: 0.05em;
	/* add your css rule here */
}


 #timeline-container table.timeline   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 .timeline td.free_time   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 .timeline td.selected_time   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 .timeline td.reserved_time   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 div#loading   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}


 #start_date-block-container .zend_form dt, start_date-block-container .zend_form dt b, start_date-block-container .zend_form dd label   {
font-family: 'AktivGrotesk';
	/* add your css rule here */
}