/*
Theme Name: TBRHSC Bootstrap
Theme URI: http://tbrhsc.net/theme/
Description: A theme built using Bootstrap 3 for the TBRHSC website
Author: Josh Chunick
Author URI: http://tbrhsc.net/
Version: 1.0
Tags: responsive, white, bootstrap 3
License: Attribution-ShareAlike 3.0 Unported (CC BY-SA 3.0)
License URI: http://creativecommons.org/licenses/by-sa/3.0/
Bootstrap 3 Media Queries
============================
@media(max-width:767px){}
@media(min-width:768px){}
@media(min-width:992px){}
@media(min-width:1200px){}
*/
/* Import the type.css file with the @font-face declarations */
@import url("css/type.css");
html, body {
min-height:100%;
}
body {
max-width: 1400px;
margin: 0 auto 0 auto;
}
/* montserrat-regular - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 400;
src: url('/font/montserrat-v14-latin-regular.eot'); /* IE9 Compat Modes */
src: local('Montserrat Regular'), local('Montserrat-Regular'),
url('/font/montserrat-v14-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/font/montserrat-v14-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
url('/font/montserrat-v14-latin-regular.woff') format('woff'), /* Modern Browsers */
url('/font/montserrat-v14-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
url('/font/montserrat-v14-latin-regular.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-500 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 500;
src: url('/font/montserrat-v14-latin-500.eot'); /* IE9 Compat Modes */
src: local('Montserrat Medium'), local('Montserrat-Medium'),
url('/font/montserrat-v14-latin-500.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/font/montserrat-v14-latin-500.woff2') format('woff2'), /* Super Modern Browsers */
url('/font/montserrat-v14-latin-500.woff') format('woff'), /* Modern Browsers */
url('/font/montserrat-v14-latin-500.ttf') format('truetype'), /* Safari, Android, iOS */
url('/font/montserrat-v14-latin-500.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-700 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 700;
src: url('/font/montserrat-v14-latin-700.eot'); /* IE9 Compat Modes */
src: local('Montserrat Bold'), local('Montserrat-Bold'),
url('/font/montserrat-v14-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/font/montserrat-v14-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
url('/font/montserrat-v14-latin-700.woff') format('woff'), /* Modern Browsers */
url('/font/montserrat-v14-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
url('/font/montserrat-v14-latin-700.svg#Montserrat') format('svg'); /* Legacy iOS */
}
/* montserrat-900 - latin */
@font-face {
font-family: 'Montserrat';
font-style: normal;
font-weight: 900;
src: url('/font/montserrat-v14-latin-900.eot'); /* IE9 Compat Modes */
src: local('Montserrat Black'), local('Montserrat-Black'),
url('/font/montserrat-v14-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
url('/font/montserrat-v14-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
url('/font/montserrat-v14-latin-900.woff') format('woff'), /* Modern Browsers */
url('/font/montserrat-v14-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
url('/font/montserrat-v14-latin-900.svg#Montserrat') format('svg'); /* Legacy iOS */
}
body {
background-color: #fff;
/*padding-top: 160px;*/
padding-bottom: 0!important;
}
h1, h2, h3, h4, h5, h6, h3.tbh-directions-title {
font-family: 'Montserrat'
, Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
color: #014181;
text-rendering: optimizelegibility;
}
.bh-header {
background-color: #ffe397;
}
.tbh-content h2:first-child {
margin-top: 0!important;
}
p, dt, dd, li, a {
font-family: 'Montserrat'
, Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
}
strong, b {
font-weight: 700;
}
.no-gutter {
padding-left:0 !important;
padding-right:0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
.no-padding {
padding-left:0 !important;
padding-right:0 !important;
}
@media (min-width: 768px){
.no-gutter {
padding-left:0 !important;
padding-right:0 !important;
margin-left: 0 !important;
margin-right: 0 !important;
}
}
a.tbh-skip-nav {
position: absolute;
left: -10000px;
width: 1px;
height: 1px;
overflow: hidden;
}
a.tbh-skip-nav:focus {
position: absolute;
top: 3px;
left: 3px;
width: auto;
height: auto;
padding: 2px;
overflow: visible;
z-index: 100;
}
.tbh-banner {
max-height: 350px;
}
.bannerimage {
max-width: 100%;
}
.bannerbox {
display: flex;
flex-direction: column;
align-content: center;
align-items: center;
width: 100%;
}
.bannerbox > img {
width: 500px;
min-width: 50%;
max-width: 100%
}
.center-image {
margin-left: auto;
margin-right: auto;
display:block;
padding: 20px 0 20px 0;
}
.researchtable {
margin-left: 30px;
}
.researchtable > th {
padding: 10px;
}
.researchtable1 {
background-color: #FFF;
}
.research2 {
width: 80em;
}
.tbh-padding-0 {
padding-left: 0 !important;
padding-right: 0 !important;
}
.tbh-padding-sm {
padding-left: 2 !important;
padding-right: 2 !important;
}
.tbh-padding-md {
padding-left: 5 !important;
padding-right: 5 !important;
}
.tbh-wordmark1 {
margin: 0;
padding: .25em;
font-size: .75em;
}
.tbh-wordmark2 {
font-size: 1.45em;
line-height: 1.0em;
}
.tbh-txt-xs {
font-size: .5em;
}
.tbh-txt-sm {
font-size: .75em;
}
.tbh-txt-md {
font-size: 1.0em;
}
.tbh-txt-lg {
font-size: 1.25em;
}
.tbh-txt-xl {
font-size: 1.5em;
}
.tbh-row-adjust {
padding: 0 30px;
}
.tbh-center-text, .tbh-center-heading {
text-align: center;
}
.tbh-center-heading p {
text-align: left;
}
.tbh-divider {
border-top: 2px solid #eee;
margin-top: 15px !important;
padding-top: 40px !important;
padding-bottom: 20px;
}
.tbh-img-left {
float: left;
vertical-align: text-top;
margin-bottom: 15px;
margin-right: 15px;
}
.tbh-img-right {
float: right;
vertical-align: text-top;
margin-bottom: 15px;
margin-left: 15px;
}
.tbh-img-xs {
width: 120px;
min-width: 60px;
height: auto;
}
.tbh-fig-xs {
width: 120px;
min-width: 60px;
}
.tbh-img-sm {
width: 240px;
min-width: 120px;
height: auto;
}
.tbh-fig-sm {
width: 240px;
min-width: 120px;
}
.tbh-img-md-sm {
width: 320px;
min-width: 240px;
height: auto;
}
.tbh-fig-md-sm {
width: 320px;
min-width: 240px;
}
.tbh-img-md {
width: 420px;
min-width: 240px;
height: auto;
}
.tbh-fig-md {
width: 420px;
min-width: 240px;
}
.tbh-img-lg {
width: 640px;
min-width: 320px;
height: auto;
}
.tbh-fig-lg {
width: 640px;
min-width: 320px;
}
.tbh-img-xl {
width: 800px;
min-width: 320px;
height: auto;
}
.tbh-fig-xl {
width: 800px;
min-width: 320px;
}
.tbh-portrait, .tbh-portrait-sm {
width: 110px;
}
.tbh-portrait-md {
width: 240px;
}
.tbh-portrait-lg {
width: 320px;
}
.uppercase, .ucase {
text-transform: uppercase;
}
.fortyper {
width: 40%;
}
span.tbh-desc {
height: 1px;
width: 1px;
position: absolute;
overflow: hidden;
top: auto;
left: -10000px;
}
.tbh-item-chooser span.tbh-click, .tbh-item-chooser-hilite span.tbh-click {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
z-index: 1;
/* edit: fixes overlap error in IE7/8, make sure you have an empty gif */
background-image: url('images/empty.gif');
}
a.tbh-item-chooser-hilite:hover span.tbh-click, a.tbh-item-chooser-hilite:focus span.tbh-click {
border: 1px solid #dedede;
border-radius: 0; /* 4px; */
}
a.tbh-item-chooser:last-child {
margin-bottom: 30px;
}
a.tbh-item-chooser[href$=".pdf"]::before,
a.tbh-item-chooser[href$=".pdf"]::before,
a.call-to-action-btn[href$=".pdf"]::before,
a.call-to-action-btn[href$=".pdf"]::before
{
content: '' !important;
padding-right: 0 !important;
}
/************* Header *************/
.navbar {
margin-bottom: 0;
}
.navbar-fixed-top {
padding-bottom: 0;
margin-bottom: 0;
height: 110px;
}
.navbar-nav {
position: relative;
top: 110px;
/* left: -148px; */
}
.tbh-navbar-header {
height: 110px;
width: 100%;
border-radius: 0;
}
.nsc-navbar-header {
height: 140px;
}
.social-icon-container {
position: relative;
left: 4.0em;
top: 3.0em;
}
.tbrhsc-logo-container {
position: relative;
float: left;
left: 33%;
z-index: 9998;
font-size: .75em;
}
.tbrhsc-logo {
width: 105px;
margin: 0;
/* padding: .6em; */
}
.nsc-logo {
width: 140px;
padding: 0;
}
.tbh-margin-right-20 {
margin-right: 20px;
}
.tbh-margin-left-20 {
margin-left: 20px;
}
.tbh-padding-right-20 {
padding-right: 20px;
}
.tbh-padding-left-20 {
padding-left: 20px;
}
.tbh-padding-vertical {
padding: 20px 0!important;
}
.tbh-padding-horizontal {
padding: 0 20px!important;
}
.tbrhsc-logo-link, .tbrhsc-logo-link:hover, .tbrhsc-logo-link:focus {
text-decoration: none;
}
.tbh-navbar-default {
border-radius: 0;
background-color: #fff; /*e5e5d9; */
}
.navbar-default .navbar-toggle, .navbar-default .navbar-toggle:focus {
background-color: #57b7df;
border: 0;
border-radius: 0;
}
.navbar-default {
border-color: #FFF;
}
.navbar-toggle {
width: 4.5em;
height: 3.5em;
}
.navbar-toggle > span.icon-bar {
width: 2.5em;
height: .35em;
margin-left: .25em;
}
.navbar-default .navbar-toggle:hover {
background-color: #aaddf3 !important;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #fff;
border-radius: 0;
}
.navbar-nav {
position: relative;
top: 0;
left: 0;
font-size: 1.5rem;
float: none;
margin-left: auto;
margin-right: auto;
}
.navbar-nav > li > a {
color: #444 !important;
}
.tbh-main-nav > li.tbh-nav-item > a {
text-transform: uppercase;
font-size: 13.5px;
}
.tbh-main-nav > li.open > a, .tbh-main-nav > li.open > a:hover, .tbh-main-nav > .open > a:focus {
background-color: #e5e5d9 !important;
}
.tbh-main-nav > li.tbh-nav-item.dropdown > a.tbh-rsp {
padding-right: 0;
}
.tbh-nav-item > .dropdown-menu > li.tbh-subhead {
padding: 6px 15px;
font-weight: 500;
color: #555;
background-color: #e5e5d9;
}
.navbar-default .navbar-nav>.active>a,
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
background-color: #d1d1bd;
}
ul.dropdown-menu {
}
.edge ul.dropdown-menu {
left: -200px;
}
.tbh-homepage > a {
font-weight: 500!important;
/* background: #e5e5d9; */
}
.tbh-dropdown-arrow {
top: 2px;
margin-left: .3em;
}
.tbh-ib {
display: inline-block !important;
}
#tbh-title {
font-size: 1.4em;
}
.tbh-search-header-div .input-group-btn {
position: absolute!important;
right: 0;
}
/* Icons */
.social-icon {
display: inline-block;
margin-left: 12px;
}
.social-icon, .social-icon img {
width: 30px;
height: 30px;
}
.internalsocial {
display: flex;
flex-direction: row;
}
.donate-now-container {
float: right;
position: relative;
right: 3.0em;
top: 3.0em;
}
.donate-now {
float: right;
position: relative;
/* width: 9.0em;
top: -4.0em;
right: 3.0em;*/
color: #fff;
font-weight: 400;
font-size: 1.2em;
}
.foundation-logo {
float: left;
}
.donate-now:before {
display: inline;
position: relative;
float: left;
content: url('images/foundation-logo.png');
width: 12px;
height: 12px;
padding-right: 2.3em;
top: -0.3em;
}
.donate-now:hover, .donate-now:focus {
text-decoration: none;
color: #ccf4ff!important; /*#dcf1f5;*/
}
.tbh-content-container {
width: 100%;
height: auto;
min-height: 480px;
/* margin-top: 160px; */
position: relative;
background-color: #fff;
/*background: -webkit-linear-gradient(bottom, #cbcbc0 0%, #ffffff 15%);
background: linear-gradient(to top, #cbcbc0 0%, #ffffff 15%);*/
/* background: -moz-linear-gradient(top, #ffffff 85%, #e5e5d9 100%);
background: -webkit-linear-gradient(top, #ffffff 85%, #e5e5d9 100%);
background: -o-linear-gradient(top, #ffffff 85%, #e5e5d9 100%);
background: -ms-linear-gradient(top, #ffffff 85%, #e5e5d9 100%);
background: linear-gradient(to bottom, #ffffff 85%, #e5e5d9 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e5e5d9', GradientType=0);
overflow: hidden; */
}
/* Start of Search Container */
.tbh-banner-container {
position: absolute;
top: 30px;
right: 650px;
margin: 0 0;
width: 400px;
}
.tbh-search-header {
background-position: left top;
background-repeat: no-repeat;
background-size: contain;
background-color: #b1b6af;
padding-bottom: 30px;
}
.tbh-search-container {
position: relative;
height: 352px;
background-position: left top;
background-repeat: no-repeat;
background-size: cover;
background-color: #b1b6af;
}
.tbh-welcome0 {
background-image: url('images/main_banner0.jpg');
}
.tbh-welcome1 {
background-image: url('images/main_banner1.jpg');
}
.tbh-welcome2 {
background-image: url('images/main_banner2.jpg');
}
.tbh-search-div {
margin: 45px 0 0 0;
padding: 30px;
padding-bottom: 50px;
background: rgba(255,255,255,.50);
border-radius: 0;
}
.mainsearchform {
font-size: 1.7em;
color: #57b7df;
}
#searchsubmit {
background-color: #FFF;
border: 2px solid #FFF;
}
#s {
padding-right: 0;
width: 80%;
}
ul.qandalist {
list-style-type: none;
}
ul.qandalist li:nth-child(odd){
color: #333;
font-size: 1.2em;
font-weight: bolder;
margin-bottom: .2rem;
}
ul.qandalist li:nth-child(even){
color: #000;
margin-bottom: 1em;
}
@media (max-width:480px) {
.tbh-fig-md {
max-width: 100%;
min-width: 100%;
margin: 0;
padding: 0;
}
.tbh-search-div {
background:none!important;
margin:0!important;
padding:0!important;
}
.tbh-form-search {
padding-top: 30px;
}
.tbh-welcome0,
.tbh-welcome1,
.tbh-welcome2 {
background-image:none;
}
.tbh-search-btn {
top: 0px!important;
right: -30px!important;
}
.tbh-feedback-container {
margin-top:40px!important;
margin-bottom:0!important;
}
.tbh-search-header .tbh-info-box.tbh-search-header-promo {
margin-top:20px!important;
margin-right:0!important;
margin-bottom:20px!important;
height:100%;
/*max-height:298px;*/
overflow:auto;
padding-bottom: 1.4em;
}
}
.tbh-search-header .tbh-info-box.tbh-search-header-promo {
margin-top:30px;
margin-bottom:0;
margin-right:20px;
height:100%;
/*max-height:298px;*/
overflow:auto;
padding-bottom: 1.4em;
}
.tbh-promo-item {
padding-bottom: 15px;
border-bottom: 1px solid #d1d1bd;
margin-bottom: 15px;
}
.tbh-promo-item:last-child {
border:none;
}
h3.tbh-promo-title {
margin-top:0;
}
.tbh-btn-promo {
border-radius:0;
border:0;
border-bottom:2px solid #ccc;
border-right:2px solid #ccc;
}
h1.tbh-welcome {
font-size: 2.2em;
font-family: 'Montserrat'
, Helvetica, Arial, sans-serif;
color: #e38811;/*#245ba9;#138982;*/
text-shadow: 1px 1px 1px #ccd3d1;
margin-top: 0;
padding-top: 0;
font-weight: 300;
font-style: normal;
}
.input-group {
width: 100%;
min-width: 100%;
}
.tbh-form-search {
height: 20px;
padding-bottom: 30px;
}
.tbh-search-input.form-control {
font-size: 1.2em;
border-radius: 0;
height: 50px;
border: 0;
}
.tbh-search-btn, .tbh-search-toggle-btn {
height: 50px;
padding: 25px 16px;
font-size: 18px;
border-radius: 0;
border: 0;
position: absolute!important;
top: 0;
right: 0;
z-index: 999;
background-color: #dcf1f5;
}
.tbh-search-btn-menu {
z-index: 999999;
}
.tbh-group-btn {
position: absolute;
top: 11px;
right: 20px;
}
.tbh-btn-sm {
height: 30px;
width: 30px;
padding: 0;
font-size: 12px;
position: absolute;
}
.tbh-btn-sm i {
padding-top: 18px;
}
.tbh-search-btn:hover,
.tbh-search-btn:focus,
.tbh-search-btn:active,
.tbh-search-toggle-btn:hover,
.tbh-search-toggle-btn:focus,
.tbh-search-toggle-btn:active {
background-color: #dcf1f5;
}
.tbh-search-btn .glyphicon, .tbh-search-toggle-btn .glyphicon {
top: -10px;
color: #57b7df;
}
.tbh-search-btn-menu .glyphicon {
top: 0;
}
.tbh-search-header-div {
height: 50px;
max-height: 50px;
position: absolute;
top: 110px;
right: 0;
}
.nsc-search-header-div {
top: 140px;
}
.tbh-search-header-div, .tbh-search-header-div div, .tbh-search-header-div form {
padding: 0;
margin: 0;
}
.tbh-search-header-div .btn {
float: right;
}
.tbh-search-header-div .tbh-search-btn {
float: right;
}
.tbh-search-input-container {
position: absolute;
top: -11px;
right: -1px;
background: #dcf1f5;
height: 50px;
padding: 10px;
z-index: 200;
}
.tbh-search-input-container .tbh-search-input {
height: 30px;
margin: 10px 50px 10px 10px;
}
.tbh-caption-text {
position: absolute;
bottom: .65em;
font-size: .75em;
text-shadow: 1px 1px 1px #fff;
}
.tbh-caption-title {
font-size: 1.1em;
font-weight: 400;
color: #138982;
text-shadow: 1px 1px 1px #fff;
}
/* End of Search Container */
.logout {
margin-bottom: 1.0em;
}
/* Start of Feedback Container */
.tbh-feedback-container {
margin-top: 30px;
border-radius: 0;
color: #fff;
}
.tbh-feedback {
padding: 15px;
min-height: 8rem;
line-height: 2em;
}
.tbh-feedback a {
color: #fff;
}
.tbh-feedback p {
margin-bottom: 0;
padding-bottom: 0;
}
.tbh-comment {
font-size: 45px;
float: left;
margin-right: 20px;
top: 3px;
left: 3px;
}
/* End of Feedback Container */
/* Start of Highlight Container */
.tbh-highlight-container {
height: auto;
margin-bottom: 0!important;
}
.tbh-highlight-box {
display: inline-block;
margin: 2.0em 0;
padding: 0 1.0em;
/* height: 9.0em; */
}
.tbh-highlight-content {
padding: 0 1.5em 1.5em 1.5em;
height: 11.0em;
overflow: hidden;
border-radius: 0; /* 4px; */
position: relative;
}
.tbh-highlight-content h2 {
font-size: 1.75em;
}
.tbh-highlight-content h2, .tbh-highlight-content p {
font-family: 'Montserrat'
, Helvetica, Arial, sans-serif;
color: #fff!important;
text-decoration: none !important;
}
/*
.tbh-highlight-link {
display: inline;
width: 91%;
height: 100%;
padding: 0;
margin: 0;
position: absolute;
left: 1.0em;
top: 0;
color: #fff!important;
font-weight: 500;
}
.tbh-highlight-link-span {
position:absolute;
bottom:2.0em;
right:2.0em;
} */
.tbh-highlight-link:hover, .tbh-highlight-link:focus {
text-decoration: none;
}
.tbh-highlight-box .tbh-bg-blue:hover {
text-decoration: none;
background: #57b7df;
}
.tbh-highlight-box .tbh-bg-orange:hover {
text-decoration: none;
background: #efc913;
}
.tbh-highlight-box .tbh-bg-green:hover {
text-decoration: none;
background: #d9d83f;
}
.tbh-highlight-box .tbh-bg-magenta:hover {
text-decoration: none;
background: #eb79a5;
}
.tbh-highlight-box .tbh-bg-purple:hover {
text-decoration: none;
background: #c15eb6;
}
a:active .tbh-highlight-content, a:hover .tbh-highlight-content, a:focus .tbh-highlight-content {
text-decoration: none !important;
}
/* End of Highlight Container */
/* Start of Quick Link Icon Container */
.tbh-quick-icon-container {
height: auto;
display:flex;
flex-wrap: wrap;
flex-direction: row;;
}
.tbh-quick-icon-item {
text-align: center;
display: inline-block;
margin-top: 0;
margin-bottom: 3.5em;
min-width: 150px;
width: 16.6%;
}
.tbh-quick-icon-container .tbh-quick-icon-item:last-child {
width: auto;
}
.tbh-quick-icon {
display: inline-block;
background: #6cc6ed;
color: #fff; /*#a7b1ac;*/
/*width: 8.0em;
height: 8.0em;*/
border-radius: 50px;
line-height: 100px;
text-align: center;
font-size: 50px;
height: 100px;
width: 100px;
padding: 0;
margin: 0;
}
.tbh-quick-icon-label {
font-size: 1.1em;
font-weight:500;
width: 100%;
display: block;
color: #337ab7;
}
.tbh-quick-icon-item a:hover, .tbh-quick-icon-item a:focus {
text-decoration: none;
}
.tbh-quick-icon-item a:hover .tbh-quick-icon-label, .tbh-quick-icon-item a:focus .tbh-quick-icon-label {
color: #51bfee;
font-weight:500;
}
.tbh-quick-icon-item a:hover .tbh-quick-icon, .tbh-quick-icon-item a:focus .tbh-quick-icon {
background: #aaddf3;
color: #51bfee;
}
/* End of Quick Link Icon Container */
.tbh-healthy-together {
width: 100%;
max-width: 650px;
height: 350px;
padding: 30px 15px 0px 30px;
}
.tbh-about-intro {
padding: 30px 30px 0 45px;
}
/* TBRHSC Colours */
.tbh-bg-blue, tbh-bg-default {
background-color: #0088ae;
background: -webkit-linear-gradient(left, #0088ae, #57b7df);
background: linear-gradient(to right, #0088ae, #57b7df);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0088ae', endColorstr='#57b7df', GradientType=1);
}
.tbh-bg-tblue {
background-color: #a7e2f2;
background: -webkit-linear-gradient(left, #a7e2f2, #d9f1f8);
background: linear-gradient(to right, #a7e2f2, #d9f1f8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a7e2f2' endColorstr='#d9f1f8' GradientType=1);
}
.tbh-bg-lgrey {
background-color: #e8e8e8;
}
.tbh-bg-orange {
background-color: #db7722;
background: -webkit-linear-gradient(left, #db7722, #efc913);
background: linear-gradient(to right, #db7722 0%, #efc913 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#db7722', endColorstr='#efc913', GradientType=1);
}
.tbh-bg-cyan {
background-color: #008982;
background: -webkit-linear-gradient(left, #008982, #78c0a8);
background: linear-gradient(to right, #008982, #78c0a8);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#008982', endColorstr='#78c0a8', GradientType=1);
}
.tbh-bg-purple {
background-color: #884280;
background: -webkit-linear-gradient(left, #884280, #c070ae);
background: linear-gradient(to right, #884280, #c070ae);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#884280', endColorstr='#c070ae', GradientType=1);
}
.tbh-bg-green {
background-color: #84a42d;
background: -webkit-linear-gradient(left, #84a42d, #d9d83f);
background: linear-gradient(to right, #84a42d, #d9d83f);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#84a42d', endColorstr='#d9d83f', GradientType=1);
}
.tbh-bg-magenta {
background-color: #c82d57;
background: -webkit-linear-gradient(left, #c82d57, #eb79a5);
background: linear-gradient(to right, #c82d57, #eb79a5);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c82d57', endColorstr='#eb79a5', GradientType=1);
}
.tbh-bg-red {
background-color: #c6151b;
background: -webkit-linear-gradient(left, #c6151b, #f95961);
background: linear-gradient(to right, #c6151b, #f95961);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c6151b', endColorstr='#f95961', GradientType=1);
}
.tbh-default {color: #014181!important;}
.tbh-blue {color: #0088ae!important;}
.tbh-orange {color: #db7722!important;}
.tbh-cyan {color: #008982!important;}
.tbh-purple {color: #884280!important;}
.tbh-green {color: #84a42d!important;}
.tbh-magenta {color: #c82d57!important;}
.tbh-red {color: #c6151b!important;}
.tbh-white {color: #fff!important;}
/* End of TBRHSC Colours */
/* Start of Main Content */
.tbh-left-col {
padding-bottom: 4.0rem !important;
max-width: 100%;
}
.tbh-main-content > h2:first-of-type {
margin-top: 10px;
}
blockquote {
quotes: "\201C""\201C";
background: #fdfdf4;
border-left-color: #d1d1bd;
}
blockquote, blockquote p {
color: #60605b;
font-style: italic;
font-weight: 300;
}
blockquote:before {
color: #d1d1bd;
content: open-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote:after {
color: #d1d1bd;
content: close-quote;
font-size: 4em;
line-height: 0.1em;
margin-right: 0.25em;
vertical-align: -0.4em;
}
blockquote p {
display: inline;
}
.quote-author {
display: block;
margin-top: 10px;
font-size: .8em;
font-weight: 300;
}
figure {
padding: 6px;
margin: 20px;
background-color: #d1d1bd;
display: inline-block;
}
figcaption {
font-style: italic;
font-size: .7em;
padding: 5px 0;
max-width: 420px;
}
.flush-top {
margin-top: 0!important;
}
.flush-bottom {
margin-bottom: 0!important;
}
figure.pull-right {
margin-right: 0;
}
figure.pull-left {
margin-left: 0;
}
figure figcaption {
background-color: #d1d1bd;
text-align: center;
}
.caption-name {
font-size: .9em;
font-weight: 500;
}
.caption-title {
font-size: .8em;
}
.tbh-info-box.tbh-welcome-msg {
padding-bottom: 80px;
}
.tbh-info-box.tbh-welcome-msg p:first-child {
font-size: 1.1em;
font-weight: 500;
font-style: italic;
}
.tbh-info-box.tbh-welcome-msg a.tbh-btn {
position: relative;
top: 20px;
}
a.tbh-btn {
border: 0;
border-radius: 0;
border-bottom: 2px solid #007494;
background-color: #0088ae;
}
a.tbh-btn:focus, a.tbh-btn:hover {
background-color: #007c9f;
border-bottom: 2px solid #006986;
}
.tbh-sig {
font-size: .8em;
}
.signature {
font-family: Cookie;
font-size: 2.4em;
font-weight: 400;
}
/* Bootstrap UI Elements - Override */
.alert {
border-radius: 0 !important;
border: 0;
}
.alert > h1,
.alert > h2,
.alert > h3,
.alert > h4 {
padding-top: 0;
margin-top: 1.0em;
}
.alert > h1:first-of-type,
.alert > h2:first-of-type,
.alert > h3:first-of-type,
.alert > h4:first-of-type {
padding-top: 0;
margin-top: 0;
}
.alert-info {
border-left: 3px solid #97d7e4;
}
.alert-success {
border-left: 3px solid #c9dec1;
}
.alert-warning {
border-left: 3px solid #d8ca82;
}
.alert-danger {
border-left: 3px solid #d2322d;
}
.panel {
border-radius: 0;
}
.panel-default {
}
.panel-info {
}
.panel-primary {
border-top: 3px solid #005580;
}
.panel-heading {
border-top: 3px solid #97d7e4;
border-radius: 0;
}
.panel-body {
}
.label {
margin-top: 5px;
font-weight: 400;
font-size: 1.0em;
border-radius: 0;
}
/* End of Main Content */
/* Start of Footer */
.footer {
padding: 1.5em 1.0em 0 1.0em;
position: relative;
left: 0;
bottom: 0;
width: 100%;
height: 100%;
background-color: #dbe0e4;
z-index: 100;
}
.nsc-footer {
border-top: 4px solid #e5e5d9;
padding-top: 0;
}
.tagline {
display: block;
padding: 10px 15px 30px 30px;
}
.tagline .healthy {
letter-spacing: -0.04em;
font-weight: 300;
color: #f8991d;
font-size: 18pt;
margin: 0;
padding: 0;
position: relative;
left: -23px;
}
.tagline .together {
letter-spacing: -0.0625em;
font-weight: 400;
color: #f8991d;
font-size: 24pt;
margin: 0;
padding: 0;
position: relative;
top: -9px;
}
.tbh-footer-links {
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}
.tbh-footer-links > li {
display: inline;
margin-right: 30px;
line-height: 3.0em;
white-space: nowrap;
}
footer .footer-divider {
border-top: 1px solid #d1d1bd;
padding-top: 30px;
margin-top: 30px;
}
.tbh-social-icons-footer a img:first-child {
margin-left: 0;
}
footer a.donate-now,
footer a.donate-now:active {
color: #428bca;
}
footer a.donate-now:hover,
footer a.donate-now:focus {
color: #014181!important;
text-decoration: underline;
}
footer h5 {
margin-top: 0;
padding-top: 0;
}
.tbh-footer-bottom {
margin-top: 10px;
margin-bottom: 0;
padding: 5px 90px 15px 0;
}
.nsc-footer-bottom {
margin-top: 0;
}
.tbh-footer-bottom p {
font-size: .8em;
}
.tbh-ht-logo {
width: 60%;
margin-bottom: 2.0em;
}
.tbh-footer-contact {
padding-left: 25px;
}
.tbh-gallery .row {
border-bottom: 0;
}
.tbh-gallery .caption h4 {
text-align: center;
font-size: 0.9em;
max-width: 180px;
}
.tbh-gallery .thumbnail {
border: 0;
height: 220px;
max-height: 220px;
width: 160px;
max-width: 160px;
margin-bottom: 50px;
}
.tbh-gallery .thumbnail img {
width: auto;
height: 126px;
max-height: 126px;
overflow: hidden;
}
iframe {
display: block;
margin: 0 auto;
}
.tbh-tos {
list-style-type: upper-alpha;
}
.tbh-tos > li {
padding-bottom: 10px;
}
.tbh-legend-container {
margin-top: 20px;
border-top: 1px solid #ccc;
padding-top: 10px;
margin-bottom: 20px;
}
.tbh-culture-logo {
max-width: 200px;
}
/** End of Footer **/
.tbh-google-maps {
width: 100%!important;
height: 400px;
}
@media (max-width: 1070px) {
.tbh-search-div {
background: rgba(255,255,255,.75);
}
}
@media (max-width: 767px) {
.navbar-fixed-top {
height: 70px;
}
.tbh-ext-img {
}
.tbh-navbar-header {
}
.tbh-nav-item {
width: 100%;
}
.tbh-nav-item > ul.dropdown-menu, .tbh-nav-item .dropdown-menu > li {
/* background-color: #57b7df; *//* background submenu colour */
/* color: #fff !important; */
}
.tbh-nav-item > ul.dropdown-menu, .tbh-nav-item .dropdown-menu > li.tbh-subhead {
/* background-color: #57b7df; */
}
.tbh-nav-item > .dropdown-menu > li.tbh-subhead {
color: #555 !important;
/* background-color: #8adbfd !important; */
padding: 10px 15px;
font-weight: 500;
}
.tbh-nav-item > .dropdown-menu > li > a:hover, .tbh-nav-item > .dropdown-menu > li > a:focus {
background-color: #99e1ff !important; /* highlight colour of submenu items */
/* color: #555 !important; */
}
.navbar-default .navbar-nav > .open {
/* background-color: #57b7df !important; #7dd5fa !important; background of submenu colour */
}
.navbar-default .navbar-nav > .open > a { /* selected main menu item */
/* background-color: #99e1ff; */
}
.tbh-nav-item .open {
/* background-color: #d2d2d2; */
}
.navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
/* background-color: #8adbfd; */
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
background-image: none; /*linear-gradient(to bottom, rgb(165, 209, 228) 0px, rgb(200, 235, 250) 100%); */
/* background-color: #7dd5fa; */
/* color: #fff; */
}
/*
.tbh-nav-item > a.tbh-ib > i {
position: absolute;
right: 10px;
} */
.tbh-nav-item > a {
/* color: #fff; */
}
.navbar-collapse, .navbar-collapse.in, .navbar-default {
border: 0;
box-shadow: none !important;
background: none;
}
.dropdown-menu > li > a {
padding: 10px 20px !important;
line-height: 1.25;
}
.navbar-nav {
position: relative;
top: -10px;
left: 0;
}
.tbrhsc-logo-container {
position: absolute;
left: 1.0em;
top: 0;
/* border: 1px solid #eee;
box-shadow: 0 0 5px rgba(0, 0, 0, .12); */
}
.social-icon-container {
float: right;
position: relative;
top: 1.0em;
margin-right: 5.0em;
}
.social-icon img {
/*font-size: 2.0em; */
width: 30px;
height: 30px;
margin-left: 2px;
}
.donate-now-container {
display: none !important;
visibility: hidden !important;
}
.tbh-content-container {
/* margin-top: 125px; */
max-width: 100%;
height: auto;
min-height: 480px;
}
.tbh-quick-icon-container {
height: auto;
flex-direction: column;
}
/* Start of Search Container */
.tbh-search-div {
/* float: right;
width: 400px;
margin-right: .6em;
right: 30px;
background: rgba(255,255,255,.75); */
}
h1.welcome {
font-size: 1.3em;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
color: #138982;
text-shadow: 1px 1px 1px #ccd3d1;
}
.input-group {
width: 100%;
min-width: 100%;
}
.glyphicon-search {
color: #57b7df;
}
.search-btn {
height: 2.32em;
background-color: #dcf1f5;
}
/* End of Search Container */
/* Start of Feedback Container */
.tbh-feedback-container {
/* position: relative;
left: 0;
top: 320px;
width: 100%;
margin: 0;
padding: .5em 0;
height: 120px;
border-radius: 0px;
z-index: 100; */
}
/* End of Feedback Container */
/* Start of Main Content */
.calltoaction {
display: none;
}
.tbh-left-col > p {
font-size: 12px !important;
}
/* End of Main Content */
}
@media (max-width: 720px) {
.tbh-search-box {
margin-top: 0;
}
.input-group {
box-sizing: border-box;
}
.tbh-welcome {
display: none;
}
.tbh-welcome-text {
display: none;
}
.tbh-caption-title, .tbh-caption-text {
display: none;
}
.input-group {
width: 90%;
min-width: 90%;
}
.input-group .form-control {
width: 99%;
min-width: 99%;
}
.tbh-search-input.form-control {
font-size: 1.2em;
line-height: 1.2em;
border-radius: 0;
height: 50px;
border: 1px solid #eee;
}
.tbh-search-btn {
height: 50px !important;
width: 55px !important;
border-radius: 0;
border: 0;
position: absolute;
top: 0;
right: 5px;
}
.tbh-search-btn .glyphicon-search {
top: -15px;
left: -5px;
}
button.btn.search-btn i {
font-size: 1.75em;
}
button.btn.search-btn {
height: 3.6em;
border-radius: 0;
}
.back-to-top, .calltoaction {
display: none;
}
/* Start of Feedback Container */
.tbh-feedback-container {
top: 80px;
}
/* End of Feedback Container */
/* Start of Error Page */
.tbh-error-page .tbh-welcome,
.tbh-error-page .tbh-welcome-text {
display: block;
}
.tbh-error-page .tbh-feedback-container {
top: 160px;
}
.tbh-error-page .tbh-feedback-container,
.tbh-error-page .tbh-feedback {
height: 90px
}
/* End of Error Page */
.tbh-feedback-footer, .tbh-social-icons-footer {
padding-bottom: 30px;
}
}
@media (max-width: 640px) {
.social-icon-container {
display: none;
}
.social-icon img {
/*font-size: 2.0em; */
width: 28px;
height: 28px;
}
}
@media (min-width: 1100px) {
.tbh-search-container {
background-size: 80% !important;
}
}
/* iPads (landscape) */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : landscape) {
}
/****** Content Styles ******/
.tbh-main-content {
padding-right: 6.0rem;
padding-bottom: 4.0rem;
padding-left: 3.0em;
}
p {
margin-bottom: 1.0em;
}
.tbh-main-content > p:first-child,
.tbh-content > p:first-child,
.tbh-main-content blockquote:first-child {
margin-top: 10px;
}
.tbh-main-content section > p > strong {
color: #0088ae;
}
.padding-0 {
padding-left: 0;
padding-right: 0;
}
.padding-sm {
padding-left: 2px;
padding-right: 2px;
}
.padding-md {
padding-left: 5px;
padding-right: 5px;
}
.padding-lg {
padding-left: 10px;
padding-right: 10px;
}
.padding-xl {
padding-left: 15px;
padding-right:15px;
}
.pad-15 {
padding-bottom: 15px;
}
.tbh-title-container {
width: 100%;
/* background-image: url('images/front_view.jpg');
background-repeat: no-repeat;
background-size: cover;
height: 540px; */
}
.patients-families h1.tbh-page-title {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
color: #e38811;
padding-bottom: 0.5em;
padding-left: 0;
/* margin-left: 14px; */
font-weight: 300;
font-style: normal;
font-size: 2.3em;
}
.patients-families .tbh-page-header {
font-size: 2.3em;
}
.tbh-program-titlecard {
position: absolute;
right: 0;
height: 100%;
}
.cardbox {
display: flex;
align-content: space-around;
justify-content: center;
flex-direction: row;
flex-wrap: wrap;
margin: 0 auto;
max-width: 1500px;
}
.card {
display: flex;
position: relative;
flex-direction: column;
flex: 0 1 350px;
max-width: 350px;
margin: 1rem;
border: 1px solid #000066;
border-radius: 3px;
padding: 1rem;
}
.card >img {
height: 50px;
width: auto;
max-width: 100%;
margin: 0 auto 4px auto;
}
.tbh-program-heading {
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
color: #fff;
padding-bottom: 0.5em;
padding-left: 1.0em;
padding-right: 1.0em;
margin-left: 0;
margin-right: 0;
margin-top: 25%;
font-weight: 300;
font-style: normal;
font-size: 2.3em;
}
.tbh-excerpt-row {
display: table;
}
.tbh-excerpt-row > [class*="col-"] {
/* float: none; */
display: table-cell;
vertical-align: top;
}
.tbh-subpages {
padding-top: 1.5em;
}
.tbh-subpages .tbh-excerpt-title {
background: transparent;
color: #884280;
font-size: 1.8em;
padding: 1.0em 0;
}
.tbh-subpages .tbh-excerpt-text {
height: 200px;
max-height: 200px;
overflow:hidden;
text-overflow:ellipsis;
margin-bottom: 3.0em;
}
.tbh-subpages .tbh-excerpt-text p:last-child {
content: "...";
}
.tbh-clear {
clear: both !important;;
}
.tbh-excerpt hr {
display: block;
clear: both;
height: 0;
border-top: 1px solid #aaa;
background-color: transparent;
margin: 3.0em 0 1.5em 0;
}
.tbh-excerpt-title {
color: #fff;
font-size: 2.3em;
padding: 2.0em 0 2.0em 12px;
}
.tbh-excerpt-text {
/* height: 200px;
max-height: 200px;
overflow:hidden;
text-overflow:ellipsis;
white-space: nowrap; */
}
.tbh-excerpt-img {
margin-left: 2.0em;
margin-bottom: 2.0em;
}
.tbh-content {
margin-top: 0 !important;
}
.tbh-content > h2 {
margin: 1.0em 0;
}
.tbh-content h3 {
color: #0077b3;
}
.tbh-page-title {
margin-top: 0 !important;
}
h1.nsc-page-title {
font-size: 2.8em !important;
/* color: #cc7300 !important; */
font-weight: 400 !important;
}
.tbh-2-col {
-moz-column-count: 2;
-moz-column-width: 320px;
-moz-column-gap: 3.0em;
-webkit-column-count: 2;
-webkit-column-width: 320px;
-webkit-column-gap: 3.0em;
column-count: 2;
column-width: 320px;
column-gap: 3.0em;
border-bottom: 1px solid #aaa;
padding-bottom: 2.0em;
margin-bottom: 1.0em;
}
.tbh-2-col > dt {
page-break-before: always;
break-before: always;
}
.tbh-2-col h3:first-child {
padding-top: 0;
margin-top: 0;
}
.tbh-col-list {
counter-reset: patient-family-rights;
}
.tbh-col-list dt {
color: #0088ae;
padding-bottom: .5em;
}
.tbh-col-list {
}
.tbh-col-list dd:before {
content: counter(patient-family-rights) ". ";
counter-increment: patient-family-rights;
margin-right: .5em;
line-height: 1.70em;
}
.tbh-content > .tbh-section,
.tbh-content > section,
.tbh-content > div:not(.alert, .panel) {
border-bottom: 1px solid #aaa;
padding-bottom: 1.5em;
margin-bottom: 1.0em;
}
.tbh-content > .tbh-section:last-child,
.tbh-content > section:last-child,
.tbh-content > div:not(.panel):last-child {
border-bottom: 0;
}
ol.faq > li {
font-size: 1.4em;
color: #0077b3;
}
ol > li > div.answer {
font-size: .7em;
color: black;
}
table.tbh-web-links > thead > tr > th {
background-color: #ddd;
}
.tbh-map-border {
border: 10px solid #d9edf7;
color: #fff;
padding: 1px;
}
/* Programs & Services Main Page */
.attachment-post-thumbnail {
height: auto;
width: 100%;
}
.red {
color: #d14;
}
table.tbh-tbl-eq {
border-spacing:0;
border-collapse:collapse;
border:0;
background: #f4f4e8;
margin: 10px 0;
border: 15px solid #f4f4e8;
}
table.tbh-tbl-eq td:first-child {
border-bottom: 1px solid black;
}
table.tbh-tbl-eq td {
text-align: center;
padding: 10px;
}
table.tbh-tbl-eq td {
}
/* Programs & Services Subpage */
.tbh-info-box, .tbh-resources, .well {
background-color: #edede1; /*#e5e5d9; */
padding: 1.5em 2.0em 1.0em 2.0em;
margin: 2.0em 0;
border: 0;
border-top: 4px solid #d1d1bd;
border-bottom: 0 !important;
-webkit-box-shadow: 0;
box-shadow: 0;
border-radius: 0;
}
.tbh-info-box:first-child, .tbh-resources:first-child, .well:first-child {
margin-top: 1.0em;
}
.tbh-info-box dl > dt {
font-weight: 500;
color: #014181;
}
.tbh-info-box dl > dd {
padding-bottom: 1.0em;
}
dl > dd > p:first-child {
margin-top: 0;
padding-top: 0;
}
dl > dd > p:last-child {
margin-bottom: 0;
padding-bottom: 0;
}
dl > dt {
color: #337ab7;
}
dl > dt strong {
font-size: 1.2em;
font-weight: 500;
}
dl > dd {
margin-bottom: 10px;
}
/*
.tbh-info-box .tbh-2-col {
border-bottom: 0;
} */
@media (max-width:960px) {
.tbh-program-heading {
font-size: 2.0em;
}
}
@media (max-width:768px) {
.tbh-program-heading {
font-size: 1.4em;
padding: 0 0 0 .5em;
margin: 1.0em 0 0 0;
}
.tbh-search-header .tbh-info-box.tbh-search-header-promo {
margin-right: 0;
}
}
@media (max-width:540px) {
.tbh-program-heading {
font-size: 1.2em;
padding: 0 0 0 0.5em;
margin: 0.5em 0 0 0;
}
}
/* Sidebar Navigation */
@media (min-width:960px) {
.tbh-sidebar.affix{
width: 281px;
}
}
@media (min-width:767px) {
/* .tbh-sidebar.affix{
width:225px;
} */
}
/* .tbh-default { #005580 #0077b3 #cff1ff } */
.tbh-sidenav, .tbh-sidenav-default {
position: relative;
}
.tbh-sidenav-title h4 {
margin-top: 0;
padding-top: 0;
position: relative;
top: -4px;
left: 5px;
}
.tbh-sidenav > li.active > a, .tbh-sidenav-default > li.active > a {
border-left: .4em solid #005580;
color: #cff1ff;
}
.tbh-sidenav > li > a,
.tbh-sidenav-default > li > a {
padding: 15px 12px;
border-bottom:1px solid #fff;
background-color: #0077b3;
color: #fff;
font-size: 14px;
border-left: .4em solid #0077b3;
min-height: 47px;
}
.tbh-sidenav > li > a:hover,
.tbh-sidenav > li > a:focus,
.tbh-sidenav-default > li > a:hover,
.tbh-sidenav-default > li > a:focus {
border-left: .4em solid #005580;
color: #cff1ff;
background-color: #0077b3;
}
/* blue #00607a #0088ae #ccf4ff */
.tbh-sidenav-blue > li.active > a {
border-left-color: #00607a;
color: #ccf4ff;
}
.tbh-sidenav-blue > li > a {
background-color: #0088ae;
color: #fff;
border-left-color: #0088ae;
}
.tbh-sidenav-blue > li > a:hover, .tbh-sidenav-blue > li > a:focus {
border-left-color: #00607a;
color: #ccf4ff;
background-color: #0088ae;
}
/* orange #a85d1b #db7722 #ffecdb */
.tbh-sidenav-orange > li.active > a {
border-left-color: #a85d1b;
color: #cff1ff;
}
.tbh-sidenav-orange > li > a {
background-color: #db7722;
color: #fff;
border-left-color: #a85d1b;
}
.tbh-sidenav-orange > li > a:hover, .tbh-sidenav-orange > li > a:focus {
border-left-color: #a85d1b;
color: #ffecdb;
background-color: #db7722;
}
/* cyan #005752 #008982 #ccfffc */
.tbh-sidenav-cyan > li.active > a {
border-left-color: #005752;
color: #ccfffc;
}
.tbh-sidenav-cyan > li > a {
background-color: #008982;
color: #fff;
border-left-color: #008982;
}
.tbh-sidenav-cyan > li > a:hover, .tbh-sidenav-cyan > li > a:focus {
border-left-color: #005752;
color: #ccfffc;
background-color: #008982;
}
/* purple #54294f #884280 #ffe5fc */
.tbh-sidenav-purple > li.active > a {
border-left-color: #54294f;
color: #ffe5fc;
}
.tbh-sidenav-purple > li > a {
background-color: #884280;
color: #fff;
border-left-color: #884280;
}
.tbh-sidenav-purple > li > a:hover, .tbh-sidenav-purple > li > a:focus {
border-left-color: #54294f;
color: #ffe5fc;
background-color: #884280;
}
/* green #54701e #84a42d #f2ffcf */
.tbh-sidenav-green > li.active > a {
border-left-color: #54701e;
color: #f2ffcf;
}
.tbh-sidenav-green > li > a {
background-color: #84a42d;
color: #fff;
border-left-color: #84a42d;
}
.tbh-sidenav-green > li > a:hover, .tbh-sidenav-green > li > a:focus {
border-left-color: #54701e;
color: #f2ffcf;
background-color: #84a42d;
}
/* magenta #94213f #c82d57 #ffe5ec */
.tbh-sidenav-magenta > li.active > a {
border-left-color: #94213f;
color: #ffe5ec;
}
.tbh-sidenav-magenta > li > a {
background-color: #c82d57;
color: #fff;
border-left-color: #c82d57;
}
.tbh-sidenav-magenta > li > a:hover, .tbh-sidenav-magenta > li > a:focus {
border-left-color: #94213f;
color: #ffe5ec;
background-color: #c82d57;
}
.tbh-sidebar, .tbh-sidebar:not(.calltoaction) {
margin-top: 15px;
font-size: 12px;
color: #014181;
}
/*
.tbh-sidebar.affix {
position: fixed;
top: 10px;
} */
.calltoaction {
width: 100%;
max-width: 100%; /*281px;*/
margin: 4.0em 0 1.5em 0;
padding: 1.8em 1.8em 2.0em 1.8em;
/* border-left: 3px solid #57b7df; #e5e5d9; */
background: #cff1ff;
background: -moz-linear-gradient(left, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, right top, color-stop(0%, rgba(207,241,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(left, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(left, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(left, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to right, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cff1ff', endColorstr='#ffffff', GradientType=1 );
background: #cff1ff;
background: -moz-linear-gradient(top, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(207,241,255,1)), color-stop(100%, rgba(255,255,255,1)));
background: -webkit-linear-gradient(top, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: -o-linear-gradient(top, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: -ms-linear-gradient(top, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
background: linear-gradient(to bottom, rgba(207,241,255,1) 0%, rgba(255,255,255,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cff1ff', endColorstr='#ffffff', GradientType=0 );
}
.calltoaction h3 {
font-size: 1.5em;
}
.calltoaction p {
/* text-align:justify; */
}
.calltoaction > ul {
padding-left: 15px;
}
/* Extra Small */
@media(max-width:767px){
.hide-xs, .hide-sm, .hide-md, .hide-lg {
display: none;
}
.navbar-nav {
/* top: 80px; */
}
div.tbh-search-input-container.hide {
display: block !important;
}
div.tbh-search-header-div {
position: absolute;
top: 85px;
left: 0px;
}
.tbh-search-header-div,
.tbh-search-header-div div,
.tbh-search-header-div form {
width: 100%;
min-width: 100%;
max-width: 100%;
height: 80px !important;
}
div.tbh-search-header-div.pull-right {
float: none!important;
}
.tbh-search-header-div .input-group-btn {
display: none;
}
.tbh-search-input-container {
position: static;
}
/* .tbh-search-input.form-control {
height: 30px;
} */
input#tbh-nav-search.form-control.tbh-search-input {
width: 85%!important;
min-width: 85%!important;
float: left;
}
.twitter-timeline {
display: none !important;
}
.tbh-top-media>div {
padding-left: 0;
}
}
/* Small */
@media(min-width:768px){
.hide-sm, .hide-md, .hide-lg {
display: none;
}
.hide-xs {
display: initial;
}
}
/* Medium */
@media(min-width:992px){
.hide-md, .hide-lg {
display: none;
}
.hide-xs, .hide-sm {
display: initial;
}
}
/* Large */
@media(min-width:1200px){
.hide-lg {
display: none;
}
.hide-xs, .hide-sm, .hide-md {
display: initial;
}
}
/** About Page **/
.tbh-right-menu-container {
height: 25.0em;
/* overflow: hidden; */
}
.tbh-right-menu {
list-style-type: none;
margin: 0;
margin-top: 15px;
padding: 0 12px 0 6px;
}
.tbh-right-menu > li {
border-bottom: 1px solid #fff;
}
.tbh-right-menu > li:last-child {
border-bottom: 0;
}
.tbh-right-menu > li > a {
display: block;
font-family: 'Montserrat', Helvetica, Arial, sans-serif;
font-size: 1.5em;
color: #fff;
padding: 1.0em .5em;
width: 100%;
}
.tbh-right-menu > li > a:hover, .tbh-right-menu > li > a:focus {
text-decoration: none;
background-color: #0077b3;
background-color: rgba(0,119,179,.75);
}
.tbh-bg-purple .tbh-right-menu > li > a:hover, .tbh-bg-purple .tbh-right-menu > li > a:focus {
background-color: #390785;
background-color: rgba(57,7,133,.75);
}
.tbh-ceo-msg-container {
margin: 2.0em 0;
padding: 1.0em 1.0em;
background-color: #eef3e2;
}
.tbh-ceo-msg-container h2 {
color: #008982;
font-size: 1.5em;
margin-top: 0;
padding-top: 0;
}
/*
.tbh-ceo-msg-container img {
margin-right: 10px;
vertical-align: text-top;
} */
.tbh-corporate-menu {
list-style-type: none;
margin: 0;
margin-bottom: 10px;
padding: 0 12px 0 6px;
}
ul.tbh-corporate-menu li {
background-color: #fcfdf3;
}
.tbh-corporate-menu li:nth-child(odd) {
background-color: #f0f1bc;
}
ul.tbh-corporate-menu li a {
display: inline-block;
width: 100%;
padding: 8px 12px;
color: #008982;
text-decoration: none;
}
ul.tbh-corporate-menu > li > a:hover, .tbh-corporate-men > li > a:focus {
text-decoration: none;
background-color: #d8d998;
background-color: rgba(216,217,152,.75);
}
.tbh-highlight-about > .tbh-highlight-box {
margin-bottom: 0;
}
.tbh-highlight-about .tbh-highlight-content {
height: 8.0em;
}
/** End of About Page **/
.back-to-top {
position: fixed;
bottom: 1em;
right: 1em;
text-decoration: none;
color: #000000;
background-color: #d9f3fe;
font-size: 20px;
padding: .75em 1em .65em 1em;
display: none;
border-radius: 0; /*4px; */
z-index: 100000;
opacity: 0.5;
filter: alpha(opacity=50); /* For IE8 and earlier */
}
.back-to-top svg {
display: block;
}
.back-to-top:hover, .back-to-top:focus {
opacity: 0.8;
filter: alpha(opacity=80); /* For IE8 and earlier */
cursor: pointer;
}
.tbh-header {
display: block;
margin-bottom: 1.0em;
}
.tbh-header h1 {
color: #fff;
position: absolute;
top: 0em;
right: 1.0em;
text-shadow: 1px 1px 1px #390785;
}
.tbh-header-img {
position: relative;
top: 0;
left: 0;
width: 100%;
min-width: 100%;
}
.search-results {
width: 100%;
min-height: 600px;
margin-bottom: 30px;
max-height: 1600px;
height: 1000px;
overflow: auto !important;
border: none;
}
.resultbox {
border: 1px solid black;
padding-bottom: 5px;
margin-bottom: 5px;
}
.resultinternal {
padding: 15px;
}
.resultimage {
max-height: 125px;
}
/****** End of Content Styles ******/
.tbh-breadcrumb {
background-color: transparent;
padding-left: 0;
}
.tbh-contact {
position: relative;
bottom: 0;
padding-top: 0em;
}
.tbh-contact address > strong {
font-weight: bold;
}
.tbh-contact-department {
font-weight: bold;
}
.tbh-contact-name {
font-weight: bold;
color: #014181;
}
.virtualed-container {
margin-top: 1rem;
background-color: #c6151b;
color: white;
padding: 15px;
min-width: 100%;
}
.virtualed-container a {
color: white;
font-size: 2rem;
font-weight: bold;
}
.virtualwc {
max-height: 4rem;
width: auto;
padding: 0 2rem 0 0;
}
.bigtext {
font-size: 2rem;
padding: 12px;
}
address {
margin-top: 10px;
}
#maincontent a[href^="http://www.tbrhsc.net"]:after {
content: "";
}
#maincontent {
/*
background-color: #fff;
*/
width: 100%;
}
a.img-link:after,
a.donate-now:after,
a[href*="donate-now"]:after {
content: "";
}
a[href~="tbrhsc.net"]:after,
a[href~="tbrhsc.dev"]:after,
a[href*="192.168.20.41"]:after {
content: "";
}
a[href="http://google.com"] {
/* link to specific website */
}
a[href^="/"], a[href^=".."] {
/* internal relative link */
}
a[href^="mailto:"]::before {
/* email link */
font-family: 'Glyphicons Halflings';
content: "\2709";
padding-right: 3px;
}
.tbh-contact-email > a[href^="mailto:"]::before {
content: "" !important;
padding-right: 0 !important;
}
/* a[href^="tel:"]::before {
font-family: 'Glyphicons Halflings';
content:"\e182 ";
padding-right: 4px;
} */
.tbh-contact-phone > a[href^="tel:"]::before {
content: "" !important;
padding-right: 0 !important;
}
.tbh-contact-fax {
}
a[href$=".pdf"]::before,
a[href$=".pdf "]::before,
a[href$=".pdf#page=2"]::before,
a[href$=".pdf#page=3"]::before,
a[href$=".pdf#page=4"]::before {
/* PDF file */
content: url('images/pdf.png');
padding-right: 6px;
}
a[href$=".pdf"]::after,
a[href$=".pdf "]::after,
a[href$=".pdf#page=2"]::after,
a[href$=".pdf#page=3"]::after,
a[href$=".pdf#page=4"]::after {
/* PDF file */
content: " (pdf) ";
font-size: .75em;
}
.tbh-highlight-content a[href$=".pdf"]::before,
.tbh-highlight-content a[href$=".pdf "]::before,
.tbh-highlight-content a[href$=".pdf"]::after,
.tbh-highlight-content a[href$=".pdf "]::after {
content: "" !important;
}
a[href$=".doc"]::before,
a[href$=".doc "]::before,
a[href$=".docx"]::before,
a[href$=".docx "]::before {
/* DOC file */
content: url('images/doc.png');
padding-right: 6px;
}
a[href$=".doc"]::after,
a[href$=".doc "]::after,
a[href$=".docx"]::after,
a[href$=".docx "]::after {
/* DOC file */
content: " (word) ";
font-size: .75em;
}
a[href$=".xls"]::before,
a[href$=".xls "]::before,
a[href$=".xlsx"]::before,
a[href$=".xlsx "]::before,
a[href$=".xlsm"]::before,
a[href$=".xlsm "]::before {
/* XLS file */
content: url('images/xls.png');
padding-right: 6px;
}
a[href$=".xls"]::after,
a[href$=".xls "]::after,
a[href$=".xlsx"]::after,
a[href$=".xlsx "]::after,
a[href$=".xlsm"]::after,
a[href$=".xlsm "]::after {
/* XLS file */
content: " (excel) ";
font-size: .75em;
}
a[href$=".ppt"]::before,
a[href$=".ppt "]::before,
a[href$=".pptx"]::before,
a[href$=".pptx "]::before {
/* PPT file */
content: url('images/ppt.png');
padding-right: 6px;
}
a[href$=".ppt"]::after,
a[href$=".ppt "]::after,
a[href$=".pptx"]::after,
a[href$=".pptx "]::after {
/* PPT file */
content: " (powerpoint) ";
font-size: .75em;
}
a[href$=".zip"]::after,
a[href$=".zip "]::after {
/* Archive file */
content: " (zip)";
font-size: .75em;
}
a[href$=".zip"]::before,
a[href$=".zip "]::before {
/* Archive file */
content: url('images/zip.png');
padding-right: 6px;
}
a[href$=".mp3"] {
/* Music file */
}
a[rel="external"]:after {
position: relative;
top: -3px;
left: 3px;
font-family: 'Glyphicons Halflings';
font-size: 10px;
content: "\e164";
}
a[href*="youtube.com"]::before:not(.social-icon),
a[href*="youtu.be"]::before:not(.social-icon) {
/* Youtube link */
content: url('images/youtube-icon.png');
padding-right: 6px;
}
a[href*="youtube.com"]::after:not(.tbh-navbar-header),
a[href*="youtu.be"]::after:not(.tbh-navbar-header) {
/* Archive file */
font-family: 'Montserrat'
, Helvetica, Arial, sans-serif!important;
position: static!important;
content: " (video)"!important;
font-size: .75em!important;
}
.indent {
padding-left: 2rem;
}
.tbh-navbar-header a[href*="youtube.com"]::after,
.tbh-navbar-header a[href*="youtu.be"]::after,
.tbh-navbar-header a[href*="youtube.com"]::before,
.tbh-navbar-header a[href*="youtu.be"]::before {
content: "";
}
.tbh-directions-expand {
position: absolute;
width: 600px;
z-index: 1001;
-webkit-transition: width 1s ease-in-out;
-moz-transition: width 1s ease-in-out;
-o-transition: width 1s ease-in-out;
transition: width 1s ease-in-out;
}
.tbh-directions .panel {
border-radius: 0;
border: 0; /* 1px solid #0077b3; */
background-color: #ace3ff;
padding: 5px 5px;
}
.tbh-directions h3 {
font-size: 1.3em;
line-height: 1.3em;
}
.tbh-directions .panel-heading {
background-color: #ace3ff;
border-top: 0;
}
.tbh-directions-icon {
position: relative;
top: 0px;
right: 0px;
vertical-align: middle;
padding-left: 3px;
font-size: 1.5em;
line-height: 1.3em;
}
.tbh-directions .panel-body {
border-top: 0 !important;
/* border-top: 1px solid #0077b3 !important; */
background-color: #d0efff;
}
#turnkey-credit {
display: none !important;
}
.dropdown-menu {
-webkit-border-radius: 0 !important;
-moz-border-radius: 0 !important;
border-radius: 0 !important;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu .dropdown-menu {
top: 0;
left: 99%;
position: absolute;
z-index: 99999;
min-width: 200px;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
}
.dropdown-submenu>.dropdown-menu > li > a {
padding: 6px 12px;
}
.dropdown-menu li a:hover,
.dropdown-menu li a:focus,
.dropdown-submenu>.dropdown-menu > li > a:hover,
.dropdown-submenu>.dropdown-menu > li > a:focus {
background-color: #edede1;
}
.dropdown-submenu:hover>.dropdown-menu {
transition: 500ms;
opacity: 1;
display: block;
}
.dropdown-submenu>a {
padding: 3px 20px;
font-weight: 400;
color: #333;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #777;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #555;
}
.dropdown-menu > li > a {
padding: 6px 20px !important;
}
/*
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
} */
/********************/
/* Wayfinding */
/********************/
.alphabet-list {
list-style-type: none;
margin: 0;
padding: 0;
padding-bottom: 1.5em;
}
.alphabet-list > li {
display: inline;
font-size: 16px;
font-family: 'Montserrat'
, Helvetica, Arial, sans-serif;
font-weight: 400;
font-style: normal;
color: #014181;
line-height: 1.5em;
}
.alphabet-list > li a.active {
font-weight: 500;
font-size: 1.2em;
color: #014181;
text-decoration: underline;
}
.alphabet-list > li:after {
content: " | ";
}
.alphabet-list > li:fist-child:before {
content: "| ";
}
.alphabet-list > li:last-child:after {
content: "";
}
.alphabet-list > li > a {
text-decoration: none;
padding: 2px;
}
.alphabet-list > li > a:hover, .alphabet-list > li > a:focus {
text-decoration: underline;
}
.letter-list-container > div > a {
font-size: 1.0em;
}
.grayscale {
filter: url("data:image/svg+xml;utf8,#grayscale"); /* Firefox 10+, Firefox on Android */
filter: gray; /* IE6-9 */
-webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}
.grayscale:hover, .grayscale:focus, .map-hilite img {
filter: url("data:image/svg+xml;utf8,#grayscale");
-webkit-filter: grayscale(0%);
}
.data-swap {
display:inline-block;
}
.map-hilite img {
border: 1px solid #57b7df;
}
.tbh-map {
margin-top: 1.5em;
border: 1px solid #ddd;
box-shadow: 0 0 12px 2px rgba(0,0,0,.35);
display: inline-block;
}
.tbh-map-levels-container {
margin-top: 20px;
}
.tbh-va-middle {
vertical-align: middle !important;
}
.tbh-freq-numbers tr td:nth-child(2) {
white-space: nowrap;
}
.tbh-parking-rates-title {
color: #fff!important;
}
/* News */
.media {
border-bottom: 1px dotted #ccc;
}
.media:last-child {
border-bottom: 0;
}
.media-object {
border:1px solid #aaa;
}
.tbh-top-media>div:first-child {
padding-right: 35px;
padding-left: 0;
}
.tbh-top-media>div h3 {
padding-bottom: 25px;
}
.tbh-newsroom-summary {
font-size: 12px;
}
.tbh-newsroom-summary img {
width: 80px;
}
.tbh-news-listing .tbh-page-title {
margin-bottom: 30px !important;
}
.news-img {
max-width: 80%;
}
img.news-inline {
float:left;
max-width: 275px;
display: inline-block;
margin-right: 4em;
}
.newsclear {
clear: both;
margin-top: 2em;
padding-top: 1em;
}
.tbh-group {
position: relative;
clear: both;
}
.tbh-media-listing .media {
min-height: 180px;
}
.tbh-full-article {
margin-top: 30px;
}
.tbh-clearfix {
line-height: 0;
height: 0;
font-size: 0;
}
.tbh-article-date {
font-size: .85em;
}
.tbh-article-date::before {
font-family: 'Glyphicons Halflings';
content:"\E109";
padding-right: 5px;
}
.tbh-article-excerpt {
padding-top: 5px;
}
.tbh-full-article > p > img, .tbh-full-article > p > a > img {
padding: 6px;
background-color: #d1d1bd;
}
.tbh-img-lg {
max-width: 420px !important;
padding: 6px;
background-color: #d1d1bd;
}
.tbh-mobile-back-link {
margin: 20px 0;
}
section .tbh-mobile-back-link {
margin-bottom: 10px;
}
section .tbh-page-title {
margin-top: 15px !important;
margin-bottom: 0 !important;
padding-bottom: 0 !important;
}
.tbh-sidebar-title {
margin-bottom: 20px;
}
.tbh-sidebar-content .media-heading {
line-height: 120%;
}
.tbh-sidebar-content .media {
border-bottom: 1px solid #ddd;
margin-bottom: 15px;
padding-bottom: 15px;
}
.tbh-article-info {
margin: 10px 0 30px 0;
padding: 0 0 15px 10px;
border-bottom: 1px solid #ccc;
}
.author {
padding-right: 15px;
font-size: .85em;
}
.tbh-contact-info {
box-sizing: border-box;
padding: 10px 0;
margin-bottom: 10px;
min-height: 160px;
border-bottom: 1px dotted #ccc;
}
/* Start of Promo Area */
.tbh-frontpage .media-object {
width: 96px;
}
.tbh-frontpage .media-heading {
font-size: .95em;
}
/* End of Promo Area */
#tbh-social-sharing-container {
margin-top: 10px;
border-top: 1px dotted #ccc;
padding: 10px 20px 10px 10px;
text-align: right;
clear: both;
}
.tbh-trackback {
margin-top: 15px;
}
.tbh-facebook-share > span {
/* width: 150px !important; */
width: 100px !important;
display: inline;
position: absolute;
right: 50px;
}
.tbh-twitter-share {
display: inline-block;
position: relative;
vertical-align: bottom;
margin-right: 15px;
}
.tbh-google-share {
display: inline-block;
position: relative;
vertical-align: bottom;
margin-left: 10px;
}
.tbh-google-share > div {
margin-left: 0!important;
vertical-align: bottom !important;
}
/* Strategic Planning 2020 */
.banner-container {
display: table;
}
.stratplan-banner {
width: 50.0%;
display: table-cell;
float: left;
}
.stratplan-excerpt {
box-sizing: border-box;
width: 50.0%;
display: table-cell;
float: left;
padding: 40px 80px 30px 0;
}
.five-pillars {
list-style: none;
padding-top: 30px;
}
.five-pillars > li {
font-size: 16px;
font-weight: 500;
color: #014181;
border-left: 2px solid #57b7df;
padding: 10px 10px;
}
.call-to-action-container {
background: #edede1;
box-sizing: border-box;
width: 100%;
margin: 60px 0;
display: table;
padding: 20px 0;
position: relative;
}
.center-content {
width: 100%;
margin: 0 auto;
position: relative;
}
.rp-logo-box {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.rp-logo-box > .img-link {
width: 350px;
}
.logo-caption {
max-height: 300px;
margin: 0 auto;
display: inline-block;
}
.caption-logo {
height: 100%;
max-width: 50rem;
}
.caption-logo > h2 {
padding-top: 4em;
}
.call-to-action-btn {
text-decoration: none;
float: left;
height: 80px;
padding: 15px;
margin-top: 10px;
background-color: #57b7df;
background: -moz-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,182,223,1)), color-stop(100%, rgba(80,168,205,1)));
background: -webkit-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: -o-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: -ms-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: linear-gradient(to bottom, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b6df', endColorstr='#50a8cd', GradientType=0 );
text-align: center;
display: table;
vertical-align: middle;
border-radius: 3px;
border-bottom: 3px solid #4693b3;
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2);
}
.fancy-btn {
text-decoration: none;
float: left;
padding: 15px;
background-color: #57b7df;
background: -moz-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(87,182,223,1)), color-stop(100%, rgba(80,168,205,1)));
background: -webkit-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: -o-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: -ms-linear-gradient(top, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
background: linear-gradient(to bottom, rgba(87,182,223,1) 0%, rgba(80,168,205,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#57b6df', endColorstr='#50a8cd', GradientType=0 );
text-align: center;
display: table;
vertical-align: middle;
border-radius: 3px;
border-bottom: 3px solid #4693b3;
box-shadow: 0 4px 2px -2px rgba(0,0,0,0.2);
}
.tbh-fancy-btn-center {
display: block;
float: none;
clear:left;
}
.call-to-action-btn,
.fancy-btn {
color: #fff;
}
.call-to-action-btn:hover,
.call-to-action-btn:focus
.fancy-btn:hover,
.fancy-btn:focus {
text-decoration: none;
color: #fff;
}
/* Medical Staff Listing */
.horiz-menu {
float: left;
width: 100%;
padding: 0;
margin: 0;
list-style-type: none;
}
.horiz-menu li {
display: inline;
}
.horiz-menu li::after {
content: " | ";
}
.horiz-menu li:last-child::after {
content: "";
}
.tbh-staff-listing td[rowspan^="1"],
.tbh-staff-listing td[rowspan^="2"],
.tbh-staff-listing td[rowspan^="3"],
.tbh-staff-listing td[rowspan^="4"],
.tbh-staff-listing td[rowspan^="5"],
.tbh-staff-listing td[rowspan^="6"],
.tbh-staff-listing td[rowspan^="7"],
.tbh-staff-listing td[rowspan^="8"],
.tbh-staff-listing td[rowspan^="9"] {
background-color: #fff !important;
}
.tbh-bottom-pad {
padding-bottom: 5px;
}
.topright {
float: right;
width: 35%;
max-width: 350px;
}
.bottomleft {
float: left;
width: 45%;
max-width: 450px;
}
.textblock {
display: block;
}
/* Search Results Start */
body {
counter-reset: search-results;
}
.tbh-search-results-container {
box-sizing: border-box;
margin: 30px 60px;
}
.tbh-search-results-search-container {
margin: 30px 0;
}
.tbh-search-results {
margin-bottom: 30px;
}
.tbh-search-result:first-child {
border-top: 1px dotted #ccc;
}
.tbh-search-result {
padding: 0 15px 15px 15px;
margin: 15px 0;
border-bottom: 1px dotted #ccc;
counter-increment: search-results;
}
.tbh-search-result>h4>a {
text-decoration: underline;
}
.tbh-search-result>h4:before {
content: counter(search-results) ". ";
}
.tbh-search-result strong {
background: #dcf1f5;
padding: 2px;
}
/* End of Search Results */
/* Start of Stroke Network Pages */
.tbh-fast-signs-msg {
font-size: 1.1em;
color: #888;
}
.strokecta {
display: flex;
width: 100%;
height: fit-content;
justify-content: center;
align-items: center;
}
.strokecta-img {
margin: 1rem auto;
height: auto;
max-width: 900px;
max-height: 300px;
}
.stroke-header-image {
max-height: 100%;
max-width: 300px;
}
.nwo-poster-container {
display: none;
width: 100%;
justify-content: space-between;
}
.screeningform {
display: block;
background-color: #0088ae;
background: linear-gradient(to right, #0088ae, #57b7df);
padding: .5rem 0 1rem 2rem;
border-radius: 5px;
margin: 1rem;
color: white;
}
.screeningform a {
color: white;
}
.tbh-fast-signs-msg h2 {
margin-top: 0;
margin-bottom: 20px;
text-transform: uppercase !important;
color: #000 !important;
}
.tbh-fast {
text-transform: uppercase !important;
font-size: 1.4em !important;
color: #000 !important;
display: inline-block;
font-weight: 500;
}
.onecol {
max-width: 900px;
margin-left: auto;
margin-right: auto;
}
.tbh-fast::first-letter {
border: 2px solid #f00 !important;
color: #f00 !important;
margin-right: 5px;
}
.tbh-f::first-letter {
padding: 2px 6px !important;
}
.tbh-a::first-letter {
padding: 2px 4px !important;
}
.tbh-s::first-letter {
padding: 2px 6px !important;
}
.tbh-t::first-letter {
padding: 2px 6px !important;
}
.tbh-fast-postamble {
text-transform: uppercase !important;
color: #000;
padding-top: 20px;
line-height: 2em;
}
.tbh-event-month {
display: block;
text-transform: uppercase;
text-align: center;
font-weight: 300;
font-size: .8em;
color: #e38811;
padding-top: 10px;
}
.tbh-event-day {
display: block;
text-transform: uppercase;
font-weight: 700;
font-size: 3.4em;
color: #e38811;
text-align: center;
line-height: .9em;
}
/* Twitter Feed */
.twitter-timeline {
margin-top: 20px!important;
}
/* One-offs */
.tbh-goodlife-infobox {
background-color: #e2d235;
padding: 15px 30px;
border-radius: 6px;
color: #000;
border-bottom: 0 !important;
}
.tbh-goodlife-title {
font-weight: 500;
color: #007075;
padding-bottom: 15px;
}
.tbh-goodlife-title-mod {
font-weight: 200;
color: #000;
}
.tbh-goodlife-infobox a {
color: #fff;
background-color: #007075;
border-bottom-color: #00575C;
border-radius: 4px;
padding: 10px;
}
.tbh-duration {
font-size: .85em;
}
.tbh-duration::before {
font-family: 'Glyphicons Halflings';
content:"\e023";
padding-right: 5px;
}
.tbh-label {
width: 60px;
}
.tbh-small {
display: block;
text-align: right;
}
.tbh-small-text {
font-size: .75em;
}
.tbh-no-bullet {
list-style-type: none;
margin: 0;
padding: 0;
}
/* NSC styles */
.pad-1 {
padding-top: 15px;
}
/* Polylang plugin */
.tbh-lang-container {
margin-bottom: 30px!important;
padding: 10px;
background: #edede1;
}
.tbh-lang-container ul {
list-style: none;
width: 100%;
padding: 0;
margin: 0;
}
.tbh-lang-container ul li {
font-size: .9em;
display: inline;
padding-left: 6px;
}
.tbh-lang-container .widget-title {
padding-top: 0;
margin-top: 0;
font-size: 1.0em;
}
.tbh-submit-container {
margin-top: 20px;
padding-top: 15px;
border-top: 1px solid #97d7e4;
}
.alert form {
margin-top: 20px;
}
/******** One-Off Pages Start *********/
#one-pager {
margin-bottom: 0!important;
}
.full-viewport {
min-height: 100%;
background-color: #ecc59a;
background-image: url('http://www.tbrhsc.net/wp-content/uploads/2016/03/kidney-background-full.jpg');
background-repeat: no-repeat;
background-position: right bottom;
}
#kidney-vids {
}
.kidney-title {
text-align: center;
margin: 30px 0;
}
.kidney-title h1 {
font-weight: 200;
font-size: 5.0em;
color: #f06b34;
}
.kidney-title h2 {
font-weight: 200;
font-size: 2.5em;
margin-top: 0;
color: #1278ba;
}
#kidney-vid {
margin: 0;
margin-bottom: 20px;
}
figure.kidney-vid-fig {
background-color: #dbb790!important;
}
figure.kidney-vid-fig > figcaption {
background-color: transparent;
font-style: normal;
text-align: right;
color: #7f533a;
}
.kidney-vid-col {
padding-right: 60px;
}
.kidney-vid-desc-col {
padding-left: 60px;
}
.kidney-vid-desc {
color: #7f533a;
margin-bottom: 20px;
}
.kidney-vid-fig-container {
margin-top: 15px;
border-top: 1px solid #d38d5f;
}
.kidney-footer {
width: 100%;
box-sizing: border-box;
/* position: absolute;
left: 0;
bottom: 0; */
text-align: center;
color: #7f533a;
padding: 40px 60px 15px 60px;
}
.img-centre {
margin: 0 auto;
}
/******** One-Off Pages End *********/
.kidney-disease-excerpt {
border-radius: 6px;
padding: 10px;
margin: 10px;
width: 48%;
background-color: #ecc59a;
}
.kidney-disease-excerpt > h4 {
color: #f06b34;
}
.kidney-disease-excerpt > h5 {
padding-top: 0;
margin-top: 0;
color: #1278ba;
}
.kidney-disease-excerpt > p {
font-size: .85em;
color: #7f533a;
}
.kidney-disease-excerpt > img {
padding: 0 10px 10px 0;
}
/* Backend Admin */
CodeMirror {
margin-top: 0!important;
}
/* Org Chart Tree */
.tree strong {
font-weight: 700;
}
.tree li {
list-style: none;
padding: 3px 8px 3px 3px;
vertical-align: top;
display: inline-block;
text-align: center;
margin-right: auto;
margin-left: auto;
}
.tree ul {
display: block;
}
.tree-2nd {
border-top: 1px solid black;
border-left: 1px solid black;
}
.tree-3rd li {
display: inline-block;
text-align: left;
}
.pipeline li {
list-style:none;
display: block;
padding: 1px 3px 6px 1.5em;
}
.round {
border-radius: 20px;
background: #133D8D;
color: #FFF;
width: 20em;
}
.pipeline li:not(:first-child):before {
display:block;
margin-left: 4em;
font-family: 'Glyphicons halflings';
content: "\e094";
}
/*****************************/
/*** Northern Supply Chain ***/
/*****************************/
.nsc-contact-item {
display: inline-block;
min-width: 320px;
padding: 20px 40px;
border-left: 1px dotted #dedede;
width: 320px;
max-width: 320px;
vertical-align: text-top;
}
.nsc-contact-item2 {
display: inline-block;
padding: 20px 40px;
border-left: 1px dotted #dedede;
}
.nsc-contact-item2 h3 {
padding-left: 35px;
}
.nsc-contact-item2 .nsc-contact-item {
border-left: 0;
}
.ar-indicator {
padding: 30px;
display: inline-block;
vertical-align: top;
width: 400px;
}
.ar-hi-indicator {
padding: 30px;
display: inline-block;
vertical-align: top;
min-width: 600px;
}
.youtube {
display: inline-block;
position: relative;
padding-top: 25px;
height: 30%;
min-height: 200px;
}
div.appbutton {
max-width: 175px;
display: inline;
}
img.appbutton {
width: 175px;
}
div.foundationbutton {
width: 175px;
display: inline;
height: 30px;
padding: 5px;
background-color: #1278ba;
color: #FFF;
margin: 10px;
}
div.foundationbutton a {
color: #FFF;
}
.page_item-11926 {
display: none;
}
.on-dark-bg {
color: #FFF;
}
.on-dark-bg a {
color: #A0EEFF
}
.tribe-events-category-bls.tribe-events-category-ipe-events.tribe-events-category-certificate-courses {
border-left: 5px solid #086696!important;
}
.tribe-events-page-title {
display:none;
}
/*Menu*/
/*Dropdown Css*/
.dropdown:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu {
position: relative;
}
.dropdown-submenu>.dropdown-menu {
top: 0;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
-moz-border-radius: 0 6px 6px;
border-radius: 0 6px 6px 6px;
}
.dropdown-submenu:hover > .dropdown-menu {
display: block;
}
.dropdown-submenu>a:after {
display: block;
content: " ";
float: right;
width: 0;
height: 0;
border-color: transparent;
border-style: solid;
border-width: 5px 0 5px 5px;
border-left-color: #ccc;
margin-top: 5px;
margin-right: -10px;
}
.dropdown-submenu:hover>a:after {
border-left-color: #fff;
}
.dropdown-submenu.pull-left {
float: none;
}
.dropdown-submenu.pull-left>.dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
-moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}
/*./Dropdown Css*/
.bbp-breadcrumb-sep {
padding: 0 12px 0 0;
}
.bbp-breadcrumb {
padding-top: 12px;
font-size: 2em;
}
#subscription-toggle {
padding: 12px 12px 0 0;
}
.qandaq::before {
content: "Q: ";
font-weight: bold;
font-size: 1.2em;
}
.qandaa::before {
content: "A: ";
font-weight: bold;
font-size: 1.2em;
}
span.qandaq {
margin-bottom: 0px;
padding-bottom: 0px;
display:block;
padding-top: 15px;
}
span.qandaa {
margin-top: 0px;
padding-bottom: 0px;
display:block;
}
ul.pushup {
}
p.nopadding {
margin: 0;
padding: 0;
border: 0;
display: inline;
}
img.inline-picture {
max-width: 800px
}
img.board {
max-width: 200px;
}
.fastbox {
width: 70%;
background-color: #ffe397;
position: relative;
margin-left: auto;
margin-right: auto;
align-content: center;
padding: 15px;
}
.fastbox img {
display: block;
width: 80%;
margin: 1rem auto;
}
.fastbox h2 {
position: relative;
}
.fastbox>a[href$=".pdf"]::before {
content: "";
padding: 0;
}
.fastbox>a[href$=".pdf"]::after {
content: "";
}
.flyerpage {
max-width: 1100px;
margin: 0 auto;
padding: 0 2rem;
}
.flyerpage blockquote {
max-width: 80%;
margin: 0 auto;
}
.flyerpage .imgbar {
height: fit-content;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
.splitcontainer {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 95%;
}
.splitchild {
width: 48%;
max-width: 400px;
margin: 1rem;
}
.splitchild * {
max-width: 100%;
}
.flyerpage .tbh-2-col {
border-bottom: none;
padding-bottom: unset;
}
.imgbar img {
width: auto;
height: 200px;
margin: 1rem 0;
}
.partners h2 {
display: inline-block;
width: fit-content;
}
.partners p {
margin: 0 auto 3rem auto;
}
.partners img {
height: 75px;
width: auto;
margin: 1rem 1rem;
}
.partners {
height: fit-content;
width: 100%;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
.partners p {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.infographic {
max-width: 90%;
}
table.records-faq-table {
margin: 0 0 2rem 0;
}
table.records-faq-table td,th{
padding: 6px;
}
table.records-faq-table tr:nth-child(even) {
background-color: #fff;
}
table.records-faq-table tr:nth-child(odd) {
background-color: #ddd;
}
table.records-faq-table th {
background-color: black;
color: white;
}
/* Simulation form */
.simform .simform-2col {
Display: inline-block;
width: 50%;
}
.simform .wpcf7-list-item {
display: block;
padding: 0;
}
.research-news-container {
position: relative;
display: flex;
flex-direction: column;
max-width: 800px;
margin: 2rem auto;
}
.research-news-article {
display: flex;
flex-direction: row;
align-items: flex-start;
margin: 0 1rem;
}
.rn-thumbnail {
margin: 1rem 3rem;
}
.rn-shortlist h2 {
font-size: 2rem;
margin-top: 5px;
}
.research-news-page-title {
color: #e38811;
font-weight: 300;
font-style: normal;
font-size: 2.5rem;
}
@media (max-width: 600px) {
.research-news-article {
flex-direction: column;
border-bottom: 1px solid #e38811;
}
.stroke-header-image {
display: none;
}
.nwo-poster-container {
display: block;
}
}
.nav-posts {
display: flex;
flex-direction: row;
}
.medframe {
margin: 2rem;
display: block;
}
/************ Printing ************/
@media print
{
header,
footer,
.tbh-docs-left-col
{
display: none !important;
}
}
.fpalertbox {
display: inline-block;
border: 5px solid #df871d;
background-color: rgba(87,182,223,.8);
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-evenly;
z-index: 999;
padding: 2rem;
margin: 2rem;
}
.fpalertlink {
color: white;
font-size: 1.8rem;
}
.fpalertbutton {
display: inline-block;
width: 5rem;
height: 5rem;
border: 5px solid #df871d;
background-color: #efc913;
border-radius: 50%;
margin: 1rem;
}
.fpalertbutton {
display: flex;
justify-content: center;
align-items: center;
}
.fpcontainer {
display: flex;
flex-direction: column;
width: 100%;
}
.fprowc {
display: flex;
flex-direction: row;
justify-content: space-evenly;
}
.fproww {
display: flex;
flex-direction: row;
justify-content: space-evenly;
flex-wrap: wrap;
}
.fpfeedback {
margin-top: 4rem;
display: flex;
flex-direction: column;
justify-content: center;
}
.fpbox1, .fpbox3 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 25%;
min-width: 300px;
}
.fpbox2 {
width: 35%;
min-width: 300px;
}
.fpbox3 {
display: flex;
align-items: center;
justify-content: flex-start;
flex-direction: column;
}
.fb-featured {
background-color: rgb(237,237,225);
padding: 1rem;
margin-bottom: 2rem;
}
.fpbox {
margin: 2rem;
float: left;
}
.fpmainbox {
background-repeat: no-repeat;
background-size: auto;
background: #0088ae;
background: linear-gradient(22deg, rgb(36,56,113), rgb(106,178,226));
width: 100%;
margin-top: 6rem;
}
.tbh-highlight-box {
width: 30rem;
}
.fpsearch {
background: rgba(255,255,255,.80);
padding: 1rem 1rem 5rem 1rem;
}
.fpfeaturebox {
font-size: 2.2rem;
padding: 2rem;
border: 5px solid #df871d;
background-color: #0077b3;
color: white;
}
.fphighlight {
max-width: 1400px;
margin: auto;
}
.fpqicon {
max-width: 1600px;
margin: auto;
}
.covid-image {
padding: 2rem;
}
.fpboxa {
max-width: 400px;
padding: 0;
position: relative;
display: flex;
flex-direction: column;
justify-content: center;
/* justify-content: space-between; */
align-items: center;
}
.fplt, .fplb {
position: relative;
text-decoration: none;
width: 100%;
height: 100%; /* remove this */
color: white;
padding: 2rem;
font-size: 2rem;
border: 1px solid white;
margin-bottom: 1rem;
margin-top: 1rem;
}
.covidlt {
position: relative;
text-decoration: none;
width: 20%;
min-width: 16rem;
color: white;
padding: 0 2rem 2rem 2rem;
font-size: 2rem;
border: 1px solid white;
margin: 1rem;
}
.strippdf a[href$=".pdf"]::before,a[href$=".pdf"]::after {
content:none;
padding: none;
}
.normaltext {
font-size: 1rem;
}
.covh2, .covh3 {
color: white;
}
.covsubt {
color: white;
font-size: 2rem;
margin-bottom: 0;
}
.subtext {
font-size: .7em;
}
.covh2 {
font-size: 4rem;
}
.covh3 {
font-size: 3.5rem;
}
span.fpoverlay {
position: absolute;
width: 100%;
height: 100%;
background: transparent;
top: 0;
left: 0;
}
.dailyupdatebutton {
background-color: #0077b3;
display: block;
color: white;
padding: 8px;
border-radius: 4px;
margin-top: 1.5rem;
margin-bottom: 1.5rem;
width: 30rem;
}
.dailyupdatebutton:hover {
text-decoration: none;
color: white;
}
.invisible {
display: none;
}
.uninvisible {
display: block;
}
.ctab {
margin-bottom: 3rem;
display: block;
min-width: 350px;
width: 40%;
max-width: 90%;
border: 1px solid black;
padding: 1rem;
margin: 1rem;
}
.imgctab {
padding: 0;
}
.ctabimg {
width: 100%;
height: auto;
margin-bottom: .5rem;
}
.ctabbox {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-evenly;
}
.ppadded {
padding: 0 1rem 0 1rem;
}
#covinfo-maincontent {
max-width: 1400px;
width: 80%;
margin: auto;
}
.covheader {
color: white;
}
.covheaderbox {
width: 100%;
background: #0088ae;
background: linear-gradient(22deg, rgb(36,56,113), rgb(106,178,226));
background: -ms-linear-gradient(22deg, rgb(36,56,113), rgb(106,178,226));
padding: 3rem;
margin-bottom: 1rem;
}
.whitelink {
color: white;
}
.whitelink:hover {
color: lightblue;
}
@media (max-width: 1200px) {
.fprowc {
flex-direction: column;
align-items: center;
}
.fpbox {
width: 70%;
}
}
@media (max-width: 800px) {
.fpbox1, .fpbox2, .fpbox3 {
width: unset;
}
}
.flexheaderbox {
display: flex;
flex-direction: row;
justify-content: space-between;
margin-left: 10%;
margin-right: 10%;
width: 75%;
}
.flexheader {
display: flex;
margin: 1rem;
align-items: center;
}
.flexheadersub {
padding: 1rem;
}
.donateone {
font-weight: bolder;
text-transform: uppercase;
}
.donatetwo {
text-transform: uppercase;
}
.tbrhsc-logo {
width: auto;
height: 100px;
}
.logolink {
width: 100%;
max-width: 300px;
}
@media only screen and (max-width: 800px) {
.flexheaderbox {
flex-direction: column;
height: fit-content;
}
.flexheader {
margin: 0;
}
.navbar-toggle {
background-color: rgb(106,178,226);
color: white;
margin-left: auto;
margin-right: 0;
}
.hamburger {
color: white;
font-weight: bolder;
font-size: 2rem;
}
.donatenow {
min-width: 14rem;
}
.ctabbox {
width: 100%;
}
.ctab {
width: 90%;
}
#covinfo-maincontent {
width: 100%;
padding: 1rem;
}
.cvtab iframe {
width: 100%;
overflow: hidden;
}
}
.indented {
margin: 2rem 1rem;
max-width: 90rem;
padding: 1rem;
}
.tbh-pagination {
display: flex;
flex-direction: row;
flex-wrap: wrap;
max-width: 75rem;
justify-content: space-between;
}
.pagenumberbox {
border: 2px solid #006986;
padding: 6px;
width: 3rem;
display: flex;
justify-content: space-around;
}
.acclist {
line-height: 2;
font-size: 1.6rem;
list-style-type: square;
font-weight: bold;
}
.acclist .notcircled {
padding: 8px;
}
.redcircled {
border: 1px solid red;
border-radius: 50%;
padding: 8px;
}
.acctable {
margin: 3rem;
}
.acctable th {
background-color: blue;
color: white;
font-weight: bolder;
}
.acctable td,th {
padding: 1rem;
}
.acctable tr:nth-of-type(odd) {
background-color: cornflowerblue;
}
.acctable tr:nth-of-type(even) {
background-color: rgb(157, 184, 235);
}
a.button-form {
color: white;
padding: 10px 15px;
border-radius: 8px;
text-decoration: none;
margin: 1rem 1rem;
}
.image-page {
float: right;
max-width: 40%;
margin: 2rem 0 2rem 2rem;
}
.image-page-text {
max-width: 50%;
}
.boardofdirectors {
display: flex;
flex-direction: row;
flex-wrap: wrap;
}
.boardcard {
display: flex;
flex-direction: column;
width: 12em;
background-color: darkblue;
color: white;
margin: 1rem;
}
.boardcard img {
width: 100%;
}
.boardcard span {
margin: 1rem .5rem auto 1rem;
font-size: 1.2rem;
padding: 5px 5px 1rem 5px;
}
.aricon {
width: 400px;
max-width: 80%;
border: 3px solid grey;
border-radius: 2px;
}
@media (max-width: 800px) {
.topright {
display: block;
max-width: 100%;
width: 100%;
}
}
.staffbtn {
padding: 4px 10px;
font-size: 125%;
margin: 0;
display: block;
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}
ul.reblist {
list-style-type: none;
margin-bottom: 2rem;
}