/* ------------------- Home Page Simplification ------------------- */
#healthslider {
	display: none;
} 

#homeinnerContent {
    margin: 0 0 0;
}

/* ------------------- General Styles ------------------- */

h2 {
  font-family: Arial, Helvetica, sans-serif;
    font-size: 1.94em;
    color: #003F72;
    line-height: 1.35;
    font-weight: bold;
    margin: 20px 0 0 0;
    padding-bottom: .8em;
}

h2.page-title {
     display:none;
}

h3 {
  font-size: 1.84em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  padding-bottom: 0.65em;
  margin-bottom:10px;
}

h4 {
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#2e2e2e;
}

h5 {
  font-size: 1.24em;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  color:#2e2e2e;
  line-height: 1.35em;
  padding-bottom: 0.65em
}
aside {
    text-align: center;
    margin: 72px 0px 10px;
    padding: 10px 10px 10px 10px;
    border-top: 5px solid #fdb81e;
    border-left: 5px solid #fdb81e;
	border-right: 5px solid #fdb81e;
    border-bottom: 5px solid #fdb81e;
}
span {
  font-size: .8em;
  font-style: italic;
}
#overview-tab a {
	cursor: default !important;
	color: #003f72 !important;
    background: #ffffff !important ;
    border-top: 2px solid #003f72;
	}

#tier4innerContent h1 + p {padding-top:2.5em;}

#tier4innerContent h4 + h5 {padding-top:1.5em;}

#tier4innerContent h4.no-space-below {
  	margin-bottom: 0;
    padding-bottom: 0.5em;
}

#tier4innerContent a, h3 a, h4 a, h5 a {text-decoration:underline;}

#tier4innerContent a {color:#0B6CB2;}

  #homeinnerContent p,
  #tier4innerContent p,
  #tier4innerContent li,
  #homeinnerContent li,
  #tier4innerContent ol li {
  	font-size: 1.25em;
	line-height: 1.5em;
}

#tier4innerContent li p {
font-size:100%;}

h3.border-top-lt-blue {
                padding-top:14px;
                border-top:4px solid #ebf4f6;
                font-weight:bold;
                font-family:Arial, "Helvetica Neue", Helvetica,  "sans-serif";
}
 
.smaller-135 {font-size:135%;}

.spaced {
  margin-bottom: 2.15em;
}
 
 
.tab-accord h3 {
    font-size: 1em;
}
 
#tabContent p, 
#tabContent li {
     font-size: .95em !important;
}

#tier4innerContent ul {
    padding: 0 0 2em 0;
}

#tier4innerContent ul ul {
    padding: 6px 0 6px 0;
}

#tier4innerContent li li,
#tier4innerContent li p {
	font-size: 1em !important;
}
 
.newbanner {
margin-bottom:30px;
}


.highlightPost {
-moz-border-radius: 0px 6px 25px 0px;
-webkit-border-radius: 0px 6px 25px 0px;
border-radius: 0px 6px 25px 0px;
border-right: 10px solid #8889B5;
border-bottom: 2px solid #8889B5;
}


.headerGradientHighlightPost {
    color: #000;
    padding: 5px 0px 5px 0px;
  background: #8889B5; /* For browsers that do not support gradients */
  background: -webkit-linear-gradient(left,rgba(136, 137, 181,0),rgba(136, 137, 181,1)); /*Safari 5.1-6*/
  background: -o-linear-gradient(right,rgba(136, 137, 181,0),rgba(136, 137, 181,1)); /*Opera 11.1-12*/
  background: -moz-linear-gradient(right,rgba(136, 137, 181,0),rgba(136, 137, 181,1)); /*Fx 3.6-15*/
  background: linear-gradient(to right, rgba(136, 137, 181,0), rgba(136, 137, 181,1)); /*Standard*/ 
  border-bottom: 2px double #8889B5;
}


.learn-more-title {
  font-size: 16px !important;
  line-height:22px !important;
  color: #2e2e2e !important;
}


.info-elements {
    font-size: 0.88em !important;
    color: #666666;
    margin-top: -0.8em;
}

  /* fix left menu spacing */
  
@media only screen and (min-width: 980px) {

.sub-sub-menu li ul.sub-sub-menu > li a {
    height: auto;
    padding-left: 66px;
    padding-top: 8px;
    border: 0px;
    line-height: 1rem;
    border-bottom: 1px solid #ededed;
    border-collapse: collapse;
}
}



/* **************** FIX HOME CAROUSEL BUTTONS ******************* */

@media only screen and (min-width: 768px) {
.slider > .slider-thumbnails > .thumbnails-wrap > a {
  width: 33%;
  padding: 1.2rem .3rem 1.2rem .3rem !important;
  font-size: 1.05em;
}
  
  .slider > .slider-thumbnails > .thumbnails-wrap > a.selected {
    background-size: 100% 100%;
    background: url(/MENTALHEALTH/images/slider-bckgrnd-notch-active.jpg) no-repeat center top; 
  }
}

.slider > .slider-thumbnails > .thumbnails-wrap > a:hover {
    text-decoration: none;
}

  @media only screen and (min-width: 768px) {
    .slider > .slider-thumbnails > .thumbnails-wrap > a:hover span {
    	text-decoration: underline;
	}
  }

  @media only screen and (min-width: 768px) and (max-width: 979px) {
    
   .slider #slider-controls {
      top:76% !important;
    }

	
}



/* *************** icons ******************* */

.external::after {
 content: '\f35d';
    font-family: "Font Awesome 5 Free";
    font-weight: 900;
    padding-left: .5em;
    font-size: .9em;
}

h4 .external::after {
  font-size: .8em;
}

