@charset "utf-8";
/* CSS Document */

/* Colors */
:root {
  --crown-navy: #13294b;
  --dark: #13294b;
  --crown-yellow: #ecd898;
  --crown-dark-yellow: #cbad4f;
  --crown-light-blue: #abc7e5;
  --head-nav-background: #13294b;
  --primary: #13294b;
  --primary-hover: #224a88;
  --secondary: #ecd898;
  --secondary-hover: #cbad4f;
}

/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');
h1, .h1 {font-weight:400; text-transform:uppercase; letter-spacing:0.06em; line-height: 150%; font-weight:500;}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 { line-height: 150%; margin: 15px 0; font-weight: 500;}
body {font-family:"Montserrat", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; margin: 0 auto; color: var(--crown-navy); font-weight:400;}
h3.popover-title {font-family: 'Open Sans', Helvetica, Arial, sans-serif;}

/* Layout Fixes */
html {background: #fafafa;}
.Layout {background-color: #ffffff; -webkit-box-shadow:1px 2px 10px #e6e6e6; box-shadow:1px 2px 10px #e6e6e6;}
#MainForm {width:100%; max-width:1920px; margin:auto;}
.stuck, .simple-sticky {max-width:1920px;}

/* Header */
.head1 {background-color: var(--crown-navy);}
.head1 a.nav-link {color:#fff; font-weight:900; text-transform: uppercase; font-size: .9375rem; }
.horizontal-menu .nav .nav-item .nav-link:hover, .horizontal-menu .nav .nav-item .nav-link:focus, .horizontal-menu .nav .nav-item .nav-link:active {color: var(--crown-yellow);}
.head-icon-wrap p, .head-icon-wrap i {color: var(--crown-light-blue);}
.navbar-toggler {color:#fff;}
.head-badge {background-color: var(--crown-yellow)}
#collapsibleNavbar > .navbar-nav > .nav-item-drop > .nav-item-submenu {padding:1.65625rem 0 .84375rem; min-width:250px; background:var(--crown-navy); color:#fff;}
li.nav-item-subitem a {color:#fff;}
li.nav-item-subitem a:hover {color: var(--crown-yellow);}

/* Misc */
b, strong {font-weight:bold;}
.highlight {background-color:#fbf7ea; padding:5px;}
.plant-compliant {background-color: var(--bs-green); color:#fff;}
.ProductDetails-main .view-details {display:inline-block; background-color: var(--crown-navy); margin:10px 0; padding:10px; color:#fff; text-decoration:none;}

/* Buttons */
.btn-outline-dark {border-color: var(--crown-navy)}
.ShoppingCartContinueShoppingThemeButton {background-color: var(--crown-yellow); color: var(--crown-navy);}
.ShoppingCartContinueShoppingThemeButton:hover {background-color: var(--crown-dark-yellow); color: var(--crown-navy);}
.btn-secondary, .btn-secondary:disabled, .btn-secondary.disabled {color: var(--crown-navy);}

/* Footer */
.LayoutBottom {background-color: var(--crown-navy);}
.footer, .footer .nav-links, .footer a {background-color: var(--crown-navy); color: var(--crown-light-blue);}

/* Size Chart Header */
#desc4 table tr:nth-of-type(1) {background-color: var(--dark) !important; color: #fff !important;}
#desc4 table tr:nth-of-type(1) td {border-color:#fff !important;}

/* Large Screen */
@media (min-width: 992px) {
  h1, .h1 {font-size:2.5rem; }
  .head1 .nav-item-submenu { margin: 0; }
  .head1 .nav-item-submenu > * { padding: var(--space-1) var(--space-2); }
  .head1 .nav-item-submenu > *:hover { background-color: var(--crown-navy) !important; border-left: none !important; }
  .head1 .head-nav-col {display:flex; align-items:center;}
  body {font-size:112%;}
}

/* Mobile */
@media (max-width: 992px) {
  h1, .h1 {font-size:2rem;}
  .head1 a.nav-link {color: var(--crown-navy);}
  .mobileMenu-logo {background-color: var(--crown-navy); width:100%; text-align:center; padding:1rem;}
  button.navbar-close {background-color: var(--crown-yellow);}

}