/*
	Custom CSS
	Please make sure your CSS rules are 
	more particular / have higher priority
	then other page styles
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

 #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 */
}

#header .nav-wrapper #sb_menu .nav li a {
font-size:14px;
}
#header .row {
align-items:center;
}


.weeks-name .name {
    font-weight: 400 !important;
    font-size: 14px !important;
}
.weeks-name .name.is-holiday {
	color: #d8d8d8 !important;
}
.weeks-date .date.selected, .timeline-wrapper .sb-cell.free {
    background-color: #d8d8d8 !important;
    border-radius: 0 !important;
}

#main-buttons .bar {
    flex-direction: column;
}

#main-buttons .bar .btn:after, .time-legend, #time-settings, .item_soc-links {
	display: none !important;
}
#main-buttons .bar .btn {
    width: auto !important;
    background-color: transparent !important;
    margin: 15px 0 !important;
}
#main-buttons .bar .btn a {
    display: inline-block;
    padding: 0 !important;
    color: #000 !important;
    text-transform: uppercase;
    background-color: rgba(255, 255, 255, 0.5);
    padding: 10px 0 !important;
}
#main-buttons .wrapper {
	height: 800px !important;
}
.timeline-wrapper {
    text-align: center;
}
.timeline-wrapper .container-caption {
    text-transform: uppercase;
    font-size: 16px !important;
    margin-bottom: 25px !important;
}
#sb_time_slots_container .slot {
    margin: 0 15px !important;
}
#main-buttons .wrapper .inner .bar .btn.map.btn-with-image {
    order: 2;
}
#sb_booking_content {
    margin-top: 50px;
}
#steps-content #sb_booking_content {
	margin-top: 30px;
}
.weeks-date .date {
	font-size: 14px !important;
}
#sb_dateview_container .header .txt-center {
    text-transform: uppercase;
}
#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header span {
	text-transform: uppercase;
    font-size: 13px;
}

#sb-timeline #steps #sb_back_button {
    position: inherit;
    margin-top: 40px;
}
.custom-form label {
    font-weight: 400;
    font-size: 15px;
}
.custom-form input:not([type=checkbox]), .custom-form textarea {
    font-size: 15px;
}
.booking-info--item {
    font-size: 15px;
}

.working_hours_contacts .col-sm-6:last-child {
    order: 1;
}
.working_hours_contacts .col-sm-6:first-child {
    order: 2;
    width: 280px;
}

.working_hours_contacts .section {
    background-color: transparent;
    box-shadow: none;
}
.working_hours_contacts .section-pd {
	padding: 0 !important;
}

.working_hours_contacts .title-main {
    text-transform: uppercase;
    font-size: 18px;
    padding-bottom: 0;
    margin-bottom: 20px;
}

.working_hours_contacts .links a {
    color: #000;
}
#content-view #schedule .overview tr td.day {
	font-weight: 400 !important;
}

#sb_content #content-view {
    padding-top: 50px !important;
}

.working_hours_contacts {
    min-width: 100%;
    width: 100%;
    justify-content: center;
    margin-bottom: 50px !important;
}
#content-view #schedule .overview tr td.time {
	text-transform: uppercase;
}

.title-section {
    text-align: center;
    text-transform: uppercase;
    font-size: 18px;
}

#schedule tr:first-child td, #schedule tr:last-child td {
    color: #d8d8d8 !important;
}

a.to-invoices-list {
    color: #000 !important;
}
.alert-info p.message {
    margin-bottom: 15px;
}
.title.invoice-title {
    margin-bottom: 20px !important;
}

.invoice-pay-page--page-pd.invoice-return .invoice-info .part tbody, .invoice-pay-page .invoice-info .part tbody, .invoice-return .invoice-info .part tbody {
	gap: 20px 22px;
}

#sb-timeline #steps-nav li .content .title-small {
	font-weight: 600;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
}

nav#steps-nav {
    margin-top: 30px;
    margin-bottom: 0 !important;
}

#sb-timeline #steps-nav #menu-active-bg {
	display: none !important;
}

#sb-timeline #steps-nav {
	box-shadow: none;
    background-color: transparent;
}

