/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */@font-face{
   font-family:'FontAwesome';
   src:url('../fonts/fontawesome-webfont.eot?v=4.7.0');
   src:url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
   font-weight:normal;
   font-style:normal
 }

.fa {
  display:inline-block;
  font:normal normal normal 14px/1 FontAwesome;
  font-size:inherit;
  text-rendering:auto;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale
}



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;
}


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

h4 {
  font-size: 1.5em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    color:#2e2e2e;em
  padding-top: 1em;
  padding-bottom: 0.15em;
  margin-bottom:6px;
}

h5 {
  font-size: 1.42em;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
  color:#2e2e2e;
  line-height: 1.35em;
  padding-bottom: 0.1em
}

h6 {
  font-size: 1.3em;
    font-weight: bold;
}

#tier4innerContent li {
    list-style-position: outside;
    margin-left: 1.5em;
    line-height: 1.2em !important;
    padding-bottom: 4px !important;
}

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

#tier4innerContent h3 + h4 {padding-top:0;}

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

#tier4innerContent h3.no-space-below, #tier4innerContent h4.no-space-below, #tier4innerContent p.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,
  #innerContentWrapper #tier4innerContent li,
  #homeinnerContent li,
  #tier4innerContent ol li {
  	font-size: 1.3em;
    line-height: 1.54em !important;
    margin-top: 0;
  margin-bottom: 0;
}

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


a[href$=".pdf"], 
  a[href$=".ppt"], 
  a[href$=".pptx"], 
  a[href$=".doc"],
  a[href$=".docx"], 
  a[href$=".xls"], 
  a[href$=".xlsx"], 
  a[href$=".csv"], 
  a[href$=".vsd"], 
  a[href$=".vdw"], 
  a[href$=".mp3"],
  a[href$=".zip"], 
  a[href$=".rar"] {
  line-height:auto;
}


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, .smaller {font-size:1.5em;}

.smaller-125 {font-size:1.3em;}

.small-space-after {
  padding-bottom:0.5em;
}

.dark-no-space-after {
    margin-bottom: 0;
    color: #010101;
    padding-bottom: .25em;
}

.dark-text {
  padding-bottom: 0;
    color: #2e2e2e;
    margin-bottom: 0.25em;
}

.hide {
  position:absolute;
  left:-1000px;
}

h3.black {
  color:#2e2e2e;
}

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

#homeinnerContent ul,
#tier4innerContent ul,
#innerContent 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: #595959;
    margin-top: -0.8em;
}

a span.info-elements,
a:link span.info-elements {
    text-decoration: none !important;
  	color: inherit;
}

#emergencyNational {
  padding: 12px 20px 1px !important;
}

  /* 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 VHA TEMPLATE 508 ******************* */

.ts-header-container .usa-banner-header .usa-banner-inner p {
    font-size: 1.0em;
}

.ts-header-container .usa-banner-button {
  color:#00508A;
}

@media screen and (min-width: 768px) {
    .ts-header-container a.sign-in-link {
        background-color: #005999;
    }
}



/* ****************  HOME CAROUSEL Updates ******************* */




.slider2 .scrollable .items > div .slider-info {
  display: flex;
  flex-direction: column;
  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;
  align-content: center;
}

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

#slider-controls {
	top:242px;
}
  
#slider-controls img {
  width:24px;
  height:24px;
}

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

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


@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;
	}
    
    	.slider .prev,
        .slider .next {
            display:block;
            width:3% !important;
            position:absolute;
            top:50%;
            z-index:99999;
            cursor:pointer;
        }
        .slider .prev img,
        .slider .next img {
            width:100%;
            height:auto;
            opacity:0.4;
            -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
            filter: alpha(opacity=40);
        }
        .slider .prev {
            left:2%;
        }
        .slider .next {
            right:2%;
        }
        

        .slider .prev, .slider .next, #slider-controls {
            z-index: 1 !important;
        }

        .slider > .slider-thumbnails {
            display: none;
        }

		.scrollable .items > div .slider-info p {
          padding-right: 30px;
        }

  }








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

.external::after {
 content: '\f08e';
    font-family: "FontAwesome";
    font-weight: 900;
    padding-left: .5em;
    font-size: .9em;
    text-decoration: none !important;
    display: inline-flex;
}

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;
}

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

}