.external.no-icon::after {
 content: '';
    padding-left:0;
}

/* ---------------- images ------------------- */

.image-right {
	display:block;
	float: right;
	margin: 0 0 20px 20px;
}

.image-left {
	display:block;
	float: left;
	margin: 0 20px 20px 0;
}

img.border {
border: 1px solid #cccccc;	
}


/* ------------------ misc text formatting ----------------- */

.phone-number,
  .phone,
    .no-break {
    white-space: nowrap;
}
 
/* ---------------- lists ----------------- */

#tier4innerContent ul.long-bullets li,
#tier4innerContent ul.long-list li{
	padding-bottom: 17px !important;
	line-height:1.4em !important;

}

#tier4innerContent ul.short-bullets li,
#tier4innerContent ul.short-list li{
	padding-bottom: 10px !important;
	line-height:1.4em !important;

}

#tier4innerContent ul.short-list li:last-child,
#tier4innerContent ul.long-bullets li:last-child,
#tier4innerContent ul.long-bullets li > ul,
#tier4innerContent ul.long-list li > ul,
#tier4innerContent ul.short-bullets li > ul,
#tier4innerContent ul.short-list li > ul {
	padding-bottom:0 !important;
}


    
    
/* ------------------- box -------------- */

.light-blue-box {
    display: block;
    padding: 20px;
    background: #f1f1f1;
    margin-bottom: 25px;
    font-size: 1.25em;
  line-height:1.5em;
}

.blue-box {
  	display: block;
    padding: 20px;
    background: #E1F3F8;
    margin-bottom: 25px;
    font-size: 1.25em;
  	line-height:1.5em;
}

 
.light-blue-box h2,
  .blue-box h2 {
   margin-top: 0;
   font-size: 1.4em;
   padding-bottom:0
  }


.light-blue-box h3,
  .blue-box h3 {
   font-weight:bold;
   font-family:Arial, "Helvetica Neue", Helvetica,  "sans-serif";
   font-size: 1.34em;
   line-height:1.3em;
   padding-bottom:0;
   margin-bottom: 10px;
}
 
  .light-blue-box > h3,
  .blue-box > h3 {
   margin-top: 0;
}

.light-blue-box h4,
.blue-box h4 {
  	padding-top:0;
    padding-bottom:0;
  	font-size: 1.3em; 
  	line-height:1.3em;
}

#tier4innerContent .light-blue-box h4 + h5,
#tier4innerContent .blue-box h4 + h5 {
    padding-top: .4em;
}

#tier4innerContent .light-blue-box h5,
#tier4innerContent .blue-box h5 {
	font-size: 1.1em;
	line-height:1.25em;
    padding-bottom:0

}

#tier4innerContent .light-blue-box p,
#tier4innerContent .light-blue-box li,
#tier4innerContent .blue-box p,
#tier4innerContent .blue-box li {
  font-size: 1em ;
}
 
.light-blue-box.large {
    font-size:1.2em !important;
    border-bottom:4px solid #7fc1de;

}

.light-blue-box.rounded {
    border-radius: 8px;
  border-left:none;
}


.blue-box.seek {
  padding-bottom: .75em;
  
}

.blue-box.seek p {
  padding-bottom:1em;
}

.gray-box {
  display: block;
  padding: 20px;
  background: #f5f5f5;
 margin-bottom: 25px;

}

.gray-box h3 {
  padding-top;0;
  padding-bottom:0;
}
 
.gray-box > h3 {
margin-top: 0;
               
}

.gray-box h4 {
  	padding-top: 0;
    padding-bottom: 0;
    margin: 10px 0;
}

#tier4innerContent .gray-box h3 + h4 {
    padding-top: .4em;
}

#tier4innerContent .gray-box-box h4 {

}

.light-blue-box p:last-of-type,
  .blue-box p:last-of-type,
    .gray-box p:last-of-typet {margin-bottom:0; padding-bottom:0;}


@media only screen and (max-width: 959px) {
  #container {background-image:none !important;}
}
  
 
/* ----------------- TOP COLOR BAR ------------------ */
 
@media (min-width: 960px) {
/*
                #container #mainContentWrapper:after {
    background: url(/MENTALHEALTH/images/homepage/banner-color-bar.png) no-repeat;
                content: "";
    height: 10px;
    left: 200px;
    background-size: 737px;
    position: relative;
    top: 11px;
    width: 737px;
    display: block;
                              
}
                */
               
#container1 #mainContentWrapper:after {
    background: url(/MENTALHEALTH/images/banner-color-bar-solid.png) no-repeat;
                content: "";
    height: 10px;
    left: 200px;
    background-size: 737px;
    position: relative;
    top: 11px;
    width: 737px;
    display: block;
                              
}
}

/* -------------- MISC ----------------- */

#tier4innerContent ul.download-image-list {
    list-style-type: none;
    margin:0;
    padding:0;
    
}

#tier4innerContent ul.download-image-list li {
    margin:0;
    padding:0;
    list-style: none;
	display: inline; /* Prevents "stepdown" */

}

#tier4innerContent ul.download-image-list li a {
    display: block;
    float: left;
    margin: 0 20px 20px 0;
}

.rule-above {
    border-top: 1px solid #cccccc;
}

.rule-above.dark {
  border-top: 2px solid #AEB0B5;
}

/* #tier4innerContent ul.download-image-list li a::after {
	content: attr(title);
    color: #003f72;
    font-size: 10px;
    display: block;
    text-decoration: none !important;
}
*/







/* ---------------- buttons ---------------------- */

