/*!
 * Bootstrap  Custom OSU Web Cat, LLC
 * teamyarger.com
 * 02/2026
 */
 
 * {
	margin:0;
	padding:0;
}

/* Check width     * { outline: 1px solid red !important; }     */
 
 html {
  /* Default for mobile (if header is smaller) */
  scroll-padding-top:348px; 
  scroll-behavior:smooth;
}

@media (min-width: 992px) {
  html {
    /* Adjust for desktop (if header is larger) */
    scroll-padding-top:112px; 
	scroll-behavior:smooth;
   }
}
 
:root {
  --bs-primary:#00008B; /* dark blue primary */
  --bs-primary-rgb: 0, 0, 139; /* RGB value */
  --bs-secondary:#8B0000; /* dark red primary */
  --bs-secondary-rgb: 139, 0, 0; /* RGB value */
}

/* Change text & background color on hover */
.navbar-nav .nav-item .nav-link:hover {
    color:#00008B !important;
	background-color:white;
}

body {
  font-family:'Lato', sans-serif;
 }
 
h1, h2, h3, h4, h5, h6 {
  font-family:'Lato', sans-serif;
  font-weight:700; /* Use the bold weight */
}

  
.img-fluid-50 {
  max-width:50%; /* image reduce to 50% */
  max-height:auto; 
}

.img-fluid-65 {
  max-width:65%; /* image reduce to 65% */
  max-height:auto; 
}
   
.img-fluid-80 {
  max-width:80%; /* image reduce to 80% */
  max-height:auto; 
}

.img-fluid-auto {
  max-width:auto; /* image logo */
  max-height:auto; 
}

.bg-flag {
	background-color:#ff0000;
    background:linear-gradient(rgba(0,0,0,.2), rgba(0,0,0,.2)), url("../images/bg_03a.jpg");
    background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.bg-grayflag {
	background-color:#ffffff;
    background:linear-gradient(rgba(0,0,0,.0), rgba(0,0,0,.0)), url("../images/bg_03b.jpg");
    background-repeat:no-repeat;
	background-size:cover;
	background-position:center;
}

.bg-blue {
	background-color:#00008B;
}

.bg-red {
	background-color:#8B0000;
}

.btn-primary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#00008B;
  --bs-btn-border-color:#00008B;
  --bs-btn-hover-color:#00008B;
  --bs-btn-hover-bg:#fff;
  --bs-btn-hover-border-color:#00008B;
  --bs-btn-focus-shadow-rgb:49, 132, 253;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#00008B;
  --bs-btn-active-border-color:#00008B;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
  
}

.btn-secondary {
  --bs-btn-color:#fff;
  --bs-btn-bg:#8B0000;
  --bs-btn-border-color:#8B0000;
  --bs-btn-hover-color:#8B0000;
  --bs-btn-hover-bg:#fff;
  --bs-btn-hover-border-color:#8B0000;
  --bs-btn-focus-shadow-rgb:130, 138, 145;
  --bs-btn-active-color:#fff;
  --bs-btn-active-bg:#8B0000;
  --bs-btn-active-border-color:#8B0000;
  --bs-btn-active-shadow:inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

.lato-thin {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.lato-light {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: normal;
}

.lato-regular {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.lato-semi {
  font-family: "Lato", sans-serif;
  font-weight: 600;
  font-style: normal;
}

.lato-bold {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.lato-black {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: normal;
}

.lato-thin-italic {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-style: italic;
}

.lato-light-italic {
  font-family: "Lato", sans-serif;
  font-weight: 300;
  font-style: italic;
}

.lato-regular-italic {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  font-style: italic;
}

.lato-bold-italic {
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-style: italic;
}

.lato-black-italic {
  font-family: "Lato", sans-serif;
  font-weight: 900;
  font-style: italic;
}



/* Custom CSS for Vertical Carousel */
#verticalCarousel { max-height: 144px; overflow: hidden; }
.carousel-inner { display: flex; flex-direction: column; height: 100%; }
.carousel-item { margin-right: 0; transition: transform 0.6s ease-in-out; }
.carousel-item-next, .carousel-item-prev, .carousel-item.active { transform: translateY(0); }
.carousel-item-next.carousel-item-start, .carousel-item-prev.carousel-item-end { transform: translateY(-100%); }
.carousel-item-next.carousel-item-end, .carousel-item-prev.carousel-item-start { transform: translateY(0); }