/*
Theme Name: City Of Alex Theme
Theme URI: http://www.cybersprout.net
Version: 1.0
Description: Child theme for the City of Alexandria
Author: CYBERsprout LLC
Author URI: http://www.cybersprout.net
template: bb-theme
*/

/*Theme Customizer*/
#accordion-section-fl-export-import {
	display: none !important;
	}

/*FL Contact Form CSS*/
.fl-builder-content .fl-module-contact-form .fl-contact-form .fl-input-group input{
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
height:60px;
}
.fl-builder-content .fl-module-contact-form .fl-contact-form .fl-input-group textarea{
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
height:168px;
}

.fl-builder-content  .fl-module-contact-form .fl-contact-form .fl-contact-form-submit{
width:100%;
height:60px;
font-size:27px;
border-radius:0px;
border-top-left-radius:0px;
border-top-right-radius:0px;
border-bottom-right-radius:0px;
border-bottom-left-radius:0px;
}

.fl-builder-content  .fl-module-contact-form .fl-contact-form .fl-input-group input {
       border-radius: 0px; 
       border-top-left-radius: 0px; 
       border-top-right-radius: 0px; 
       border-bottom-right-radius: 0px; 
       border-bottom-left-radius: 0px; 
       height: 60px; 
    } 

.fl-builder-content .fl-module-contact-form .fl-contact-form .fl-input-group textarea {
       border-radius: 0px; 
       border-top-left-radius: 0px; 
       border-top-right-radius: 0px; 
       border-bottom-right-radius: 0px; 
       border-bottom-left-radius: 0px; 
       height: 168px; 
    } 

.fl-builder-content .fl-module-contact-form .fl-contact-form .fl-contact-form-submit {
       width: 100%; 
       height: 60px; 
       font-size: 27px; 
       border-radius: 0px; 
       border-top-left-radius: 0px; 
       border-top-right-radius: 0px; 
       border-bottom-right-radius: 0px; 
       border-bottom-left-radius: 0px; 
    } 
/*FL Contact Form CSS END*/

html body .fl-page .fl-page-header .fl-page-header-logo .fl-logo-text {
       letter-spacing: 3px; 
    } 

/*Nav CSS*/

.fl-page .fl-page-header .fl-page-nav ul.nav li a {
       letter-spacing: 1px; 
       padding-bottom: 20px; 
       padding-top: 20px; 
    } 

html body .fl-page-nav-wrap {
       margin-left: 50px; 
       margin-right: 50px; 
    } 

html body .fl-page-nav-wrap {
       border-bottom: double #ddd;
  border-top: double #ddd;
    } 

.fl-page .fl-page-header .fl-page-nav-search a {
       padding-right: 32px; 
       padding-top: 12px; 
    }

body .fl-page .fl-page-content {
  font-weight: normal; 
}

/*Mobile CSS*/

@media screen and (max-width: 667px)  { html body .fl-page-nav-wrap {   border-style: none!important; }  }  
@media screen and (max-width: 667px)  { html body .fl-page-nav-wrap {   padding-bottom: 0px!important; }  }  
@media screen and (max-width: 480px)  { html body .fl-page-nav-wrap {   border-style: none!important; }  }  
@media screen and (max-width: 480px)  { html body .fl-page-nav-wrap {   padding-bottom: 0px!important; }  }  

@media screen and (max-width: 667px)  { .fl-builder .container.fl-content-full { padding: 20px; }  }  
@media screen and (max-width: 480px)  { .fl-builder .container.fl-content-full { padding: 20px 0 0 0; }  } 

/*CYBERsprout Edits*/
@media (min-width: 1100px) {
	.fl-full-width .container {
		width: 100% !important;
		}
	}

/* Column Classes*/

.five-sixths,
.four-sixths,
.one-fourth,
.one-half,
.one-sixth,
.one-third,
.three-fourths,
.three-sixths,
.two-fourths,
.two-sixths,
.two-thirds {
	float: left;
	margin-left: 2.564102564102564%;
}

.one-half,
.three-sixths,
.two-fourths {
	width: 48.717948717948715%;
}

.one-third,
.two-sixths {
	width: 31.623931623931625%;
}

.four-sixths,
.two-thirds {
	width: 65.81196581196582%;
}

.one-fourth {
	width: 23.076923076923077%;
}

.three-fourths {
	width: 74.35897435897436%;
}

.one-sixth {
	width: 14.52991452991453%;
}

.five-sixths {
	width: 82.90598290598291%;
}

.first {
	clear: both;
	margin-left: 0;
}

.button {
  background-color: #04AA6D; /* Green */
  border: none;
  color: white;
  padding: 15px 32px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

/* GP Bookings
* Adding CSS to change the timeslot styling */

span.gpb-booking-time-picker__slot-time {
    font-size: 1.5rem;
    font-weight: 700 !important;
    line-height: 2.2rem;
}
button.gpb-booking-time-picker__slot:not(.gpb-booking-time-picker__slot--selected) {
    color: black;
}
button.gpb-booking-time-picker__slot:not(.gpb-booking-time-picker__slot--selected):not(.gpb-booking-time-picker__slot--unavailable):hover {
    background-color: #f8c13c !important;
}
button.gpb-booking-time-picker__slot.gpb-booking-time-picker__slot--unavailable {
    background-color: lightgray;
    text-decoration: line-through;
}