/*

Theme Name: Uber Child

Theme URI: http://example.com/

Description: Child Theme for the Uber Theme 

Author: Tony Merryweather

Author URI: http://example.com/about-author/

Template: uber

Version: 1.0.2

*/



/* =Import Reveal Theme Styles

-------------------------------------------------------------- */

@import url('../uber/style.css');



/* =Start from here :)

-------------------------------------------------------------- */



@font-face {

    font-family: 'HeydingsCommonIconsRegular';

    src: url('heydings_icons-webfont.eot');

    src: url('heydings_icons-webfont.eot?#iefix') format('embedded-opentype'),

         url('heydings_icons-webfont.woff') format('woff'),

         url('heydings_icons-webfont.ttf') format('truetype'),

         url('heydings_icons-webfont.svg#HeydingsCommonIconsRegular') format('svg');

    font-weight: normal;

    font-style: normal;

}



/* Generated by Font Squirrel (http://www.fontsquirrel.com) on March 19, 2012 12:20:15 PM America/New_York */

/* Container width increase to allow for emails in sidebar
-------------------------------------------------------------- */

#main,
#header .inside,
#footer .inside  {
	max-width: 71.25em;
}


/* =Temporary style prior to removal of date php

-------------------------------------------------------------- */



#sidebar .ttrust_recent_posts .meta, #footer .ttrust_recent_posts .meta {

	display: none!important;

}





/* =Remove h2 clearing on find us page

-------------------------------------------------------------- */



.post-306 h2{

	clear:none;

}



/* =Change h2 size

-------------------------------------------------------------- */



h2{

	font-size: .95em!important;

	font-weight: bold;

}



/* =darken body text

-------------------------------------------------------------- */



body{

	color:#555555;

}



/* =remove gap after removal of h1 php 

-------------------------------------------------------------- */



.post .meta, .attachment .meta {

	margin: -20px 0 25px 0;

}



.inside h1{

	margin: 0 0 45px 0;

}



/* =enlarge text slightly

-------------------------------------------------------------- */



p, #content ul li {

	font-size: .8em;

}



/* =Background

-------------------------------------------------------------- */



html{

	background-color: #8a8279;

}



body{

	background-color: #faf9f8;

}



#header {

	background: #8a8279 url(images/bg-dark-texture.jpg) center repeat;

	border-bottom: 0px solid #aca196;

	-moz-box-shadow: 0 5px 6px rgba(0,0,0,0.6);

	-webkit-box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6);

	box-shadow: 0 5px 6px rgba(0, 0, 0, 0.6);

}



#header .inside {

	background: transparent;

}



/* =Page header images



.page-id-482 #main{

	padding-top:0px;

}



.page-id-482 #pageHead h1{

	padding-left:60px;

	background: url(images/therapies-header-small.jpg) left 20px no-repeat;

	padding-bottom: 20px;

    	padding-left: 60px;

    	padding-top: 40px;

}



-------------------------------------------------------------- */



/* =Menu redesign - need to work on the colour change and add border-bottom white on hover, active, visited 

-------------------------------------------------------------- */



.sub-menu{

	background-color: #8a8279!important;

	border: 0px!important;

}



/* can add the following to use underlines but not working correctly 

#mainNav ul a:hover{

	border-bottom: 2px solid #000;

}



#mainNav ul li.current a, #mainNav ul li.current-cat a, #mainNav ul li.current_page_item a, #mainNav ul li.current-menu-item a, #mainNav ul li.current-category-parent a:active{

	border-bottom: 2px solid #000!important;

}*/



#mainNav ul a {

	font-size:.95em;

	font-weight: normal;

}



/* =Home icon - will only work once site is live - can't work through authenticated site

-----------------------------------------



#menu-item-351 a:before{

     font-family:"HeydingsCommonIconsRegular";

     font-size: 1.1em;

}



#menu-item-351 a:before {

     content:'H';

}



--------------------- */



/* =Header redesign

-------------------------------------------------------------- */



#header .inside {

	padding: 5px 0 5px 0;

}



/* =Footer redesign

-------------------------------------------------------------- */



#footer {

	background: #8a8279 url(images/bg-dark-texture.jpg) center repeat;

	border-top: 0px solid #aca196;

	-moz-box-shadow: 0 -5px 6px rgba(0,0,0,0.6);

	-webkit-box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.6);

	box-shadow: 0 -5px 6px rgba(0, 0, 0, 0.6);

}



#footer .inside{

	background: transparent;

	-webkit-box-shadow: 0 0 0 0!important; 

	-moz-box-shadow: 0 0 0 0!important;

	box-shadow: 0 0 0 0!important;

}



#footer .secondary {

	background: transparent;

	border-top: 1px dotted #aca196;

}



#footer p{

	color:#fff;

}



