@import url('https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap');

body {
	font-family: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
}

h1, h2, h4, .title-main {
	color: rgb(14, 42, 89); /*Official TFT Blue*/
	font-weight: 800;
}

h3 {
	color: rgb(1, 135, 71); /*Official TFT Green*/
	font-weight: 800;
}

a {
    text-decoration:underline;
}

b.impt {
	color: rgb(235, 0, 41);
}

figure {
	text-align: center;
}

figure img {
	max-height: 500px;
}


/*Nav - hide empty divs*/
.menu-wrap,
.header-ico-wrap,
.ada-compliance__wrapper {
	display: none;
}


/*hide scroll to top*/
#sb_scroll_top_btn.show {
	display: none !important;
}

/*Buttons*/

/*tft hide header sign up button*/
#main-buttons .wrapper .inner {
	display: none;
}
	

/*Button - Sign Up Now*/

#sb_main #sb-main-container.protanopia_deuteranopia .btn.book {
	background: rgb(235, 0, 41); /*Official TFT Red*/
}

#about-us .tft .btn.book {
    margin-bottom:20px;
}

#about-us .tft .btn.book a {
    padding-right: 50px;
    padding-left: 50px;
    height: 75px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 24px;
}

#sb_main #sb-main-container.protanopia_deuteranopia .btn a:hover,
#sb_main #sb-main-container.protanopia_deuteranopia .btn a:focus {
	background-color: transparent !important;
}



/*Confirm Appointment*/
#sb_main #sb-main-container.protanopia_deuteranopia #sb-timeline #steps #steps-content #sb_booking_content #details .detail-step .buttons-container #sb_book_btn {
	background: rgb(235, 0, 41) !important; /*Official TFT Red*/
}

/*Back to Home*/
#booking-result-view .back-to-site {
	text-align: center;
}

	#booking-result-view .back-to-site .btn {
		background: rgb(235, 0, 41) !important; /*Official TFT Red*/
		text-decoration:none;
	}
	
/*Add to Calendar*/
#sb_main #sb-main-container.protanopia_deuteranopia .current-booking-info .booking-btns .btn.sb_add_to_cal {
	background: rgb(235, 0, 41) !important; /*Official TFT Red*/
}

/*Add to Calendar - Close*/
#booking-result-view .modal-dialog .modal-content .modal-footer .btn {
	background: rgb(235, 0, 41) !important; /*Official TFT Red*/
}

/*Header*/

body {
	padding-top: 0 !important;
}

#header {
	position: static;
}

#header .flex-box {
  align-items: center;
  justify-content: center;
}

#header .flex-box .logo-wrap {
	padding-right: 0;
	max-width: 100%;
	margin-right: 0;
}

#header .brand.company-logo-only .logo {
	max-width: 100%;
}

#header .brand .logo a img {
	max-height: 150px !important;
}


/*Home Page*/

#about-us h1,
#about-us h2,
#about-us h3,
#about-us h4 {
	margin-bottom: 10px;
}

#about-us p,
#about-us ul {
	margin-bottom: 20px;
}

/*reset width*/
#content-view #about-us .txt .tft * {
    width:auto !important;
}

/*hide about us title*/
#about-us .title-main {
	display: none;
}

/*article*/
#about-us article {
	margin-bottom: 100px;
}

	#about-us .tft > article:last-child {
		margin-bottom: 0;
	}

/*card*/
#about-us article.card {
	margin-bottom: 15px;
	padding: 20px;
	background-color: #eeeeee;
}

	#about-us article.card h3 {
		margin-top: 0;
	}

	#about-us article.card > *:last-child {
		margin-bottom: 0;
	}

/*translate*/
#about-us article.tft-translate {
	margin-bottom: 20px;
	padding: 20px;
	background-color: #eeeeee;
}

	#about-us article.tft-translate > *:last-child {
		margin-bottom: 0;
	}


/*Booking Page*/

/*Hide our time display*/
#sb-timeline #steps #time-settings {
	display:none;
}

/*force narrow calendar*/
#sb-timeline #sb_datetime_step_container {
	max-width: 700px;
}

/*force 7 day row for calendar*/
#sb-timeline #sb_dateview_container .weeks-name > div,
#sb-timeline #sb_dateview_container .weeks-date > div {
	width: 100%;
}

	#sb-timeline #sb_dateview_container .weeks-name > div.hidden-xs,
	#sb-timeline #sb_dateview_container .weeks-name > div.hidden-sm {
		display:none;
	}

/*Reposition pick a different time slot link*/
#sb-timeline #steps #sb_back_button {
	position: static;
	margin-top: 20px;
}

/*Force full width for registration forms*/
#sb-timeline .detail-step.clearfix .row>.col-sm-6 {
	width: 100%;
	margin-bottom: 20px;
}

/*align checkboxes and labels*/
#sb-timeline .form-group--checkbox {
	display: flex;
	margin-left: 0;
	margin-right: 0;
	align-items: center;
	flex-wrap: wrap;
}

	#sb-timeline .form-group--checkbox label {
		flex:1;
		order: 2;
	}

	#sb-timeline .form-group--checkbox div.custom-checkbox {
		order: 1;
	}

/*align check box error message*/
#sb-timeline .form-group--checkbox .help-block {
	flex: 100%;
	order: 3;
}

/*Hide May we send you promotions and relevant information*/
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}


/*Confirmation Page*/


			/*Hide back to services link*/
/*			#booking-result-view #sb_back_to_bookings {
				display: none;
			}
*/


/*Hide underline in drop down*/
#booking-result-view .accordion .title {
    text-decoration:none;
}

/*Hide book more button*/
#booking-result-view .current-booking-info .booking-btns .sb_book_again {
	display: none;
}

/*Hide show all bookings button*/
#booking-result-view a.btn.btn-default.show-all {
	display: none;
}

/*Add to calendar hover*/

#sb_main #sb-main-container.protanopia_deuteranopia #booking-result-view ul.calendar-popup .btn:hover,
#sb_main #sb-main-container.protanopia_deuteranopia #booking-result-view ul.calendar-popup .btn:focus {
	background: #ebebeb !important;
}


#booking-result-view #booking-result-tabs .tabs-container {
	display:none;
}