@charset "utf-8";
/* CSS Document */


body {font: normal 100% Arial, Verdana, Geneva, sans-serif;}
h1, h2, h3, h4, h5, h6 {color: #333;}
h1 {font-size:2.3rem;}
h2 {font-size: 1.6rem;}
p {font-size:.85em;}
p.blogPost {font-size:0.95;}
.biotext {font-size:.85rem; padding-right:0.8em; padding-left:1em;}
.bio {border:1px solid #ccc;}
tbody td, th {border: solid 1px #ccc;}
th {background-color: #eaeaea;}
tbody tr:nth-child(odd) {background: #f9f7f7;}
a {color:rgb(22,85,104); text-decoration:none;}
a:hover {color:rgb(22,85,104);text-decoration:none;}
a.page{color:rgb(22,85,104);text-decoration: none; border-bottom:1px dashed;}
a.page:hover {color:rgb(22,85,104);text-decoration:none;}
.button {margin-top: 1rem;}

/* TopBar, Masthead and Menu */
.top-bar, .top-bar ul {
	background: #44697c;
}
.top-bar a {
	color: #fff;
	font-size: 0.7rem;
}
#header {
	background-color: #0c2634;
    background-image: url("https://www.uth.edu/blog/wellnessconnection/img/bg.png");
    
}
	
#header h1{font-size:3.5rem;color: #fff;font-family: Georgia, Times, Times New Roman, serif;font-style: italic;}
#header h1:after {content: "";display:block;height: 3px;background:linear-gradient(to right, rgba(189,79,25,1) 0%,rgba(189,79,25,1)50%,rgba(0,0,0,0) 100%)}
#header .row{padding:0.5em;}
h2.tagline {color: #fff;font-size: 1.3rem;}
/*
.title-bar {
    padding: .5rem;
    background: #44697c!important;
    color: #fefefe;
}
*/

#masthead #utility-nav {background: #6B6E70;}
#masthead #utility-nav a {
    height: 45px;
    color: #fff;
    text-transform: uppercase;
    font-size: 0.7rem;
    text-decoration: none;
    padding: 0.9375rem;
    line-height: 1.3;
}
#masthead #utility-nav a:hover, #masthead #utility-nav a:active {text-decoration:underline; background: #2d2d33;}
#masthead #header {padding: 2rem 0;}
#masthead #header h1 {
    font-family: "Times New Roman", Times, serif;
    font-size: 2.4rem;
}

#gs {
    margin-left:18px;
    padding-top: 9px;
}
#q, #q2 {
    width: 120px;
    float: left;
    padding: 2px 5px;
    margin-bottom: 0;
    font-size: 0.8rem;
    height: 1.4rem;
    color: #2d2d33;
}
#gs .button-group {margin-bottom: 0;}
#gs2 {margin-left: 0.7rem;}
input::placeholder, textarea::placeholder {color: #656572;}
#btnG {
    padding: 0px 9px;
    height: 1.4rem;
    color: #fff;
}

.menu-icon{float:right!important;}

.full-width {width: 100%;margin-left: auto;margin-right: auto;max-width: initial; background-color: #f3f3f3;}

/*Reveal-Modal*/
.reveal-modal {width: inherit!important; top:250px!important;}
/*End Reveal-Modal*/

/*Content Styles*/
.content h2 {font-size:1.8em;font-weight:normal;}
.content h3 {font-size:1.2em; font-weight:normal;}
.content h4 {font-size:1.095em; font-weight:normal;}
.content h5 {font-size:1em; font-weight:normal;}
.content ul, .content ol {font-size: 0.85rem; line-height: 1.6;}
.content li {margin-left:25px;}
.content a {text-decoration:underline;}
.content a.readmore {font-size:.8rem;}
.map-float-right {float:right; padding:2px; border:1px solid #ccc;}
.mission {background-color:#fff;border-top:1px solid #124661; border-bottom:1px solid #124661;padding:5px;}
.mission h4{font-weight:normal;}
.subheader {line-height: 1.4;color: #0c2634!important;;font-weight: normal;margin-top: 0.2rem;margin-bottom: 0.5rem;}
.archivedHeader {font-size:1.5rem!important; background:#44697C; color:#fff; text-align:center;}
.postingdate{font-size:1rem!important;font-weight:normal!important;color:#bd4f19;}
/*End Content Styles*/

/*Search*/

.search-right {
    margin-left: auto;
    margin-right: 0;
} 

#q {width: 200px; border-radius: 2em; float: left; padding: 2px 5px; margin: 2px 4px 0 0; font-size: 0.8rem; height: 1.5em; ine-height: 1.5em;}
#gs {margin-right: 2em;} 
#btnG {padding: 0 10px; border-radius: 2em; font-size: 0.7rem; height: 1.9em; margin-top: 2px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset;}
form #btnG {border-radius:0.5em;}
form #q {border-radius:0.5em;height:1.85em;}

/*End Search*/


/*Homepage Cards*/

a.recentteaser:link,
a.recentteaser:visited,
a.recentteaser:active {
    color: #BD4F19;
    font-size: 1.2rem;
}


.card-section {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 1rem; 
  margin-bottom: 2rem;}
  
  .card-section > :last-child {
    margin-bottom: 0; }
    


.card-wrapper > :last-child {
      margin-bottom: 0;}
    
.card-wrapper:hover .card-img {
      opacity: 1; }
      
.card-img {
  max-width: 100%;
  opacity: 0.85;
  transition: all 0.25s ease;
flex-shrink: 0;
}

.columns {
    margin-bottom: 1rem;
}


/*Image Styles*/

.caption_title {
    padding-bottom: 2rem;
}

.map_float_right {
  float: right;
  border: 1px solid #BD4F19;
  margin: 5px 50px 5px 5px;
  padding: 5px;
  }

.img_float_right {
  float: right;
  padding: 5px;
  margin: 5px;
  }

.img_float_left {
  float: left;
  margin: 0 5px 5px 0;
  padding: 0 5px 5px 0;
  }

.img_float_right_border {
  border: 1px solid #DDD;
  float: right;
  margin: 5px;
  padding: 5px;
  background-color: #FFF;
  }

.img_captionright {
  float: right;
  }

.img_captionleft {
  float: left;
  }

.img_captionleft,
.img_captionright {
  text-align: left;
  border: 1px solid #DDD;
  margin: 10px 0px 10px 10px;
  padding:0.5em;
  background: #FFF;
  }

.img_caption {
  text-align: left;
  border: solid 1px #DDD;
  margin: 5px;
  padding: 5px;
  clear: both;
  background-color: #FFF;
  }

.img_captionright p,.img_captionleft p,.img_caption p {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  line-height: 16px;
  color: #666;
  margin: 0;
  padding: 5px;
  }
  
figcaption {
    font-size: 0.85rem !important;
    color: #666;
    padding-top: 0.4rem;
    padding-bottom: 2rem;
}

.right {
    float: right!important;
}

/*End Image Styles*/


/*Social Media*/

#socialmedia li {float: left; margin-right: 0.4rem;}
#socialmedia li:last-child {margin-right: 0;}
#socialmedia > li > a {padding: 0.7rem 0;}

.fi-social-facebook::before, .fi-social-flickr::before, .fi-social-instagram::before, .fi-social-linkedin::before, .fi-social-twitter::before, .fi-social-youtube::before, .fi-lock::before {
    font-family: "foundation-icons";
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    display: inline-block;
    text-decoration: inherit;
}

#socialmedia i, #socialmedia span {
    font-size: 2.6rem;
    color:#2F94C6 /*#164660*/;
    margin-right: 0.4rem;
}
#socialmedia span:last-child {margin-right: 0;}
#socialmedia i.fi-social-facebook:hover, #socialmedia span.fi-social-facebook:hover {
    color: #3b5998;
}
#socialmedia i:hover, #socialmedia span:hover {
    text-shadow: 0 0 5px #fff,0 0 10px #fff,0 0 15px #fff,0 0 20px #3D98B3,0 0 30px #3D98B3,0 0 40px #3D98B3,0 0 50px #3D98B3,0 0 75px #3D98B3;
}


#socialmedia i.fi-social-twitter:hover, #socialmedia span.fi-social-twitter:hover {
    color: #55acee;
}


#socialmedia i.fi-social-youtube:hover, #socialmedia span.fi-social-youtube:hover {
    color: #cd201f;
}

#socialmedia i.fi-social-linkedin:hover, #socialmedia span.fi-social-linkedin:hover {
    color: #0077b5;
}

#socialmedia i.fi-social-flickr:hover, #socialmedia span.fi-social-flickr:hover {
    color: #ff0084;
}

