/*
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: #174687 !important;
    color: white;
}

html h1 {
	font-size: 1.8em;
	text-transform: none;
	line-height: 1.3;
	margin-bottom: 25px;
}
html h3 {
	text-transform:none;
}
html h4 {
	font-size:20px;
}
html h5 {
	text-transform:none;
	font-size:16px;
	margin-bottom:0;
}

.bottom_padded_image {
	margin-bottom:20px;
}

/* 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: 100%;
	clear: none;
	/*overflow:hidden;*/
	overflow:auto;
}
.slideout_area .slideout_content_area .home_section .tradinghours {
	min-height:140px;
}
.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 {
	width:50%;
}
#top_bar .contact-information.primary-contact {
	padding-right:15px;
}
#top_bar .contact-information.secondary-contact {
	text-align: right;
}
#top_bar .address_display .address_line_1,
#top_bar .address_display .address_line_2 {
	display: inline;
	width: auto;
}

#top_bar .contact_details,
#top_bar .address_display{
	display:inline;
}
#top_bar .address_display{
	white-space:normal;
}
#top_bar .contact_details:after{
	content: '|';
	margin-left:5px;
	margin-right:5px;
}

/*LOGO and MENU- remove padding top and bottom since both are full width */
#site_logo.full_width, #site_menu.full_width {
	padding-top:0;
	padding-bottom:0;
}
/* make sure menu item wrapper takes dimensions of the actual link */
.nav-menu .menu_item_wrapper {
	display:inline-block;
}

/* 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%;
}

/* 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); }

img {
	max-width:100%;
}

/* Health Information/Blog page */
.blog_box {
    width: 25%;
    margin: 0;
    display: inline-block;
    text-align: center;
    margin-top: 1em;
}
.blog_title_container .blog_title {
    margin-top: 0;
    font-weight: bold;
    text-transform: uppercase;
}
/* Individual blog pages */
.post .float_box img {
	width:100%;
}
.box_right {
    float: right!important;
}
.post .entry-content ul li:before {
	margin-left: 20px;
}
@media screen and (min-width:650px){
	.post img.alignleft {
		margin-right:20px;
	}
	.post img.alignright {
		margin-left:20px;
	}
}
/*entry meta on blog pages */
.entry-meta .em_section {
	margin-right:20px;
}
.entry-meta .em_section:after {
	content: none !important;
}
.entry-meta .em_section.entry-date:before {
	content: "\f017 ";
}
.entry-meta .em_section.byline:before {
	content: "\f007";
}
.entry-meta .em_section.category_sec:before {
	content: "\f07c";
}
.entry-meta .em_section.entry-date:before,
.entry-meta .em_section.byline:before,
.entry-meta .em_section.category_sec:before {
	display: inline-block;
    font: normal normal normal 14px/1 FontAwesome;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    margin-right:5px;
}

/* table on the professional services page */
#easy-clinic-services td{
	padding:10px;
	line-height: 1.2;
}

/* increase the size of the catalogue */
html .catalogue_slider {
	padding-bottom:71%;
}
.no-pad-left-right {
    padding-left:0!important;
    padding-right:0!important;
}
/*images in float boxes on blog pages */
@media screen and (max-width: 1000px) and (min-width: 800px){
	.post .float_box.one_quarter{
		width:33.3%;
	}
}
@media screen and (max-width: 800px){
	.post .float_box img {
		width:auto;
		max-width:100%;
		display:block;
		margin:auto;
	}
}

/* Blog box*/
@media screen and (max-width: 900px) {
	.blog_box {
		width: 33.33%;
	}
}
@media screen and (max-width: 643px) {
	.blog_box {
    	width: 50%;
	}	
}
@media screen and (max-width: 515px){
	.blog_box {
		width: 100%;
	}
}

/* contact pullout */
@media only screen and (max-width: 700px) {
	.slideout_area .slideout_content_area .home_section{
		width:100%;
	}
	/*easy clinic table */
	#easy-clinic-services td{
		padding:0;
	}
}
@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: 1050px)  {
	#top_bar .contact_details,
	#top_bar .address_display{
		display:block;
	}
	#top_bar .contact_details:after{
		content: '';
		margin:0;
	}
}

/* Move everything into centre above each other in top bar */
@media only screen and (max-width: 730px)  {
	html #top_bar .contact-information{
		max-width:100%;
		width:100%;
		text-align:center;
	}
	#top_bar .contact-information.secondary-contact {
		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: 800px) {
    .slideout_area .slideout_content_area .home_section .tradinghours{
        min-height:0;    
    }
}
@media only screen and (max-width: 370px) {
	/*trading hours won't display well on small viewports*/
	.slideout_area .tradinghours .day_title,
	.slider_container .banner_overlay .tradinghours .day_title{
		min-width: 0;
		margin-right: 5px;
	}
    .slideout_area .tradinghours .opening_time,
    .slideout_area .tradinghours .day_dash,
    .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: #174687 !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%;
	}