/*
Theme Name: Child Bird
Theme URI: http://web.bird.digital/
Author: Web Bird Digital
Author URI: http://web.bird.digital/
Template: wb_landing_page
Description: This is a child to the Landing Bird theme - make all non-universal modifications to this child, not the parent.
Version: 1.0
License: Private - Do Not Modify, Do Not Distribute
License URI: http://web.bird.digital/terms-and-conditions/
Text Domain: wb

This theme is private and not to be modified or distributed without permission from Web Bird Digital. This theme remains the property of Web Bird Digital.
*/
html, html body {
	font-family: "PT Sans", "Open Sans", sans-serif;
	font-size: 17px;
}

::selection {
    background:#49ad58 !important;
    color: white;
}

html h1 {
	font-size: 1.8em;
	text-transform: none;
	line-height: 1.3;
	margin-bottom: 25px;
}
html button, html input, html textarea, select, html #birs_appointment_form .ui-datepicker, html div#birs_appointment_timeoptions{
	border-color:#ccc;
}
/* Increase line height on easyscript and lifeclub pages to space out content */
#post-20, #post-22 {
	line-height: 1.7;
}

/* Hide the trading hour section in the header */
#header_trading {
	display: none;
}

/* SLIDER OVERLAY-Centre the text on the overlay box on image slider when choose left inset centre */
.slider_container .banner_overlay.left_inset_cent {
	text-align: center;
}
/* Set a max width for the title on the overlay box */
.slider_container .banner_overlay{
	padding: 10px 25px 30px 25px;
}
.slider_container .banner_overlay .overlay_title {
    max-width: 400px;
    margin: 10px auto 10px auto;
    font-size: 34px;
    line-height: 1;
}
.slider_container .banner_overlay .overlay_sub_title {
    margin-top: 10px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 1.3;
}
.slider_container .banner_overlay .overlay_button {
	margin-top: 10px;
}
.slider_container .banner_overlay .overlay_down {
	margin-top: 10px;
}

.slider_container .banner_overlay .tradinghours .day_title{
	min-width: 100px;
    text-align: left;
}	
.slider_container .banner_overlay .tradinghours .opening_time{
	min-width: 80px;
	display: inline-block;
    text-align: left;
} 
.slider_container .banner_overlay .tradinghours .day_dash {
	min-width: 20px;
	display: inline-block;
    text-align: left;
}

/* PULLOUT- Modify slideout to be able to have sections side by side */
html .slideout_area {
	max-width: 850px;
}
.slideout_area .slideout_content_area .home_section {
	width: 50%;
	clear: none;
	overflow:hidden;
}
.slideout_area .slideout_content_area  #sidebar_left_section {
	float: left;
}
.slideout_area .slideout_content_area .home_section p {
	margin: 5px 0;
}
.slideout_area .slideout_content_area .home_section h4 {
	margin-bottom: 10px;
}

/* TOP BAR- Format it so can fit in address*/
html #top_bar .contact-information {
	max-width: 65%;
	width: auto;
}
#top_bar .address {
	text-align: right;
	min-width: 35%;
	float: right;
}
#top_bar .address .address_line_1_comma,
#top_bar .address .address_line_1,
#top_bar .address .address_line_2 {
	display: inline;
	width: auto;
}


/* SOCIAL ICONS- format them to fit in menu */
.home_section .menu_item_wrapper .social-media {
	display:inline;
	font-size: 1.1em;
	margin-left: 0;
}
.home_section .menu_item_wrapper .social-media .icon {
	padding: 0 0.2em;
	
}
/* when using an image as the logo, restrict it to 20px wide */
.social-media .icon img {
	width: 40px;
}
.social-media .icon {
	vertical-align: -5px;
}

/* Change size of menu items */
html a.menu_item {
	font-size: 20px;
	padding: 7px 10px;
}

/* hackily change the image margin */
#post-20 img.alignright {
	margin-left: 40px;
	margin-bottom: 20px;
}

/* Facebook feed styles */
.facebook_feed .facebook_readmore {
    float: right;
    display: inline-block;
    clear: none;
    padding: 0.4em 0.8em;
    margin-top: 5px;
    background: #4267b2;
    color: #fff;
    border-radius: 2px;
}

.facebook_feed .facebook_readmore:hover {
    background: #365899;
}