#footer h1{

	color:#fff!important;

}



#footer h3{

	color:#fff!important;

}



#footer a{

	color: #8DC7DC;

}



#footer a:hover {

	color: #B1D5DC;

}



#footer ul{

	list-style-type: disc;

	list-style-position: inside;

	color: #fff;

}



#sidebar ul li, #footer ul li {

	font-size: .8em;

}



/* =Sitemap sublist

-------------------------------------------------------------- */



.sitemap_sublist li{

	padding-left:20px!important;

	font-size:1em!important;

}



.sitemap_sublist{

	margin-top:10px!important;

}



/* =Resize embedded lists in content

-------------------------------------------------------------- */



#content ul ul li{

	font-size:1em!important;

}



#content ul ul{

	margin-bottom:15px;

}



#content ol li{

	font-size: .8em!important;

}



#content ol{

	padding-left: 20px!important;

}



/* =Therapies stripping list style

-------------------------------------------------------------- */



#therapies_list{

	margin-left: 0px!important;

}



#therapies_list li{

	line-height: 1.7em!important;

	list-style-type: none;

}

/* Therapies collapse-o-Matic remove outline */

.collapseomatic:focus {
outline: none;
}

/* ShiftNav */

.shiftnav.shiftnav-nojs.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item > .shiftnav-target:hover, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-active > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.shiftnav-in-transition > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu li.menu-item.current-menu-item > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-accordion.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu > li.shiftnav-sub-shift.current-menu-ancestor > .shiftnav-target, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-highlight li.menu-item > .shiftnav-target:active, .shiftnav.shiftnav-skin-standard-dark ul.shiftnav-menu.shiftnav-active-on-hover li.menu-item>.shiftnav-target:hover {
background: #77a7b9!important;
}




/* =Remove bottom margin

-------------------------------------------------------------- */



#footer .inside {

	padding-bottom: 0;

	margin-bottom: 0;

}



/* =Remove header border and drop shadow

-------------------------------------------------------------- */



#header .inside {

	border-top:none;

	box-shadow:none;

}



body {

	padding-bottom: 0;

}



/* =Homepage therapies list

-------------------------------------------------------------- */

.therapies_list {

	float: left;

	padding-right: 10px;

	width: 220px;

}



.therapies_list ul{

	margin-bottom:0!important;

}



/* =Homepage h2 titles

-------------------------------------------------------------- */



h2.home_titlex{

	font-size: .95em;

	font-weight: bold;

	margin: 0 0 20px 0;

	clear: both;

	background: transparent url(images/dotted_line.gif) 0 center repeat-x;

	color: #555;

}



.home_titlex span{

	background:#fff;

	padding-right: 10px;

}



/* =Sidebar and footer H3 titles

-------------------------------------------------------------- */



#sidebar .widgetBox h3, #footer .widgetBox h3 {

	font-size: .85em;

}

/* Sidebar images */

#sidebar img {
	max-width: 100%;
    height: auto;
}


/* =Widget redesign - need to refine it to certain sidebars





#sidebar .widgetBox {

    border-bottom-color: #CCCCCC;

    border-bottom-style: dotted;

    border-bottom-width: 1px;

    margin-bottom: 20px !important;

}



/* ='Directions' heading padding

-------------------------------------------------------------- */



#directions_heading{

	margin-top: 20px;

}



/* =Google maps

-------------------------------------------------------------- */



.themeblvd-gmap{

	border:4px solid #aca196!important;

}



/* =Media Queries

    If you're working on a Child Theme, make sure that all

	media queries are included in your style.css

-------------------------------------------------------------- */



/*//////////////////////////////////////////////////////////////////// 

//  12 - Media Queries - Added from Uber Theme (most recent update - 1.1.4) 310713

////////////////////////////////////////////////////////////////////*/

@media only screen and (max-width: 1140px) {
	
	#content {
		width: 62%;
	}
	
	#sidebar {
		width: 30%;
	}
	
}

@media only screen and (max-width: 1024px) {

	#content .project.small {		

		margin-right: 2% !important;		

	}

}

@media only screen and (max-width: 880px) {
	
	#content,
	#content.threeFourth {
		width: 56%;
	}
	
	#sidebar {
		width: 35%;
	}
	
}


/* iPad Landscape */

@media only screen and (max-width: 1024px) {

	#content .project.small {		

		margin-right: 2% !important;		

	}

}



@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {

     #logo { float:none; margin-bottom:10px; }

     #mainNav { position:relative; width:99%; margin-top:0px; top:0; }

 }