#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;
}


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

#homeinnerContent ul.link-list,
#tier4innerContent ul.link-list {
  margin: 0;
}

#homeinnerContent ul.link-list li,
#tier4innerContent ul.link-list li {
	list-style: none !important;
    padding: 4px 0 !important;
  margin-left: 1em;
}

#homeinnerContent ul.link-list li > a,
#tier4innerContent ul.link-list li > a {
    padding: 10px 0 !important;
    text-decoration: underline;
}


    
    
/* ------------------- 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;
    margin-bottom: 10px;
  }


.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: 1.04em !important;
}

#tier4innerContent .light-blue-box p a,
#tier4innerContent .light-blue-box li a,
#tier4innerContent .blue-box p a,
#tier4innerContent .blue-box li a {
  color:#065288 !important;
}

#tier4innerContent .light-blue-box p a.btn-blue,
#tier4innerContent .light-blue-box li a.btn-blue,
#tier4innerContent .blue-box p a.btn-blue,
#tier4innerContent .blue-box li a.btn-blue {
  color:#ffffff !important;
}

#tier4innerContent .light-blue-box p:last-child,
#tier4innerContent .blue-box p:last-child {
  padding-bottom:0;
}
 
.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 h2 {
  padding-top:0;
      font-size: 1.75em;
}

.gray-box h3 {
  padding-top:0;
  padding-bottom:0;
}
 
.gray-box > h3,
.gray-box > h2 {
	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 p a,
#tier4innerContent .gray-box li a {
  color:#065288 !important;
}

#tier4innerContent .gray-box p a.btn-blue,
#tier4innerContent .gray-box li a.btn-blue {
  color:#ffffff !important;
}

.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;
                              
}
                */
               
#container #mainContentWrapper:after,
  #container1 #mainContentWrapper:after {
    background: url(/MENTALHEALTH/images/banner-color-bar-solid.svg) no-repeat;
                content: "";
    height: 10px;
    left: 199px;
    background-size: 740px;
    position: relative;
    top: 11px;
    width: 740px;
    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 {
    margin-top: 20px;
    padding-top: 25px;
    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-blue {
    color: #ffffff !important;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 10px;
    border: 2px solid #095B95;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    background: #095B95 !important;
    text-decoration: none !important;
    font-size: 1em !important;
  	text-align:center;
}

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


.btn-white {
    color: #0B6CB2 !important;
    cursor: pointer;
    font-weight: normal;
    padding: 8px 14px;
    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,
    a.btn-blue:hover,
  a.btn-blue:hover {
    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:#007ab2 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;
 	margin-bottom: 1.25em;
}
 
/* 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 !important;
    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;
  	border-bottom:1px solid #ddd;
}



#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;
  	z-index: 1000;
}
 
/* 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 ----------------- */
 
 
 

 
 
#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;
}

.widget #widget-quick-links a {
  display:inline-block;
}

.widget #widget-quick-links #widget-locator ul li a {
    height: 42px;
}
 
img.map-pin-icon {
                float: left;
    margin-right: 5px;
    margin-left: 20px;
}
 


#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:after {
	content: "\f054";
    font-family: "FontAwesome"; 
	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;
  line-height: 1.25em;
  font-weight:bold;
  font-family: Arial, Helvetica, san-serif;
  margin-top:0;

}


 
.main-image {
    display: block;
    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 ------------ */


nav#table-of-content {
    width: 100%;
    margin-left: 0;
    margin-right: 0;
    clear: both;
    display: inline-block;
	display:inline-block;
  	margin: 2em 0 0 0;
}

nav#table-of-content + p {
  margin-top: 1.5em;
}

nav#table-of-content .toc {
   display: block;
  margin:0;
  padding:0;
    background: none;
    width: 100%;
}

nav#table-of-content .toc button.toc-toggle {
  	display:none;
}

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

nav#table-of-content ul.menu-buttons li {
		text-align: center;
		width: 100%;
		padding: 0 !important;
		margin: 0 !important;
		font-size: 1.09em; 
		display: block;

	}
    
#tier4innerContent ul.menu-buttons li a {
    padding: 9px 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 ul.menu-buttons li a:hover {
    	background:#007DB8;
    	color:#ffffff;
  		border: 2px solid #007DB8;
}

