/*Accent Red #E74f3d Dark Blue #051c2c Medium Blue #6f87a3 Light Blue #9eadc1*/
/********************************** GLOBAL ************************************/
 body {
	 font-family: 'Open Sans', sans-serif;
	 color:#051C2C;
	 font-size:12pt;
}
 h1 {
	 text-align: left;
	 text-transform:uppercase;
	 font-size:25pt;
	 font-weight:bold;
	 color:#9EADC1;
}
 h3 {
	 text-align: left;
	 text-transform:uppercase;
	 font-size:15pt;
	 font-weight:bold;
	 color:#6F87A3;
}
 a {
	 color: #6f87a3;
}
 a:hover {
	 color: #051c2c;
}
 fieldset, form, table {
	 margin: 0;
}
 figure{
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #ccc;
	 box-shadow: 0 .125rem .25rem rgba(0,0,0,.075)!important;
	 text-align: center;
}
 figure img{
	 display: block;
	 margin:0 auto;
	 border: 1px solid #ccc;
}

 a:not(.btn), a:not(.btn):visited {
	 color: #567786;
}
 a:not(.btn):hover {
	 color: #3E5360;
}
/*********************************** TOOLS ************************************/
 .sticky-top {
	 top: 4rem;
}
 .side.sticky-top{
	 top: 135px;
}
 .hide{
	 display:none;
}
 .anchor{
	 display: block;
	 position: relative;
	 top: -220px;
	 visibility: hidden;
}
/********************************** TEMPLATE.MT.GOV ***************************/
/*Amber Alert*/
body.amber-alert .sticky-top{
	top: 112px;
}
body.amber-alert header .logo.tiny {
	top: 50px;
}

/* #template-layout-push {
	 height: 64px;
}
 */