@media only screen and (max-width: 940px) {	



/* =logo resize and menu on new line

-------------------------------------------------------------- */	



	#header #logo img {			

		max-width: 100%;

		height: auto;			

	}

	

	#pageHead h1 { font-size: 1.2em;}

	#pageHead {		

		padding: 10px 0 20px 0;

	}

	.flex-direction-nav, .flex-control-nav, .flex-caption { display: none !important;}

	

	#main {

		padding-top: 15px;

	}

	#mainNav {

		position: relative;	

		width: 99%;

		margin-left: 15px;		

		margin-top: 0;

		top:0;	

	}

	

	#mainNav li{

		margin: 0 0 0 3%;

	}

	

	#mainNav ul{

		margin: 0 0 0 10px;

	}

	

	#logo {

		float: none;

		margin-bottom: 10px;

	}			

}



/* iPad Portrait */



@media only screen and (max-width: 768px) {	

	

	#sidebar {

		float: none;

		width: 97%;

		margin-left: 3%;

		padding-bottom: 30px!important;

		padding-top: 10px;	

	}	

	

	#content.threeFourth {

		width: 94% !important;

		float: none;

	}

	

	#content .project.small {		

		margin-right: 2% !important;		

	}

	

	.sidebarBox {	

		float: left;

		margin: 0 3% 30px 0;

		width: 22% !important;			

	}



/*width: 43% !important changed from 21% - 310713*/

	

	.widgetBox {	

		float: left;

		margin: 0 3.5% 30px 0 !important;

		width: 43% !important;			

	}

	

	#comments { width: 100%;}

}







/*layouts smaller than 600px, iPhone and mobiles*/

@media only screen and (max-width: 480px), screen and (max-device-width: 480px), screen and (max-width: 600px)  {



	html {

	    -webkit-text-size-adjust: none; 

	}

	

	h1 { font-size: 1.2em;}

	h2 { font-size: 1.1em;}

	h3 { font-size: 1.0em;}

	h4 { font-size: .9em;}

	h5 { font-size: .8em;}

	

	#header #logo {			

		width: 200px;			

	}

	

	#header #logo img {			

		max-width: 100%;

		height: auto;			

	}

	

	#pageHead h1 { font-size: 1.2em;}

	#pageHead {		

		padding: 10px 0 20px 0;

	}

	.flex-direction-nav, .flex-control-nav, .flex-caption { display: none !important;}

	

	#main {

		padding-top: 15px;

	}

	#mainNav {

		position: relative;	

		width: 99%;		

		margin-top: 0;

		margin-left: 5px;

		top:0;	

	}

	

	#mainNav li{

		margin: 0 0 0 3%;

	}

	

	#mainNav ul{

		margin: 0 0 0 10px;

	}

	

	#logo {

		float: none;

		margin-bottom: 0;

	}	

	

	#projects .full {width: 100%;}

	

	#callToAction {		

		margin-top: -10px;

		margin-left: 5px;

	}

	

	#callToAction p {width: 70%;}	

	

	#content .post {

		margin-bottom: 20px;

		padding-bottom: 5px!important;

	}

	

	.post .moreLink {

		display: none;

	}

	

	#content .project.small {

		margin-bottom: 12px !important;

		width: 46%;		

	}	

	

	#footer { padding: 0 !important;}	

	

	#footer #flickrBox .flickrImage {	

		margin: 0 5px 5px 0;	

	}

	

	#footer .secondary{

		text-align: center;

		margin-bottom: 0!important;

	}

	#footer .secondary p{

		margin: 0px;

		padding: 0px;

	}

	#footer .inside {		

		

	}

	

	#footer .secondary .left,

	#footer .secondary .right{

		float: none;		

	}	

	

	#footer .secondary .right{

		float: none;

		padding-bottom: 15px;

	}

				

	.gallery-item img{

		width: 90%;

		height: auto;

	}	
	
	#header .inside {
padding: 5px 0 2px 0;
}

}



/* iPhone Landscape */

@media screen and (max-width: 480px) and (orientation: landscape) {

	.widgetBox {

		width: 43% !important;

		float: left;		

	}

	

	#footer .widget_search {	

		width: 43% !important;	

	}

	

	#mainNav ul{

		margin: 0 0 0 17px;

	}

	

	.page-template-page-portfolio-php #content.full, .home #content.full{

		margin-left: 10px!important;

		margin-right: 0px!important;		

		width: 98% !important;		

	}

	

	#callToAction {			

		margin-left: 5px;

		margin-right: 15px;

	}

	

	#callToAction p {		

		font-size: .9em;

		line-height: 1.2em;

		width: 60%;		

	}

	

	#callToAction .button{		

		padding: 6px 11px 6px;

		right: 3%;	

	}

	

	#content .project.small {

		width: 46%;

		margin-right: 15px !important;		

	}

	

	#content .post.small {		

		width: 46%;	

		margin-bottom: 12px;

		display: block;

		margin-right: 15px !important;		

	}	

	

	#content .thumbs {

		margin-left: 0 !important;

	}	

}



