/*
 Theme Name:   Web Bird Digital Club - Child
 Theme URI:    http://www.webbirddigital.com.au
 Description:  Child theme based off the Web Bird Digital Club theme.
 Author:       Simon Codrington
 Author URI:   http://www.simoncodrington.com.au
 Template:     webbirdclub
 Version:      1.1
 Tags:         Modern, Amazing, Magical, Responsive, Fully Customisable, Retina-Ready, HiDPI, Web Bird
*/


/*background images to be top center*/
#home-slider .slides .slide .slideimage.background-image{
	background-position: top center;
}


/*Adam Pro Font*/
@font-face {
    font-family: 'adam_cg_pro';
    src: url('fonts/adam.cg_pro-webfont.eot');
    src: url('fonts/adam.cg_pro-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/adam.cg_pro-webfont.woff2') format('woff2'),
         url('fonts/adam.cg_pro-webfont.woff') format('woff'),
         url('fonts/adam.cg_pro-webfont.ttf') format('truetype'),
         url('fonts/adam.cg_pro-webfont.svg#adam.cg_proregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*set lato for the body font*/
body{
	font-family: 'Lato', sans-serif !important;
	font-weight: 300;
	line-height: 170%;
	font-size: 110%;
}
/*set lato for the headers*/
h1, h2, h3, h4, h5, h6, .entry-title{
	font-family: 'Lato', sans-serif !important;
	font-weight: 400;
	text-transform: none!important;
}
h1{
	font-size: 190%;
}
h2{
	font-size: 145%;
}
h3{
	font-size: 120%;
}
h4 {
	font-size: 110%;
}

.single-author .entry-meta .author{
	display:none !important;
}

.phone-feature{
	background:#e2b977;
	color:#fff;
	padding:1em;
	max-width:500px;
}
.phone-feature h2,
.phone-feature h3{
	color:#fff;
}
.phone-feature .button,
.phone-feature .button a{
	background:#CCC !important;
	color:#333 !important;
	font-weight:400;
	font-size:1.2em;
	text-transform:none;
}


/*---HEADER---*/
/*header has been changed, moved navbar into middle menu and other elements into top*/
.site-header .social-media .icon a{
	line-height: 35px;
}

.site-header .middle-menu .inner{
	padding: 15px 15px 5px 15px;
}
.site-header .middle-menu .navbar{
	margin-top: 7px;
	width: 100%;
}
.site-header .middle-menu .navbar li > .sub-menu{
	left: 0px;
	padding-top: 5px;
}
.navbar .nav-menu li a{
	text-transform: none;
}
.site-header .logo{
	margin-bottom: 5px;
}
.site-header  .logo .image{
	max-height: 85px;
}
.navbar .sub-menu{
	left: 0px;
	padding-top: 15px;
}

.navbar .sub-menu:before{
	content: '';
    border-top: solid 5px rgba(255, 0, 0, 0);
    border-right: solid 5px rgba(255, 165, 0, 0);
    border-bottom: solid 5px #eee;
    border-left: solid 5px #eee;
    position: absolute;
    top: 5px;
    left: 0px;
}
.navbar .sub-menu .sub-menu{
	padding-top: 0px;
	padding-left: 15px;
}
.sub-menu .sub-menu li:first-child:before{
	content: '';
    border-top: solid 5px #eee;
    border-right: solid 5px #eee;
    border-bottom: solid 5px rgba(0, 0, 0, 0);
    border-left: solid 5px rgba(0, 0, 0, 0);
    position: absolute;
    top: 0px;
    left: -10px;
}

/*---HEADER--*/
/*New formatting to support secondary set of address / contact data in header*/
.top-menu .contact-address-wrap{
	width: 70%;
	width: calc(100% - 300px);
	float: left;
}
.top-menu .contact-address{
	float: left;
	width: 100%;
	margin-bottom: 10px;
}
.top-menu .contact-information > div,
.top-menu .contact-information > div:nth-of-type(1n){
	padding: 0px 0px 0px 15px;
}

/*sign up newsletter + social media modified*/
.site-header .social-media{
	clear: none;
	float: left;
}
.site-header .newsletter-signup{
	clear: none;
	padding-left: 45px;
}
.site-header .logo + .social-media{
	float: right;
}


/*---FOOTER---*/
/*removing colours and styles from the bottom footer*/
.site-footer .navbar .nav-menu li:first-child a {
	padding-left: 12px;
}

.site-footer .navbar .nav-menu li > a {
	background: transparent;
	color: #fff;
}

.site-footer .navbar .nav-menu li > a:hover {
	color: #333333;
	background-color: #ffffff;
}

.site-footer-row {
	display: flex;
}

.site-footer .navbar {
	height: auto;
}

.site-footer .navbar .nav-menu {
	text-align: right;
}

.site-footer .widget-area {
	display: flex;
	width: auto;
	flex-shrink: 0;
}

.site-footer .widget {
	width: auto;
}

.site-footer .widget .widget_title{
	width:auto;
}

.site-footer-copyright {
	margin-top: 14px;
	padding-top: 14px;
	border-top: 1px solid rgba(255, 255, 255, 0.3);
}
.site-footer .attribution,
.feedback .feedback_title {
	font-size: 12px;
}

#menu-help-links li a {
	font-size: 12px;
}

.align-items-center {
	align-items: center;
}

.our_attribution {
	line-height: 1.6;
}

/*---SLIDER--*/
/*adding fancy font for the slider*/
#home-slider .slides .slide .caption h2,
#home-slider .slides .slide .caption a h2{
	font-family: 'adam_cg_pro', sans-serif!important;
	margin-bottom: 15px;
	font-size: 280%;
}
/* Image Slider relative height */
#home-slider>.inner{
height:0;
padding-bottom:35%;
position:relative;
}
#home-slider .slides{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
max-height:100%;
}
#home-slider .slides .slide .slideimage.background-image{
height:100%;
}
/*Removing padding from full width sliderr*/
.inner.full-width{
	padding: 0px;
}