/* Sidebar styles */
.site-main .sidebar-inner {
    margin: 0 auto;
    max-width: 1040px;
}
.sidebar-inner {
    margin: 0 auto;
    width: 33.33%;
    max-width: none;
    position: static;
    top: 0;
    float: left;
}

.sidebar-width {
	float: left;
    width: 66.66%;
    padding-right:30px;
}

.img_link {
	padding-bottom: 60%;
	margin-bottom:10px;
	background-size: contain;
	width: 100%;
	height: 0;
	background-repeat: no-repeat;
	background-position: center;
}

.padded-sidebar {
	padding-left: 20px;
}
.padded-widget {
	margin-bottom: 80px;
	/*margin-top: 35px; to move characters inline with banner image*/
}
.half-padded-widget {
	margin-bottom: 40px;
	/*margin-top: 20px; to move characters*/
}
.widget_linkimg.padded-widget {
	margin-top: 80%;
}
div.widget_linkimg.half-padded-widget {
	margin-top: 60%;
}

/* remove padding from float boxes on home */
.home .extra_content .float_box {
    padding-top: 0;
    padding-bottom: 0;
}
.home .extra_content ul {
    margin-top: 0;
    margin-bottom: 0;
}

/* Make service boxes larger on hover */
#services_section_section .float_box .extra_section{ transition: all .2s ease-in-out; }
#services_section_section .float_box .extra_section:hover { transform: scale(1.05); }

/* increase the size of the catalogue */
html .catalogue_slider {
	padding-bottom:71%;
}

/*birchpress booking form */
/*hide location and provider, unneccesary*/
#birs_booking_box .birs_form_field.birs_appointment_service,
#birs_booking_box .birs_form_field.birs_appointment_staff{
	display:none;
}
/* hide the location and provider on the reschedule and cancel pages */
#birs_reschedule_appointment .birs_appointment_location,
#birs_reschedule_appointment .birs_appointment_staff,
#birs_cancel_appointment .birs_appointment_location,
#birs_cancel_appointment .birs_appointment_staff{
	display:none;	
}
#birs_reschedule_appointment #birs_appointment_datepicker{
	color:inherit;
	font-size: inherit;
	box-shadow: none;
	border-radius: 0;
	padding: 4px 8px;
}
.site-content #birs_appointment_form li:before{
	display:none;
}
#birs_booking_box .birs_field_1 >p:first-of-type{
	margin-top:0;
}
#birs_appointment_form > div > ul:first-of-type {
	float: left;
	width: 50%;
	padding-right:30px;
}
#birs_appointment_form > div > ul:last-of-type {
	float: right;
	width: 50%;
	padding-left:30px;
}
html #birs_appointment_form .birs_field_content, 
html #birs_appointment_form .birs_form_field select,
html #birs_appointment_form .birs_field_content.birs_field_paragraph,
#birs_appointment_form .birs_form_field textarea{
	max-width:none;
	display:block;
}
html #birs_appointment_form .birs_form_field select{
	padding:2px 5px;
}
#birs_appointment_form input[type="button"],
#birs_appointment_details input[type="button"]{
	background-color: #39a449;
	color: #ffffff;	
	padding-top:6px;
	height:auto;
}
.entry-content #birs_appointment_form  ul li,
.entry-content #birs_booking_success ul li,
.entry-content #birs_cancel_appointment ul li{
	text-indent:0;
}
.entry-content #birs_appointment_form  ul li:before,
.entry-content #birs_booking_success ul li:before,
.entry-content #birs_appointment_details ul li:before{
	display:none;
	/*display:inline;
	width:0;
	height:0;
	left:0;
	top:0;*/
}
html #birs_appointment_form .birs_form_field > label{
	display:block;
}
html div#birs_appointment_timeoptions span a{
	text-align:center;
	padding:0.15em;
}
#birs_appointment_form .birs_form_field textarea, 
#birs_appointment_form .birs_form_field input[type=text], 
#birs_appointment_form .birs_form_field input[type=password]{
	padding:3px 5px;
}
@media screen and (max-width:800px){
	#birs_appointment_form > div > ul:first-of-type,
	#birs_appointment_form > div > ul:last-of-type {
		float: none;
		width: 100%;
		padding:0;
	}
}

