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

#adminForm { position: relative; z-index: 99; } /* editor above page on frontend */
.icons div { position: relative; z-index: 99; background: #fff; padding: 3px;}

#login-form-191 { background: #fff; color: #000; padding: 5px;}

/* jsitemap */

#jmap_sitemap .collapsable a {
    padding: 2px 7px;
    color: #003a64 !important;
    font-size: 19px !important;
    display: block;
    text-decoration: none;
}

#jmap_sitemap .collapsable a:hover {
    background: #f4e7c3;
    font-weight: bold !important;
}






body, th, td, p, div, li {
    font-family: 'Source Sans 3', sans-serif;
    font-size: 17px;
    line-height: 1.2;
}

h1, h2, h3, h4, h5, h6, .title, .component-content h2 {
    font-family: 'Source Sans 3', sans-serif;
	font-weight: 600;
    line-height: 1.2em;
	text-transform: uppercase;
	color: #003a64;
	padding: 0 0 5px;
	margin: 0 0 10px;
	border-bottom: 1px solid rgba(0,58,100,.25);
    text-shadow: 1px 1px 0 #ffffff;
}

h5, h6 {
	text-transform: none;
	font-weight: 400;
}

h1 { font-size: 180%; }
h2, .title, .component-content h2 { font-size: 165%; }
h3 { font-size: 150%; }
h4 { font-size: 135%; }
h5 { font-size: 120%; }
h6 { font-size: 110%; }

a {
    color: #c24e4e;
}

.com-content-article__body td,
.blog-featured td {
    padding: 5px;
    border: 1px solid #eee;
}

.readmore {
  font-size: 90%;
  border: 2px solid #d49f0f;
  border-radius: 4px;
  display: inline-block;
  padding: 1px 10px;
  color: #fff;
  background: #003962;
  float: right;
}
    
.readmore  .icon-chevron-right {
    display: none;
}

.readmore:hover {
  border: 2px solid #003962;
  color: #003962;
  background: #d49f0f;
}

.readmore a {
    background: none;
    color: #fff;
    border: none;
    padding: 0;
    margin: 0;
}

.readmore a:hover {
    background: none;
}

/* tables */

.com-content-article__body table,
.blog-featured table {
    width: 100% !important;
    border: 1px solid #ccc;
}

.com-content-article__body table td,
.blog-featured table td {
    padding: 5px !important;
    border: 1px solid #ccc;
}

.com-content-article__body tr:nth-child(odd),
.blog-featured table tr:nth-child(odd) {
    background: #eee;
}

.meet-the-board .com-content-article__body tr:nth-child(odd),
.blog-featured table tr:nth-child(odd) {
    background: #eee;
}

table.no-style,
table.no-style tr,
table.no-style td,
table.clean-table,
table.clean-table tr,
table.clean-table td {
	background: none !important;
	border: none !important;
}

table { margin-bottom: 15px; }

.table thead th { font-weight: 900 !important; }


/* responsive video ************************************************************************************************/

.video-container { position: relative; padding-bottom: 56.25%; padding-top: 30px; height: 0; overflow: hidden; }
.video-container iframe, .video-container object, .video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }




/*************************************************************************************************************/
/* structural ************************************************************************************************/
/*************************************************************************************************************/

body:not(.has-sidebar-right) .site-grid .container-component,
body:not(.has-sidebar-right) .site-grid .container-bottom-a,
body:not(.has-sidebar-right) .site-grid .container-bottom-b {
    grid-column-end: full-end;
}

body:not(.has-sidebar-left) .site-grid .container-component,
body .container-nav,
body:not(.has-sidebar-left) .site-grid .container-bottom-a,
body:not(.has-sidebar-right) .site-grid .container-bottom-b {
    grid-column-start: full-start;
}

body.wrapper-fluid footer > .grid-child, 
body.wrapper-fluid header > .grid-child {
  padding-left: 0;
  padding-right: 0;
}