nav#table-of-content:hover ul {
		display: block;
	}


@media only screen and (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;
	}
}


@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;
	}
}

 /* sticky nav */




@media only screen and (max-width: 959px) {
  
nav#table-of-content .toc {
   display: block;
  margin:0;
  padding:0;
    background: none;
    width: 100%;
}  
  
nav#table-of-content.sticky {
  position: fixed;
  top: 0;
  left:0;
  width: 100%;
  padding:14px 18px;
  margin-top:0;
  background:#efefef;
  z-index: 1200;
}
  
nav#table-of-content.sticky + .usa-alert,
  nav#table-of-content.sticky + h1,
    nav#table-of-content.sticky + h2 {
  margin-top: 120px;
}
  
  nav#table-of-content.sticky + p {
  margin-top: 140px;
}
  
nav#table-of-content.sticky .toc {
  	display: inline-block !important;
    background: #ffffff;
    border: 1px solid #003F71;
    border-radius: 5px;
}
  
  
nav#table-of-content.sticky ul.menu-buttons li {
    text-align: left;
    width: 85%;
    padding: 0 !important;
    margin: 0 !important;
    font-size: 1.09em;
    display: block;
}   
  
nav#table-of-content.sticky #toc ul.menu-buttons li.toc-list-item a {
  	display:none;
  	margin: 0;
    border-radius: 0;
    font-weight: normal;
    border: none !important;
    margin: 0;
    background: transparent !important;
    color: #003f72 !important;
  	width:100%;
    text-decoration: none !important;
  	text-align:left;
}
  
nav#table-of-content.sticky #toc.active-toc ul.menu-buttons li.toc-list-item a {
  display:inline-block !important;

}
  
nav#table-of-content.sticky .toc button.button-title {
  font-size: 1.45em;
    color: #010101;
  padding:0;
  margin:0;
}

nav#table-of-content.sticky .toc button.toc-toggle {
  -webkit-appearance: none;
  border: none;
  text-align:left;
  padding: 1em;
  margin:0;
  width: 15%;
  display: block;
  background: none;
  float: right;
}

nav#table-of-content.sticky .toc button.toc-toggle::after {
  content: '\f0d7';
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}

nav#table-of-content.sticky #toc.active-toc button.toc-toggle::after {
  content: '\f0d8';
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}

nav#table-of-content.sticky #toc li.toc-items a {
  	display:none;
} 
  
nav#table-of-content.sticky #toc.active-toc li.toc-list-item a {
    margin: 0;
    border-radius: 0;
    font-weight: bold;
    border: none;
    margin: 0;
    background: none;
    color: #ffffff;
    display: inline-block;
    text-decoration: none !important;
    float: left;
}

nav#table-of-content.sticky + .content {
      padding-top: 60px;
    }
}

/* ----------------- Accordion ------------- */



.accordion-bar button.accordion-trigger,
.toc button.toc-toggle {
	margin-top: 0.5em;  
}

.accordion-bar h2.button-title,
  .accordion-bar h3.button-title,
.accordion-bar h4.button-title{
  font-size: 1.34em;
    color: #010101;
  padding:0;
  margin:0;
}

.accordion-bar button.accordion-trigger {
  -webkit-appearance: none;
  background-color: #f1f1f1;
  border: none;
  text-align:left;
  padding: 1em 2.5em 1em 1em;
  width: 100%;
}

.accordion-bar button.accordion-trigger::before {
  content: '\f067';
    font-family: "FontAwesome";
    font-weight: 900;
    float: right;
    position: relative;
    right: -1em;
}

.accordion-bar button.accordion-trigger[aria-expanded="true"]::before {
  content: '\f068';
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
}

.accordion-bar .accordion-bar-window {
  padding: 0 1.65em 1.5em;
    background: #f1f1f1;
  	display:none;
}

.accordion-bar .accordion-bar-window h4 + h5,
  .accordion-bar .accordion-bar-window h5 + h6{
    padding-top: 1em;
}

.accordion-bar .accordion-bar-window h5 {
  margin-top: 0;
    padding-top: 1em;
    padding-bottom: 0;
}

#tier4innerContent .accordion-bar .accordion-bar-window p {
  margin-top: 0;
	margin-bottom: 0;
}
 