#socialmedia i.fi-social-instagram:hover, #socialmedia span.fi-social-instagram:hover {
    color: #3f729b;
}
/*End Social Media*/



.cell {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
  min-height: 0px;
  min-width: 0px; }
  
  .card-section {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
      -ms-flex: 1 0 auto;
          flex: 1 0 auto;
  padding: 1rem; 
    background-color: #fff;
  }

.card-image {
  min-height: 1px; }


.wrapper {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  margin: 0 auto -220px; /*background: radial-gradient(LightGray 9%, transparent 9%) 0 0, radial-gradient(LightGray 9%, transparent 9%) 8px 8px, radial-gradient(rgba(211,211,211,.1) 9%, transparent 10%) 0 1px, radial-gradient(rgba(211,211,211,.1) 9%, transparent 10%) 8px 9px;*/
  background-color: #f4f4f4; /*background-size: 16px 16px;*/
}

/* Footer */

footer{background-color:#0c2634; font-size:1em;color:#fff;  padding:50px 0; }
footer a{color:#fff!important;}
footer a:hover{color:#eff9fc!important;}
footer ul {list-style: outside none none; text-align:center;}

footer .menu {display: flex;}
.align-center {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center; }
  .menu.align-center li {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
        -ms-flex-pack: center;
            justify-content: center; }
    .menu.align-center li .submenu li {
      -webkit-box-pack: start;
      -webkit-justify-content: flex-start;
          -ms-flex-pack: start;
              justify-content: flex-start; }

/*End Footer*/

/*Media Queries*/
@media only screen and (max-width: 61.875em) {
#logoDiv {
  width:25%;
  }
  
}
@media only screen and (max-width: 58.75em) {
#cse-search-box {
  float: none;
  width: 90%;
  margin-left: 10px;
  margin-bottom: 10px;
}


#cse-search-box div {
  width: 100% !important;
}
#search-box {
  width: 80% !important;
  margin-right: 8px;
}
}

@media only screen and (max-width: 40em){
 .reveal-modal {
    height: 55vh!important;
    min-height: 55vh!important;
    
}



.menu.vertical > li a:hover {
    background: #0c2634;
    display:block;
}

}

@media screen and (max-width: 39.9375em){

.thumbnail{
    float:none!important;

   
}    

h1{
    font-size:1.6rem!important;

   
}    

}

 @media only screen and (max-width:768px) {
  .row .row {
    margin: inherit;
  }
  
   #header h1{font-size:1.8rem;
    
    
}

h2.tagline{font-size:1.1rem;
    
    
}
  
  .topwk {
    display: none;
  }
  
}

 @media only screen and (max-width:690px) {
  #header img{vertical-align:inherit;}

  
}