body.wrapper-fluid footer > .grid-child, body.wrapper-fluid header > .grid-child {
  padding-left: 0;
  padding-right: 0;
}

.container-topbar {
    background: linear-gradient(to bottom, rgba(255,255,255,1) 50%, rgba(255,255,255,0) 50%);
    max-width: 1320px;
    margin: 0 auto;
}

.container-header {
    background: none;
    box-shadow: none;
}



/* top search box ****************************************************************************************************************/

.container-header .searchbox label.finder {
    display: none !important;
}

.container-header .searchbox {
    padding: 20px 0 0;
    margin: 0;
    position: relative;
    z-index: 13;
}

.container-header .searchbox .mod-finder__search {
    justify-content: right;
}

.container-header .searchbox .mod-finder__search .btn {
    font-size: 0;
}

.container-header .searchbox .mod-finder__search .btn span.icon-search {
    font-size: 17px;
}

.icon-search::before {
    content: "\f002";
    display: block;
    width: 5px;
    height: 11px;
    margin: -6px 0 0 -6px;
}

.container-header .searchbox input {
    margin: 0;
    padding: 5px 7px 0;
    max-width: none;
}


/* top quick links ****************************************************************************************************************/

.container-header .quick-links {
    padding: 7px 0 0;
    margin: 0;
    color: #003a64;
    text-align: right;
    position: relative;
    z-index: 13;
}

.container-header .quick-links a {
    font-size: 97%;
    text-shadow: none;
    text-align: right;
    text-decoration: none;
    box-shadow: none;
}

.container-header .quick-links a:hover {
    color: #888;
    text-shadow: none;
    text-decoration: underline;
}


/* top logo ****************************************************************************************************************/

.container-header .logo {
    width: 250px;
    height: 250px;
    padding: 0;
    margin: -73px 0 0 25px;
    position: relative;
    z-index: 3;
}

.homepage .container-header .logo {
    margin: -73px 0 0 0px;
}


/*** top nav ****************************************************************************************************************/

.container-header .metismenu > li > a:after, 
.container-header .metismenu > li > button:before,
.container-header .mod-menu > li.active:after, 
.container-header .mod-menu > li:hover:after,
.container-header .metismenu > li.active > a:after, 
.container-header .metismenu > li.active > button:before, 
.container-header .metismenu > li > a:hover:after, 
.container-header .metismenu > li > button:hover:before {
    display: none !important;
}

body .container-header .mod-menu > li {
    position: relative !important;
}

.metismenu.mod-menu > li:hover > .mm-collapse {
    display: block !important;
    background: #003a64;
    border: 1px solid #d5a00e;
}

.metismenu.mod-menu .metismenu-item > button {
    display: none;
}

body .container-header .metismenu > li > button:before {
	display: none !important;
}

body .container-header .container-nav {
    background: transparent url(../images/menu-bg.png);
    background-size: 100% 100%;
    color: #fff;
    text-shadow: none;
    text-decoration: none;
    padding: 0;
    margin: -180px 0 0;
    position: relative;
    z-index: 2;
}

body .container-header .container-nav .menu {
    width: 1320px;
    height: 120px;
    max-width: 100%;
    margin: auto;
}

body .metismenu.mod-menu > .metismenu-item {
    padding: 33px 10px 30px;
}

body .metismenu.mod-menu > .metismenu-item:hover > a,
body .metismenu.mod-menu > .metismenu-item.active > a {
    color: #fff;
}

body .metismenu.mod-menu .metismenu-item a {
    color: #eacf87;
    text-decoration: none;
    text-transform: uppercase;
}

.metismenu.mod-menu {
    margin: 0;
    justify-content: right;
}



/* dropdowns */

body ul.mod-menu .metismenu-item:last-child ul.mm-collapse {
    right: 0;
}

body ul.mod-menu ul.mm-collapse {
    width: 25em;
}