h3 + .accordion-bar button.accordion-trigger {
	margin-top: -0.5em;
}

.accordion-bar h5 {
  margin-top:0;
  padding-top:1em;
}


/* ------------- Accorion collapsable groups -------- */

.acc-container-group {
  max-width: 100%;
    clear: both;
    display: flex;
    flex-wrap: nowrap;
    flex-direction: column;
}

.acc-container-group.space-after {
  margin-bottom: 30px;
}


.acc-container-group.rule-above {
  border-top: 1px solid #cccccc;
    padding-top: 24px;
}

.acc-info-panel-group {
  width:100%;
}


    
.acc-info-panel-group .panel-default {
    border-color: #ddd;
}
    
.acc-info-panel-group .panel {
    margin-bottom: 10px;
    background-color: #ffffff;
    border:1px solid #E5F1FF;
    border-radius: 0px;
}
    
.acc-info-panel-group h2.accordion-title,
.acc-info-panel-group h3.accordion-title,
.acc-info-panel-group h4.accordion-title {
        padding:0;
        margin:0;
  font-size: 1.34em;
    }

.acc-info-panel-group .panel-default .panel-heading {
  color: #010101;
  padding: 0;
  background-color: #E5F1FF;
  border:1px solid #E5F1FF;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.acc-info-panel-group .panel-default .panel-heading a {
  display: block;
    color: #010101 !important;
    text-decoration: none !important;
    padding: 1em 2.5em 1em 1em;
  width: 100%;
}

.acc-info-panel-group .panel-default .panel-heading a:before {
    
  transition: transform .25s linear;
  -webkit-transition: -webkit-transform .25s linear;
}
    
.acc-info-panel-group .panel-default .panel-heading a span.accordion-subhead {
    font-size: 0.75em;
    color: #010101 !important;
    text-decoration: none !important;
    font-weight: normal;
    line-height: 1.35em !important;
    display: inline-block;
    }