.btn-offred {
    color: #ffffff !important;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 10px;
    border: 2px solid #6a222d;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #6a222d !important;
    text-decoration: none !important;
    font-size: 1em !important;
  text-align:center;
}

.btn-offred a {
   	color: #ffffff !important;
    text-decoration: none !important;
}


.btn-whitered {
    color: #6a222d !important;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 10px;
    border: 2px solid #6a222d;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #ffffff !important;
    text-decoration: none !important;
    font-size: 1em !important;
  	text-align:center;
}

.btn-blue {
    color: #ffffff !important;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 10px;
    border: 2px solid #0B6CB2;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #0B6CB2 !important;
    text-decoration: none !important;
    font-size: 1em !important;
  text-align:center;
}

.btn-blue a {
   	color: #ffffff !important;
    text-decoration: none !important;
}


.btn-white {
    color: #0B6CB2 !important;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 10px;
    border: 2px solid #0B6CB2;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #ffffff !important;
    text-decoration: none !important;
    font-size: 1em !important;
  	text-align:center;
}

.btn-white a {
  color: #0B6CB2 !important;
      text-decoration: none !important;

}

.btn-blue:hover,
  .btn-blue:hover a,
    .btn-white:hover,
  .btn-white:hover a {
    color: #ffffff !important;
    background: #003f72 !important;
    border-color:#003f72;
}
 
 
/* ---------------- drop menu button ---------------- */
 
/* Style The Dropdown Button */
.dropbtn {
    color: #ffffff;
    cursor: pointer;
                font-weight: bold;
    padding: 10px 30px 8px 10px;
    border: none;
                -webkit-border-radius: 4px 4px 4px 4px;
border-radius: 4px 4px 4px 4px;
                background:#0083be url(/MENTALHEALTH/images/down-arrow_white.png) no-repeat 95% center;
     font-size: 1.2em;          
}
 
/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
 
}
 
/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f9f9f9;
    min-width: 260px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
                height: auto;
    max-height: 200px;
                overflow-y: scroll;
 
}

#tier4innerContent .dropdown-content ul {
	margin:0;
	padding:0;
}

#tier4innerContent .dropdown-content li {
	margin: 0;
    padding: 0;
    list-style: none;
}
 
/* Links inside the dropdown */
#tier4innerContent .dropdown-content a {
    color: black;
    padding: 12px 16px;
	margin:0;
    text-decoration: none;
    display: block;
	font-size: 1.2em;
}

#tier4innerContent .dropdown-content li a {font-size: 1em;}

#tier4innerContent .dropdown-content a[href$=".pdf"] {
	background:none;
}
 
/* Change color of dropdown links on hover */
#tier4innerContent .dropdown-content a:hover {
                background-color: #0083be;
                color:#ffffff;}
 
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
    display: block;
}
 
/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {
    background-color: #003f72;
                color:#ffffff;
}
  
  /* ---------------- rounded ----------------- */

.rounded-12 {
	border-radius: 12px 12px 12px 12px;
}
 
 
 
/* ---------------- home page update ----------------- */
 
 
 
.slider2 .scrollable .items > div .slider-info {
                background:#0174b2 url(/MENTALHEALTH/images/homepage/slide-content-chevron.png) top center no-repeat;
                background-size: 100% 72px;
  padding-top:15px;
}
 
.scrollable .slider-info h3 {
    margin-bottom: 30px;
    text-align: center;
  	min-height:55px;
}

@media only screen and (min-width: 960px) {

#slider-controls {
	top:250px;
}

.scrollable, .scrollable .items > div.slide {
  height:275px !important;
}



}
 
 
#home-icon-section img {
                float:left;
                margin-right:20px;
}
#home-icon-section h3,
#home-icon-section p {
                padding-left:165px;       
}
 
#home-icon-section h3 {
                font-weight: bold;
                color: #0c3165;
                font-size: 20px;
                font-family: Arial, Helvetica, san-serif;
}
 
#home-icon-section a.main-link {
                font-weight: bold;
}
 
.widget-title .location {
                display: block;
               
}
 
.widget-title.location h4 {
                text-align: left;
                margin-left:50px;
}
 
img.map-pin-icon {
                float: left;
    margin-right: 5px;
    margin-left: 20px;
}
 
#home-stories h3 {
        /*        display: block;
                background: #0083be url(/MENTALHEALTH/images/homepage/blue-angled-box.jpg) bottom center no-repeat;
                background-size: 100% 50%;
                text-align: center;
                color:#ffffff;
                font-weight: bold;
                text-transform: uppercase;
                padding:8px 10px 20px;     */          
}
 
#home-stories .intro {
               /*  padding: 0 20px 6px;
                border-bottom: 2px solid #ffffff; */
                /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fefefe+0,ebf4f6+100 */
 
/*  background: #fefefe; /* Old browsers */
/* background: -moz-linear-gradient(top, #fefefe 0%, #ebf4f6 100%); /* FF3.6-15 */
/* background: -webkit-linear-gradient(top, #fefefe 0%,#ebf4f6 100%); /* Chrome10-25,Safari5.1-6 */
/* background: linear-gradient(to bottom, #fefefe 0%,#ebf4f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
/* filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefefe', endColorstr='#ebf4f6',GradientType=0 ); /* IE6-9 */
}
 
#home-stories .item p {
                padding: 0;
                margin: 0;

}
 
#home-stories .item {
                /* padding: 12px 20px 12px 71px;
                border-bottom: 2px solid #ffffff;
                background: #ebf4f6 url(/MENTALHEALTH/images/homepage/icon-circle-arrow.png) no-repeat 20px 50%;
                background-size: 34px; */
				padding: 0 0 20px 0;
               
}

