/*
Theme Name: Bespoke Theme for Humming Bird.
Author: Shelley Bartlette
Version: 1.0

*/


/* Necessary for full page header*/

html,
body,
.view {
    height: 100%;
}

/* GLOBALS */

body{
	color:#686868;
font-family: 'Raleway', sans-serif;


	font-size:1.0625em;
	line-height:1.9;
	font-weight:lighter;
}


/* Increasing font size on inner page paragraph for improved readibility */
.maininfo p{
   font-size:1.1em;	
}

.maininfo ul{
     padding-left:50px;
	 line-height:1.6;	
}

.maininfo li{
   list-style:square !important;	
   border-bottom:1px dotted #efefef;
   padding:10px 0;
   font-size:14px;
 
}

.page-id-36 .maininfo h4{
   margin:0;	
}


a{
	color:#B3B532;
	transition: color 0.6s ease !important;
		
}

a.more-link{
   line-height:4 !important;	
}


h1, h2, h3, h4, h5, h6{
	font-family: 'Josefin Slab', serif;
		color:#1f2526;
}

h1{
	font-size:40px;
	font-weight:200;
	
}

h2{
	font-size:36px;
	line-height:38px;
	font-weight:200;
	padding-bottom:20px;
}

h3{
	font-size:26px;
	font-weight:100;
	margin-top:50px;
	line-height:2;

}

h4{
	font-size:20px;
	font-weight:100;
	margin-top:50px;
	line-height:2;
}

h5{
	font-size:16px;
	font-weight:100;
	margin-top:50px;
	line-height:2;
}

h6{
	font-size:12px;
	font-weight:100;
	margin-top:50px;
	line-height:2;
}

.img-fluid{
    margin-bottom:15px;	
}

.spacer{
   padding-bottom:40px;	
}

.btn{
  box-shadow:none !important;	
  background:#f8f4f5;
  color:#3e4141;
}

.slidebtn{
	background: transparent;
	border:1px solid #efefef;
	margin-top:50px;
	color:white;
	font-weight:lighter;
	font-size:0.8em;
	letter-spacing:0.2em;
	text-transform:uppercase;
	transition:all 0.5s ease;
}

.slidebtn:hover{
    color:#efefef;
	border:1px solid rgba(239, 239, 239, 0.5);
	background:transparent !important;	
}

.btn-primary:focus, .btn-primary.focus{
   background:transparent !important;	
   border:1px solid rgba(239, 239, 239, 0.5);
}


/* Navigation*/

#menu-main-navigation{
   margin-right:10px;	
}

.navbar .active a{
	color:#FFF !important;
}

.navigation li{
   float:left;
   padding-right:10px;	
}
a.navbar-brand{
   font-size:16px !important;
   margin-left:15px;
  
}


.logo{
    width:60% !important;
	height:auto;
}


@media (max-width:768px){

    .logo {
    width: 65% !important;
    height: auto;

}
}
.nav{
   margin-top:10px;	
}
.navbar {
    background-color: transparent;
	font-style:normal;
	letter-spacing:2px;
	line-height:1em;
	font-size:13px;
	text-transform:uppercase;	
	padding:20px 10px 0 10px;
}

.navbar-dark .navbar-nav .nav-link {
    color: rgba(255, 255, 255, 0.9);
}

.navbar li a{
    padding:15px 10px !important;	
}
.navbar li .active{
   background: transparent;
}


.navbar-fixed-top{
 box-shadow:none;
}

.dropdown{	
   color: #000 !important;
}

.navbar .dropdown-menu{
	   box-shadow:none !important;
	   background:rgba(255, 255, 255, 0.8);
}

.dropdown li{
    padding-right:0 !important;
	
}

.navbar .dropdown-menu li {
  width: 100% !important;
  margin-left: 0 !important;
  text-align:center;
  padding-right:20px;

}
.navbar .dropdown-menu li a{
  font-size:0.7em;
}

/*.page-template-content-listing-template-2 .navbar, .page-template-our-clients-template .navbar, .page-template-default .navbar {
	background-color:#222e2e;
	
}*/