.acc-info-panel-group .panel-default .panel-heading a[aria-expanded="true"] {
  background-image: url("/MENTALHEALTH/images/icons/icon-minus.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: right 1.25rem center;
}


.acc-info-panel-group .panel-default .panel-heading a[aria-expanded="false"] {
  background-image: url("/MENTALHEALTH/images/icons/icon-plus.svg"), linear-gradient(transparent, transparent);
    background-repeat: no-repeat;
    background-size: 1.5rem;
    background-position: right 1.25rem center;
}
    
.acc-info-panel-group .panel-default .panel-body {
  border:none;
}

.acc-container-group .accordion-option {
  width: 100%;
    margin: 0 0 15px 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}

h3.rule-above + .acc-container-group .accordion-option {
  margin-top:0 !important;
}

.acc-container-group .accordion-option .title {
  font-weight: bold;
  float: left;
  padding: 0;
  margin: 0;
}

.acc-container-group .accordion-option .toggle-accordion {
  float: right;
  font-size: 13px;
  color: #010101 !important;
    text-decoration:none !important;
    font-weight:bold;
  border: none;
    background: none;
}

.acc-container-group .accordion-option .toggle-accordion:before {
  content: "Open All +";
}

.acc-container-group .accordion-option .toggle-accordion.active:before {
  content: "Close All -";
}

 
/* ------------ 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;

}

/* 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;
}


/* ------------------ STW CONTENT ----------------- */

.icon::before {
      display: inline-block;
      font-style: normal;
      font-variant: normal;
      text-rendering: auto;
      -webkit-font-smoothing: antialiased;
        padding-right: 1.0em;
    }
    
    .code:before {
        background-image: url('/MENTALHEALTH/images/icons/icon-code.png');
          background-size: 23px 20px;
          background-repeat: no-repeat;
          display: inline-block;
          width: 28px;
          content: "";
          height: 20px;
          position: relative;
          top: 4px;
    }
    
    .download:before {
        background-image: url('/MENTALHEALTH/images/icons/icon-download.svg');
          background-size: 23px 20px;
          background-repeat: no-repeat;
          display: inline-block;
          width: 28px;
          content: "";
          height: 20px;
          position: relative;
          top: 4px;
    }
    
    .facebook:before {
        background-image: url('/MENTALHEALTH/images/icons/icon-faceboook-bk-cir.svg');
          background-size: 20px 20px;
          background-repeat: no-repeat;
          display: inline-block;
          width: 24px;
          content: "";
          height: 22px;
          background-position-y: 2px;
          position: relative;
          padding-right: 0.5em;
          margin-top: 4px;
          position: relative;
          top: 4px;
    }
    
    .twitterX:before {
        background-image: url('/MENTALHEALTH/images/icons/icon-x-bk-cir.svg');
          background-size: 20px 20px;
          background-repeat: no-repeat;
          display: inline-block;
          width: 24px;
          content: "";
          height: 22px;
          background-position-y: 2px;
          position: relative;
          padding-right: 0.5em;
          margin-top: 4px;
          position: relative;
  top: 4px;
    }
    
    .instagram:before {
        background-image: url('/MENTALHEALTH/images/icons/icon-instagram-bk-cir.svg');
          background-size: 20px 20px;
          background-repeat: no-repeat;
          display: inline-block;
          width: 24px;
          content: "";
          height: 22px;
          background-position-y: 2px;
          position: relative;
          padding-right: 0.5em;
          margin-top: 4px;
          position: relative;
  top: 4px;
    }
    

/* DOCUMENT SAMPLES DISPLAY in columns (quit tobacco) */

.samples-icons  {
			clear: both;
			display: block;
		}
.samples-icons div {
			display: block;
					}
		
.samples-icons p {
			display: block;
    float: left;
    width: 50%;
    padding-top: 20px;		}

.sample-icon-row {
         display: block !important;
    width: 100%;
    clear: both !important;
}
		
		.samples-icons img {
			    display: block;
    float: left;
    margin: 0 12px 35px 0;
    clear: left;
		}


/* ---------------  2-col items --------------- */ 

    #handouts {
      display:flex;
        flex-wrap: wrap; 
    }

 	.hnd-item {
        display: inline-flex;
        width: 50%;
        padding-bottom: 2em;
        padding-right: 2em;
    }
    .hnd-item-image {
        width: 60%;
    	padding-right: 2em;
    }
    
    .hnd-item-image img {
        width: 160px;
    }

    .hnd-item-content {
      	width: 70%;
    }

    .hnd-item-content h4,
    .hnd-item-content h5 {
      	font-size: 1.25em;
        padding-bottom: 0.35em;
        margin-bottom: 0;
    }

	@media only screen and (max-width: 768px) {
    
        .hnd-item {
          width: 100%;
          padding-right: 2em;
        	padding-left: 2em;
      }
      
      .hnd-item-image img {
          width: 100%;
      }
      
    }

	@media only screen and (max-width: 400px) {
    
      .hnd-item {
        flex-direction: column;
        
      }
      
      .hnd-item-content {
      	width: 100%;
        text-align: center;
    	}
      
      .hnd-item-image {
          width: 100%;
          padding-right: 0;
      }
      
      .hnd-item-image img {
          width: 100%;
      }
      
    }




/* ---------------  STW STYLES --------------- */    
    
    .stw-item {
        clear: both;
      display: inline-block;
        width: 100%;
        padding-bottom: 2em;
    }
    .stw-item-image {
        display: block;
          float: left;
          width: 30%;
          padding-right: 2em;
    }
    
    .stw-item-image img {
        max-width:100%;
    }

    .stw-item-content {
      width: 70%;
        display: block;
        float: right;
    }

    .stw-item-content h4,
    .stw-item-content h5 {
      	font-size: 1.5em;
        padding-bottom: 0.35em;
        margin-bottom: 0;
      padding-top: 0.65em;
    }


.stw-item.doc-download .stw-item-image {
        display: block;
          float: left;
          width: 80px;
          padding-right: 20px;
    }