#home-stories .item::last-of-type {
  padding-bottom:0;
}
 
#home-stories .item h4 {
                /* font-family: Arial, Helvetica, san-serif;
                font-weight: bold; */
                padding: 0;
                margin: 0;
font-size: 1.28em;
               
 
}

#home-stories .item h4 a {
	color: #003f72;}
    
    
#home-stories .item h4 a::after {
	content: "\f054";
    font-family: "Font Awesome 5 Free"; 
	font-weight: 900; 
padding-left:6px;
	color: #003f72;
}
 
#home-stories .read-more {
                padding: 8px 20px 6px;
                background: #0083be;
                font-family: Arial, Helvetica, san-serif;
                text-transform: uppercase;
                text-align: right;
}
 
#home-stories .read-more a {
                                color:#ffffff;
 
}
 

img + h4 {padding-top:1em;}
 
 
 
/* ----------------- CONDITIONS PAGES --------------------- */
 



h1.page-title-blue, 
h2.page-title-blue {
    display: block;
    margin-left: -20px;
    margin-right: -20px;
    background: #003f72;
    color: #ffffff;
    padding: 10px 20px;
    font-size: 2em;
  font-weight:bold;
  font-family: Arial, Helvetica, san-serif;
  margin-top:0;
  /* margin-bottom: 20px; */
}


 
.main-image {
    display: block;
    width:107%;
    margin:0 -20px;
}
 
@media (max-width: 480px) {   
    .main-image {
           width:115%;
}
}
 
h2.conditions-bkgd,
h3.conditions-bkgd,
h4.conditions-bkgd {
      display: block;
    background: none;
    /* background-size: auto 100%; */
    /* background-position: 90% 0; */
    padding: 0;
    margin-top: 20px;
    color: #0C3165;
    border-top: none;
    font-family: Arial, "Helvetica Neue", Helvetica, "sans-serif";
    font-weight: bold;
  
  
  
  
   /* ORIGINAL
    display: block;
    background: #003f72 url(/MENTALHEALTH/images/conditions-angle-art.png) no-repeat;
    background-size: auto 100%;
    background-position: 90% 0;
    padding: 10px 15px;
    margin-top:20px;
    color: #ffffff;
    border-top: #0083be 5px solid;
    font-family: Arial, "Helvetica Neue", Helvetica,  "sans-serif";
    font-weight: normal; */
}

.pane h4 {
    font-family: Arial, "Helvetica Neue", Helvetica,  "sans-serif";
  	font-weight:bold;
  font-size: 1.7em;
}
 
 


/* ----------------- TABS Blue ---------------------- */

#tier4innerContent .mh-blue ul.menu-tabs {
	list-style: none;
	margin:0;
	padding:0;
	display: block;
	clear: both;
	float:right;

}

#tier4innerContent .mh-blue ul.menu-tabs li {
	list-style-type: none;
	margin:0;
	padding: 0;
    font-size: 1.1em;
}

#tab-menu-icon {
	display: block;
    position:absolute;
    left:-10000;
	width: 30px;
	height: 30px;
	background: url(/MENTALHEALTH/images/menu-icon.png) center;
    background-size: 28px 28px;
    background-repeat: no-repeat;
    color:#ffffff;
    text-transform: uppercase;
    font-weight: bold;
    padding: 6px 6px 6px 40px;

}

.mh-blue a:hover#tab-menu-icon {
	border-radius: 4px 4px 0 0;
    

}
 
.mh-blue .tab a {
    font-size: 1em;
    display: block;
    text-align: center;
    text-decoration: none;
    color: #003f72;
    margin: 0;
    margin-bottom:5px;
    position: relative;
    border:none;
    background:#C1DDEC;
    background-image: none !important;
    font-family: Arial, "Helvetica Neue", Helvetica,  "sans-serif";
    font-weight: bold;
    top:0;
}
 
.mh-blue .tab a.current,
.mh-blue .tab a.current:hover {
    cursor: default !important;
    color: #ffffff !important;
    background:#003f72;
    border-top:2px solid #002451;
}
 
.mh-blue .pane {
    border:none;
    background: none;
    padding:0 15px 30px;
}

.mh-blue .pane h3 {
	font-family: Arial, Helvetica, san-serif;
	font-weight: bold;
  	font-size:1.9em !important;
}

@media (max-width: 767px) {
    
    #tier4innerContent .mh-blue nav#blue-tabs {
        width: 114%;
        background: #195FA4;
        margin-left: -7%;
        margin-right: -7%;
    }

   .mh-blue #tab-menu-icon {
        display: block;
    position: relative;
    left: 6;
    top: 0;

	}

#tier4innerContent .mh-blue nav#blue-tabs ul, 
#tier4innerContent .mh-blue nav#blue-tabs:active ul {
		display: none;
		position: relative;
		padding: 0;
		background: #fff;
		right: 20px;
		top: 0;
		width: 89%;
		border-radius: 4px 0 4px 4px;

	}

	#tier4innerContent .mh-blue nav#blue-tabs li {

		text-align: center;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;

	}
    
    #tier4innerContent .mh-blue nav#blue-tabs li a {
        padding: 6px 10px;
        margin: 0 0 1px 0;
    }

	#tier4innerContent .mh-blue nav#blue-tabs:hover ul {
		display: block;
	}
}








/* ---------- button navigation ------------ */

#tier4innerContent nav#nav-buttons {
    width: 100%;
    /* background: #195FA4; */
    margin-left: 0;
    margin-right: 0;
    clear: both;
    display: inline-block;
	margin-top: 2em;
}

 

	#tier4innerContent nav#nav-buttons ul.menu-buttons, 
    #tier4innerContent nav#nav-buttons:active ul.menu-buttons { 
    position: relative;
    padding: 0;
	margin-left:0;