/* contact pullout */
@media only screen and (max-width: 700px) {
	.slideout_area .slideout_content_area .home_section{
		width:100%;
	}
}
@media only screen and (max-width: 600px) {
	/* remove first and last name padding vfb form */
	.vfb-form-group:last-child .vfb-col-6 {
		padding-left:0!important;
	}
	.vfb-form-group:first-child .vfb-col-6 {
		padding-right:0!important;
	}
}
/* make slider resize rather than fixed height */
@media screen and (max-width: 1400px){
	html .image_slider.has_overlay{
		padding-bottom: 33.33%!important;
		min-height: 0!important;
		height: 0!important;
	}
}
@media screen and (max-width: 750px){
	html .image_slider.has_overlay{
		padding-bottom: 33.33%!important;
		min-height: 0!important;
		height: 0!important;
	}
}
/* remove slider on mobile resolutions, just overlay */
@media only screen and (max-width:850px){
	.image_slider .slide_container, .nav_dots{
		display:none;
	}	
	.image_slider .nav_link {
		display:none!important;
	}	
	.image_slider .banner_overlay.left_top, .image_slider .banner_overlay.left_cent, 
	.image_slider .banner_overlay.left_bot, .image_slider .banner_overlay.left_inset_top,
	.image_slider .banner_overlay.left_inset_cent, .image_slider .banner_overlay.left_inset_bot {
		position:static!important;
	}
	.image_slider .banner_overlay {
		width:100%;
		transform: translate(0, 0) !important;
	}
	html .image_slider.has_overlay {
		min-height:	270px !important;
	}
}
/* Media queries for top bar */
@media only screen and (max-width: 950px)  {
	/* Move everything except line 1 + comma onto new line */
	#top_bar .address .address_line_1_comma {
		display:block;
	}
	html #top_bar.top_bar_static {
		min-height: 4em !important;
	}
	html #top_bar .contact-information #phone_primary_topbar {
		display: block;
	}
	html #top_bar .contact_section:after {
		content: '';
	}
	
}
/* Move everything into centre above each other in top bar */
@media only screen and (max-width: 600px)  {
	html #top_bar.top_bar_static {
		min-height: 8em !important;
	}
	html #top_bar .contact-information {
		max-width: 100%;
	}
	#top_bar .address {
		float:none;
		text-align: center;
	}
	
}
/* Media queries for banner overlay. Need to change since so much text */
@media only screen and (max-width: 750px)  {
	.slider_container .banner_overlay .overlay_button {
		margin-top: 0;
		padding: 10px 20px 12px 20px;
	}
}
@media only screen and (max-width: 345px) {
	/*trading hours won't display well on small viewports*/
	.slider_container .banner_overlay .tradinghours .day_title{
		min-width: 0;
		margin-right: 5px;
	}
    .slider_container .banner_overlay .tradinghours .opening_time,
    .slider_container .banner_overlay .tradinghours .day_dash {
    	min-width: 0;
    }
	
}

/* Overwrite the white text on mobile viewports to black */
@media screen and (max-width: 480px){
	html .menu_sidebar_mobile #site_header #site_menu a.menu_item {
		color: #333 !important;
	}
	html .menu_sidebar_mobile #site_menu {
		background: #fff;
	}
	/* get rid of bottom border underneath social media */
	.menu_sidebar_mobile #site_menu .social-media a.menu_item {
		border-bottom: none;
	}
}

/* Media queries for the sidebar on the easyclinic, easyscript, lifeclub page */
@media screen and (max-width: 850px){
	.sidebar-width {
		padding-right: 0;
	}
	.padded-widget {
		margin-bottom: 160px;
	}
}
@media screen and (max-width: 800px){
	.half-padded-widget {
		margin-bottom: 80px;
	}
	.sidebar-width {
		width: 60%;
	}
	.sidebar-inner{
		width: 40%;
	}
}
@media screen and (max-width: 650px){
	.sidebar-width {
		width: 100%;
	}
	.site-main .sidebar-inner{
		margin-top: 30px;
		width:100%;
	}
	.padded-sidebar {
		padding-left: 5px;
		padding-right: 5px;
	}
	.half-padded-widget, .padded-widget {
		margin-bottom: 40px;
	}
}

/* Media queries for the facebook feed on home page */
@media screen and (max-width: 1000px) {
	#cff.cff-half-layout .cff-text-wrapper,
	#cff.cff-half-layout .cff-photo {
		width: 100%;
	}