/*
 Theme Name:   THF (UnderStrap Child)
 Theme URI:    https://www.bowstern.com
 Description:  UnderStrap Child Theme
 Author:       BowStern
 Template:     understrap
 Version:      0.0.1
 
 blue 2B677C
 light blue A6D7E6
 gold 65a898
 quary 9AB6B9
 bamboo DBC159
 font-family: 'Nunito', sans-serif;
font-family: 'Nunito Sans', sans-serif;
 
 */
 
 body { font-family: 'Nunito', sans-serif; font-size: 1rem; line-height: 1.3rem;  }

nav li a { color: #00a0cc; }
nav li a:hover { color: #00718f; }

#headmenu li a { color: #2B677C; font-weight: 700; }
#headmenu .menu-item { width: auto; }

#nav2 { background: #A6D7E6; padding: 0.5rem 0; margin-top: 0; }

#wrapper-footer { background: #00687e; padding-bottom: 40px; }

.site-info { text-align: left; color: #fff; font-size: 12px; line-height: 29px; margin-top: 10px; }

#wrapper-footer-full { background: transparent; color: #fff; padding: 10px 0 0 0; font-size:  }
#wrapper-footer-full h4 { font-weight: bold; margin-bottom: 15px; font-size: 24px;
    line-height: 26px; }
#wrapper-footer h5 { margin-bottom: 5px; font-size: 1.1rem; color: #fff !important;
    line-height: 1.6rem; font-weight: 700; }
#wrapper-footer h5 a { color: #fff !important; font-weight: 300; }
#wrapper-footer h5 a:hover { text-decoration: none; }

#wrapper-footer-full a.contact,
#wrapper-footer-full a.clientportal {
    background: #dfc143;
    color: #fff;
    font-weight: 400;
    padding: 8px 25px;
    margin: 10px 20px 0 0;
    text-transform: uppercase;
    display: inline-block;
    float: left; 
    font-size: 20px;
    }
    
h5.member { padding-bottom: 2rem; border-bottom: 1px solid #fff; }
    
#wrapper-footer-full a.contact:hover,
#wrapper-footer-full a.clientportal:hover {
    background: #c4a834; 
    text-decoration: none; }
    
#footmenu ul { width: 240px; }
    
#footmenu li {
display: block; float: none; border-bottom: 1px solid #97e8ff;  font-size: 18px;
color: #97e8ff; padding: 7px 12px 7px 18px; }

#footmenu li a { color: #97e8ff; }
#footmenu li a:hover { color: #fff; text-decoration: none; }

#foot-menu { padding-left: 0 !important; }

#footmenu ul li:nth-child(6) { border: none; } 

a.custom-logo-link, a.custom-logo-link img.img-fluid { width: 191px !important; }

.sociallink { height: 32px; width: 32px; display: inline-block; margin-left: 10px; }

#navbarNavDropdown { clear: right; margin-top: 20px; width: auto; float: right; }



#membercpa { width: 100%; margin-top: 20px; }
#memberrsm { display: inline-block; margin-top: 20px; width: 70%; }
#wrapper-footer .col-md-2 h5 { color: #fff; font-size: 80%; margin-top: 15px; }