list-style:none;
}

	#tier4innerContent nav#nav-buttons li {

		text-align: center;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 1.09em; 
		display: block;

	}
    
    #tier4innerContent nav#nav-buttons li a {
        padding: 8px 20px;
    margin: 0 0 1px 0;
    border-radius: 5px;
    font-weight: bold;
    border: 2px solid #003f72;
    margin: 0 15px 15px 0;
    background: #003f72;
    color: #ffffff;
    display: inline-block;
text-decoration:none !important;
float: left;
    }
    
    #tier4innerContent nav#nav-buttons li a:hover {
    	background:#0083be;
    	color:#ffffff;
}

	#tier4innerContent nav#nav-buttons:hover ul {
		display: block;
	}


@media (max-width: 767px) {
    
    #tier4innerContent .mh-blue nav#blue-tabs {
        width: 114%;
        background: #195FA4;
        margin-left: -7%;
        margin-right: -7%;
    }

    #tab-menu-icon {
        display: block;
    position: relative;
    left: 6;
    top: 0;

	}

	#tier4innerContent .mh-blue nav#blue-tabs ul, 
    #tier4innerContent .mh-blue nav#blue-tabs:active ul { 

		display: none;
		position: relative;
		padding: 0;
		background: #fff;
		right: 20px;
		top: 0;
		width: 89%;
		border-radius: 4px 0 4px 4px;

	}

	#tier4innerContent .mh-blue nav#blue-tabs li {

		text-align: center;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;

	}
    
    #tier4innerContent .mh-blue nav#blue-tabs li a {
        padding: 6px 10px;
        margin: 0 0 1px 0;
    }

	#tier4innerContent .mh-blue nav#blue-tabs:hover ul {
		display: block;
	}
}

/* -------- temporary fix 

@media (max-width: 767px) {
	
	#tier4innerContent  .mh-blue li {
		display: block;
		float:left
	}
	
	#tier4innerContent  .mh-blue li.tab a {
    border-radius: 0 0 0 0;
    padding: 2px 4px;
    margin-bottom: 1px;
    margin-right: 5px;
	background: none;
	font-weight:normal;
		font-size:.95em;
	
	}
	#tier4innerContent  .mh-blue li.tab a:active,
	#tier4innerContent  .mh-blue li.tab a.current{
		border:none !important;
		border-radius: 0 0 0 0;
    	padding: 2px 4px;
    	margin-bottom: 1px;
    	margin-right: 5px;
		color:#003f72 !important;
		font-weight:bold;
		
	}
}

*/

 
@media (min-width: 768px) {    
               
    .mh-blue .tabs {
        float: right;
         display:block;
                }
  
    /* single tab */
                
    .mh-blue .tab {
        float: left;
                }
                
    .mh-blue .tab a {
        border-radius: 0 0 5px 5px;
        padding: 10px 14px;
        margin-bottom:20px;
        margin-right:5px;
                }
 
.mh-blue .tab a.m {
                width: auto;
}
}


 
 
 
/* ------------ Accordion Blue ------------------- */
 
.mh-blue .CollapsiblePanel {
    margin: 0px;
    padding: 0px;
    border: none;
    margin-bottom: 6px;
                background:#efefef;
}
 
.mh-blue .CollapsiblePanelTab {
    background-color: #c1ddec;
    padding-left: 30px;
    background-position: 10px;
    background-repeat: no-repeat;
}
 
.mh-blue .CollapsiblePanelOpen .CollapsiblePanelTab {
    background-color: #0083be;
                color:#ffffff;
    background-position: 10px;
   background-repeat: no-repeat;
}
 
.mh-blue .CollapsiblePanelContent {
    border-top: none;
    border-bottom: none;
    padding: 20px;
    line-height: 18px;
    color: #333;
    background-color: #efefef;
}




/* ---------------- COLORS --------------------- */

#angled-buttons .blue a { /* #54a2cd; */
	border-top: 9px solid #54a2cd;
}

#angled-buttons .lt-blue a { /* #ccdbee; */
	border-top: 9px solid #ccdbee;
}


#angled-buttons .gray-color a { /* #c5beb7; */
	border-top: 9px solid #c5beb7;
}

#angled-buttons .gray-color-2 a { /* #c5beb7; */
	border-top: 9px solid #707e9b;
}


#angled-buttons .green a { /* #598527; */
	border-top: 9px solid #598527;
}


#angled-buttons .med-green a { /* #73bd5c; */
	border-top: 9px solid #73bd5c;
}


#angled-buttons .orange a { /* #ff834e; */
	border-top: 9px solid #ff834e;
}


#angled-buttons .purple a { /* #928fd2; */
	border-top: 9px solid #928fd2;
}

#angled-buttons .yellow a { /* #f0b82d; */
	border-top: 9px solid #f0b82d;
}

#angled-buttons .lt-yellow a { /* #f6eccc; */
	border-top: 9px solid #f6eccc;
}

#angled-buttons a:hover { /* #f6eccc; */
	border-top: 9px solid #cccccc !important;
}

#angled-buttons #lgbt a:hover { /* #f6eccc; */
	border-top: none !important;
}


/* --------------- CUSTOM BUTTONS ------------------- */

ul#angled-buttons {
	list-style: none;
	margin:40px 0 0 0;
	padding: 0;
}

ul#angled-buttons li {
	margin:0;
	padding:0 !important;
	list-style-type: none;
}