.stw-item.doc-download .stw-item-content {
      width: 70%;
        display: block;
        float: left;
    }

	.stw-item.doc-download .stw-item-content h4,
    .stw-item.doc-download .stw-item-content h5 {
      	font-size: 1.25em;
        padding-top: 0em;
        margin-bottom: 0;
    }
    
	.resources h4.section-div {
      font-size:1.5em;
      color:#003f72;
    }
    
    .download-image {
        display: inline;
        padding: 0;
    } 
    .download-content {
        display: inline-block;
        padding-left: 0.75em;
    }
    
    .download-image a {
        text-decoration: none !important;
    }
    
    .download-content button.social-copy,
      .download-content button.embed-code {
          font-size:1.25em;
          color: #0B6CB2;
    }

	.download-content button.embed-code {
         

    }

    .download-content button:hover,
    .download-content button:focus {
      padding: 0 12px 4px 8px;
      cursor: pointer;
    }
    
    .download-content button.social-copy:before {
      	content: url(/MENTALHEALTH/images/icons/icon-social-copy.svg);
        display: inline-block;
        padding-right: 0.5em;
        margin-top: 4px;
        position: relative;
        top: 4px;
        padding-left: 8px;
        border-left: 1px solid #ccc;
    }

	.download-content button.embed-code:before {
      background-image: url(/MENTALHEALTH/images/icons/icon-code.png);
      background-size: 23px 20px;
      background-repeat: no-repeat;
      display: inline-block;
      width: 28px;
      content: "";
      height: 20px;
      position: relative;
      top: 4px;
    }
    
    
    
    .download-content button[aria-expanded="true"] {
          background: #F1F1F1;
          border-right: 1px solid #979797;
          z-index: 1000;
          position: relative;
          border-left: 1px solid #979797;
          border-top: 1px solid #979797;
          padding: 0 12px 5px 9px;
          border-bottom: none;
    }
    
    .download-content button[aria-expanded="true"]::before {
        padding-left: 0;
          border-left: none;
    }
    
    .download-content button[aria-expanded="false"] {
         margin: 0;
          padding: 0 12px 0 0;
          border: 1px solid transparent;
          background-color: transparent;
          color: #0B6CB2;
      		margin-left: 0 !important;
    }

.download-content button[aria-expanded="true"].embed-code {
      margin-left:-15px !important;
    }
	
.download-content button[aria-expanded="false"].embed-code {
      margin-left:-6px !important;
    }

.download-content button[aria-expanded="false"]::after {
      	content: "\f0d7";
		font-family: "FontAwesome";
        font-weight: 900;
      	position: relative;
      	right: -4px;
}

    .download-content button[aria-expanded="true"]::after {
      content:"\f0d8";
        font-family: "FontAwesome";
        font-weight: 900;
      position: relative;
      right: -4px;
    }

    
    .download-content [role="button"][aria-pressed="false"] {
        background: none;
        border: none;
        padding: 0;
        font-size: 1.25em;
        color:#0B6CB2;
    }
    
    .download-content [role="button"][aria-pressed="true"] {
        background: #F1F1F1;
        border: none;
        padding: 0;
        font-size: 1.25em;
        color:#0B6CB2;
    }
    
    .download-content [role="button"]:before {
        background-image: url(/MENTALHEALTH/images/icons/icon-social-copy.svg);
          display: inline-block;
          padding-right: .5em;
      	content:"";
          margin-top: 4px;
          position: relative;
          top: 4px;
    }
    
    
    
    .button-popup-window {
        position: absolute;
          background: #F1F1F1;
          padding: 0 1.25em 1.25em;
          border: 1px solid #979797;
          width: 67%;
          right: 4%;
          z-index: 200;
          margin-top: -1px;
        display: none;
    }
    
    .button-popup-window p {
        padding: 1.0em 0 0 0;
    }
    .button-popup-window label {
        margin-bottom: 0;
          font-size: 1.25em;
          display: block;
          padding: 1.0em 0 0.5em 0;
    }
    
    .button-popup-window textarea {
        width: 100%;
  height: 150px;
  border: 1px solid #ccc;
  padding: 0.5em;
    }

    
    .button-popup-window button {
        margin: 0;
          margin-top: 0;
          padding: 2px 0;
          font-size:1.25em;
          border: none;
          background-color: transparent;
          border-radius: 5px;
        color:#0B6CB2;
    }
    
    .button-popup-window button:hover,
    .button-popup-window button:focus {
      padding: 2px 0;
      cursor: pointer;
    }
    
    .button-popup-window button:before {
        content: url("/MENTALHEALTH/images/icons/icon-copy.svg");
          display: inline-block;
          padding-right: .5em;
          margin-top: 4px;
          position: relative;
          top: 4px;
        width:24px;
    }
    
    .button-popup-window input {
        width: 100%;
      padding: 0.5em 0 0 0;
      background: none;
      border: none;
      font-size: 1.25em;
    }
    
    button.stw-social-content {
        border-radius: 4px;
          background-color: #0B6CB2;
        color:#ffffff;
        padding: 10px 12px;
        border: none !important;
    }
    
    button.stw-social-content:after {
        content:"\f0d7";
        font-family: "FontAwesome";
    font-weight: 900;
    padding-left: .5em;
    font-size: .9em;
    }
    
    button.stw-social-content[aria-expanded="true"]::after {
        content:"\f0d8";
    }