#thf-white { width: 60%; }


    
#main-menu li a:focus, #main-menu li a:hover {
    color: #00a0cc;
    text-decoration: none;
    background-color: #dfc143; }
  .dropdown-item.active, .dropdown-item:active {
    color: #fff;
    text-decoration: none;
    background-color: #c4a834; }
    
#home-blue { background: #00687e url(/wp-content/themes/THF/img/triangle.svg) bottom left no-repeat; background-size: 250px; padding-top: 50px; text-align: right;  }
#home-slide1 {   }
#home-slide2 {   float: left;display: inline; }
#home-slide3 {   float: left;display: inline; }
#home-slide4 { margin-top: 15px;   float: left;display: inline; }



.no-gutter {
    padding-right:0;
    padding-left:0;
}

.l-gutter {
    padding-right:0;
    padding-left:7px;
}

.r-gutter {
    padding-right:7px;
    padding-left:0px;
}

#text-slider { height: 110px; }
#text-slider article { font-size: 26px; color: #fff; line-height: 32px; font-weight: normal; font-family: "proxima-nova",sans-serif; }
#text-slider-controls { display: none; }
#home-blue h2 { color: #9ad9e8; font-weight: bold; font-size: 24px; }
#home-blue .btn-secondary { float: right; margin: 0; }

.boxes { margin-top: 50px; }
.boxes .col-4 p { background: #eee; }

.rsm { font-size: 9px; color: #ebfaff; padding-top: 30px; line-height: 12px; }

#main-head { margin-bottom: 40px; }
#main-blue { background: #00687e url(/wp-content/themes/THF/img/triangle.svg) bottom left no-repeat; background-size: 100px; padding: 20px 0 30px 60px; text-align: left;  }
#main-blue .btn-secondary { float: right; margin: 0; }
#main-blue h4 { color: #97e8ff; font-weight: bold; font-size: 16px; text-transform: uppercase; }
#main-blue h1 { color: #fff; font-weight: normal; }
#main-blue h2 { color: #fff; font-weight: normal; font-size: 2.5rem; }
#main-thumb img { width: 100%; }
#main-thumb { height: 180px; overflow: hidden; }

.page-id-625 #main-blue h1, .page-id-630 #main-blue h1, .page-id-805 #main-blue h1 { font-size: 30px !important; }

#main-blue-employee { background: #00687e url(/wp-content/themes/THF/img/triangle.svg) bottom left no-repeat; background-size: 100px; padding: 20px 0 30px 60px; text-align: left;  }
#main-blue-employee .btn-secondary { float: right; margin: 0; }
#main-blue-employee h4 { color: #97e8ff; font-weight: bold; font-size: 16px; text-transform: uppercase; }
#main-blue-employee h1 { color: #fff; font-weight: normal; font-size: 30px; }
#main-blue-employee h5 { color: #dfc143; font-weight: normal; font-size: 20px; margin-bottom: 50px; }
#main-thumb-employee img { width: 100%; }
#main-thumb-employee { height: 250px; overflow: hidden; }


.entry-content h2 { font-weight: bold; color: #00687e; margin-bottom: 1em; }
.entry-content p { line-height: 150%; }
.entry-content blockquote { font-weight: 300; font-size: 20px; line-height: 40px; margin: 1.5em 0; color: #666; padding: 0 1.5em; }
.entry-content h3 { margin: 40px 0; padding: 20px 0; font-weight: 300; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; color: #00a0cc; }

#subnav ul.menu { margin: 0 20px 0 0; padding: 0; }
    
#subnav li { display: block; float: none; border-bottom: 1px solid #97e8ff;  font-size: 1em; color: #97e8ff; font-weight: bold; padding: 7px 0px 7px 18px; }
#subnav li a { color: #00a0cc; }
#subnav li a:hover { color: #00687e; text-decoration: none; }
#subnav .sub-menu { margin: 10px 0 0 0; padding: 0;  }
#subnav .sub-menu li { border-top: 1px solid #97e8ff; border-bottom: 0; font-weight: normal; }
#subnav li.current_page_item a { color: #00687e; }
#subnav img { margin-top: 200px; }



.archive article { clear: both; border-bottom: 2px dotted #DBC159; margin-bottom: 40px; padding-bottom: 20px;  }
.understrap-read-more-link { display: inline-block; float: none; }
.archive .entry-footer { display: none; }
.archive .entry-title { font-weight: bold; font-size: 1.5rem; }
.archive .entry-meta, .archive .entry-meta a { color: #00a0cc; }

.widget_recent_entries ul { margin: 10px 0; padding: 0; }
.widget_recent_entries li { border-bottom: 1px solid #ccc; list-style: none; padding: 10px 0; margin: 0; }
.widget_recent_entries li a { color: #00a0cc; }
.widget_recent_entries li a:hover { color: #00718f; text-decoration: none; }
.widget_recent_entries h3 { margin: 40px 0 0 0; font-size: 16px; font-weight: bold; }

#nav_menu-2 h3 { margin: 40px 0 0 0; font-size: 16px; font-weight: bold; }
ul#menu-blog-categories { margin: 10px 0; padding: 0; }
#menu-blog-categories li { border-bottom: 1px solid #ccc; list-style: none; padding: 10px 0; margin: 0; float: none; display: block; }
#menu-blog-categories li a { color: #00a0cc; }
#menu-blog-categories li a:hover { color: #00718f; text-decoration: none; }
.menu-blog-categories-container { margin: 0; padding: 0; }

#category-posts-2 h3 { margin: 40px 0 0 0; font-size: 16px; font-weight: bold; }
ul#category-posts-2-internal { margin: 10px 0; padding: 0; }
#category-posts-2-internal li { border-bottom: 1px solid #ccc; list-style: none; padding: 10px 0; margin: 0; float: none; display: block; }
#category-posts-2-internal li a { color: #00a0cc; }
#category-posts-2-internal li a:hover { color: #00718f; text-decoration: none; }
.category-posts-internal { margin: 0; padding: 0; }

.widget_search .assistive-text { display: none; }

.contact-person { border: 1px solid #00a0cc; background: #ebfaff; padding: 10px; margin: 20px 0; }
.contact-person h4 { font-size: 16px; color: #00a0cc; margin: 10px 0 30px 0; }
.contact-person a { color: #00a0cc; }
.contact-person a:hover { color: #DBC159; }

.padme { padding: 15px 0; }
.padme img { width: 100%; }

.inconbox { background: #fdf5d1; border: 1px solid #DBC159; text-align: center; padding: 25px 0; width: 20%; margin-right: 5%; float: left; height: 155px; }
.inconbox a { display: block; padding: 0 20px; color: #00687e; } 

.drsbox { background: #c7d9ec; border: 1px solid #2a547e; text-align: center; padding: 30px 0; width: 20%; margin-right: 5%; float: left; height: 130px; margin-bottom: 15px; }


.ctct-disclosure { font-style: italic; font-size: 9px; line-height: 11px; clear: both; }
.ctct-form-field { float: left; width: 240px; }
.ctct-form-field label { display: inline; float: left; }

.imgCaptionAnchor { padding: 15px !important; }
.incongallery img { float: left; margin: 0 5px 5px 0;  height: 200px;}
.inconoverride { width: auto !important; margin: 0 auto; }

#menu-career-categories { border-bottom: 1px solid #eee; margin-bottom: 30px; height: 30px; }
#menu-career-categories ul#menu-career-categories { padding: 0 !important; margin: 0 !important; padding-inline-start: 0px; }
#menu-career-categories li { margin: 0 5px 0 0; padding: 0 5px; border-right: 1px solid #eee; }

@media (max-width: 767px) {

.inconbox { background: #fdf5d1; border: 1px solid #DBC159; text-align: center; padding: 25px 0; width: 100%; margin-right: 0%; margin-bottom: 10px; float: none; height: auto; }
.imgCaptionAnchor img { width: 100px; }
.incongallery img { float: none; margin: 0 5px 5px 0;  height: 120px; width: auto;}
.incongallery { text-align: center; }
.inconoverride { width: 150px !important; margin: 0 auto; }

nav .col-3 { float: left; width: 350px;  }
nav .col-9 { text-align: right; display: block; max-width: 100%; }

a.custom-logo-link, a.custom-logo-link img.img-fluid { width: 250px !important; }


.navbar-brand { margin-left: 40px; margin-bottom: 20px; }
#navbarNavDropdown { margin-top: 20px; float: left; width: 100%; clear: both !important; text-align: left; background: #dfc143; padding-left: 10px; }
.navbar-toggler {position: absolute; top: 10px; left: 0px; }
.navbar-toggler-icon { width: 40px; height: 40px;  }
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 10rem;
  padding: 0;
  margin: 0 0 0 -10px;
  font-size: 1rem;
  color: #292b2c;
  text-align: left;
  list-style: none;
  background-color: #fff;
  background-clip: padding-box;
  border: 0px solid rgba(0, 0, 0, 0.15);
  border-radius: 0; }
.show > .dropdown-menu li { border-top: 1px solid #ccc !important; } 

.sociallink { height: 24px; width: 24px; display: block; margin-bottom: 5px; }
#main-thumb { margin-top: 20px; display: none; }
#subnav { display: none; }

}

@media (max-width: 576px) {

#home-blue { background-image: none; padding-bottom: 20px; padding-top: 20px; text-align: right; margin-bottom: 20px;  }
#text-slider { height: 40px; }

#home-slide1 { width: 40%; float: left; display: inline; margin: 0;  }
#full-width-page-wrapper .col-md-4:nth-child(3)  { width: 60%; float: left; }
#home-slide2 {   float: left;display: inline; width: 50%; margin: 0; }
#home-slide3 {   float: left;display: inline;width: 50%; margin: 0;  }
#home-slide4 { margin-top: 15px;   float: left;display: inline; }

#homeblog .col-md-5:nth-child(2)  { margin-top: 20px; }

#main-blue { background-image: none; padding-left: 20px; margin-top: -20px; }
#main-blue h1 { font-size: 28px; }

#main-thumb-employee { margin-top: -40px; z-index: 999; top: 0; }
#main-thumb-employee img { width: 170px; float: none; position: absolute; border: 2px solid #dfc143; }
#main-blue-employee { background-image: none; }
#main-blue-employee h1 { font-size: 22px; }
#main-blue-employee h1 span { display: block; }
#main-blue-employee .btn-secondary { display: none; float: right; margin: 0; right: 100px; width: 120px; font-size: 14px; height: auto; white-space: wrap; }

.employeelist h2 span { display: block; }
.employeelist { padding-bottom: 0; }
nav .col-9 { text-align: right; width: 100%; display: block; }

.drsbox { width: 100%; height: auto; }

.small-center { text-align: center; }
#thf-white { width: 40%; margin-bottom: 3rem; }
#wrapper-footer a.btn-secondary { display: inline-block; margin: 10px auto; float: none; }

}



@media (min-width: 768px) {


}

@media (min-width: 992px) {


}

@media (min-width: 1200px) {


}

.relatedpost { width: 30%; padding: 5px; border: 1px solid #ccc; margin: 0 15px 15px 0; float: left; }
    @media (max-width: 576px) {
    .relatedpost { width: 100%; float: none; margin: 0 0 10px 0; }
    }


.archive h2.entry-title a { color: #00a0cc !important; }
#covidHome { background: #9ad9e8 url(/wp-content/themes/THF/img/covid-image.jpg) 0 0 no-repeat; height: 183px; }
#covidHome a { display: block; padding: 20px;  font-weight: bold; text-decoration: none; font-size: 18px; color: #fff; text-shadow: 0 0 5px #000; }
@media (max-width: 768px) {
#covidHome { height: 144px; }

}

#covidform { background: #c4a834; padding: 10px 0 0 0; color: #fff; }
#covidform a { color: #00718f; }
@media (max-width: 768px) {
#covidform p { padding: 0 20px; }

}



/* FINREP */

#finrep-body { background: #93d1e3; color: #014553; font-weight: 700; padding: 2rem 0; font-size: 130%; line-height: 170%; }
#finrep-hosts { padding: 2rem 0; }
#finrep-about { padding: 2rem 0; background: #e6ecee; }
#finrep-contact { padding: 2rem 0;  }
#finrep-contact a { color: #93d1e3; font-weight: bold; }
#finrep-notice { background: #00687e; color: #fff; }
#finrep-notice h1 { font-size: 2rem; font-weight: bold; margin: 0; padding: 10px 0; }
.accordion .btn-link { color: #fff; background: #014553; font-weight: bold; }

#animated {  height: 240px; width: 50%; margin: 0 auto; overflow: hidden; }
#lottie { margin-top: -100px; }
@media (max-width: 768px) {
	#animated {  height: auto; width: 100%; margin: 0 auto; overflow: hidden; }
	#lottie { margin-top: 0px; }
}