/********************************** HEADER ************************************/
 header {
	 position: relative;
}
header .logo {
    display: block;
    position: absolute;
    z-index: 999;
    top: -90px;
    left: 50%;
    transform: translate(-50%, 0);
    width: 200px;
}
header .logo.tiny {
    position: fixed;
    top: 2px;
    width: 60px;
    transition: all 0.4s ease-in-out 0s;
}
 .heading {
	 padding: 110px 30px 15px 30px;
	 background: rgba(111,135,163,0.75);
	 border: 2px solid rgb(111,135,163);
	 border-bottom: 0;
	 font-size: 20px;
}
 .heading span {
	 margin-bottom: .5rem;
	 color: #091C2A;
	 font-weight: 600;
	 font-size: 2.5rem;
	 line-height: 1.2;
	 text-transform: uppercase;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}
 .heading .lead {
	 font-size: 1.7rem;
	 font-style: italic;
}
/*********************************** NAV **************************************/
 .navbar {
	 background: #051c2c;
}
 .dropdown-menu.custom-content {
	 width: 600px;
}
/* .navbar .nav-link {*/
/*	 color: white !important;*/
/*}*/
/* .navbar .nav-link:hover, .navbar .nav-link.active {*/
/*	 color: #9EADC1 !important;*/
/*}*/
/* .navbar .dropdown-item.active {*/
/*	 background: #051c2c !important;*/
/*}*/
/********************************** SEARCH ************************************/
/* hide default google search box */
 .gsc-control-cse.gsc-control-cse-en {
	 visibility: hidden;
	 width: 0px;
}
 .gsc-search-box.gsc-search-box-tools {
	 display: none;
}
 .gsc-modal-background-image-visible {
	 visibility: visible;
}
/* overide padding on invisible div */
 .gsc-control-cse{
	 padding:0 !important;
}
/*********************************** MAIN *************************************/
 #content-wrapper {
	 padding-top: 100px;
}
 main {
	 padding: 15px;
}
 .frame {
	 width: 50%;
	 margin: 0 auto 15px auto;
	 padding: 15px 15px 0 15px;
	 border: 1px solid #ccc;
	 text-align: center;
}
 .frame .portrait {
	 display: block;
	 width: 100%;
	 border: 1px solid #ccc;
}
/***************************** WIDGETS ******************************************/
 .content-block:not(:last-child){
	 margin-bottom:30px;
}
/***************************** TILES ******************************************/
 .tile h2 {
	 position: relative;
	 margin-bottom: 0;
	 padding:0;
	 overflow: hidden;
	 background-color: rgba(5,28,44,0.75);
	 text-transform: uppercase;
	 font-size:24px;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	 text-align: center;
	 color: #fff;
}

 .tile p {
	 padding: 0 0 5px 0;
	 background-color: rgba(5,28,44, 0.75);
	 color: #fff;
}

 .hovereffect {
	 width: 100%;
	 height: 100%;
	 float: left;
	 overflow: hidden;
	 position: relative;
	 text-align: center;
	 cursor: default;
	 background: #051c2c;
}
 .hovereffect .overlay {
	 width: 100%;
	 height: 100%;
	 position: absolute;
	 overflow: hidden;
	 top: 0;
	 left: 0;
	 padding: 150px 20px 20px 20px;
}
 .hovereffect img {
	 display: block;
	 position: relative;
	 object-fit: cover;
	 max-width: none;
	 max-height: 400px;
	 width: calc(100% + 20px);
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(-10px,0,0);
	 transform: translate3d(-10px,0,0);
	 -webkit-backface-visibility: hidden;
	 backface-visibility: hidden;
}
 .hovereffect:hover img {
	 opacity: 0.4;
	 filter: alpha(opacity=40);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect h2 {
	 position: relative;
	 overflow: hidden;
	 padding: 0.5em 0;
	 background-color: rgba(111,135,163, 0.75);
	 text-transform: uppercase;
	 color: #fff;
	 text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	 text-align: center;
}
 .hovereffect h2:after {
	 position: absolute;
	 bottom: 0;
	 left: 0;
	 width: 100%;
	 height: 2px;
	 background: #E74f3d;
	 content: '';
	 -webkit-transition: -webkit-transform 0.35s;
	 transition: transform 0.35s;
	 -webkit-transform: translate3d(-100%,0,0);
	 transform: translate3d(-100%,0,0);
}
 .hovereffect:hover h2:after {
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}
 .hovereffect p {
	 color: #fff;
	 opacity: 0;
	 filter: alpha(opacity=0);
	 -webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	 transition: opacity 0.35s, transform 0.35s;
	 -webkit-transform: translate3d(100%,0,0);
	 transform: translate3d(100%,0,0);
}
 .hovereffect:hover p {
	 opacity: 1;
	 filter: alpha(opacity=100);
	 -webkit-transform: translate3d(0,0,0);
	 transform: translate3d(0,0,0);
}

.tile-spacing {
    margin: 15px 0px;
}
/********************************* CAROUSEL ***********************************/
 .carousel {
	 width: 100%;
}
/********************************** CARDS *************************************/
 .card-img-top {
	 background-size: cover;
}
 .cards a:hover .card {
	 background-color: #f5f5f5;
}
 .cards a:hover{
	 text-decoration:none;
}
 .card-body:empty {
	 display: none;
}
.card-header {
    background: #051c2c;
    color: #ffffff;
}
/**************************** ACCORDIONS/TABS *********************************/
 .accordion .card-header {
	 padding: 0;
}
 .accordion .card-header:hover {
}
 .accordion .card{
	 border-radius: 0;
}
 .nav-tabs {
	 display:none;
}
 .tab-content{
	 padding: 30px;
}
 .accordion-toggle{
	 display:block;
	 padding: .75rem 1.25rem;
	 text-decoration:none;
	 color: #fff !important;
}
 .accordion-toggle:after {
	 content: "\f078";
	 float: right;
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 [aria-expanded="true"].accordion-toggle:after {
	 content: "\f054";
}
 .accordion-toggle:hover{
	 text-decoration:none;
}
/*Nested Accordions*/
 .accordion .accordion .accordion-toggle {
	 padding: .5rem 1rem;
	 font-size: 13px;
}
/*Turned off due to matching background color of accordions*/
/*.accordion a{*/
/*    color: #ffffff;*/
/*}*/
/********************************** SIDE NAV **********************************/
 .list-group{
	 border-radius: 0;
}
 .list-group a{
	 background-color: #557677;
	 color: #fff;
}
 .list-group-item.active {
	 color: #3E5B5D;
	 background-color: #fff;
	 border-color: #3E5B5D;
}
 .list-group-item-action:active {
	 color: #212529;
	 background-color: #e9ecef;
}
 .list-group-item-action:focus, .list-group-item-action:hover {
	 color: #fff;
	 background-color: #3E5B5D;
}
/********************************** BUTTONS ************************************/
 .btn-primary {
	 color: #051C2C;
	 background-color: #9EADC1;
	 border-color: #9EADC1;
}
 .btn-primary:hover {
	 color: #051C2C;
	 background-color: #6F87A3;
	 border-color: #7e92ad;
}
 .btn-primary:focus, .btn-primary.focus {
	 background-color: #6F87A3;
	 border-color: #7e92ad;
	 box-shadow: 0 0 0 0.2rem rgba(158, 173, 193, 0.5);
}
 .btn-primary.disabled, .btn-primary:disabled {
	 color: #051C2C;
	 background-color: #9EADC1;
	 border-color: #9EADC1;
}
 .btn-primary:not(:disabled):not(.disabled):active, .btn-primary:not(:disabled):not(.disabled).active, .show > .btn-primary.dropdown-toggle {
	 color: #051C2C;
	 background-color: #7e92ad;
	 border-color: #758aa7;
}
 .btn-primary:not(:disabled):not(.disabled):active:focus, .btn-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-primary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(158, 173, 193, 0.5);
}
 .btn-outline-primary {
	 color: #9EADC1;
	 background-color: transparent;
	 border-color: #9EADC1;
}
 .btn-outline-primary:hover {
	 color: #051C2C;
	 background-color: #9EADC1;
	 border-color: #9EADC1;
}
 .btn-outline-primary:focus, .btn-outline-primary.focus {
	 box-shadow: 0 0 0 0.2rem rgba(158, 173, 193, 0.5);
}
 .btn-outline-primary.disabled, .btn-outline-primary:disabled {
	 color: #9EADC1;
	 background-color: transparent;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active, .btn-outline-primary:not(:disabled):not(.disabled).active, .show > .btn-outline-primary.dropdown-toggle {
	 color: #051C2C;
	 background-color: #9EADC1;
	 border-color: #9EADC1;
}
 .btn-outline-primary:not(:disabled):not(.disabled):active:focus, .btn-outline-primary:not(:disabled):not(.disabled).active:focus, .show > .btn-outline-primary.dropdown-toggle:focus {
	 box-shadow: 0 0 0 0.2rem rgba(158, 173, 193, 0.5);
}
 .btn-link{
	 color:#9EADC1;
}
 .btn-link:hover{
	 color:#6F87A3;
}
/********************************** FOOTER ************************************/
 .footer {
	 padding: 30px;
	 background: #051c2c url(../images/bkgd.png) no-repeat bottom center;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     -o-background-size: cover;
     background-size: cover;
	 color: #9eadc1;
}
.footer .btn-primary {
    color: #051C2C;
    border-color: #9EADC1;
}
 .footer h4 {
	 width: 100%;
	 text-transform: uppercase;
	 border-bottom: 1px solid #E74f3d;
}
 .footer hr {
	 border-top: 1px solid #000;
}
 .footer a:not(.btn) {
	 color: #fff;
}
 .footer a:not(.btn):hover {
	 color: #fff;
	 text-decoration:underline;
}
 .footer img {
	 display:block;
	 margin:0 auto;
}
 #social img{
	 display:block;
	 width:24px;
}
 #back-to-top {
	 position: fixed;
	 bottom: 79px;
	 right: 15px;
	 display: none;
	 z-index:99;
}
/********************************** CHAT **************************************/
 #chat-button, #chat-greet, #sn_va_web_client {
	 position:fixed;
	 right:10px;
	 bottom:10px;
	 z-index:9999;
	 background:#4169e1;
	 color:#fff;
}
 #sn_va_web_client {
	 margin-bottom: 80px;
}
 #chat-greet {
	 margin: 0 85px 17px 0;
	 padding: .375rem .75rem;
	 border-radius: .25rem;
}
 .btn-circle {
	 width: 70px;
	 height: 70px;
	 padding: 10px 16px;
	 border-radius: 35px;
	 transition: all .5s;
	 text-align: center;
	 font-size: 35px;
	 line-height: 1.33;
}
 #chat-button[aria-expanded="true"]{
	 border-top-left-radius: 0;
}
 #chat-button[aria-expanded="true"]:before {
	 content: "\f00d";
	 font-family: 'Font Awesome 5 Free';
	 font-weight: 900;
}
 #chat-button[aria-expanded="true"] i{
	 display:none;
}
/******************************** RESPONSIVE **********************************/
/*Extra large devices (large desktops, 1200px and up)*/
 @media (max-width: 1200px) {
}
/*Large devices (desktops, 992px and up)*/
 @media (max-width: 992px) {
}
/*Medium devices (tablets, 768px and up)*/
 @media (max-width: 768px) {
	 #content-wrapper {
		 padding-top: 60px;
	}
	 .sticky-top {
		 top: 0;
	}
	 .navbar-nav .nav-link {
		 text-align: center;
	}
	 .navbar .form-inline .input-group {
		 margin: 0 auto;
	}
	 #back-to-top {
		 bottom: 15px;
	}
	 .tab-content > .tab-pane {
		 display: block !important;
		 opacity: 1;
	}
}
/*Small devices (landscape phones, 576px and up)*/
 @media (max-width: 576px) {

}
/*Medium devices (tablets, 768px and down)*/
 @media (min-width: 768px) {
	 .navbar .nav-link.hover ~ .dropdown-menu {
		 display: none;
		 margin-top: 0;
	}
	 .navbar .nav-link.hover:hover ~ .dropdown-menu, .navbar .nav-link.hover ~ .dropdown-menu:hover {
		 display: block;
	}
	 .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu {
		 display: none;
	}
	 .navbar .dropdown-item.dropdown-toggle.hover:hover ~ .dropdown-menu, .navbar .dropdown-item.dropdown-toggle.hover ~ .dropdown-menu:hover {
		 display: block;
	}
	/*Tabs To Accordions*/
	 .nav-tabs {
		 display: flex;
	}
	 .tab-content .card {
		 border: none;
	}
	 .tab-content .card .card-header {
		 display:none;
	}
	 .tab-content .card .collapse{
		 display:block;
	}
}