/*
 Theme Name:   Chamber 22 - Understrap Child
 Theme URI:    https://understrap.com
 Description:  Understrap Child Theme
 Author:       the Understrap Contributors
 Author URI:   https://github.com/understrap/understrap-child/graphs/contributors
 Template:     understrap
 Version:      1.1.0
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: understrap/understrap-child
*/



body{
  font-family: "Gotham A", "Gotham B";
}

#logo { width: 400px; }

#thenav { background-color: #5B7E96; }

#main-nav { padding-bottom: 0; padding-top: 0; }

.navbar-dark { background: #203E58; }

#main-menu a { font-family: 'Teko', sans-serif; font-size: 30px; }

#main-menu a:hover { text-decoration: none; }

#main-menu .dropdown-menu a { z-index: 500; font-family: "Gotham A", "Gotham B"; font-size: 16px; }

li.dropdown { text-transform: uppercase; }
li.dropdown li { text-transform: none; }

.dropdown-menu {
    background-color: #D87900;
    padding: 0;
    border-radius: 0;
}
.dropdown-item { padding: 15px 10px; color: #fff; }
.dropdown-item:hover {
    color: #fff;
    text-decoration: none;
    background-color: #203E58;
}
.current_page_item a, .current-menu-item  { background-color: #5B7E96; } 
#sidebar .current_page_item a, #sidebar .current-menu-item  { background-color: #fff; } 
.dropdown-menu li {
  position: relative;
}

@media (max-width: 768px) {
.dropdown-menu .dropdown-menu {
  display: none;
  position: relative;
  left: 0%;
  top: 0px;
}
.nav-link { padding: 0!important; }
.dropdown-menu .dropdown-menu {
    background-color: #203E58;
    }
.dropdown-menu > li:hover > .dropdown-menu {
  display: block;
}

}

@media (min-width: 767px) {
.dropdown-menu .dropdown-menu {
  display: none;
  position: absolute;
  left: 100%;
  top: 0px;
}
.dropdown-menu > li:hover > .dropdown-menu {
  display: block;
}

}


.page-id-39738 .entry-header,
.page-id-39144 .entry-header { display: none; }


#videoheader {
    margin-top: 0;
    height: 70vh;
    overflow: hidden;
    position: relative;
}
@media (max-width: 768px) { #videoheader { height: 40vh; } }
#video-container { 
	height: 400px;
    z-index: -100;
    width: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
}

.video-vimeo {
    padding-bottom: 56.25%;
    width: 100%;
    padding-top: 230px;
    height: 0;
    overflow: hidden;
}

 .video-vimeo iframe, .video-vimeo object, .video-vimeo embed {
        box-sizing: border-box;
        height: 56.25vw;
        left: 50%;
        min-height: 100%;
        min-width: 100%;
        transform: translate(-50%, -50%);
        position: absolute;
        top: 50%;
        width: 177.77777778vh;
        z-index: 1;
    }
    
#buttons .card { display: flex;
  justify-content: center;
  align-items: center; z-index: 50; background: #5B7E96; border: 4px solid #fff;  height: 140px; border-radius: 0; margin: -150px 10px 10px 10px; text-align: center; }
#buttons .card a { display:block; color: #fff; font-weight: 700; font-size: 1.5rem; line-height: 120%; display: block; text-transform: uppercase; } 
#buttons .card:hover, #buttons .card a:hover { text-decoration: none; background: #203E58; }
#buttons { padding-bottom: 2rem; }


@media (max-width: 768px) { 
    #buttons .card a { font-size: 1rem; padding-left: 5px; padding-right: 5px; }
    #buttons .card { padding-top: 10px; display: block; margin: 0px 10px 10px 10px; height: 80px; }
    #buttons .card:nth-of-type(3), #buttons .card:nth-of-type(4) { margin-top: 40px; }
    #buttons { padding-top: 0; margin-top: -40px; }
    
}



.category-color { height: 7px; margin: 0; width: 100%; margin-top: 0px; top: 0px; position: absolute; }
.subject { position: relative; }

article ul { padding-left: 2rem; }
article ul li {
    list-style-type: disc;
    list-style-position: outside;
    text-indent: 0;
}
    
.bg-light-blue { background: #d2d5da; }
.bg-lighter-gray { background: #eee; }

body a {
    color: #D87900;
    transition: .3s;
}
.home body h1, .home body h2, .home body h3, .home body h4, .home body h5, .home body h6 {
    text-transform: uppercase;
    line-height: 1;
    padding-bottom: 15px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Gotham A", "Gotham B" !important;
    font-style: normal;
    font-weight: 700;
}

a {
    text-decoration: none;
}

a:hover {
	text-decoration: underline;
	}

body a:hover {
    color: #D87900;
    transition: .3s;
}




.btn-circle {
	border: 1px solid #5B7E96;
	width: 32px;
	height: 32px !important;
	padding: 10px 10px;
	border-radius: 50%;
}
.btn-circle svg {
	fill: #fff;
}
.btn-circle:hover svg {
	fill: #fff;
}
.btn-circle:hover {
	background-color: #5B7E96;
}

.wrapper a{
  color:#D87900;
}
.wrapper a:hover{
  color:#ba6903;
}
#wrapper-footer {
  color:#eee;
}

#wrapper-footer a{
  color:#3281c7;
}
#wrapper-footer a:hover{
  color:#41a6ff;
}

#wrapper-footer-full h3 {
    font-size: 14px;
    text-transform: uppercase;
    color: #fff;
    font-weight: bold;
}

#wrapper-footer-full ul { margin: 0; padding: 0; list-style: none; }
#wrapper-footer-full li { padding: 0; margin: 0 0 5px 0; }
#wrapper-footer-full li a { color: #fff;  text-decoration: none;  }

#wrapper-footer-full .list-inline li { float: left; display: inline; padding-right: 5px; }
#wrapper-footer-full .fa-stack { width: 3rem; height: 3rem; line-height: 3rem; }

.btn-chamber-dark{
	background-color:#203E58;
	color:#eee !important;
	text-transform: uppercase;
}
.btn-chamber-dark:hover{
	background-color:#284e6e;
	color:#fff !important;
}

#wrapper-footer-full,
#wrapper-footer
{
	background-color:#101e2b;
	color: #fff;
	font-size: 80%;
}

#wrapper-footer p,
#wrapper-footer p a {
	color: #555 !important;
	}

#wrapper-footer-full img { width: 250px; margin-bottom: 0px; }



@media (max-width: 768px) {
	#brand .container { text-align: center; }
	
	#buttons .card { clear: both; }
	
	
	}