/*
    Theme Name: myTheme
    Theme URI: http://www.hamiltrowebsitedesign.com
    Description: Theme for this site
    Version: 1
    Author: hamiltro
*/

@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400');
/*@import url('https://fonts.googleapis.com/css?family=Open+Sans|Source+Sans+Pro');*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300');
@import url('https://fonts.googleapis.com/css?family=Playfair+Display');

#wbg {		
			position:fixed;
			top:-50%;
			left:-50%;
			width:200%;
			height:200%;
			max-width:1000%;
		}
		#wbg img {
			position:absolute;
			top:0;
			left:0;
			right:0;
			bottom:0;
			margin:auto;
			min-width:50%;
			min-height:50%;
			max-width:1000%;
			max-height:1000%;
		}

body{margin:0; padding:0;}
.welcome{width:100%; height:calc(100vh - 80px) ;}
.door{position: absolute;z-index: 1; bottom: 15%;}
.door img{width:100%;}
.door a{display: block;transition: all 0.3s; -webkit-transition:all 0.3s; position: relative;}

.door span{ transition: all 0.3s; -webkit-transition:all 0.3s; position: absolute; /* left:50% ; right:50%; padding: 0px;*/ text-align: center; font-size: 100%;  box-sizing: border-box; overflow: hidden; opacity: 0; color:#fff; font-size:20px; font-family: 'Open Sans Condensed', 'Roboto Condensed', sans-serif; font-weight: bold;}

