html, body {
  overflow-x: hidden;}

body {padding-right: 0 !important;}
/* ----- Navbar ----- */
@media only screen and (min-width: 768px) {
 .navbar-toggler:before {
    content:"Feb 6-7, 2026";
    right:70px;
    top:18px;
    position:absolute;
    width:300px;
    color: #062B57 !important;
    font-weight: bold;}
}

@media only screen and (min-width: 992px) {
   .navbar-toggler:before {
      top:23px;}
}

.navbar-toggler {
    font-size: 1.75rem;
    color: #0A3F7F !important;
    margin-bottom: 5px;}

ul.main-nav {
   margin-bottom:  0;
   padding-left: 0;}

.offcanvas {
	margin-top:65px;
	margin-right: 0;
	background-color: #062B57;
	width: 275px !important;}	
	

@media only screen and (min-width: 992px) {
   .offcanvas {
	margin-top:100px;}
}


/* ----- Footer ----- */
footer {background-color: #0A3F7F !important; }
.footer-left {background-color: #062B57; }
.footer-contacts {text-align:  center;}

@media only screen and (min-width: 992px) {
   .footer-contacts {text-align:  left;}
}

.copyright {font-size:  .75rem;}

/* ----- Footer Nav ----- */
.main-nav {list-style-type:  none;}
.main-nav > li > a {
   color:  #dddddd;
   text-transform:  uppercase;
   padding-left: 20px;
   padding-bottom:10px;}
.main-nav > li > a:hover {
   color:  #ffffff;
   font-weight: 300;}


/* ----- Buttons / Colors ----- */
.btn-primary,
.img-thumbnail,
.bg-primary {
	background-color: #0A3F7F !important;
}

.text-primary,
.link-primary,
.border-dark {
	color: #0A3F7F !important;
}

.btn-primary:hover,
 {
   background-color: #062B57 !important;
}

.bg-navy,
.btn-navy {
   background-color: #062B57;}

.btn-navy:hover {
   background-color: #0A3F7F !important;
}

/* ----- Notices / Headings----- */

.opacity-notice {
   position: relative;}

.bg-image {
   opacity: 0.33;}

    .bg-img-title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      font-weight:700;
      text-align:center;
      font-size: 1.1rem;
      width: 100%;
       text-transform: uppercase;} 
      
@media only screen and (min-width: 992px) {   
   .bg-img-title {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
      font-weight:700;
      text-align:center;
      font-size: 1.7rem;
      width:50%;} 
 }  

 .page-title {
  position: relative;
}

.bottom-left {
  position: absolute;
  bottom: 10px;
  left: 50px;
  color: #ffffff;
  font-size: 1.5rem;
  font-weight: 700;
  text-shadow: 2px 2px #555555;
  text-transform: uppercase;
} 

@media only screen and (min-width: 992px) {
  .bottom-left {
  font-size: 3rem;} 
}

 /* ----- LINKS ----- */

a {
   color:#062B57 !important;
text-decoration:  none !important;}