/*---STAFF---*/
.staff .content_container .readmore,
.staff .image_container .image_interior{
	display: none;
}
.staff .image_container{
	border: solid 1px #eee;
}

.social-media .icon{
	vertical-align:top;
}
.social-media .icon.tp-icon-wide{
	width:160px;
	font-size:1em;
	line-height:2em;
}
.dms-select{
	font-size:10pt;
	background: #fff;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
	box-shadow: none !important;
	padding: 2px !important;
	height: auto !important;
	margin: 4px 0;
	vertical-align: top;
	border: 1px solid lightgray !important;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px !important;
	-o-border-radius: 0px !important;
	border-radius: 0px !important;
}

/* Single Service page */
.single-service .entry-thumbnail-box{
	width:50%;
	display:block;
	float:left;
	margin: 0px 15px 15px 0px;
	max-width:300px;
}
.single-service .entry-thumbnail{
	width:100%;
	padding-bottom:80%;
	height:0;
	margin:0;
}

/* responsive iframe videos */
.frame_sizer{
	max-width:480px;
	margin:0 auto;
}
.ress_frame{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56%; /* Note: 56.25% has a bottom border for some reason */
}
.ress_frame iframe{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/* async videos */
.async_overlay{
	width:100%;
	height:100%;
	position:absolute;
	z-index:2;

	cursor:pointer;
}
.async_overlay.overlay_hidden{
	display:none;
}
.async_overlay div{
	width:100%;
	height:100%;
}
.async_overlay:after{
	content:"\f16a";
	position:absolute;
	top:50%;
	left:0;
	width:100%;
	text-align:center;
	-webkit-transform: translate(0, -50%);
	-moz-transform: translate(0, -50%);
	transform: translate(0, -50%);
	color:#777;
	color:rgba(255,255,255,0.6);
	display: inline-block;
	font-family: FontAwesome;
	font-size: 90px;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.vimeo_async:after{
	content:"\f04b";
	color:#fff;
	font-size:22px;
	width:65px;
	height:40px;
	text-align:center;
	line-height:40px;
	background:rgba(23,35,34,.75);
	border-radius: 5px;

	left:50%;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}
.async_overlay .background_image{
	background-repeat:no-repeat;
	background-position:center;
	background-size:100%;
	background-size:cover;
}

/* Popup form */
.video_popup.popped_out.popup_background{
	background:#fff;
	background:rgba(212,213,216,0.75);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	overflow:hidden;
	z-index:8;
}
.noscroll .popup_background{
	width: calc( 100% - 17px );
}
.video_popup.popped_out .popup_inner{
	position:absolute;
	top:50%;
	left:50%;
  -webkit-transform: translate(-50%,-50%); /* Ch <36, Saf 5.1+, iOS < 9.2, An =<4.4.4 */
      -ms-transform: translate(-50%,-50%); /* IE 9 */
          transform: translate(-50%,-50%); /* IE 10, Fx 16+, Op 12.1+ */
	overflow:auto;

	width:100%;
	width:calc(100% - 30px);
	max-width:1200px;
	max-height:90%;
}
.video_popup.popped_out .popup_inner.white_bak{
	background:#fff;
}
.video_popup.popped_out .popup_content{
	width:100%;
	overflow:hidden;
	padding:15px;
}
.close_popup{
	position:absolute;
	padding:1em;
	top:0;
	right:0;
	z-index:4;
	cursor:pointer;
	display:none;
}
.video_popup.popped_out .close_popup{
	display:block;
}
.video_popup.popped_out .scrollable{
	max-height:100%;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}
.video_popup.popped_out .ress_frame_inner{
	position:relative;
	width:100%;
	height:0;
	padding-bottom:56%; /* Note: 56.25% has a bottom border for some reason */
}
html.noscroll{
	overflow:hidden;
	margin-right:17px;
}

/* items-stack */
.items-stack {
	clear:both;
}
.items-stack__header {
	background:#333;
}
.items-stack__header h2,
.items-stack__header h3{
	text-align:center;
	margin:10px 0;
	color:#fff;
}
.items-stack__container ul {
	display: flex;
	flex-wrap: wrap;
	padding-left: 0;
	align-items: center;
	list-style: none;
}
.items-stack__container ul li:first-child {
	margin-left: 0;
}
.items-stack__container ul li {
	margin-left: 1.25%;
	flex-grow: 1;
	text-align: center;
}
.items-stack__container ul li img {
	max-height: 90px;
	
	-webkit-filter: grayscale(100%); /* Safari 6.0 - 9.0 */
    filter: grayscale(100%);
	
	transition:filter 0.8s ease;
}
.items-stack__container ul li:hover img {
	-webkit-filter: none; /* Safari 6.0 - 9.0 */
    filter: none;
}

/*LATEST NEWS AND FACEBOOK*/
.news_and_facebook {
	float: left;
	width: 100%;
}
.social-feed:first-child {
	margin-left: 0;
}
.social-feed,
.facebook_feed {
	width: 48.5%;
	margin-left: 1.5%;
	float: left;
	position: relative;
}
.social-feed__header,
.facebook_header {
	float: left;
	width: 100%;
}
.social-feed__header .social-feed__title,
.facebook_header .facebook_title {
	float: left;
	display: inline-block;
	clear: none;
}
.social-feed__header .social-feed__readmore,
.facebook_header .facebook_readmore {
	float: right;
	display: inline-block;
	clear: none;
}
.social-feed__header .social-feed__readmore i,
.facebook_header .facebook_readmore i {
	margin-left: 10px;
}

/*actual feed items*/
.social-feed .cff-wrapper{
	width: 100%;
	float: left;
}
/*manual tweaks to make smash balloon work as a slider*/
.facebook_feed #cff .cff-item{
	clear: none;
	border-bottom: 0px;
}

/*facebook like-box*/
.facebook_feed .cff-likebox{
	display: none;
}

@media screen and (max-width:800px){
	/* remove scrollbar compensation */
	html.noscroll{
		margin-right:0;
	}
	.noscroll .popup_background{
		width:100%;
	}
}
@media screen and (max-height:600px){
	.scrollable{
		overflow-y:scroll;
	}
}

/*---RESPONSIVE---*/
/*Moderate Decives*/
@media screen and (min-width: 644px) and (max-width: 1024px){

	.top-menu .contact-address-wrap{
		width: 100%;
		text-align: center;
	}
	.top-menu .contact-address{
		margin-bottom: 5px;
	}
	.site-header .address{
		width: 100%;
		display: block;
	}
	.top-menu .contact-information{
		width: 100%;
	}
	.top-menu .contact-information > div,
	.top-menu .contact-information > div:nth-of-type(1n){
		padding-left: 0px;
		text-align: center;
	}
	.top-menu .contact-information{
		text-align: center;
	}

	.site-header .search-form{
		width: 100%;
	}
	.site-header .search-form .search-field,
	.site-header .search-form .search-field:focus{
		width: 80%;
		width: calc(100% - 200px);
	}
	.site-header .search-form .search-submit{
		width: 200px;
	}
	.site-header .newsletter-signup,
	.site-header .social-media{
		width: auto;
	}



}
/*Small Devices*/
@media screen and (max-width: 643px){

	/*---HEADER---*/
	.site-header .social-media{
		float: left;
	}
	.top-menu .contact-address-wrap{
		width: 100%;
	}

	.site-footer-row {
		flex-direction: column;
	}

	.site-footer .attribution {
		text-align: center;
	}

	.site-footer .widget-area {
		text-align: center;
	}

	.feedback {
		display: flex;
	}

	.feedback_items {
		margin: 0 auto;
	}

	.site-footer .navbar .nav-menu {
		text-align: center;
	}

}