/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/
 #events h3   {
	/* add your css rule here */
}


 #events p.duration, #events div.duration   {
	/* add your css rule here */
}


 #events p.description, #events div.description   {
	/* add your css rule here */
}


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


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


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


 #eventForm #start_date-block-container h3, #eventForm #timeline-container h3   {
	/* add your css rule here */
}


 #eventForm #save_button   {
	/* add your css rule here */
}


 div.ui-widget-content   {
	/* add your css rule here */
}


 div.ui-widget-header   {
	/* add your css rule here */
}


 #timeline-container table.timeline   {
	/* add your css rule here */
}


 .timeline td.not_worked_time   {
	/* add your css rule here */
}


 .timeline td.free_time   {
	/* add your css rule here */
}


 .timeline td.selected_time   {
	/* add your css rule here */
}


 .timeline td.reserved_time   {
	/* add your css rule here */
}


 div#loading   {
	/* 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   {
	/* add your css rule here */
}

/* CSS by Oleg */

/* Mobile manu */
#header .nav-trigger {
    background-color: #000000 !important;
}
@media (max-width: 1024px) {
    #header .nav-wrapper {
        background: #000;
        outline: 2px solid white;
}
}

@media (max-width: 767px) {
    #header .nav-wrapper.active {
        margin-top: 15px;
    }
}

/* Map */
    #main #main-content #sb_content .map-wrapper {
        display: none;
}
.subscribe-component--btn-bar .btn-bar--row .btn.btn-danger, #main #main-buttons .btn.map {
    display: none;
}

/* Scroll btn */
#footer #sb_scroll_top_btn {
    border-radius: 50%;
    background-color: #333 !importanat;
    color: #deeff7 !importanat;
}

/* Order */
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected {
    background: transparent !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-on, #sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container .top-date-select .calendar .weeks-date .date.selected .day-off {
    color: #ffffff !important;
}

/* Адрес подмена */
a[href*="google.com/maps/search"] {
  font-size: 0 !important; /* Скрыть исходный текст */
  position: relative !important;
  display: inline-block !important;
}

a[href*="google.com/maps/search"]::after {
  content: "Szlak 77/b1, 31-161 Kraków" !important; 
  font-size: 14px !important; 
  color: #ffffff !important;
  position: relative !important;
  font-weight: normal !important;
  white-space: nowrap !important;
}

/* Copyright */
#footer .copyright a {
    display: none;
}
.copyright::after {
  content: " Embeauty clinic" !important;
  font-size: inherit !important;
  color: inherit !important;
  margin-left: 5px !important;
}

/* Мелкие правки */
#main #main-content #sb_content #sb-timeline #steps-content #sb_booking_content .step-content .item.provider-item .tab .excerpt-info .read-more {
    margin-right: 20px;
}
#main-buttons .wrapper .inner .bar .btn a {
    font-size: 22px !important;
}
#main #main-buttons .company-name {
    margin-top: -450px;
    margin-bottom: 5px !important;
}
@media (max-width: 768px) {
#main #main-buttons .company-name {
    margin-top: -200px;
    margin-bottom: 5px !important;
}
}
#main #main-buttons {
    max-height: 300px !important;
    min-height: 300px !important;
}


/* Regulamin */
a[href="#terms-and-conditions"] {
    position: relative;
    color: transparent !important;
    display: inline-block;
}

a[href="#terms-and-conditions"]::after {
    content: "EmBeauty clinic - Regulamin";
    color: #FFFFFF;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
    pointer-events: none; /* Позволяет кликать по ссылке */
}
.cap:not(.short) {
    font-size: 0 !important; /* Оригинальный текст исчезнет */
    pointer-events: none; /* Делаем некликабельным */
    position: relative;
    margin-bottom: 25px;
}

.cap:not(.short)::after {
    content: "Regulamin"; /* Новый текст */
    font-size: 22px; /* Вернем нормальный размер для нового текста */
    color: #FFFFFF; /* Цвет текста */
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    white-space: nowrap;
}