#angled-buttons li a,
#angled-buttons li a:hover {
	width: 200px;
    height: 132px;
    display: block;
    float: left;
    padding: 0;
    margin: 0 24px 24px 0;
    color: transparent;
    background-size: 100% 100% !important;
	background-repeat: no-repeat;

}

.learnMoreBTN {
    box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:linear-gradient(to bottom, #ffec64 5%, #ffdb24 100%);
	background-color:#f3cf45;
	border-radius:6px;
	border:1px solid #f7955b;
	display:inline-block;
	cursor:pointer;
	color:#003f72;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
}
.learnMoreBTN:hover {
	background:linear-gradient(to bottom, #f3cf45 5%, #f3cf45 100%);
	background-color:#f3cf45;
}
.learnMoreBTN:active {
	position:relative;
	top:1px;
}
                                                              
/*.visitBTN {
	box-shadow:inset 0px 1px 0px 0px #000000;
	background:linear-gradient(to bottom, #c4262e 5%, #772432 100%);
	background-color:#c4262e;
	border-radius:6px;
	border:1px solid #c4262e;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:0px 1px 0px #772432;
}
.visitBTN:hover {
	background:linear-gradient(to bottom, #772432 5%, #c4262e 100%);
	background-color:#772432;                 
}
.visitBTN:active {
	position:relative;
	top:1px;
}*/


/* CONDITIONS */

#angled-buttons li#anxiety a { background-image: url(/mentalhealth/images/buttons/bt-cond-anxiety.png); }

#angled-buttons li#anxiety a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-anxiety-ro.png); }

#angled-buttons li#bipolar a { background-image: url(/mentalhealth/images/buttons/bt-cond-bipolar.png); }

#angled-buttons li#bipolar a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-bipolar-ro.png); }

#angled-buttons li#depression a { background-image: url(/mentalhealth/images/buttons/bt-cond-depression.png); }

#angled-buttons li#depression a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-depression-ro.png); }

#angled-buttons li#mst a { background-image: url(/mentalhealth/images/buttons/bt-cond-mst.png); }

#angled-buttons li#mst a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-mst-ro.png); }

#angled-buttons li#ptsd a { background-image: url(/mentalhealth/images/buttons/bt-cond-ptsd.png); }

#angled-buttons li#ptsd a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-ptsd-ro.png); }

#angled-buttons li#schizophrenia a { background-image: url(/mentalhealth/images/buttons/bt-cond-schizophrenia.png); }

#angled-buttons li#schizophrenia a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-schizophrenia-ro.png); }

#angled-buttons li#substance a { background-image: url(/mentalhealth/images/buttons/bt-cond-substance.png); }

#angled-buttons li#substance a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-substance-ro.png); }

#angled-buttons li#suicide-prev a { background-image: url(/mentalhealth/images/buttons/bt-cond-suicide-prev.png); }

#angled-buttons li#suicide-prev a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-suicide-prev-ro.png); }

#angled-buttons li#tbi a { background-image: url(/mentalhealth/images/buttons/bt-cond-tbi.png); }

#angled-buttons li#tbi a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-tbi-ro.png); }

#angled-buttons li#tobacco a { background-image: url(/mentalhealth/images/buttons/bt-cond-tobacco.png); }

#angled-buttons li#tobacco a:hover { background-image: url(/mentalhealth/images/buttons/bt-cond-tobacco-ro.png); }



/* GROUPS */

#angled-buttons li#returning-vets a { background-image: url(/mentalhealth/images/buttons/bt-group-returning-vets.png); }

#angled-buttons li#returning-vets a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-returning-vets-ro.png); }

#angled-buttons li#vets-recovery a { background-image: url(/mentalhealth/images/buttons/bt-group-vets-support.png); }

#angled-buttons li#vets-recovery a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-vets-support-ro.png); }

#angled-buttons li#woman-vet a { background-image: url(/mentalhealth/images/buttons/bt-group-woman-vet.png); }

#angled-buttons li#woman-vet a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-woman-vet-ro.png); }

#angled-buttons li#vets-work a { background-image: url(/mentalhealth/images/buttons/bt-group-vets-work.png); }

#angled-buttons li#vets-work a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-vets-work-ro.png); }

#angled-buttons li#vets-family a { background-image: url(/mentalhealth/images/buttons/bt-group-vets-family.png); }

#angled-buttons li#vets-family a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-vets-family-ro.png); }

#angled-buttons li#mh-provider a { background-image: url(/mentalhealth/images/buttons/bt-group-mh-provider.png); }

#angled-buttons li#mh-provider a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-mh-provider-ro.png); }

#angled-buttons li#hc-provider a { background-image: url(/mentalhealth/images/buttons/bt-group-healthcare-provider.png); }

#angled-buttons li#hc-provider a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-healthcare-provider-ro.png); }

#angled-buttons li#college-faculty a { background-image: url(/mentalhealth/images/buttons/bt-group-college-faculty.png); }

#angled-buttons li#college-faculty a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-college-faculty-ro.png); }

#angled-buttons li#lgbt a { background-image: url(/mentalhealth/images/buttons/bt-group-lgbt.png); }

#angled-buttons li#lgbt a:hover { background-image: url(/mentalhealth/images/buttons/bt-group-lgbt-ro.png); }

 
/* --------------- COLUMN ITEMS ------------- */


.row .product_row {
	margin:0;
}

.product_box {
	display: block;
	width: 211px;
	min-height:220px;
	float: left;
	margin:15px 10px 8px 0;
	padding-top:12px;
	border-top: solid 4px #e0e9f0;
}

.product_box img {
  	width: 300px;
  	max-width:100%;
	margin-bottom:12px;
	border: 2px solid #dddddd !important;
}

.product_box h3 {
	font-size:1.1em;
	padding:0 !important;
}
.product_box h4 {
    font-size: 1.34em !important;
    font-family:Arial, "Helvetica Neue", Helvetica,  "sans-serif";
	padding:0;
}

.CollapsiblePanelContent .product_box {
  width: 198px;
}


/* ------------- VIDEO YouTube Responsive ------------- */
 
 
.videoWrapper {
            position: relative;
            padding-bottom: 56.25%; /* 16:9 */
            padding-top: 25px;
            height: 0;
}
.videoWrapper iframe {
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
}


.ratio16to9 iframe {
            width: 100% !important;
            height: 75% !important;
}


.embed-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; }

.embed-container iframe,
.embed-container object,
.embed-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}