.page-id-3 .navbar li .active{
	background: #3c4646 !important;
	border:none !important;
}
.scrolling-navbar {
    -webkit-transition: background .5s ease-in-out, padding .5s ease-in-out;
    -moz-transition: background .5s ease-in-out, padding .5s ease-in-out;
    transition: background .5s ease-in-out, padding .5s ease-in-out;
}


.top-nav-collapse {
	/*background-color:#222e2e;*/
	background-color: #3f2f6a !important;

	}
	
	.top-nav-collapse .active{
   		background: #B3B532 !important;
		border:none !important;
}

footer.page-footer {
    /*background-color: #222e2e;*/
	background-color: #3F2F6A;
    margin-top: 0;
	font-size:12px !important;
	padding-bottom:80px;
	padding-top:80px;
	
}

footer.page-footer a{
		font-size:12px;
		padding-bottom:3px;
}

footer.page-footer a:hover{
     opacity:0.8;	
}


.footer-copyright{
	background:none !important;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.18em;
	line-height:1.5;
	height:auto !important;

}

.footer-copyright p{
  line-height: 10px;
  color:#fff;
}

.top{
  border-bottom:1px dotted #efefef;	
}

@media only screen and (max-width: 768px) and (min-width:544px) {
	.navbar {
	   font-size:9px;
	   padding:10px 0 0 0;	
	}
	
	.navbar li a{
    padding:5px 0 !important;	
}
}

@media only screen and (max-width: 636px) {
	
   .masthead h2{
	   font-size:44px !important; 
	   
   }
   
   .masthead .slidebtn{
	   margin-top:-10px; 
   }
   
   .contentpage h2{
	      font-size:28px !important;
		  padding-top:180px !important;
   }
   
   .blog h2, .ourstory h2{
	     padding-top:180px !important;  
   }
}
@media only screen and (max-width: 768px) {
    .navbar {

background:#3f3169;


		
    }
	
	.navbar .navbar-toggleable-xs{
	    float:none;	
		clear:both;

		
	}
	
	.navbar .navbar-toggleable-xs ul{
		padding:18px;
	}
	
	.trauma .col-xs-12, .experts .col-xs-12, .clients .col-xs-12, .services .col-xs-12, .latest-posts .col-xs-12, .relatedpages .col-xs-12, .cntrelatedpages .col-xs-12{
	   padding-bottom:50px;	
	}
	
	.contentpage h2, .blog h2{
		  padding-top:190px !important;
   }
	
}



/* Lead Images / Header / Jumbotron*/

.jumbotron{
	 margin:0;
	 padding:0;
	 box-shadow:none;
}  
.masthead, .jumbotron.ourstory, .jumbotron.contentpage, .jumbotron.contentlisting, .jumbotron.blog, .jumbotron.ourclients, .jumbotron.ourteam {
    height: 100%;	
}

.masthead{
  height:700px;
}

.jumbotron.ourstory, .jumbotron.ourclients, .jumbotron.ourteam, .jumbotron.blog, .jumbotron.contentpage {
    height:400px;
}

.jumbotron.contentlisting{
    height:250px;	
}

.masthead h1, .jumbotron.ourstory h1, .jumbotron.blog h1, .jumbotron.ourclients h1, .jumbotron.ourteam h1{
    font-size:1.1em;
	font-weight:lighter;
	padding-bottom:40px;
	text-transform:uppercase;
	letter-spacing:0.08em;
}

.masthead h2{
   font-size:3.8em;
   font-weight:300;	
   color:#fff;
}

.jumbotron.ourstory h2, .jumbotron.ourclients h2, .jumbotron.ourteam h2{
      font-size:3em;
	 color:#fff;
	 font-weight:300;
	 padding-top:40px;	
}

.jumbotron.blog h2{
	font-size:2.8em;
    font-weight:300;	
    color:#fff;
	padding-top:100px;
}

.jumbotron.contentpage h2{
	font-size:2.8em;
    font-weight:300;	
    color:#fff;
	padding-top:80px;
}

.masthead{
	background:url(img/bg-masthead.jpg);
}

/* Reusable Custom Classes */

.centered{
   text-align:center;	
}

.lead{
   font-size:30px !important;
   line-height:38px;	
   padding-bottom:15px;
   font-weight:lighter !important;
   color:#1f2526;
}

.dotted{
	border:none;
    border-bottom:1px dotted #ddd;
	
}

