/* turn off subscribe to cool promotions tickbox */
#main #client-login .custom-form #sb_terms_and_conditions .promotions-letter-flag label[role=button]{
    display: none;
}
#sb-main-container #main #sb-timeline #steps #details .detail-step-wrap .detail-step .license-links-container .promotions-letter-flag label[role=button]{
    display: none;
}


/* Remove 'book appointment' button from contact us form */
.sb-widget-form .buttons .open-booking-widget-button {
   display:none;
}


/* Code to change timeline font */
#sb-timeline #steps-nav li .content .title-small {
    /* font-family: PlayfairDisplay; */
    font-family: 'PT-Sans';
    line-height: 1.4;
    font-weight: 400;
}

/*
   Font on the booking tiles
*/

.tab.tab-col .cap.short {
    font-family: PT-Sans,sans-serif;
    text-align: left;
    line-height: 1.2;
    font-size: 22px;
    height: 60px;
    font-weight: 500;
    margin-top: 10px;
}
/*
   Font used for provider names
*/
#sb-timeline #steps #steps-content #sb_booking_content .provider-item .excerpt-info .name {
    font-family: PT-Sans,sans-serif;
    text-align: left;
    line-height: 1.2;
    font-size: 24px;
    font-weight: 400;
    margin-bottom: 10px;
    margin-top: 10px;
    height: 60px;
    overflow: hidden;
}
/*
   Font on main buttons
*/
#main-buttons .wrapper .inner .bar .btn, .is-widget #main .btn.book {
    border-radius: 0;
    width: 260px;
    padding: 0 15px;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
    font-size: 16px;
    margin: 10px;
    font-family: PT-Sans,sans-serif;
}

/* 
   Code for text on intake forms
*/
#sb_additional_fields .form-group label.control-label {
    padding-left: 15px;
    padding-right: 15px;
    font-weight: 400;
    font-size: 18px;
    /*background-color: yellow;*/
}

/*
  Increase font size of "Remind Password" link 
*/
.remind-pass {
    display: block;
    font-size: 16px;
}
/* 
  Controls text with name of medical being booked on booking 
  form
*/

.current-booking-info .cap.mg {
    font-weight: 400;
    font-size: 30px;
    text-align: center;
    margin-bottom: 30px;
    font-family: PT-Sans,sans-serif;
}

/* 
@media (max-width: 767px)
.current-booking-info .cap.mg {
    font-size: 22px;
}
*/

/*
    Hides the text 'Read More' on booking tiles by 
    making it white (same as background) 
    was previously set to green and visible so left this code 
    commented out
*/
.tab.tab-col .read-more, .provider-item .read-more, .membership-item .read-more {
/*
    display: none;
*/
    font-weight: 100;
    color: #00FFFF;
}


@media only screen and (max-width: 600px) {
.current-booking-info .cap.mg {
    font-size: 18px;}
}

/* 
   code to control logo size
*/
#header .brand .logo a img {
    max-height: 100px;
    height: 90px;
    max-width: 225px;
    width: 400px;
}

/* code to change menu text */
#header .nav-wrapper #sb_menu .nav li a {
    min-width: 50px;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
    line-height: 1.2;
    font-size: 16px;
    font-family: PT-Sans,sans-serif;
    font-weight: 500;
    text-transform: none;
    padding: 10px;
    position: relative;
    min-height: 36px;
    box-sizing: border-box;
    border-bottom: 6px solid transparent;
}

/* change font characteristics of booking item titles */
.tab.tab-col .cap.short {
    font-family: PT-Sans,sans-serif;
    text-align: left;
    line-height: 1.2;
    font-size: 24px;
    height: 60px;
    font-weight: 800;
    margin-top: 10px;
}

/* code to change font on 'show on map' button */
.btn.btn-with-image a, .btn.btn-with-image span {
    display: block;
    position: relative;
    z-index: 1;
    padding: 15px 30px!important;
    text-shadow: none;
    font-family: PT-Sans,sans-serif;
    font-weight: 800;
}

/* 
   main title font "About us"
 */
.title-main {
    font-size: 30px;
    padding-bottom: 40px;
    text-transform: none;
    font-family: 'PT-Sans';
    font-weight: 400;
}
.title-section {
    font-size: 50px;
    text-transform: none;
    padding-bottom: 30px;
    line-height: 50px;
    font-family: 'PT-Sans';
    font-weight: 400;
    text-align: center;
    position: relative;
}

/* code to change 'book now' button */
.btn.btn-with-icon a, .btn.btn-with-icon span {
    position: relative;
    z-index: 1;
    display: -ms-flexbox;
    display: flex;
    text-shadow: none;
    width: 100%;
    height: 100%;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: normal;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding: 0 15px!important;
    line-height: 1.2;
    font-family: PT-Sans,sans-serif;
    font-weight: 800;
}



/* Code to alter Company Name appearance */
#main-buttons .wrapper .inner .company-name {
 
    width: 100%;
    text-shadow: none;
    font-family: PT-Sans,sans-serif;
    font-weight: 800;
    font-size: 50px;
    line-height: 1.3;
    word-wrap: break-word;
    position: relative;
    margin-top: 50px;
    margin-bottom: 30px;
    padding-bottom: 10px;
    color: #000000;
} 