/* iPhone Portrait */

@media screen and (max-width: 480px) and (orientation: portrait) {

	.widgetBox {

		width: 94% !important;	

		float: none;

		margin: 0 2% 20px 2%;			

	}

	

	#footer .widget_search {	

		width: 94% !important;	

	}

	

	#callToAction {		

		text-align: center;

		margin-left: 0px;

		margin-right: 12px;

	}

	

	#callToAction p {

		margin: 0 0 10px 0;

		float: none;		

		font-size: .9em;

		line-height: 1.2em;

		width: 100%;

		text-align: center;

	}

	

	.page-template-page-portfolio-php #content.full, .home #content.full {

		margin-left: 15px!important;

		margin-right: 0px!important;		

		width: 95% !important;	

	}



	#callToAction .button{

		position: relative;

		right: 0;	

		top:0; margin-top:0;

		padding: 6px 11px 6px;	

	}

	

	#content .project.small {		

		width: 47%;	

		margin-bottom: 12px;

		display: block;

		margin-right: 10px !important;

	}	

	

	#content .post.small {		

		width: 46.5%;	

		margin-bottom: 12px;

		display: block;

		margin-right: 3% !important;		

	}	

	

	#commentForm input[type="text"], #comments input[type="text"] {		

		width: 40% !important;

		margin-right: 5px !important;

	}

	

	#commentForm label, #comments label {

		font-size: .8em;

	}



	#content img.alignleft {

		float:none;

	}	

}

/* Mapbox */

/* Mapbox GL JS */

.mapboxgl-ctrl-top-left,
.mapboxgl-ctrl-top-right,
.mapboxgl-ctrl-bottom-left,
.mapboxgl-ctrl-bottom-right {
    z-index: 1;
}

.wp-block-atomic-blocks-ab-container.mapbox-container.ab-block-container.alignfull {
    padding: 0;
}

.perthmap {
  height: 400px;
  clear: both;
}

#footerperthmap.perthmap {
  height: 250px;
  clear: both;
}

.marker {
  background: url('images/st-quentins-map-marker-v3.png') no-repeat;
  background-size: cover;
  width: 40px;
  height: 40px;
  cursor: pointer;
  /* To offset the marker */
  top: -20px;
}

.mapboxgl-popup {
  max-width: 460px!important;
  top: -20px;
}

#footerperthmap.perthmap .mapboxgl-popup {
  max-width: 240px!important;
}

.mapboxgl-popup-content {
    text-align: center;
    padding: 20px 30px;
    background: #8a8279;
    border-radius: 0;
    box-shadow: 0 5px 20px rgba(0, 0, 0, 0.6);
    color: #fff;
  line-height: normal;
}

#footerperthmap.perthmap .mapboxgl-popup-content {
  padding: 20px;
}

.mapboxgl-popup-anchor-bottom .mapboxgl-popup-tip {
	border-top-color: #8a8279;
}

.mapboxgl-popup-anchor-top .mapboxgl-popup-tip {
    border-bottom-color: #8a8279;
}

.mapboxgl-popup-anchor-bottom-right .mapboxgl-popup-tip {
    border-top-color: #8a8279;
}

.mapboxgl-popup-anchor-bottom-left .mapboxgl-popup-tip {
    border-top-color: #8a8279;
}

.mapboxgl-popup-anchor-top-left .mapboxgl-popup-tip {
    border-bottom-color: #8a8279;
}

.mapboxgl-popup-anchor-top-right .mapboxgl-popup-tip {
    border-bottom-color: #8a8279;
}

.mapboxgl-popup-anchor-left .mapboxgl-popup-tip {
    border-right-color: #8a8279;
}

.mapboxgl-popup-anchor-right .mapboxgl-popup-tip {
  border-left-color: #8a8279;
}

.mapboxgl-popup-close-button {
    padding: 8px 12px;
  color: #fff;
  font-size: 20px;
}

.mapboxgl-popup-content p,
.mapboxgl-popup-content h3 {
  line-height: normal;
}

.mapboxgl-popup-content h3 {
    font-size: 16px;
    text-transform: uppercase;
    margin-bottom: 10px;
	font-weight: 700;
	color: #fff;
}

.mapboxgl-popup-content p {
      margin-bottom: 0!important;
  font-size: 14px;
  font-weight: 600;
}

#footerperthmap.perthmap .mapboxgl-popup-content h3 {
  font-size: 11px;
}

#footerperthmap.perthmap .mapboxgl-popup-content p {
  font-size: 11px;
} 

.site-container .mapbox-container .wp-block-button .wp-block-button__link {
	border-radius: 0!important;
    font-size: 14px;
    font-weight: 600;
    padding: 10px;
    text-transform: uppercase;
}