:root {
    /* Dark blue */
     --brand-color1: #112f60;
     --brand-color1-rgb: 20, 26, 62;
    /* Medium blue */
     --brand-color2: #2662a2;
     --brand-color2-rgb: 38, 98, 162;
    /* Deep red */
     --brand-color3: #a02323;
    /* White */
     --brand-color4: #fff;
    /* Black */
     --brand-color5: #000;
    /* Gold */
     --brand-color6: #f9b900;
     --brand-color6-rgb: 249, 185, 0;
    /* Fair blue */
     --brand-color7: #4a96d5;
     --brand-color7-rgb: 74, 150, 213;
}
/*********************************** GLOBAL ***********************************/
 body {
     font-family: 'Roboto', sans-serif;
}
 main{
     font-size:1.125rem;
     line-height:175%;
}
 main h1, main .h1{
     margin-bottom:1.75rem;
     text-align:center;
}
 main h1.fs-1, main .h1.fs-1{
     margin-bottom:1.75rem;
     text-align:left;
}
 main .h1{
     margin-top: 0;
     font-weight: 500;
     line-height: 1.2;
}
 main h2{
     margin-bottom: 1.25rem;
}
 main h2.card-title{
     font-size: 1.15rem !important;
     font-weight: 600 !important;
     line-height: 1.2 !important;
}
 main h3{
     margin-bottom:1.0rem;
     font-size:1.5rem;
}
 main h4{
     margin-bottom: .9rem;
     font-size:1.25rem;
}
 main h5{
     margin-bottom :.9rem;
     font-size: 1.15rem;
     font-weight:600;
}
 body #template-page-wrapper {
     padding: 16px 0 0 0;
}
 .skip-to-main-content-link {
     position: absolute;
     //Positions the link absolutely on the page, allowing it to be placed anywhere. left: -9999px;
     //Moves the link far off-screen to the left, making it invisible to sighted users. z-index: 999;
     //Sets a high z-index, ensuring that the link will be on top of other page elements if it becomes visible. padding: 1em;
     background-color: black;
     color: white;
     opacity: 0;
     //Sets the link's opacity to 0, making it fully transparent and invisible. 
}
 .skip-to-main-content-link:focus {
     left: 50%;
     // When the link receives focus (e.g., when a keyboard user tabs to it), it is repositioned horizontally to the centre of the screen. transform: translateX(-50%);
     //This centres the link horizontally by moving it back to the left by 50% of its own width. opacity: 1;
     //The link's opacity is set to 1, making it fully visible. 
}
 .py-5 h1{
     padding-bottom:20px;
}
 a:not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event) {
     color: var(--brand-color2);
     text-decoration:underline 
}
 a:not(.nav-link):not(.dropdown-item):not(.btn):not(.fc-event):hover {
     text-decoration:underline;
}
 iframe{
     border:0;
}
 table th{
     font-weight:bold;
}
 fieldset, form, table {
     margin: 0;
}
 figure{
     margin: 0 auto 15px auto;
}
 figure img{
     display: block;
     margin:0 auto;
}
 figure>figcaption {
     text-align: center;
     margin: 20px 0 40px 0;
     color: gray;
}
 .blockquote, blockquote {
     position: relative;
     max-width: 80%;
     margin: 20px auto;
     padding: 30px 45px;
     border: thin solid lightgray;
     text-align:right;
     color: gray;
}
 blockquote p{
     text-align: center;
     font-style: italic;
     color:initial;
}
 blockquote:before, blockquote:after{
     position: absolute;
     width: 60px;
     height: 60px;
     z-index: 10;
     display: inline-block;
     content: "";
     background-image: url("data:image/svg+xml,<svg viewBox='0 0 16 16' class='bi bi-quote' fill='lightgray' xmlns='http://www.w3.org/2000/svg'><path d='M12 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z'/></svg>");
     background-repeat: no-repeat;
     background-size: 4rem 4rem;
     background-color:white;
}
 blockquote:before {
     top: -20px;
     left: -20px;
}
 blockquote:after {
     bottom: -20px;
     right: -20px;
     transform: rotate(180deg);
}
/*********************************** TEMPLATE.MT.GOV **************************/
/*Amber Alert*/
 body.amber-alert .sticky-top{
     top: 112px;
}
 .sticky-top{
     top: 40px;
}
/*********************************** TOOLS ************************************/
 .container-fluid{
     padding-right: 1.5rem!important;
     padding-left: 1.5rem!important;
}
 .container-full{
     width: 100%;
     overflow: hidden;
}
 .anchor{
     display: block;
     height: 120px;
     margin-top: -120px;
     visibility: hidden;
}
/*Calouts*/
 .callout {
     padding: 10px 20px;
     margin: 0 0 20px;
     border-left: 5px solid lightgray;
}
 .callout h4 {
     margin-top: 0;
     margin-bottom: 5px;
}
 .callout p:last-child {
     margin-bottom: 0;
}
 .callout + .bs-callout {
     margin-top: -5px;
}
/*Colors*/
 .blockColor1, .blockColor1 a {
     background-color: var(--brand-color1);
     color: var(--brand-color4) !important;
}
 .blockColor2 {
     background-color: var(--brand-color2);
     border-color: var(--brand-color2);
     color: var(--brand-color4) !important;
}
 .blockColor2 a {
     background-color: var(--brand-color2);
     border-color: var(--brand-color2);
     color: var(--brand-color4) !important;
}
 main .blockColor2 a {
     text-decoration: underline !important;
}
 .blockColor3, .blockColor3 a {
     background-color: var(--brand-color6);
     color: var(--brand-color5) !important;
}
 .blockColor4 {
     background-color: rgba(var(--brand-color7-rgb),0.15);
}
/*Alerts*/
 .alert{
     font-size: 80%;
     padding: 3px 15px;
}
 .alert-custom{
     background: var(--brand-color6);
     color: var(--brand-color5);
}
/*********************************** HEADER ***********************************/
 header {
     position: relative;
}
 header .logo {
     max-height:50px;
}
 .heading {
     color: var(--brand-color1);
     font-weight:500;
}
 .heading span:first-child{
     font-size:0.8rem;
}
 .heading span:last-child{
     font-size:1.75rem;
}
/*********************************** NAV **************************************/
 .dropdown-menu, .dropdown .dropdown-item {
     background-color: var(--brand-color2);
     border: none;
}
 .dropdown-menu[data-bs-popper] {
     left: -0.5rem;
}
 .dropdown-menu .dropdown-item:hover{
     background-color: var(--brand-color1);
}
 .dropdown-menu.custom-content {
     width: 600px;
}
 .navbar-expand-lg .navbar-nav .nav-link {
     padding: 0.75rem;
}
 .dropdown-toggle::after {
     margin-left: 0.55em;
}
 header .nav-link{
     color: white !important;
}
 .nav-link {
     display: inline-block;
}
/*Hover Instead of Click Open*/
/* .dropdown:hover .dropdown-menu {
     display: block;
     margin-top: 0;
}
 */
