@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');

/* Fixing the layout of booking details view */
#sb_booking_info > div > div > div.cap.mg {
    margin-top: 12px;
}
#sb_booking_info > div > div > div.booking-info.mg {
    margin-bottom: 9px;
}
#sb_terms_and_conditions > div {
    padding: 0!important;
}
#sb_terms_and_conditions > div > div.form-group--terms > label > div {
    margin-top: 4px;
}

/* Remove the mailing subscription tick and description */

#sb_terms_and_conditions > div > div.promotions-letter-flag.v2  {
    visibility: hidden;
    display: none;
}

/* Remove "Provider" in booking details */

#sb_booking_info > div > div > div.booking-info.mg > div.booking-overview > table > tbody > tr:nth-child(2) {
    display: none;
}

/* Remove "Make a note" */

#sb_additional_fields > div.form-group > label.control-label {
    display: none;
}
#sb_client_info_container {
    margin-bottom: -9px!important;
}

/* Timeline font size */
#sb-timeline #steps-nav li .content .title-small {
    font-size: 14px;
}

/* Replace the writing on the 1st item of the timeline (Service)  */

#sb_booking_info > div > ul > li:nth-child(1) > a > div > div.title-small {
    visibility: hidden;
    font-size: 0px!important;
}

#sb_booking_info > div > ul > li:nth-child(1) > a > div > div.title-small:after {
    visibility: visible;
    content: "The Island Private School";
    font-size: 14px;
}

/* Remove service name from the 1st item of the timeline */

#sb_booking_info > div > ul > li:nth-child(1) > a > div > div.title-sub {
    display: none!important;
}

/* Replace the writing on the 2nd item of the timeline (Appointment)  */

#sb_booking_info > div > ul > li:nth-child(2) > a > div > div.title-small {
    visibility: hidden;
    font-size: 0px!important;
}

#sb_booking_info > div > ul > li:nth-child(2) > a > div > div.title-small:after {
    visibility: visible;
    content: "Appointment";
    font-size: 14px;
}

/* Reduce the font size of the event name on a card */
#sb_booking_info > div > div > div.cap.mg {
    font-size: 18px;
}

/* Replace the "Please, confirm booking" */

#details > div.detail-step-wrap.section > div > div.title-main {
    visibility: hidden;
    font-size: 0px!important;
}

#details > div.detail-step-wrap.section > div > div.title-main:after {
    visibility: visible;
    content: "Your booking details:";
    font-size: 30px;
}

/* Fix the details table layout */

.current-booking-info table td {
    vertical-align: top;
}

/* Notes placeholder */
#sb_additional_fields > div > div > textarea.form-control::placeholder {
    content: "This field is optional"!important;
}

/* Change the fonts to Nunito everywhere */

body {
    font-family: 'Nunito'!important;
}

.company-name .company-logo-and-name {
    font-family: 'Nunito',!important;
}

.title-main {
    font-family: 'Nunito'!important;
}

.title-section {
    font-family: 'Nunito'!important;
}

#header .nav-wrapper #sb_menu .nav li a {
    font-family: 'Nunito'!important;
}

#sb_main #main #sb_content #content-view #schedule{
    font-family: 'Nunito'!important;
}

#sb_main #main #sb_content #content-view #contacts{
    font-family: 'Nunito'!important;
}

.reviews-wrapper .review-item .avatar .author{
    font-family: 'Nunito'!important;
}

.filter .title-main{
    font-family: 'Nunito'!important;
}

#modall-add-comm-reviews .modal-dialog .add-review .info a{
    font-family: 'Nunito'!important;
}

#footer .cls-footer-body .company-name{
    font-family: 'Nunito'!important;
}

.modal-dialog.delete-review .cap{
    font-family: 'Nunito'!important;
}
 .modal-dialog.timezone-modal .cap{
    font-family: 'Nunito'!important;
}

.client-info-modal .title-main{
    font-family: 'Nunito'!important;
}

.tab.tab-col .cap{
    font-family: 'Nunito'!important;
}

#main-buttons .wrapper .inner .bar .btn{
    font-family: 'Nunito'!important;
}
 .is-widget #main .btn.book{
    font-family: 'Nunito'!important;
}

#main-buttons .wrapper .inner .company-name{
    font-family: 'Nunito'!important;
}

.sb-widget-form .title{
    font-family: 'Nunito'!important;
}

#news-index .news-list .article .cap{
    font-family: 'Nunito'!important;
}

#news-single .article .cap{
    font-family: 'Nunito'!important;
}

#booking-result-view #booking-result-tabs .tabs-container .tab-link{
    font-family: 'Nunito'!important;
}

#membership-view #sb_membership_list_container .membership-item .cap{
    font-family: 'Nunito'!important;
}

.current-booking-info .cap.mg{
    font-family: 'Nunito'!important;
}

.modal-dialog .modal-content .modal-header .modal-title{
    font-family: 'Nunito'!important;
}

#sb-timeline #steps-nav li .content .title-small{
    font-family: 'Nunito'!important;
}

.tab.tab-col .cap.short{
    font-family: 'Nunito'!important;
}

#sb-timeline #steps #steps-content #sb_booking_content .provider-item .caption .name{
    font-family: 'Nunito'!important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .header .txt-center{
    font-family: 'Nunito'!important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step .container-caption{
    font-family: 'Nunito'!important;
}

#reviews-view .review-item .avatar a .author p{
    font-family: 'Nunito'!important;
}

#reviews-view .review-item .content .cap{
    font-family: 'Nunito'!important;
}

#reviews-view .add-review .info .name{
    font-family: 'Nunito'!important;
}

#header .items-wrapper .nav-item#sb_client_info .login-container .full-info #sb_login_form .is-logged .cap b{
    font-family: 'Nunito'!important;
}

#sb-timeline #steps #steps-content #sb_booking_content .datetime-step #sb_timeview_container .timeline-wrapper #sb-time-classes-container.classes-plugin .inner .provider-container .provider-col .provider-item .name{
    font-family: 'Nunito'!important;
}

#gallery-view .title-main{
    font-family: 'Nunito'!important;
}
 #social-gallery-view .title-main{
    font-family: 'Nunito'!important;
}

#sb-timeline #steps #steps-content #sb_booking_content .provider-item .excerpt-info .name {
    font-family: 'Nunito'!important;
}