#sb-timeline #steps-nav li.active:after {
	border-top-color: transparent !important;
	border-bottom-color: transparent !important;
	background-color: transparent !important;
	border-left: 20px solid;
}
#sb-timeline #steps-nav li.passed+li:not(.passed):after {
	border-left: 20px solid;
}
#sb-timeline #steps-nav li:not(.active):not(.passed) {
	border-top: 2px solid #a8a8a8;
	border-bottom: 2px solid #a8a8a8;
}
#sb-timeline #steps-nav li.step_info_item.active {
    border: 0;
}
#sb-timeline #steps #sb_back_button {
	display: none;
}
#sb-timeline #steps-nav li:first-child .title-sub, #sb-timeline #steps-nav li.passed .title-sub {
    text-transform: uppercase;
}
.bar-service {
    margin-bottom: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .d-flex .service-deposit__wrapper {
    margin-top: 0 !important;
}
.bar-service .time {
    margin-top: 0 !important;
}
.service-deposit {
    padding-top: 0 !important;
}
.service-deposit__wrapper {
    gap: 20px !important;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .d-flex {
	margin-bottom: 0;
}
div#sb_service_step_container {
    margin: 0 -10px;
}
#sb-timeline #steps-nav li:not(.active):not(.passed):after {
    background-image: url(https://nookie.com.au/cdn/shop/t/2/assets/right-arw2.jpg);
    height: 100%;
    background-size: cover;
    width: 24px;
    top: 21px;
    z-index: 10;
}
#sb-timeline #steps-nav li:not(.active):not(.passed):last-child:after {
    display: block;
}

#sb-timeline #steps-nav li:not(.active):not(.passed):last-child:before {
    content: "";
    background-color: #fff;
    position: absolute;
    top: -2px;
    right: -2px;
    width: 20px;
    height: calc(100% + 4px);
    z-index: 9;
}

#sb-timeline #steps #steps-content #sb_booking_content .item {
	width: 50%;
}
#sb-timeline #steps #steps-content #sb_booking_content .item .tab {
	box-shadow: none;
    border: 2px solid #a8a8a8;
    border-radius: 0;
    text-align: center;
}
#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd {
	padding: 40px;
}
#sb_booking_content .tab .btn.select {
    border-radius: 10px;
}
#sb_booking_content .tab .btn.select a {
    text-transform: uppercase;
}
#sb-timeline #steps #steps-content #sb_booking_content .item .tab .txt.short {
	height: auto;
    overflow: inherit;
    line-height: 1.7;
}
#sb-timeline #steps #steps-content #sb_booking_content .item .tab span.read-more {
    display: none;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .badge {
	background: transparent;
    font-weight: 500;
    font-size: 16px;
    margin-top: 0;
}
#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .time {
	font-weight: 500;
}

.tab.tab-col .cap.short {
	text-transform: uppercase;
	font-weight: 700;
}

#sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .d-flex, #sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .d-flex .service-deposit__wrapper {
	justify-content: center;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_dateview_container, .detail-step-wrap {
	box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.2);
    -webkit-box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0px 11px 20px 0px rgba(0, 0, 0, 0.2);
}
#sb_datetime_step_container {
    margin: 0 -10px;
}

#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content .txt.short p {
	font-family: "Montserrat", sans-serif;
}

#sb_content, #main-buttons .wrapper .inner .bar .btn a {
    font-family: "Montserrat", sans-serif;
}
#main-buttons .wrapper .inner .bar .btn a {
	min-width: 200px;
}