.dotted.news{
    margin-top:1.4rem;
	margin-bottom:1.4rem;
}

.mb{
    margin-bottom:60px;	
}

.mb2{
	margin-bottom:30px;	

}

/* Blogposts Section */
.entry-title a{
    color:#4a4a4a;
	line-height:1.4;	
	padding:0 !important;
	
}

/* Works on First Paragraph of Text */
.blogposts p:first-of-type { 
    padding-bottom:20px;
}

.entry img{
   margin-top:30px;
   margin-bottom:30px;	
}

.entry ol, .entry ul {
		font-size:16px;
		line-height:2;
}


.blog .entry ul li, .single .entry ol li, .single .entry ul li{
   list-style:disc !important;	
   margin-left:40px;
}

.blog .entry ol li{
	
}

.paginate a:first-child{
  padding-right:20px;
}


.paginate a:nth-child(2){
   padding-left:20px;
}

.post-date{
    font-size:16px;
	color:#9d9d9e;	
}
.title{
    padding-bottom:10px;
	padding-top:20px;
	letter-spacing:0.09em;
	font-size:24px;
	font-weight:300;
	line-height:26px;
	color:#1f2526;
}

.entry{
    padding-bottom:50px;	
	padding-top:50px;
	border-bottom:1px dotted #efefef;
}



.single .entry{
   border:none;	
}

.entry-title{
	font-size:32px;
	font-weight:300;
	line-height:1;
	color:#1f2526;
	padding:0;
}

.single .flex-item{
	font-size:28px !important;
}

.single .entry-title a{
   line-height:1.2;	
}

.home .entry-title{
    font-size:24px;	
}

.entry strong{
   font-weight:200;	
   font-size:22px;
   line-height:1;
   color:#1f2526;
}

.title2{
    padding-bottom:20px;
	padding-top:20px;
	font-size:26px !important;
	line-height:26px;
}

h3.title{
   font-size:16px;
   line-height:19px;
}

.entry h3{
    font-size:20px;	
	line-height:1.5;
}


/* sections */
	.row.bordered {
	 	border-bottom:1px solid #efefef;
	 	padding-bottom:100px;
	 
	}
	
	.row.bordered2 {
	 	border-bottom:1px solid #efefef;
	 	padding-bottom:158px;
	 
	} 
	
	.divider{
		border:none;
      	border-bottom:1px solid #efefef;
		padding-top:50px;
}
	.divider2{
		border:none;
      	border-bottom:1px solid #efefef;
		padding:0;
		margin-bottom:100px;
}
	
	
	.trauma, .latest-posts, .relatedpages{
     	padding:100px 0 100px 0;	
	}
	
	.blogposts{
	    padding:50px 0 100px 0;	
	}
	
	.maininfo{
	   margin-top:100px !important;	
	}
	
	.cntlistinfo{
	    margin-top:100px !important;	
	}

         .page-id-271 .cntlistinfo{
            margin-top:200px !important;
         }
	.experts, .clients, .services, .quotes, .cntrelatedpages{
		padding-bottom:100px;
	}
	
	.cntlistinfo{
	   padding-bottom:20px;	
	}

	
	.call-to-action{
		background:rgba(50, 69, 68, 1);
		padding-top:40px;
		padding-bottom:30px;
	    color:#efefef;
	   
	}
	
	.call-to-action .lead{
		color:#efefef;
		margin:0;
	}
	
	
	.call-to-action a{
	  border-bottom:1px dotted rgba(139, 185, 199, 0.6);
	  color:#efefef;
	}
	
	.call-to-action a:hover{
	   color:#e6e638;
	}
	
	.call-to-action-2{
		background:rgba(180, 182, 50, 0.1);
		padding:20px 20px 10px 20px;
		margin-bottom:40px;
		font-size:1.2em;
	}
	
	.aboutsnp .title{
	   padding-top:40px;	
	}
	
	
	
	.footer-copyright a{
	font-size:12px !important;
	line-height:19px;
}


/* Icon Section */

.icon{
    text-align: center;
	
}

.icon a{
    color:#373a3c;	
}

.icon a:hover{
    color:#70cbd2;	
}