/*  
   Give the main buttons rounded corners
*/

#main-buttons .wrapper .inner .bar .btn, .is-widget #main .btn.book {
    border-radius: 6pt;
    width: 260px;
    padding: 0 15px;
    box-shadow: none;
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    line-height: 1.2;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
    font-size: 16px;
    margin: 10px;
    font-family: PlayfairDisplay;
}


/* defines rounded green buttons for custom pages */
.greenbutton { 
   background-color: #0ac4a8; 
   border: none; 
/*   width: 200px; */
   color: white; 
   padding: 10px; 
   text-align: center; 
   font-weight: 600; 
   text-decoration: none; 
   display: inline-block; 
   font-size: 16px; 
   margin: 10px; 
   cursor: pointer; 
   border-radius: 6px; 
   font-family: PT-Sans,sans-serif; 
} 
.greenbutton:hover { 
   background-color: #4BA490; 
   color: white; 
} 

.horizmenubutton { 
   background-color: #71D1F9; 
   border: 1pt solid #1D9DD9; 
 /*  width: 160px;*/
   width: 100%;
   min-width: 100px;
   color: #ffffff; 
   padding: 10px; 
   text-align: center; 
   font-weight: 600; 
   text-decoration: none; 
   display: inline-block; 
   font-size: 16px; 
   margin: 0px; 
   cursor: pointer; 
   border-radius: 3px; 
   font-family: PT-Sans,sans-serif; 
} 
.horizmenubutton:hover { 
   background-color: #1D9DD9; 
   color: white; 
} 

/* horiz rule under menu buttons */

hr.menusep {
  border : 2px solid #cccccc;
  border-radius: 0px;
}

/* container for medu buttons to distribute evenly across page */
.infomenucontainer { 
  display: grid; 
  grid-template-columns: repeat(8, 1fr); 
  gap: 0px; 
} 

/* CSS rule that reorganises the menu button layout if the screen with is less than 600 pixels so that it is only 2 buttons wide.  */

@media only screen and (max-width: 600px) {
  /* Change grid layout to fit on smaller screens */
.infomenucontainer {
display: grid;
  grid-template-columns: repeat(2, 1fr); 
  gap: 0px; 
  }
}

/* This code prevents the invoices from showing up inside the user account 
*/
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
    padding: 8px;
    display: none; 
    line-height: 1.42857;
    vertical-align: top;
    border-top: 1px solid #ddd;
}


/*
Code to hide the 'invoice' button within the client profile
*/

#sb_profile_form > div.bar-with-btn > a:nth-child(3) {
display: none;
}



/*
Code to hide the row of number buttons allowing user to select pages on invoices display
*/
.pagination-wrapper a, .pagination-wrapper span {
    display: none;
/* display: flex;  original line */  
    height: 35px;
    line-height: 34px;
    text-align: center;
    padding: 0;
}

/*

Changes the font for menu items 'invoices list' and 'recurring profiles' from Playfair Display to PT-Sans to match the rest of the branding on the website. 

Custom wording set to change 'invoices list' into 'Website invoices functionality has been disabled'
Invoices list has been set to a single whitespace to hide it. 


*/
#booking-result-view #booking-result-tabs .tabs-container .tab-link a {
    display: -ms-flexbox;
    display: flex;
    min-height: 40px;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    font-family: 'PT-Sans';
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    white-space: normal;
    line-height: 1.3;
    margin-bottom: 5px;
    text-transform: capitalize;
    border-bottom: 5px solid;
    border-bottom-color: transparent;
    padding-bottom: 0;
    position: relative;
    transition: all .25s ease-in-out;
}


h1 {
 font-family :  PT-Sans,sans-serif; 
 font-size: 18pt;
 font-weight: 700;
}

h2 {
 font-family :  PT-Sans,sans-serif; 
 font-size: 16pt;
 font-weight: 500;
}

h3 {
 font-family :  PT-Sans,sans-serif; 
 font-size: 14pt;
 font-weight: 500;
}

h4 {
 font-family :  PT-Sans,sans-serif; 
 font-size: 12pt;
 font-weight: 500;
}

p {
 font-family :  PT-Sans,sans-serif; 
 font-size: 12pt;
 text-align: left;
}

td {
 font-family :  PT-Sans,sans-serif; 
 font-size: 12pt;
 font-weight: 400;
}

li {
 font-family :  PT-Sans,sans-serif; 
 font-size: 12pt;
 text-align: left;
}

 @media only screen and (max-width: 600px) {
  /* Change fonts to fit on smaller screens */
  
  
  h1 {
   font-size: 16pt;
   font-weight: 700;
  }

  h2 {
   font-size: 14pt;
   font-weight: 500;
  }

  h3 {
   font-size: 12pt;
   font-weight: 500;
  }

  h4 {
   font-size: 10pt;
   font-weight: 500;
  }

  td {
   font-size: 12pt;
   font-weight: 600;
  }
  
  p {
   font-size: 12pt;
  }

  h2 {
   font-size: 16pt;
   font-weight: 700;
  }

  li {
   font-size: 12pt;
   text-align: left;
  }
}



/*
	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 */
}