/*Sidebar*/
 .sidebar ul{
     margin-bottom: 0;
     padding-left: 0;
     list-style: none;
}
 .sidebar .nav-link {
     margin-bottom:5px;
     padding: 0.5rem 0;
     color:#112f60;
     line-height:125%;
     min-height: 44px !important;
}
 .sidebar ul > li > ul{
     margin-left: 15px;
}
/*Custom Navbar-Toggler*/
 .navbar-toggler .line{
     width: 20px;
     height: 2px;
     background-color: #ecf0f1;
     display: block;
     margin: 6px auto;
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
}
 .navbar-toggler[aria-expanded="true"]{
     -webkit-transition: all 0.3s ease-in-out;
     -o-transition: all 0.3s ease-in-out;
     transition: all 0.3s ease-in-out;
     -webkit-transition-delay: 0.6s;
     -o-transition-delay: 0.6s;
     transition-delay: 0.6s;
     -webkit-transform: rotate(45deg);
     -ms-transform: rotate(45deg);
     -o-transform: rotate(45deg);
     transform: rotate(45deg);
}
 .navbar-toggler[aria-expanded="true"] .line{
     width: 25px;
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(2){
     width: 0;
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(1), .navbar-toggler[aria-expanded="true"] .line:nth-child(3){
     -webkit-transition-delay: 0.3s;
     -o-transition-delay: 0.3s;
     transition-delay: 0.3s;
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(1){
     -webkit-transform: translateY(8px);
     -ms-transform: translateY(8px);
     -o-transform: translateY(8px);
     transform: translateY(8px);
}
 .navbar-toggler[aria-expanded="true"] .line:nth-child(3){
     -webkit-transform: translateY(-8px) rotate(90deg);
     -ms-transform: translateY(-8px) rotate(90deg);
     -o-transform: translateY(-8px) rotate(90deg);
     transform: translateY(-8px) rotate(90deg);
}
 .navbar-dark .navbar-toggler {
     border-color: transparent;
}
 .navbar-toggler:focus {
     box-shadow: none;
}
/*********************************** SEARCH ***********************************/
 .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;
}
 .gsc-control-cse{
     padding:0 !important;
}
/*********************************** BREADCRUMBS ******************************/
 .breadcrumb {
     font-size: 75%;
}
/*********************************** BUTTONS **********************************/
 .btn{
     font-weight:bold;
}
 .btn-xl {
     padding: 1rem 2rem;
     font-size: 2.5rem;
}
 .btn-primary {
     background-color: var(--brand-color6);
     border-color: var(--brand-color6);
     color: var(--brand-color5);
}
 .blockColor3 .btn-primary, .blockColor4 .btn-primary {
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .btn-primary:hover, .btn-primary.focus, .btn-primary:focus, .btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
     box-shadow: 2px 2px var(--brand-color3);
     background-color: var(--brand-color6);
     border-color: var(--brand-color6);
     color: var(--brand-color5);
}
 .btn-primary.focus, .btn-primary:focus, .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(var(--brand-color6-rgb), .5);
}
 .btn-primary.disabled, .btn-primary:disabled {
     color: var(--brand-color5);
     background-color: rgba(var(--brand-color6-rgb), .35);
     border-color: rgba(var(--brand-color6-rgb), .5);
}
/*Darker*/
 .blockColor3 .btn-primary, .blockColor4 .btn-primary {
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .blockColor3 .btn-primary:hover, .blockColor3 .btn-primary.focus, .btn-primary:focus, .blockColor3 .btn-primary:not(:disabled):not(.disabled).active, .blockColor3 .btn-primary:not(:disabled):not(.disabled):active, .show> .blockColor3 .btn-primary.dropdown-toggle, .blockColor4 .btn-primary:hover, .blockColor4 .btn-primary.focus, .btn-primary:focus, .blockColor4 .btn-primary:not(:disabled):not(.disabled).active, .blockColor4 .btn-primary:not(:disabled):not(.disabled):active, .show> .blockColor4 .btn-primary.dropdown-toggle {
     box-shadow: 2px 2px var(--brand-color3);
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .blockColor3 .btn-primary.focus, .blockColor3 .btn-primary:focus, .blockColor3 .btn-primary:not(:disabled):not(.disabled).active:focus, .blockColor3 .btn-primary:not(:disabled):not(.disabled):active:focus, .show> .blockColor3 .btn-primary.dropdown-toggle:focus, .blockColor4 .btn-primary.focus, .blockColor4 .btn-primary:focus, .blockColor4 .btn-primary:not(:disabled):not(.disabled).active:focus, .blockColor4 .btn-primary:not(:disabled):not(.disabled):active:focus, .show> .blockColor4 .btn-primary.dropdown-toggle:focus {
     box-shadow: 0 0 0 0.2rem rgba(var(--brand-color1-rgb), .5);
}
 .blockColor3 .btn-primary.disabled, .blockColor3 .btn-primary:disabled, .blockColor4 .btn-primary.disabled, .blockColor4 .btn-primary:disabled {
     color: var(--brand-color4);
     background-color: rgba(var(--brand-color1-rgb), .35);
     border-color: rgba(var(--brand-color1-rgb), .5);
}
/*Secondary*/
 .btn-secondary {
     background-color: var(--brand-color2);
     border-color: var(--brand-color2);
     color: var(--brand-color4);
}
 .btn-secondary:hover, .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active, .btn-secondary:not(:disabled):not(.disabled):active, .show>.btn-secondary.dropdown-toggle {
     box-shadow: 2px 2px var(--brand-color3);
     background-color: var(--brand-color2);
     border-color: var(--brand-color2);
     color: var(--brand-color4);
}
 .btn-secondary.focus, .btn-secondary:focus, .btn-secondary:not(:disabled):not(.disabled).active:focus, .btn-secondary:not(:disabled):not(.disabled):active:focus, .show>.btn-secondary.dropdown-toggle:focus{
     box-shadow: 0 0 0 0.2rem rgba(var(--brand-color2-rgb), .5);
}
 .btn-secondary.disabled, .btn-secondary:disabled {
     color: var(--brand-color4);
     background-color: rgba(var(--brand-color2-rgb), .35);
     border-color: rgba(var(--brand-color2-rgb), .5);
}
/*********************************** WIDGETS **********************************/
 .content-block:not(:last-child){
     margin-bottom:30px;
}
/*********************************** ACCORDIONS/TABS **************************/
 .nav-tabs {
     display:none;
}
/*Nested Accordions*/
/*FAQ*/
 .accordion.faq .accordion-header{
     position: relative;
}
 .accordion.faq .accordion-button::after{
     position:absolute;
}
 .accordion.faq .accordion-body{
     padding-left:50px;
     padding-right:50px;
}
/*********************************** BANNER ***********************************/
 .banner{
     background-position: center;
     background-repeat: no-repeat;
     background-size: cover;
     min-height:500px;
}
/********************************** CALENDAR **********************************/
/*Full Calendar*/
/*Event List Widget*/
/*********************************** CARDS ************************************/
 .cards a:hover .card {
     background-color: lightgray;
}
 .cards a:hover .card.blockColor3 {
     background-color: var(--brand-color1);
     border-color: var(--brand-color1);
     color: var(--brand-color4);
}
 .cards a:hover{
     text-decoration:none;
}
 .card-body {
     padding-bottom: 0;
}
 .card-body:empty {
     display: none;
}
 .card img.rounded-circle{
     max-width:150px;
}
/*********************************** CAROUSEL *********************************/
 .carousel-item{
     background: var(--brand-color4);
}
 .carousel-indicators [data-bs-target] {
     width: 5px;
     height:5px 
}
 .carousel-caption h5, .carousel-caption p{
     text-shadow: 1px 1px rgba(0,0,0,0.75);
}
 .carousel-caption a:not(.btn){
     color: white !important;
}
 .carousel-caption a:not(.btn):hover{
     text-decoration: none !important;
}
 .carousel-control-next, .carousel-control-prev {
     width: 5%;
}
/*********************************** TILES ************************************/
 .tile {
     position: relative;
     float: left;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: var(--brand-color1);
     border:1px solid lightgray;
     text-align: center;
     cursor: default;
}
 .tile img {
     display: block;
     position: relative;
     width: calc(100% + 20px);
     max-width: none;
     max-height: 400px;
     backface-visibility: hidden;
     object-fit: cover;
}
 .tile .overlay {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     padding: 40% 15px 15px 15px;
     overflow: hidden;
}
 .tile h2 {
     position: relative;
     margin-bottom: 0;
     padding:0;
     overflow: hidden;
     background-color: rgba(var(--brand-color1-rgb),0.75);
     text-transform: uppercase;
     font-size:24px;
     text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
     text-align: center;
     color: var(--brand-color4);
}
 .tile p {
     padding: 0 0 5px 0;
     background-color: rgba(var(--brand-color1-rgb), 0.75);
     color: var(--brand-color4);
}
 .hovereffect img {
     -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;
}
 .hovereffect:hover img {
     opacity: 0.4;
     filter: alpha(opacity=40);
     -webkit-transform: translate3d(0,0,0);
     transform: translate3d(0,0,0);
}
 .hovereffect h2{
     padding:10px 0;
}
 .hovereffect h2:after {
     position: absolute;
     bottom: 0;
     left: 0;
     width: 100%;
     height: 2px;
     background: var(--brand-color6);
     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 {
     background-color: transparent;
     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);
}
/*********************************** NEWS *************************************/
 .loader {
     width: 100%;
     margin: 15px auto;
     font-size: 100px;
     text-align: center;
     color: rgba(var(--brand-color7-rgb),0.15);
     -webkit-animation-name: beat;
     animation-name: beat;
     -webkit-animation-iteration-count: infinite;
     animation-iteration-count: infinite;
     -webkit-animation-duration: 2.5s;
     animation-duration: 2.5s;
}
 .news h5.title{
     font-size:1.5rem;
}
 .news .article:last-child{
     border-bottom:0 !important;
}
 .news .thumb{
     object-fit: cover;
}
/*********************************** FOOTER ***********************************/
 .footer {
     background-color: rgba(var(--brand-color7-rgb),0.15);
     color: var(--brand-color5);
}
 .footer *{
     line-height: 175%;
}
 .footer a:not(.btn) {
     color:var(--brand-color5);
}
 .footer img {
     display:block;
     margin:0 auto;
}
 .footer .list-unstyled li {
     margin-bottom: 1em;
}
 .footer .social-links i{
     font-size: 24px;
}
 .footer .social-links img{
     display: block;
     width: 24px;
}
 .footer .h6{
     margin-top: 0px;
     margin-bottom: 0.5rem;
     font-weight: 500;
     font-size: 1rem !important;
}
/*********************************** CHAT *************************************/
 #chat-button, #chat-greet, #sn_va_web_client {
     position:fixed;
     right:10px;
     bottom:20px;
     z-index:9999;
     background: var(--brand-color2);
     border: thin solid var(--brand-color1);
     color:white;
}
 #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;
}
 #sn_va_web_client {
     margin-bottom: 80px;
     max-height: 600px;
}
/*Table devices (tablets, 768px or less)*/
 @media (max-width: 768px) {
    /*chat*/
     #sn_va_web_client {
         margin-bottom: 80px;
         max-height: 450px;
    }
}
/*Table devices (phones, 576px or less)*/
 @media (max-width: 576px) {
    /*chat*/
     #sn_va_web_client {
         margin-bottom: 80px;
         max-height: 300px;
    }
}
/*********************************** ANIMATION ********************************/
 @-webkit-keyframes beat {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     5% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     10% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     25% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     30% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1) 
    }
     50% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
 @keyframes beat {
     0% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     5% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     10% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     25% {
         -webkit-transform: scale(1);
         transform: scale(1);
    }
     30% {
         -webkit-transform: scale(1.05);
         transform: scale(1.05);
    }
     40% {
         -webkit-transform: scale(1);
         transform: scale(1) 
    }
     50% {
         -webkit-transform: rotate(360deg);
         transform: rotate(360deg);
    }
}
/*********************************** RESPONSIVE *******************************/
/*Extra large devices (large desktops, 1200px or less)*/
 @media (max-width: 1200px) {
}
/*Large devices (desktops, 992px or less)*/
 @media (max-width: 992px) {
     .dropdown-menu[data-bs-popper] {
         left: 0;
    }
     .dropdown-menu, .dropdown .dropdown-item {
         padding: 0 20px;
         white-space: normal;
    }
     .dropdown-item.active, .dropdown-item:active {
         color: var(--brand-color4);
    }
     .news .thumb {
         width: auto;
         height: auto;
    }
}
/*Medium devices (tablets, 768px or less)*/
 @media (max-width: 768px) {
     .sticky-top {
         top: 0;
    }
     .sidebar {
         border:0 !important;
         text-align: center;
    }
     .carousel-caption{
         position: initial;
         padding: 30px 15px;
    }
     .carousel-caption h5, .carousel-caption p {
         text-shadow: none;
    }
     .carousel-caption a:not(.btn){
         color:initial !important;
    }
     .carousel-indicators{
         display:none;
    }
    /*Tabs To Accordions*/
     .tab-content > .tab-pane {
         display: block !important;
         opacity: 1;
    }
     .footer [class^="col-"]{
         margin-bottom: 15px;
    }
}
/*Medium devices (tablets, 768px or more)*/
 @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;
    }
     .row.gx-5 {
         margin-right: calc(-.5 * 4rem);
         margin-left: calc(-.5 * 4rem);
    }
     .row.gx-5>* {
         padding-right: calc(4rem * .5);
         padding-left: calc(4rem * .5);
    }
    /*Tabs To Accordions*/
     .nav-tabs {
         display: flex;
    }
     .tab-content .accordion {
         border: none;
    }
     .tab-content .accordion .accordion-header {
         display:none;
    }
     .tab-content .accordion .collapse{
         display:block;
    }
}
/*Internet Explorer*/
 @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
     .sticky-top{
         top:0;
    }
}