.page-template-landing .fa, .page-template-content-page-template-3 .fa, .page-template-content-listing-template-2 .fa, .page-template-our-clients-template .fa, .single-case_histories .fa{
	 font-size:6em;
}

.fa.fa-file-pdf-o{
    font-size:1em !important;	
}

.fa-5x{
    font-size:6em;
}


.fa-2x{
   font-size:1.8em !important;	
}


.thinner{
	-webkit-text-stroke: 3px white;

}
.fa-quote-left{
	display:inline-block;
   color:#C0C0C0;
    width:100%;
    text-align: center;
    vertical-align: bottom;
	padding-bottom:20px;
}

cite{
   color:#C0C0C0;	
}

blockquote{
 font-size:1.1em;	
}

/* Contact Form Styling */

.nf-form-content{
   border-top:1px solid #efefef;	
   border-bottom:1px solid #efefef;
   
   
}
.nf-form-content input, .nf-form-content textarea, .comment-form input, .comment-form textarea {
		border:none;
		border:1px solid #ddd;
}

.nf-form-content label{
		font-size:18px;
}

.nf-field-label:first-child{
    padding-top:20px !important;	
}

.nf-form-fields-required{
   padding-bottom:30px;
  
   font-size:18px;	
}

.nf-form-content input[type="submit"], .comment-respond input[type="submit"] {
		background:none !important;
		border:#efefef !important;
		color:white;
		font-size:18px;
		padding:10px;
		width:100%;	
		letter-spacing:0.10em;
		transition:all 1s ease;
}
#nf-field-4{
		background:none !important;
		border: 1px solid #efefef;
		color:#333;
		font-size:18px;
		padding:10px;
		width:100%;	
		letter-spacing:0.10em;
		transition:all 1s ease;
}

.comment-respond input[type="submit"]{
    border:1px solid #efefef !important;
	color:#333;	
}



#nf-field-4:hover, .comment-form input[type="submit"]:hover{
		background:#efefef !important;
		color:#212020 !important;
}

textarea#comment{
    height:200px !important;	
}

h3#comments{
   font-size:24px;
   padding-bottom:30px;
}

ol.commentlist{
    list-style:none !important;	
	font-size:18px;
}

ol.commentlist li{
   padding-bottom:20px;
   border-bottom:1px dotted #ddd;
   padding-top:20px;	
}


.comment-meta{
	font-size:14px;
	padding-top:10px;
}

.commentlist p{
    margin-top:20px;	
}


#reply-title{
    margin-top:80px;	
	border-top:1px solid #ddd;
	padding-top:40px;
}


/*  Team Page  */
.team-title{
   margin:0;
   line-height:1.5;
   font-weight:300;
   padding-bottom:5px;
   	
}

.team-image:hover{
	  opacity:0.5 !important;
	 
}

.team-position{
	line-height:1;
	
}

.team-quals{
   line-height:1.2;
   font-size:0.7em;	
}

/* Important part */
.modal-dialog{
    overflow-y: initial !important
}
.modal-body{
    height: 550px;
    overflow-y: auto;
}

/*Styling the Sitemap */

.wsp-pages-title{
	font-size:24px;
   
}

/* Therapy Page Quick Links */
.quicklinks{
   width:100%;
overflow:auto;
}

.qlinkbox{
   background:rgba(207, 207, 50, 0.5);
width:32.3%;
float:left;
margin-right:1%;
padding-bottom:40px;
text-align:center;
margin-bottom:40px;
height:120px;
}

.qlinkbox:nth-child(2){
background:rgba(39, 164, 103, 0.5);
}
.qlinkbox:nth-child(3){
background:rgba(125, 166, 180, 0.5);
}
.qlinkbox a{
  display:block;
  color:#686868 !important;
    line-height: 1 !important;

}
.alinkbox h4{
    font-weight: 100;
    line-height: 1 !important;
    margin: 0px !important;
padding:0;
}

.qlinkbox:hover{
   opacity:0.8;
}

.clearfix{
 clear:both;
}

.btn-left{
	float: left !important;
}
.page-item-366{
	display: none !important;
}

. CTA-contact{
   background:#B3B531 !important;
padding:30px 0;
}

.cta-container{
    width:980px;
margin:0 auto;
text-align:center !important;
}