.stw-item .topic-popup-content {display:none;}
    
    
    /* COPY BOXES */
    
.container-copy {
	position: relative;
	text-align: left;
}

.copy-content {
	padding: 0;
}

.copy-content::after {
	content: "Copy to Clipboard";
	color: #0B6CB2;
	cursor: pointer;
	padding: 3px 10px 3px 28px;
	right: 0;
    background: url(/MENTALHEALTH/images/icons/icon-copy.svg);
    background-repeat: no-repeat;
      display: inline-block;
      margin-top: 0.85em;
      position: relative;
      top: 4px;
      font-size: 1.25em;
      background-size: 18px auto;
}
    
.copy-content code {
  display: block;
  padding: 1.0em;
  background: #fff;
  margin-top: 0.5em;
  border: 1px solid #ccc;
  font-size: 1.25em;
  color: #2E2E2E;
  font-family: Arial, san-serif;
  border-radius: 0;
  overflow: hidden;
}

.textarea {
	resize: none;
}

/*  */
.copy-to-clipboard-bt {
  position: relative;
  display: inline-block;
}

.copy-to-clipboard-bt .tooltiptext {
  visibility: hidden;
  width: 140px;
  background-color: #555;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px;
  position: absolute;
  z-index: 1;
  bottom: 150%;
  left: 50%;
  margin-left: -75px;
  opacity: 0;
  transition: opacity 0.3s;
}

.copy-to-clipboard-bt .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #555 transparent transparent transparent;
}

.copy-to-clipboard-bt:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}


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

    
    button.stw-social-content {
            display:none !important;
        
        }
        
        .topic-popup-content {display: block !important;}
    }

 
    
@media only screen and (max-width: 767px) {
    
    .stw-item-image {
      display: block;
      float: none;
      width: 100%;
      padding: 0 2em 1.25em 0;
    }
  
  .stw-item-content h4 {
    padding: 0 0 0.35em 0;
  }
    
    .stw-item-content {
        display: inline-block;
        float: none;
        width: 100%;
    }
  
   .button-popup-window {
          width: 94%;
     }
  
  .download-content button[aria-expanded="true"].embed-code {
    	margin-left: -14px !important;
	}
  
  .download-content button[aria-expanded="false"].embed-code {
    	margin-left: -5px !important;
	}
    
    }


/* ------------- 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;
  max-width: 100%;
}

.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 ;
}

 @media only screen and (max-width: 759px) {
  #newsletter-signup input.email_text_field {
    margin-bottom: 10px;
  }
}




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


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

.usa-alert #crisis-alert {
  padding: 20px 0 0 0;
}

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

.usa-alert button.accordion-trigger {
  font-size: 1.25em;
  font-weight:bold;
  margin: 0;
  padding: 0 0 0.5em 0;
  background: none;
    background-color: rgba(0, 0, 0, 0);
  background-color: transparent;
  border:none;
  border-bottom: dashed 1px #0B6CB2;
  text-align: left;
}

.usa-alert .alert-box button.accordion-trigger {width:auto;}

.usa-alert .alert-box button.accordion-trigger[aria-expanded="true"] {
  width:100%;}

.usa-alert .alert-box button.accordion-trigger[aria-expanded="false"]::before {
  content: '\f107';
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
  padding-left: 0.35em;
  right: 0;
}



.usa-alert .alert-box button.accordion-trigger[aria-expanded="true"]::before {
  content: '\f106';
  font-family: "FontAwesome";
  font-weight: 900;
  float: right;
  padding-left: 0.35em;
  right: 0;
}

.usa-alert .accordion-bar .accordion-bar-window {
  padding:1.65em 0 0 0;
}

.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, 
  .alert-blue-box .accordion-bar .accordion-bar-window {background-color:#E1F3F8 !important;}

.alert-blue-box .accordion-bar .accordion-bar-window {padding-top: 2.0em;}






.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;margin-top: 1.0em;}

.accordion-bar + .usa-alert-email,
.embed-container + .usa-alert-email,
.videoWrapper  + .usa-alert-email {margin-top: 2.5em;}

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

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

.usa-alert-email ul.form {
  padding-left:0 !important;
  margin-left:0 !important; 
}

.usa-alert-email ul.form li.email_fields {
  margin-left:0 !important; 
}

.usa-alert-email ol.form {padding:0 0 1em 0 !important;}


.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;
  	padding-right:0;
}
                                  
/* -------------------- 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;
	margin-bottom: 4em;
}

#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 .state-list div.blank p {
    padding-bottom: 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;
}					


/* ------------ EMAIL POPUP STYLES ------------- */
                             