.current-booking-info .accordion {
    display: none;
}
@media screen and (max-width:1400px){
	#main-buttons .wrapper {
	    height: 600px !important;
	}
}
@media screen and (max-width:1300px){
	#sb-timeline #steps #sb_back_button {
		padding: 0 15px;
	}
	.column {
		max-width: 1140px;
	}
}
@media screen and (max-width:1200px){
	.column {
        max-width: 920px;
    }
    #sb-timeline #steps-nav li:not(.active):not(.passed):after {
    	left: inherit;
    	right: -4px;
    }
}
@media screen and (max-width:1024px){
	#main-buttons .wrapper .inner .bar {
		display: flex !important;
	}
	#header .nav-trigger {
	    background-color: #000;
	    border-radius: 0;
	}
	#sb_booking_content {
	    margin-top: 30px;
	}
	#sb-timeline #steps #sb_back_button {
		padding: 0;
	}
	.section-pd {
        padding: 35px;
    }
    #sb_booking_content .title-main {
	    margin-bottom: 20px;
	}
	.title-section {
		margin-bottom: 15px;
	}
	#sb_content #content-view {
	    padding-top: 40px !important;
	}
}
@media screen and (max-width:991px){
	.section-pd {
        padding: 35px 25px;
    }
    .working_hours_contacts .links a {
	    font-size: 15px;
	}
	.working_hours_contacts .col-sm-6:first-child {
		width: 240px;
	}
	.column {
        max-width: 720px;
    }
    #sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd {
	    padding: 30px;
	}
	.bar-service {
		flex-wrap: wrap;
	}
}
@media screen and (max-width:767px){
	.tab-pd {
		padding: 0;
	}
	#sb_booking_content .title-main {
        margin-bottom: 0;
    }
    .control-label.required:after {
    	font-size: 14px;
    }
    .working_hours_contacts .col-sm-6:first-child {
        width: auto;
        margin-bottom: 30px !important;
    }
    .working_hours_contacts .col-sm-6 {
        padding: 0 20px;
    }
    .working_hours_contacts {
    	margin-bottom: 20px !important;
    }
    p.invoice-amounts--total {
	    font-size: 16px !important;
	}
	.invoice-table td {
	    padding-top: 15px !important;
	    padding-bottom: 15px !important;
	}
	.column {
        max-width: 100%;
        width: calc(100% - 40px);
    }
    #sb-timeline #steps #steps-content #sb_booking_content .item {
	    width: 100%;
	}
	#sb-timeline #steps #steps-content #sb_booking_content .item .tab .txt.short {
		max-height: inherit;
	}
	.tab.tab-col .cap.short {
		height: auto;
		margin-bottom: 15px;
	}
}
@media screen and (max-width:568px){
	#sb_time_slots_container .slot {
	    margin: 0 10px !important;
	    max-width: inherit !important;
	    width: auto !important;
	}
	#sb_time_slots_container .slot a {
	    padding: 10px 15px !important;
	    min-height: inherit !important;
	    font-size: 14px;
	}
	.working_hours_contacts .title-main, .title-section {
		font-size: 15px;
	}
}
@media screen and (max-width:533px){
	#main-buttons .wrapper .inner .bar .btn a {
		font-size: 16px;
	}
	.weeks-date .date {
	    font-size: 13px !important;
	}
	.weeks-name .name {
		font-size: 13px !important;
	}
	#content-view #schedule .overview tr td {
	    font-size: 13px !important;
	}
	.working_hours_contacts .links a {
		font-size: 14px;
	}
	#steps-content #sb_booking_content {
	    margin-top: 15px;
	}
	#sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd .content .txt.short p, .bar-service, #sb-timeline #steps #steps-content #sb_booking_content .service-item .bar-service .badge {
		font-size: 15px;
	}
	#main-buttons .bar .btn {
		margin: 5px 0 !important;
	}
}
@media screen and (max-width:480px){
	#sb_dateview_container .header .txt-center, .timeline-wrapper .container-caption {
		font-size: 14px !important;
	}
	#sb_time_slots_container .slot a {
		font-size: 13px;
	}
	#sb_dateview_container {
	    margin-bottom: 30px;
	}
	#sb_time_slots_container .slot {
        margin: 0 10px 20px !important;
    }
    .logo img {
	    max-height: 30px !important;
	}
	#header .nav-trigger {
		width: 40px;
		height: 40px;
	}
	#header .nav-trigger .fa {
    	line-height: 40px;
	    font-size: 20px;
	}
	#sb_content #content-view {
        padding-top: 30px !important;
    }
    #sb-timeline #steps #steps-content #sb_booking_content .item .tab .tab-pd {
        padding: 20px;
    }
}