/* custom styles specific to the org  */
/* NOTE: The source code for this file is SCSS and lives in library/scss
DO NOT edit the .css file directly, as your changes will be overwritten */
body, #pageContainer {
  background: #f4f4f0; }

@media screen and (max-width: 1055px) {
  #header {
    background-color: #120a0a; }
    #header .navBar {
      padding: 10px 15px; }
      #header .navBar .mainLogo img {
        height: 67px !important; }
      #header .navBar .menuContainer #mainMenu #mainMenuLinks li {
        margin: 0 10px; }
        #header .navBar .menuContainer #mainMenu #mainMenuLinks li a {
          font-size: 15px !important; }
      #header .navBar .menuContainer .hotline {
        width: 100px; } }
#header {
  background-color: #120a0a; }
  #header #topBar #userLoginInset.signedIn div {
    margin-top: 7px;
    color: #fff; }
    #header #topBar #userLoginInset.signedIn div a {
      color: #fff; }
      #header #topBar #userLoginInset.signedIn div a:hover {
        color: #b9b9b9; }
  #header #topBar #userLoginInset.notSignedIn #signInLink, #header #topBar #userLoginInset.notSignedIn a span {
    background-image: none !important;
    margin-left: inherit !important;
    padding: 5px 6px !important; }
  #header #topBar #userLoginInset.notSignedIn #signInLink {
    text-align: center;
    padding: 5px 7px;
    background-color: #ca1827 !important;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-transform: uppercase; }
  #header .navBar {
    display: flex !important;
    flex-direction: row;
    flex-wrap: nowrap;
    padding: 12px 50px; }
    #header .navBar .mainLogo {
      vertical-align: middle; }
      #header .navBar .mainLogo img {
        height: 180px; }
    #header .navBar .menuContainer {
      display: flex;
      flex-wrap: nowrap;
      width: 100%;
      justify-content: right; }
      #header .navBar .menuContainer #mainMenu {
        position: relative !important;
        display: inline-block;
        height: unset;
        margin: auto 10px auto 10px;
        font-size: 18px;
        font-weight: 700;
        line-height: 18px; }
        #header .navBar .menuContainer #mainMenu ul#mainMenuLinks {
          display: flex; }
          #header .navBar .menuContainer #mainMenu ul#mainMenuLinks li {
            margin: 0 15px; }
            #header .navBar .menuContainer #mainMenu ul#mainMenuLinks li a {
              text-transform: uppercase;
              color: #fff; }
              #header .navBar .menuContainer #mainMenu ul#mainMenuLinks li a:hover {
                color: #fff; }
              #header .navBar .menuContainer #mainMenu ul#mainMenuLinks li a .chevron-down {
                color: #fff;
                font-size: 11px;
                font-weight: bold;
                vertical-align: middle;
                margin-left: 5px; }
          #header .navBar .menuContainer #mainMenu ul#mainMenuLinks .subMenu {
            font-size: 18px;
            top: 40px;
            width: 236px;
            padding: 0px; }
            #header .navBar .menuContainer #mainMenu ul#mainMenuLinks .subMenu ul li {
              background-color: #120a0a;
              width: 100%;
              margin: 0px auto;
              border-bottom: #797979 1px solid; }
              #header .navBar .menuContainer #mainMenu ul#mainMenuLinks .subMenu ul li:hover {
                background-color: #ca1827; }
              #header .navBar .menuContainer #mainMenu ul#mainMenuLinks .subMenu ul li a {
                display: block;
                width: 100%;
                padding: 10px 0;
                margin-left: 12px;
                color: #fff;
                text-transform: capitalize;
                width: 100%; }
            #header .navBar .menuContainer #mainMenu ul#mainMenuLinks .subMenu ul :nth-last-child(1 of li) {
              border-bottom-left-radius: 15px;
              border-bottom-right-radius: 15px; }
      #header .navBar .menuContainer .hotline {
        display: inline-block;
        float: right;
        margin: auto 0;
        text-align: center;
        width: 120px; }
        #header .navBar .menuContainer .hotline a {
          color: #fff;
          font-weight: bold;
          text-decoration: none; }

#footer {
  background-color: #120a0a;
  padding: 30px 0;
  text-align: center; }
  #footer #footerContainer {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    color: #fff;
    font-family: "Montserrat", sans-serif;
    font-size: 18px;
    font-weight: 600;
    line-height: 18px; }
    #footer #footerContainer .logoImageColumn {
      flex: 0 0 100%;
      padding: 50px 0 70px 0;
      text-align: center; }
      #footer #footerContainer .logoImageColumn .mainLogo img {
        height: 180px;
        width: auto; }
    #footer #footerContainer .footerMenuColumn {
      width: 360px;
      text-align: center; }
      #footer #footerContainer .footerMenuColumn h4 {
        font-weight: 700;
        color: #ca1827;
        text-transform: uppercase; }
      #footer #footerContainer .footerMenuColumn ul {
        display: inline-block;
        text-align: left;
        margin: 0px auto; }
        #footer #footerContainer .footerMenuColumn ul li {
          margin: 15px 0; }
          #footer #footerContainer .footerMenuColumn ul li a, #footer #footerContainer .footerMenuColumn ul li span {
            text-align: left;
            color: #fff;
            display: inline-block;
            font-size: 16px;
            font-weight: normal; }
            #footer #footerContainer .footerMenuColumn ul li a img, #footer #footerContainer .footerMenuColumn ul li span img {
              vertical-align: middle;
              margin: 0 10px; }
            #footer #footerContainer .footerMenuColumn ul li a:hover, #footer #footerContainer .footerMenuColumn ul li span:hover {
              color: #ca1827; }
          #footer #footerContainer .footerMenuColumn ul li a {
            text-decoration: none; }
  #footer .footerContactColumn {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 30px;
    margin-bottom: 30px;
    gap: 10px; }
    #footer .footerContactColumn .social {
      display: flex;
      gap: 5px; }
      @media screen and (max-width: 600px) {
        #footer .footerContactColumn .social {
          flex: 0 0 100%;
          padding: 20px 0;
          justify-content: center; } }
      #footer .footerContactColumn .social .socialLink a {
        background-color: #ca1827;
        padding: 14px 18px;
        font-size: 26px !important;
        color: #fff;
        border-radius: 7px; }
    #footer .footerContactColumn .contactMail {
      text-align: center;
      line-height: 36px;
      color: #ca1827; }
      @media screen and (max-width: 600px) {
        #footer .footerContactColumn .contactMail {
          flex: 0 0 100%; } }
      #footer .footerContactColumn .contactMail a {
        font-size: 24px;
        color: #fff; }
        #footer .footerContactColumn .contactMail a:hover {
          color: #ca1827; }
  #footer .poweredBy a img {
    filter: drop-shadow(2px 1px 0px #000); }

#responsiveHeader {
  background-color: #120a0a; }
  #responsiveHeader #responsiveMenu {
    background-color: #120a0a; }
  #responsiveHeader #responsiveMenuLogo {
    margin: 15px 0 0 15px; }