.door a em{transition: all 0.3s; -webkit-transition:all 0.3s; font-style:normal; position:absolute; text-align:center; bottom:12%; left:10px; right:10px; color:#000; font-size:18px;font-family: 'Open Sans Condensed', 'Roboto Condensed', sans-serif; font-weight:bold; text-transform:uppercase; opacity:0;overflow:hidden; height:0;}
.door a:hover em{ opacity:1;height:30px;}
.door a:hover span{ padding: 10px; padding-top: 10%; opacity: 1;}
.d-welcome{left:4%; width:15%;}
.d-welcome span{bottom: 7%; left: 9%; right: 9%; height: 85%; background: #ce6840;background: rgba(206,104,64,0.8); box-shadow: 0px 30px 50px -20px rgba(206,104,64,0.8);color:#14396e; }
.d-about{left:24%;width:13%;}
.d-about span{bottom: 5%; left: 10%; right: 10%; height: 85%; background: #f4c87d;background: rgba(244,197,119,0.8); box-shadow: 0px 30px 50px -20px  rgba(244,197,119,0.8);color:#63330f;}
.d-services{left:42%;width:15.2%}
.d-services span{bottom: 4%; left: 10%; right: 10%; height: 72%; background: #51b3ba;background: rgba(84,187,194,0.8);box-shadow: 0px 30px 50px -20px rgba(84,187,194,0.8);color:#8c363f;}
.d-forms{left:62%;width:11.8%}
.d-forms span{bottom: 3%; left: 10%; right: 10%; height: 80%; background: #e8722c;background: rgba(221,98,21,0.8);box-shadow: 0px 30px 50px -20px rgba(221,98,21,0.8);color:#1b2727;}
.d-contact{left:78%;width:21.5%;}
.d-contact span{bottom: 11%; left: 25%; right: 26%; height: 75%; background: #ab5711; background: rgba(182,98,28,0.8); border-radius: 65% 65% 0 0;box-shadow: 0px 30px 50px -20px rgba(182,98,28,0.8); color:#1c3341;}
.d-contact a:hover span{bottom: 11%; left: 25%; right: 26%; height: 75%;padding:10px; padding-top:15%;}
#navbar{margin-top:10px; margin-right: 10px;}
.navbar-nav{max-width: 100%;    float: right;}
.navbar-nav a{color:#3e3982; font-family: 'Open Sans Condensed', 'Roboto Condensed', sans-serif; font-weight:bold;}
/*.navbar-nav li.current_page_item a{color:#bf5b07;}*/
.navbar-header {    width: 250px;}
.logo-brand:hover{ text-decoration:none;}
.logo-brand {font-family: 'Oswald', sans-serif; font-family: 'Open Sans Condensed', 'Roboto Condensed', sans-serif;}

.logo-brand h1{color:#dd6a0a; font-size:28px; font-weight:300;line-height:100%;}
.logo-brand h1 span{font-size:70%;}
.logo-brand h3{color:#3e3982; font-size:26px; line-height:98%;font-weight:100; margin-bottom:10px;}
.logo-brand h3 span{font-size:75%;}

.home .logo-brand h1{font-size:30px; font-weight:300;line-height:100%;}
.home .logo-brand h1 span{font-size:70%;}
.home .logo-brand h3{font-size:28px; line-height:98%;font-weight:300;}
.home .logo-brand h3 span{font-size:75%;}

.navbar {   min-height: 50px;    margin-bottom: 0;    border: 0px solid transparent;}
.navbar-wrapper{background:#ffffff; z-index:3; position:relative;border-bottom: 1px solid #e0dfef;}
.headerwrap{display:none;}
.home .headerwrap{display:block;}
/*.contact .col-md-4, .featurette .col-md-7{padding-right:0 !important;}
.contact .col-md-4 iframe{display:none;}*/
@media screen and (min-width: 768px){
.home .menu-menu-main-container{display:none !important;}
}
.container.marketing{min-height:calc(100vh - 115px);}
.footer{background:#3d3a67;padding:10px 0; color: #fff;}
.home .welcome{background-image: url(images/home-BG.jpg);background-repeat: no-repeat; background-size: cover;background-position: right top;}
.container.marketing{padding:30px}
.col-md-12 ul{padding-left:40px}
/*.row.contact p{padding:20px 0px}*/
.row.contact .col-md-12{padding:20px 0px}
.featurette-heading a{font-size:20px}
img.featurette-image	{padding-bottom: 50px !important;}
.fullquote	{color: #375931; color: #dd6a0a; font-family: 'Playfair Display', serif; font-style: italic; font-size: 2em;
/*text-indent: -1em;*/margin-top:30px; margin-left: 0;padding-bottom: 20px; max-width: 300px;}
@media only screen and (max-width: 1024px)	{
	.fullquote	{max-width: 350px;}
}
.quote	{line-height: 1em;}
.quote:before {content:'\201c'; }
.quote:after{content:'\201d';}
/*.quote:before {content:'\201c'; font-size: 2.4em;}
.quote:after{content:'\201d';font-size: 2.4em;display: block; text-align: right;padding-right: 10px;padding-top: 6px;}*/
.quoteauthor	{text-align:left; font-size: 1.4em; max-width: 280px;}
.home .formmenuitem{display:none}
.container>.navbar-collapse {margin-right: 0px;margin-left: 0px;}
ul.pdfs li	{list-style: none;}
.copyright, .footercontact	{text-align: center; font-size: .9em;}
.navbar-nav li	{margin-left: 2px;}
/* purple bg: #3d3a67 */
.page_welcome:hover{background: #c9653e;}
.page_about:hover{background:#f6c981;}
.page_approach:hover{background:#56bbc4;}
.page_therapy:hover{background:#e9712c;}
.page_contact:hover{background:#bc651c;}
.page_forms:hover{background:#96a05d;}

.navbar-nav li.	{ border: 0px solid; }
.navbar-nav > li > a	{padding: 10px 14px;}
.navbar-nav li.page_welcome a:hover{color: #ffffff !important}
.navbar-nav li.page_about a:hover{color: #ffffff !important}
.navbar-nav li.page_approach a:hover{color: #ffffff !important}
.navbar-nav li.page_therapy a:hover{color: #ffffff !important}
.navbar-nav li.page_contact a:hover{color: #ffffff !important}
.navbar-nav li.page_forms a:hover{color: #ffffff !important}


.page_welcome.current_page_item{background: #3d3a67}
.page_about.current_page_item{background:#3d3a67}
.page_approach.current_page_item{background:#3d3a67}
.page_therapy.current_page_item{background:#3d3a67}
.page_contact.current_page_item{background:#3d3a67}
.page_forms.current_page_item{background:#3d3a67}

.navbar-default .navbar-nav .page_welcome.current_page_item a{color: #ffffff}
.navbar-default .navbar-nav .page_about.current_page_item a{color: #ffffff}
.navbar-default .navbar-nav .page_approach.current_page_item a{color: #ffffff}
.navbar-default .navbar-nav .page_therapy.current_page_item a{color: #ffffff}
.navbar-default .navbar-nav .page_contact.current_page_item a{color: #ffffff}
.navbar-default .navbar-nav .page_forms.current_page_item a{color: #ffffff}

@media only screen and (min-width: 768px)  { 
	.navbar-nav > li > a	{ padding: 13px 14px; } 
	.current_page_item { border-radius: 15px;}
	.page_welcome:hover{border-radius: 15px;}
	.page_about:hover{border-radius: 15px;}
	.page_approach:hover{border-radius: 15px;}
	.page_therapy:hover{border-radius: 15px;}
	.page_contact:hover{border-radius: 15px;}
	.page_forms:hover{border-radius: 15px;}
}


.footer {position: fixed;width: 100%;bottom: 0px;}
.container.marketing {min-height: calc(100vh - 153px);padding-bottom:90px}
#telephone{position: absolute;right: 40px;top: 25px;}
.contactdetails{
    position: absolute;
    right: 0;
    top: 65px;
    background: #3d3a67;
    /*background-color: transparent;*/
    padding: 14px 12px 10px;
    color: white;
  display:none;
  border-radius: 15px;
}
.contactdetails p {margin-bottom: 6px;}

.maplocation iframe	{padding: 3px; border: 1px solid #67658d !important;}

@media screen and (max-width: 1024px){
      .rightsection a{width: 40%;float: left;}
			.quotepart{width: 55%; float: right;}
			.fullquote {font-size: 1.5em;}
			.quoteauthor	{font-size: 1.3em;}
}
@media screen and (max-width: 450px){
      .rightsection a,.quotepart{width: 100%;float: none;}
			.fullquote {font-size: 2em;}
}
/*@media (max-width: 1024px) {
  .navbar-header {
      float: none;
  }
  .navbar-left,.navbar-right {
      float: none !important;
  }
  .navbar-toggle {
      display: block;
  }
  .navbar-collapse {
      border-top: 1px solid transparent;
      box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
  }
  .navbar-fixed-top {
      top: 0;
      border-width: 0 0 1px;
  }
  .navbar-collapse.collapse {
      display: none!important;
  }
  .navbar-nav {
      float: none!important;
      margin-top: 7.5px;
  }
  .navbar-nav>li {
      float: none;
  }
  .navbar-nav>li>a {
      padding-top: 10px;
      padding-bottom: 10px;
  }
  .collapse.in{
      display:block !important;
  }
}*/
@media screen and (max-width: 1024px){
  /*.home .navbar-header button{display:none}*/  
 .door a em ,.door a span {font-size:15px;}
  .door a span {padding:10px}
  /*.door span{opacity:1}
  .door a em {opacity: 1;height: 30px;}*/
  .nav > li > a {	padding: 10px 10px;}
  /*.maplocation {display: none;}
  .contact .col-md-4 iframe{display:block;}*/
  
}
@media screen and (min-width: 768px) and (max-width: 1024px){
.featurette .col-md-7, .featurette .col-md-5{width:100% !important; float:none !important; padding:0 !important; margin:0 !important; left:0 !important; Right:0 !important;}
  .contact .col-md-8, .contact .col-md-4{float:left !important;width:50%; }

}
@media screen and (min-width: 320px) and (max-width: 768px){
.navbar .container {	padding: 0;}
.navbar-header {	margin: 0 !important;}
#navbar {margin: 0; padding:0;}
  .navbar-nav {	margin: 0;}
}
@media screen and (max-width: 768px){
  .door a em {opacity: 1;height: 30px;}
.navbar-nav {float: none;text-align: center;}
  /*.welcome span{display:none}*/
  .door a em {background: rgba(0,0,0,0.5);bottom: -20%;color:#fff;padding-top:4px;font-size:13px}
  .navbar-toggle {position: absolute;float: none;right: 0;}.home .headerwrap{display:none;}
}
@media screen and (max-width: 580px){
  .door a em {display:none}
}