/* Email Popup signup Modal Styles */
.emailBoxModal {
  display: none; /* Hidden by default */
  position: fixed;
  z-index: 1000;
  right: 2em;
  bottom: 3em;
  width: 408px;
  max-width: 100%;
  margin-left: 2em;
  height: auto;
  overflow: auto;
  border-radius:16px;
  box-shadow: rgba(20, 20, 20, 0.6) 0px 0px 16px 0px;
  background-color:transparent;
}

.emailBoxModalContent {
  background-color: #003F72;
  padding: 20px;
    width: 100%;
    text-align: left; 
  	overflow: hidden;
}
                             
.emailBoxModalContent .topImage {
    height: 170px;
    width: 410px;
    margin: -20px -20px 20px;
    overflow: hidden;
}
                             
.emailBoxModalContent .topImage img {
	width: auto;
    height: 180px;
}                             

.emailBoxModalContent h2 {
  color:#ffffff;
  padding-bottom: 0.25em;
    font-size: 1.68em;
  margin-top: 0;
}

.emailBoxModalContent h2::before {
	content: url(/MENTALHEALTH/images/icons/envelope.svg);
  padding-right:8px;
}

#tier4innerContent .emailBoxModalContent p,
  #homeinnerContent .emailBoxModalContent p {
  color:#ffffff;
  font-size:1.15em;
  padding-bottom: 0.6em;
}

.emailBoxModalContent form label {
    position: absolute;
    left: -1000px;
}

#tier4innerContent .emailBoxModalContent form ol.form {
  margin-left: 0;
  padding: 0 0 1em 0;
  list-style-type: none;
}

#tier4innerContent .emailBoxModalContent form ol.form li.email_fields {
	margin:0;
}

#tier4innerContent .emailBoxModalContent form ol.form li.email_fields input {
	padding:8px 10px;
  border-radius:8px;
  border: none;
}

button#closeButton {
  	background: none !important;
    border: none;
    float: right;
    margin-right: -14px;
    margin-top: -176px;
  	z-index: 1202;
    position: relative;
}

button#hideFor30Days {
      border: none;
  background: none;
  color: #ffffff;
  text-decoration:underline;
}

.hide-on-mobile {
   display:none !important;
}
                             
                             

@media (max-width: 480px) {   
    
  
/*.emailBoxModal {
  display: none; 
  position: initial;
  width: 100%;
  max-width: 100%;
  margin: 0 0 3em;
}

.emailBoxModalContent {
  background-color: #003F72;
  background-image: url(/MENTALHEALTH/images/popups/gmh-newsletter-bg-2a.jpg);
  background-size: 100% auto;
  background-repeat:no-repeat;
  background-position: center -30px;
  padding: 170px 20px 20px;
    width: 100%;
    text-align: left;  
}
                             */
  
.emailBoxModal {
  position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.5);
    display: none; /* Hidden by default */
    z-index:1300;
  margin-left: 0;
  bottom: 0;
  height: auto;
  overflow: auto;
  border-radius:0;
  box-shadow: 0;    
}

.emailBoxModalContent {
    width: 400px;
    max-width: 90%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    text-align: left; 
  	border-radius: 16px;
}
  
  #tier4innerContent .emailBoxModalContent form ol.form li.email_fields input#email {
   width: 100%;
    margin-bottom: 0.5em;
}
  
 
}