/*
Theme Name: Traime Behavioral Health
Theme URI: https://www.traimebehavioralhealth.com
Description: Traime Behavioral Health
Author: Webedelic
Author URI: http://www.webedelic.com
Description: Traime Behavioral Health
Version: 1.0
Tags: Traime Behavioral Health
License:
License URI:
*/

@import url('https://fonts.googleapis.com/css?family=Open+Sans|Roboto+Slab:300,400');


html, body {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #494848;
	height: 100%;
	background-image: url(images/whitedropsides.jpg);
	background-repeat: repeat-y;
	background-position: center;
}

h1, h2 {
	color: #ffffff;
}

h1 {
	font-size: 150%;
}

h2 {
	font-size: 18px;
	font-family: 'Open Sans', sans-serif;
	color: #ffffff;
	font-weight: bold;
}

img {
	max-width: 100%;
	height: auto;
}
a:link {color: #9a5b38; text-decoration: none; }
a:visited {color: #9a5b38; text-decoration: none; }
a:hover {color: #000000; text-decoration: none; }
a:active {color: #9a5b38; }








.topline {
	background-color:#d9d7cb;
	width: 100%;
	height: 26px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}


.topheader {
	background-image: url(images/headerbkrg.jpg);
	background-repeat: no-repeat;
    background-position: center;
	background-color:#fefceb;
	width: 100%;
	height: 492px;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}

.topinsideheader {
	background-color:#fefceb;
	width: 100%;
	height: 180px;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}


.headertitletext {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 44px;
	font-family: 'Roboto Slab', serif;
	color: #9a5b38;
	font-weight: 300;
}


.headertitleinsidetext {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 44px;
	font-family: 'Roboto Slab', serif;
	color: #9a5b38;
	font-weight: 300;
}


.headerbodytext {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}

.logo {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	float: left;
}

.navbodtext {
	width: 450px;
	padding-top:25px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	float: right;
}

.navbodinsidetext {
	width: 450px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	float: right;
}




.topnav {
	height: 30px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	color: #000000;
	padding-top:0px;
	padding-bottom:14px;
	padding-right:0px;
	padding-left:0px;
	margin-left: auto;
    margin-right: auto;
}





.topnav a:link {color: #000000; text-decoration: none; padding-bottom:14px; }
.topnav a:visited {color: #000000; text-decoration: none; padding-bottom:14px; }
.topnav a:hover {color: #9a5b38; text-decoration: none; padding-bottom:14px; background-image: url(images/buttonbg.png);  }
.topnav a:active {color: #000000; text-decoration: none; padding-bottom:14px;  } 





.topnav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
} 

.topnav ul li {
    display: inline;
	padding-top:8px;
	padding-right:0px;
	padding-left:25px;
	padding-bottom:0px;
}



.topnav ul ul a {
	width: 205px;
	padding-bottom:0px;
	padding-right:0px;
	padding-left:10px;
	display: block;
	font-size: 13px;
	
}

.topnav ul li{
	position: relative;
	padding-top:13px;
	float: right;
}
.topnav ul ul {
	position: absolute;
	margin-top:10px;
	top: -999999px;
	left: 0;
	opacity: 0;
	background:#98a87c;
	color: #9a5b38;
	opacity: .95;
	text-align: left;
	z-index: 9999;
}

.topnav ul ul a:link {color: #ffffff; text-decoration: none;  }
.topnav ul ul a:visited {color: #ffffff; text-decoration: none;  }
.topnav ul ul a:hover {color: #9a5b38; text-decoration: none; background-image: url(images/blank.png);   }
.topnav ul ul a:active {color: #ffffff; } 

.topnav ul li:hover > ul{
	position: absolute;
	color: #040707;
	top: 100%;
	opacity: .95;
}






.redtitle {
	padding-top:20px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 36px;
	font-family: 'Roboto Slab', serif;
	color: #9a5b38;
	font-weight: 300;
	text-align: center;
}



.greentitle {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 42px;
	font-family: 'Open Sans', sans-serif;
	color: #99a97d;
	font-weight: 400;
	text-align: center;
}



.greeninsidetitle {
	padding-top:10px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 42px;
	font-family: 'Open Sans', sans-serif;
	color: #99a97d;
	font-weight: 400;
	text-align: center;
}



.bulletgroup {
	width: 300px;
	height: auto;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
	float: left;
}



.bulletgroup ul {
    list-style-image: url('images/bullet.png');
}


.bulletgroupcenter {
	width:640px;
	margin-left: auto;
    margin-right: auto;
}




.bodyareahome {
	width: 1180px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 400;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}


.bodyareainside {
	width: 1180px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 400;
	text-align: left;
	margin-left: auto;
    margin-right: auto;
}



.greenline {
	background-color:#99a97d;
	width: 100%;
	height: auto;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:0px;
	padding-right:0px;
	font-size: 36px;
	font-family: 'Roboto Slab', serif;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
}



.badgefloats {
	width: 368px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:10px;
	padding-right:10px;
	text-align: center;
	float: left;
}


.badgeheight {
	width: 100%;
	height: 250px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}



.badgefloats ul {
    list-style-image: url('images/bulletblack.png');
	text-align: left;
}


.badgecenter {
	width:1164px;
	margin-left: auto;
    margin-right: auto;
}

.footerbg {
	background-color:#d9d7cb;
	width: 100%;
	height: 36px;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:0px;
	padding-right:0px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}


.footerfloatleft {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align: left;
	float: left;
}


.footerfloatright {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align: right;
	float: right;
}





.buttonover {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.buttonover img {
	max-width: 100%;
	height: auto;opacity: 1.0;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}



.buttonover img:hover {
    opacity: .8;
    filter: alpha(opacity=80); /* For IE8 and earlier */
} 

.tocenter {
	width:1180px;
	margin-left: auto;
    margin-right: auto;
}

.textindent {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}



.page-wrap {
  min-height: 100%;
  /* equal to footer height */
  margin-bottom: -60px; 
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  height: 60px; 
}



.navmobile {
	display: none;
}



input[type=text]    {
color: #313131;
font: 11px Verdana;
background-color: #d9d7cb;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 85%;
height: 28px;
margin: 8px 8px 0px 0px;
-moz-border-radius:4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */
    border-radius: 4px; /* CSS3 */
}


input[type=email]    {
color: #313131;
font: 11px Verdana;
background-color: #d9d7cb;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 85%;
height: 28px;
margin: 8px 8px 0px 0px;
-moz-border-radius:4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */
    border-radius: 4px; /* CSS3 */
}

select    {
color: #313131;
font: 11px Verdana;
background-color: #d9d7cb;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 60%;
height: 85;
margin: 8px 8px 0px 0px;
-moz-border-radius:4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */
    border-radius: 4px; /* CSS3 */
}

textarea    {
color: #313131;
font: 11px Verdana;
background-color: #d9d7cb;
border-width: 0;
border-color: #d7d5d5;
border-style: solid;
width: 85%;
height: 150px;
margin: 8px 8px 0px 0px;
-moz-border-radius:4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */
    border-radius: 4px; /* CSS3 */
}

input[type=submit] {
margin-top: 10px;
background:#163864; 
height: 40px;
border-width: 0;
border-color: #00536f;
color: #ffffff;
border-style: solid;
	font-family: 'Bitter', serif;
	font-size: 18px;
width: 60%;
    cursor:pointer;
-moz-border-radius:4px; /* Firefox */
    -webkit-border-radius: 4px; /* Safari, Chrome */
    -khtml-border-radius: 4px; /* KHTML */
    border-radius: 4px; /* CSS3 */
}


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

    body {
    margin:0 0 0 0;
	overflow-x:hidden;
    }



.navmobile {
	display: block;
}







.textindent {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:8px;
	padding-right:8px;
}






.topline {
	background-color:#d9d7cb;
	width: 100%;
	height: 26px;
	padding-top:6px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}


.topheader {
	background-image: url(images/headermobile.jpg);
	background-repeat: no-repeat;
    background-position: center;
	background-color:#fefceb;
	width: 100%;
	height: 492px;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}

.topinsideheader {
	background-color:#fefceb;
	width: 100%;
	height: 280px;
	padding-top:12px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}


.headertitletext {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 30px;
	font-family: 'Roboto Slab', serif;
	color: #9a5b38;
	font-weight: 300;
}


.headertitleinsidetext {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 30px;
	font-family: 'Roboto Slab', serif;
	color: #9a5b38;
	font-weight: 300;
}


.headerbodytext {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}

.logo {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.navbodtext {
	width:100%;
	max-width: 450px;
	padding-top:25px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}

.navbodinsidetext {
	width:100%;
	max-width: 450px;
	padding-top:5px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}




.topnav {
	display: none;
}






.redtitle {
	padding-top:20px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 28px;
	font-family: 'Roboto Slab', serif;
	color: #9a5b38;
	font-weight: 300;
	text-align: center;
}



.greentitle {
	padding-top:0px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 25px;
	font-family: 'Open Sans', sans-serif;
	color: #99a97d;
	font-weight: 400;
	text-align: center;
}



.greeninsidetitle {
	padding-top:10px;
	padding-bottom:15px;
	padding-left:0px;
	padding-right:0px;
	font-size: 30px;
	font-family: 'Open Sans', sans-serif;
	color: #99a97d;
	font-weight: 400;
	text-align: center;
}



.bulletgroup {
	width: 300px;
	height: auto;
	padding-top:0px;
	padding-bottom:10px;
	padding-left:10px;
	padding-right:10px;
	text-align: left;
}



.bulletgroup ul {
    list-style-image: url('images/bullet.png');
}


.bulletgroupcenter {
	width:100%;
	max-width:640px;
	margin-left: auto;
    margin-right: auto;
}




.bodyareahome {
	width:100%;
	max-width: 1180px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 400;
	text-align: center;
	margin-left: auto;
    margin-right: auto;
}


.bodyareainside {
	width:100%;
	max-width: 1180px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	font-size: 16px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: 400;
	text-align: left;
	margin-left: auto;
    margin-right: auto;
}



.greenline {
	background-color:#99a97d;
	width: 100%;
	height: auto;
	padding-top:8px;
	padding-bottom:8px;
	padding-left:0px;
	padding-right:0px;
	font-size: 24px;
	font-family: 'Roboto Slab', serif;
	color: #ffffff;
	font-weight: 300;
	text-align: center;
}



.badgefloats {
	width: 368px;
	height: auto;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align: center;
}


.badgeheight {
	width: 100%;
	height: 250px;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
}


.badgecenter {
	width:100%;
	max-width:1164px;
	margin-left: auto;
    margin-right: auto;
}

.footerbg {
	background-color:#d9d7cb;
	width: 100%;
	height: auto;
	padding-top:12px;
	padding-bottom:12px;
	padding-left:0px;
	padding-right:0px;
	font-size: 12px;
	font-family: 'Open Sans', sans-serif;
	color: #000000;
	font-weight: normal;
}


.footerfloatleft {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align: left;
}


.footerfloatright {
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	text-align: right;
}

.tocenter {
	width:100%;
	max-width:1180px;
	margin-left: auto;
    margin-right: auto;
}