.embed-responsive-4by3 {
    margin-bottom: 20px;
}

.embed-responsive-4by3 img {
    width:100%;
}


/* --------------------- LAYOUT ---------------------------------- */
.col-left {
	display: block; 
	float: left; 
	margin-right:15px !important;
}

.app-item {
  clear:both;
  display:inline-block;
}

.app-item .col-left {
  	display: block; 
	float: left; 
	margin-right:15px !important;
  	width: 72px;
  	padding-top: 10px;
}

.app-item .col-right {
  	display: block; 
	float: left; 
  	width: 600px; 
  	max-width:100%;
}

.app-item .col-right + .rule-above {
  margin-top: 0;
}

.light-blue-box .app-item .col-right {
  width:560px ;
  max-width:100%;
}


.col-third {
		width:30%;
		float:left;
		margin-right:15px;
	}
	.col-third.last {
		margin-right:0;
	}
	
	
	
	@media (max-width: 480px) {
		.col-third {
		width:90%;
		float:none;
		margin:15px;
	}
	}
  
 
/* -------------------- VCL buttons ------------------------ */

#tier4innerContent ul.buttons-vcl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#tier4innerContent ul.buttons-vcl li {
	list-style: none;
	margin:0;
	padding: 0;
		
}

#tier4innerContent ul.buttons-vcl li img {
	background:#ffffff;
	border: 1px solid #7fc1de;
	-webkit-border-radius: 20px;
-moz-border-radius: 20px;
	border-radius: 20px;
	
	width:100%;
	max-width: 280px;
	margin-bottom: 20px;
}

@media (min-width: 960px) {
	
	#tier4innerContent ul.buttons-vcl {
		margin-left: 20px;
	}
	
	#tier4innerContent ul.buttons-vcl li img {
		max-width:180px;
	}
	
	
	#tier4innerContent ul.buttons-vcl li a {
		display: inline-block; 
		float: left;
		margin-right:20px;
	}
}



/* -------------- Email --------------------- */

#newsletter-signup ol.form {margin:0;}

#newsletter-signup ol.form li {margin: 0;}

#newsletter-signup form label {
	position:absolute;
	left: -1000px;
}

#newsletter-signup .btn-blue {
	font-size:.9em !important;
	padding:6px 10px;
}

#newsletter-signup input.email_text_field {
	padding: 8px 10px;
	border-radius: 4px 4px 4px 4px;
	box-shadow: none;
    border: 1px solid #E9E9E9;
    margin-right: 10px;
	color:#757575 ;
}


/* ------------------- ALERT BOXES ------------------- */


.usa-alert{
  background:none;
  background-color:#f1f1f1;
  border-left-style:solid;
  border-left-width:10px;
  display:table;
  padding:1.67em 1.67em .5em 1.67em;
  width:100%;
margin-bottom: 2.5em;
}

.usa-alert:before{display:block;width:auto;background:none;font-family:Font Awesome\ 5 Free;font-size:1.67em;margin-right:.65em;position:static;font-weight:900}

.usa-alert .usa-alert-body{display:table-cell;padding-left:0;padding-right:0;width:100%;vertical-align:middle}

.usa-alert-heading{font-size:1.5em;margin-top:0;padding-top:0}

h3.usa-alert-heading, h4.usa-alert-heading {padding-bottom:0}

.usa-alert-text{margin-top:2em}

.usa-alert-text:only-child{margin:0;padding:0}

.usa-alert-text p:first-child{margin-top:0}

.usa-alert-text p:last-child{margin-bottom:0}
           
.usa-alert-text .usa-alert-heading+p:only-of-type{margin-top:2em}

.usa-alert-text ul{padding-left:2em}

