/*General Styles*/

/*Key Colors: 
Light Gray (used in mini nav) - #717073
Gray - #4b4a4c
Orange - #f26722
Dark Orange (used in mini nav hover) - #d54f0d
Dark Blue - #002b5c
*/
/*Setting font styles*/
#miniNav1 a,
#h_nav .navbar-nav > li > a,
.spacerBar,
.footerHeader,
#footerRightTop h3 {
  font-family: WhitneySemiBold;
}
.customHeader {
  text-align: center;
}
#h_nav .dropdown-menu > li > a,
#miniNav2 a,
#footer p,
#footer p > a {
  font-family: WhitneyBook;
}
#ContainDiv,
#contentSection {
  width: 100%;
  padding: 0px;
}
#div_privacy,
#Server,
.pageHelp {
  display: none;
}
/*END General Styles*/

/*Top Section*/
#topBanner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 10px auto;
}
#tbLeft img {
  max-width: 310px;
}
#tbRight {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: 10px;
}
input.searchBox.searchBoxHor-input.form-control {
  text-align: right;
}
#miniNav1,
#miniNav2 {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  list-style-type: none;
  padding: 0px;
  margin: 0px;
  width: 100%;
}
#miniNav1 a,
#miniNav2 li > a {
  display: flex;
  justify-content: center;
  align-items: center;
  text-transform: uppercase;
  white-space: nowrap;
}
#miniNav1 a {
  min-width: 90px;
  min-height: 45px;
  padding: 0px 10px;
  background-color: #f26722;
  color: white;
  text-decoration: none;
  font-weight: bold;
  font-size: 16px;
  border-right: 3px solid #af4b19;
}
#miniNav1 li {
  flex-grow: 1;
}
#miniNav2 {
  gap: 10px;
}
#miniNav2 li > a {
  color: #717073;
  text-decoration: underline;
}
@media (max-width: 832px) {
  #topBanner {
    flex-direction: column;
    width: 100%;
    gap: 25px;
  }
}
@media (max-width: 768px) {
  #tbRight {
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
  }
  #searchContain {
    display: none;
  }
  #miniNav2 {
    justify-content: center;
  }
  #miniNav1 a {
    min-height: 38px;
    font-size: 12px;
  }
  #miniNav2 li > a {
    font-size: 14px;
  }
}

/*END Top Section*/

/*Navigation*/
#h_nav {
  background-color: #4b4a4c;
  min-height: 0px;
  border-radius: 0px;
}
#h_nav.navbar-expand-md {
  flex-wrap: wrap;
}
#h_nav.navbar-expand-md .navbar-nav {
  width: 100%;
  flex-wrap: wrap;
}
#h_nav .navbar-nav > li > a {
  text-transform: uppercase;
  color: white;
  font-weight: bold;
  font-size: 16px;
}
.fa.fa-caret-right {
  color: #f26722;
}
#h_nav .dropdown-toggle::after {
  display: none;
}
#h_nav .dropdown-menu {
  background-color: #4b4a4c;
}
#h_nav .dropdown-menu > li > a {
  font-size: 15px;
  color: white !important;
  background-color: transparent !important;
}
.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23ffffff' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  box-shadow: none;
}
#h_nav .navbar-nav > li.open > a {
  background-color: #717073;
}
/*END Navigation*/
/*Merchandise Tiles*/
#merchTileWrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  width: 100%;
  gap: 30px;
  margin-top: 20px;
  margin-bottom: 20px;
}
.mtRow {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3px;
  width: 80%;
}
.tileHeader {
  color: black;
  font-size: 19px;
  text-decoration: none;
  text-align: center;
  display: block;
}
.merchTile {
  max-width: 33%;
}
/*Making merch titles responsive*/
@media only screen and (max-width: 768px) {
  #merchTileWrapper {
    flex-direction: row;
    flex-wrap: wrap;
  }
  .mtRow {
    flex-direction: column;
    width: 45%;
  }
  .merchTile {
    max-width: 100%;
  }
}
.merchTile a:hover {
  text-decoration: none;
}
/*END Merchandise Tiles*/
/*Footer*/
#footerSpacer {
  margin-top: 20px;
}
.spacerBar {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  min-height: 75px;
  background-color: #002b5c;
  width: 100%;
  color: white;
  font-size: 1.5rem;
  margin: 0px;
  text-transform: uppercase;
}
#footerWrapper.container {
  --bs-gutter-x: 0px;
}
#footer {
  display: flex;
  align-items: flex-start;
  color: #717073;
}
#footer a,
#footer p {
  font-size: 15px;
}
#footer a {
  text-decoration: underline;
}
/*Left footer section*/
#footerLeft {
  display: flex;
  margin-top: 20px;
}
.footerSectionL {
  flex: 1 1 0;
}
.footerSectionL .footerHeader:nth-child(1) {
  margin-top: 0px;
}

/*Right footer section*/

#footerRightTop {
  background-color: #f26722;
}
#footerRightTop h3 {
  font-size: 25px;
  font-weight: 700;
  color: white;
  margin: 0px;
  padding: 20px;
}
#footerRightBottom {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
  gap: 20px;
  background-color: #002b5c;
  padding: 20px;
  height: 100%;
}
.footerSocial,
.footerTender {
  list-style-type: none;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  padding: 0px;
  gap: 15px;
}
.footerTender {
  justify-content: center;
}
.footerSocial a,
.footerTender .fa {
  font-size: 25px !important;
  color: #f26722;
}
@media (min-width: 1186px) {
  .footerSection {
    flex: 1 1 0;
  }
}
@media (min-width: 768px) {
  #h_nav.navbar-expand-md .navbar-nav {
    justify-content: space-between;
  }
  .footerSocial li:nth-child(3) {
    display: none;
  }
}
#frbUpper {
  display: flex;
  gap: 15px;
}
#frbLower ul {
  display: flex;
  flex-wrap: wrap;
  list-style-type: none;
  gap: 10px;
  padding: 0px;
  margin: 0px;
}
#frbLower ul a {
  color: white;
  text-transform: uppercase;
  text-decoration: underline;
}
/*END Footer*/

/*Media Queries for Small Screens*/
@media (max-width: 1185px) {
  #footer {
    flex-direction: column-reverse;
    align-items: unset;
    gap: 10px;
  }
}
@media (max-width: 767px) {
  #footerLeft {
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 15px;
  }
  #footerRightTop {
    text-align: center;
  }
  #footerRightBottom,
  #frbLower ul {
    align-items: center;
    justify-content: center;
    height: unset;
  }
}
/*END Media Queries for Small Screens*/