body ul.mod-menu ul.mm-collapse .metismenu-item {
    padding: 5px 7px;
    font-size: 90%;
}

body .metismenu.mod-menu ul.mm-collapse .metismenu-item a {
    text-transform: none;
}

.navbar .mod-menu ul {
    background: #003a64;
}

body .navbar .mod-menu ul > li:hover,
body .navbar .mod-menu ul > li.active {
    background: #eacf87;
}

.navbar .mod-menu ul li:hover a,
body .navbar .mod-menu ul > li.active a {
    color: #003a64;
    text-decoration: none !important;
}

.metismenu.mod-menu .mm-toggler::after {
    color: #d5a00e;
}

.metismenu.mod-menu .mm-collapse > li.parent > ul {
    background-color: #003a64;
}

.metismenu.mod-menu .mm-collapse > li.parent > ul a {
    color: #eacf87;
}

.metismenu.mod-menu .mm-collapse > li.parent > ul li:hover a {
    color: #003a64;
}

.metismenu.mod-menu .metismenu-item.active > a, 
.metismenu.mod-menu .metismenu-item.active > button {
  text-decoration: none;
}




/* sidebar menu */

.container-sidebar-left .mod-list li {

}

.container-sidebar-left .mod-list li a {
    padding: 3px 5px;
    display: block;
}

.container-sidebar-left .mod-list > li:hover,
.container-sidebar-left .mod-list > li.active {
    text-decoration: none;
    background: rgba(255,255,255,.4);
}

.container-sidebar-left .mod-list > li:hover > a,
.container-sidebar-left .mod-list > li.active > a,
.container-sidebar-left .mod-list > li li:hover > a,
.container-sidebar-left .mod-list > li li.active > a {
    font-weight: 900;
    text-decoration: none;
    background: #fff;
}





body.wrapper-fluid .site-grid {
    max-width: 1320px;
    margin: -23px auto 0;
}

.container-banner {
    margin: 0 0 -1px;
    padding: 0;
}

body .site-grid .ig-gallery-wrapper {
    margin: auto;
}




/* breadcrumbs */

.grid-child .breadcrumbs {
    max-width: 100%;
    width: 1320px;
    margin: 83px auto 0;
}

.grid-child .breadcrumb {
    background: none !important;
    padding: 0 5px 13px !important;
    margin: 0 !important;
    font-size: 85%;
}

.float-start {
    padding-right: 5px;
}

.icon-fw {
    width: auto;
    color: #999;
}





/* main */

.compojoom-bootstrap .slide_menu {
    z-index: 9;
}

body.wrapper-fluid .site-grid main {
    max-width: 1320px;
    padding: 0;
    margin: 0;
}

.com-content-article__body {
    padding-bottom: 25px;
}




/* sidebar-left */

.container-sidebar-left {
    background: #eccd8c  url(../images/sidebar-left-bg.jpg) no-repeat;
    background-position: 100% 100%;
    background-size: contain;
}

.container-sidebar-left a {
    color: rgba(0, 58, 100,1);
}

.container-sidebar-left .sidebar-left {
    padding: 67px 15px 29px;
}



/* main-bottom */

.grid-child .main-bottom {
    width: 100%;
    max-width: 1320px;
    margin: auto;
}

.grid-child.container-bottom-a {
    background: #003a64;
    width: 100%;
}

.grid-child .btm-mods2 {
    display: none;
    padding: 10px;
}

.grid-child .main-bottom{
    line-height: 1.2;
}

.grid-child .btm-mods table {
    display: inline-block;
    vertical-align: top;
}

.grid-child .btm-mods table:nth-child(2) {
    width: calc(100% - 260px);
}

.grid-child .btm-mods table:nth-child(2) td {
    max-width: 50%;
}

.grid-child .btm-mods table table {
    margin: 0 17px;
}

.grid-child .main-bottom a {
    text-decoration: none;
    color: #666;
}

.grid-child .main-bottom {
    color: #666;
}