.usa-alert-info{border-left-color:#00a6d2}

.usa-alert-info:before{content:"\F05A"}

.usa-alert-info.background-color-only{background-color:#e1f3f8}


.alert-blue-box {border-left-color:#00a6d2}

.alert-blue-box:before{content:"\f0a1"}

.alert-blue-box.background-color-only{background-color:#E1F3F8 !important;}


.usa-alert-announcement {border-left-color:#00a6d2} 
 
.usa-alert-announcement:before{content:"\f0a1"} not used 

.usa-alert-announcement.background-color-only{background-color:#e1f3f8}


.usa-alert-email{border-left-color:#00a6d2}

.usa-alert-email:before{content:"\f0e0"}

.usa-alert-email.background-color-only{background-color:#e1f3f8}



.usa-alert-error{border-left-color:#cd2026}

.usa-alert-error:before{color:#cd2026;content:"\F06A"}

.usa-alert-error.background-color-only{background-color:#f9dede}

.usa-alert-success{border-left-color:#2e8540}

.usa-alert-success:before{color:#2e8540;content:"\F00C"}

.usa-alert-success.background-color-only{background-color:#e7f4e4}

.usa-alert-warning{border-left-color:#fdb81e}

.usa-alert-warning:before{content:"\F071"}

.usa-alert-warning.background-color-only{background-color:#fff1d2}

.usa-alert-continue{border-left-color:#2e8540}

.usa-alert-continue:before{color:#2e8540;content:"\F023"}

.usa-alert.background-color-only{border-left:none; padding: 2em 2em 1em 1.67em;}

.usa-alert.background-color-only:before{content:none}

.va-alert-close{background-color:transparent;color:#0071bb;font-size:2.25em;padding:0;position:absolute;margin:1.6em;right:0;top:0;width:auto;z-index:9}

.va-alert-close:hover{background-color:transparent;color:#003e73}

.va-alert-close:active{background-color:transparent;color:#112e51}

p.usa-alert-heading{margin-top:0}

.claims-list-alert{margin-bottom:1em;margin-top:0}

.va-alert-close-icon{font-size:1.1em!important}

.claims-alert-status{margin-top:0;margin-bottom:2em}

.claims-alert-header{padding-bottom:0!important;margin-top:0}.alerts-list{list-style:none}

.alerts-list li{margin-left:-.4em}

.claims-alert-checkbox>label{margin-top:0;margin-bottom:0;max-width:100%}

.need-files-alert{padding-bottom:4em}

@media screen and (min-width:768px){.need-files-alert{padding-bottom:1em}}

.alert-with-details{display:flex;justify-content:space-between;flex-direction:column}

@media screen and (min-width:768px){.alert-with-details{flex-direction:row}}

.usa-alert-full-width{background-color:#f1f1f1}

.usa-alert-full-width.dismissable-option-header{display:none}

.usa-alert-full-width.dismissable-option-header.show-alert{display:block}

.usa-alert-full-width.dismissable-option-header.dismissed{display:none}

.usa-alert-full-width .usa-alert-dismiss{position:absolute;right:0;top:5px;cursor:pointer}

.usa-alert-full-width>.usa-alert{border-left:none;max-width:1000px;margin:0 auto}

.usa-alert-full-width>.usa-alert .paragraph--type--expandable-text .field--name-field-text-expander .field__label{display:none}

.usa-alert-full-width>.usa-alert .paragraph--type--expandable-text .field--name-field-text-expander .field__item{margin-top:0;padding-top:0;font-weight:700;text-decoration:underline;color:#003e73;cursor:pointer}

.usa-alert-full-width>.usa-alert .paragraph--type--expandable-text .field--type-text-long,
.usa-alert-full-width>.usa-alert .paragraph--type--expandable-text .field--type-text-long .field__label{display:none}

.usa-alert-full-width>.usa-alert .paragraph--type--expandable-text .field--type-text-long.expander-content-open{display:block}

.usa-alert-full-width-warning{border-top:1rem solid #fdb81e}

.usa-alert-full-width-info,
.usa-alert-full-width-information{border-top:1rem solid #00a6d2}

.usa-alert-full-width-info .usa-alert:before,
.usa-alert-full-width-information .usa-alert:before{content:"\F05A";background:none;font-size:2em;margin-right:1.5em;position:static;font-weight:900}
                                  
/* --------------- MHS Footer badges ------------ */
                                  
#mhs-badges .col-sm-3 {
	display:inline-block;
    padding-bottom: 15px;
}
                                  
/* -------------------- State list filter ------------------- */
/* MST Coordinator list */

#state-selector-list .state-list {
  font-family: Arial, Helvetica, sans-serif;
  border-collapse: collapse;
	width:100%;
  max-width: 546px;

}

#state-selector-list .state-list caption {
  font-size: 1.5em;
  padding: 5px;
}



#state-selector-list .state-list div {
  border: none;
  padding: 20px;
  background: #F0F0F0 !important;
  margin-bottom: 20px;
	color: #2E8540;
}
    
	
#state-selector-list .state-list div.state-name {
	background: none !important;
    padding: 30px 0 0 0;
    margin-bottom: 0;
}


#state-selector-list .state-list div:hover {background: #ddd;}


	
#state-selector-list .state-list div h3 {
	font-size: 1.68em;
    color: #003F72;
    line-height: 1.3em;
    margin-top: 0;
    padding-bottom: 0;
}
							
#state-selector-list .state-list div h4 {
	font-size: 1.45em;
    color: #003F72;
    margin-top: 0;
    padding: 0 0 10px 0;
}


#state-selector-list caption {
  font: 13px Georgia, serif;
}
					
#state-selector-list label {
	display: block;
    max-width: 46rem;
}
					
#state-selector-list .selector-list input, 
#state-selector-list .selector-list select, 
#state-selector-list .selector-list textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: 0.1rem solid #3c3c3c;
    border-radius: 0 !important;
    box-sizing: border-box;
    color: #212121;
    display: block;
    font-size: 1.2em;
    line-height: 1.3;
    margin: 0.2em 0;
    max-width: 46rem;
    padding: 0.65rem 0.7em;
}
					
#state-selector-list .selector-list select#choice {
	appearance: none;
    background-color: #fff;
    background-image: url(https://www.mentalhealth.va.gov/student-veteran/assets/img/arrow-both.png);
    background-image: none,url(https://www.mentalhealth.va.gov/student-veteran/assets/img/arrow-both.svg),url(https://www.mentalhealth.va.gov/student-veteran/assets/img/arrow-both.png);
    background-position: right 0.7rem center;
    background-repeat: no-repeat;
    background-size: 0.6rem;
    padding-right: 3rem;
}
					
#state-selector-list .selector-list select:focus-visible {
    border-radius: 0px;
	border: 1px solid #3c3c3c !important;
	outline:none !important;
}					

	}