.grid-child .main-bottom table td:hover a,
.grid-child .main-bottom .custom a:hover {
    text-decoration: underline;
    color: #000;
}

.grid-child .main-bottom p {
    margin-bottom: 5px;
    padding: 0;
}









/* footer */

.footer {
    background: none;
    color: #777;
    font-size: 85%;
    margin: 0;
    padding: 0;
}

body.wrapper-fluid .footer .grid-child {
    padding: 0;
}

.grid-child.container-bottom-b {
    background: #003a64;
}

.footer .grid-child {
    width: 100%;
    display: block;
}

.footer .grid-child .btm-address {
    background: #003a64;
    padding: 25px 0;
    margin: 0;
}

.footer .grid-child .disclaimer {
    padding: 25px 0;
}

.footer .grid-child .btm-address .custom,
.footer .grid-child .disclaimer .custom {
    display: block;
    width: 1320px;
    max-width: 100%;
    margin: auto;
}

.grid-child .footer table {
    color: #fff;
    font-size: 80%;
    width: 50%;
    margin: 0 -1px;
    display: inline-block;
    vertical-align: middle;
}

.grid-child .footer table td img {
    min-width: 113px;
}

.grid-child .footer table:nth-child(even) td img {
    padding: 0 15px;
}





/* media queries */

@media only screen and (max-width: 1199px) {
    
.metismenu.mod-menu > .metismenu-item {
    font-size: 1.5vw;
}
    
}



@media only screen and (max-width: 991px) {
    
.container-banner {
    margin-top: -29px;
}
    
.container-header {
    background: url(../images/menu-bg.png) repeat-x;
    background-position: 100% 70%;
    background-size: 100% 31%;
}
    
.homepage .container-header .logo,
.container-header .logo {
    width: 125px;
    height: 125px;
    margin: -53px 0 0 0px;
}
    
.grid-child .breadcrumbs  {
    margin-top: 37px;
}
    
.grid-child .main-bottom div.schools,
.grid-child .btm-mods {
    display: none;
}
    
.grid-child .btm-mods2 {
    display: inherit;
}

    
    
/* menu stuff */
    
.metismenu.mod-menu > .metismenu-item {
    font-size: 19px;
}
    
.container-header .navbar-toggler {
    background: #fff;
    border: 1px solid #d5a00e;
    color: #d5a00e;
    cursor: pointer;
    position: relative;
    margin-right: 7px;
}
    
body .container-nav {
    padding: 0 !important;
}
    
body .container-header .container-nav .menu {
    height: auto !important;
}

.container-header .container-nav nav {
    justify-content: right;
}

body .container-header .container-nav {
    background: none;
    color: #fff;
    margin: 0;
    z-index: 2;
}
    
.container-header nav {
  margin-top: -80px !important;
  padding: 0;
}
    
.container-header .mod-menu {
    display: flex;
    flex: 1 1 0%;
    flex-direction: column;
    background: #003a63;
}
    
body .metismenu.mod-menu > .metismenu-item {
    padding: 5px 0px !important;
    margin-right: -17px;
    justify-content: right;
}

.metismenu.mod-menu > li:hover > .mm-collapse {
    display: none !important;
}

.metismenu.mod-menu .metismenu-item > button {
    display: block;
}
    
.collapse:not(.show) {
    display: none;
}
    
.grid-child .footer table {
    display: table;
    margin: 25px auto;
    width: auto;
}

}



@media only screen and (max-width: 767px) {
    
body .container-header .container-nav nav {

}
    
.container-header {
    background-position: 100% 69%;
    background-size: 100% 31%;
}

.grid-child .bottom-a table {
    margin: 5px auto;
    display: table;
    vertical-align: middle;
}
    
.grid-child .bottom-a table:nth-child(even) {
    width: 100%;
    text-align: center;
    margin: 25px 0;
}

}


@media only screen and (max-width: 599px) {   

}



@media only screen and (max-width: 359px) {

}