header {
  /* height: 325px; */
  border-bottom: 7px solid var(--Tertiary, #4AA8DE);
  background: linear-gradient(89deg, var(--Dark-Base, #282846) 20.47%, rgba(44, 44, 80, 0.00) 42.99%), linear-gradient(0deg, var(--Dark-Base, #282846) 29.58%, rgba(44, 44, 80, 0.00) 118.32%), linear-gradient(180deg, var(--color-transparent, transparent) 0%, var(--Dark-Base, #282846) 94.91%), #25408E url(/sites/default/files/2025-11/Cavs-Pattern.png);
  
  * {
    box-sizing: content-box;
  }

  /* Preserve pre-border-box sizing for nav buttons */
  #block-texascavs-main-menu {
    .menu {
      li {
        a {
          box-sizing: content-box;
        }
      }
    }
  }

  /* Keep mobile menu icon sizing unaffected by global border-box */
  #block-texascavs-mobilemenuicon {
    .field--name-body {
      img,
      svg {
        box-sizing: content-box;
      }
    }
  }

  .region-header {
    position: relative;
    max-width: 1440px;
    margin-right: auto;
    margin-left: auto;
    padding-top: 35px;
    padding-left: 43px;
    padding-right: 43px;
    #block-texascavs-headertop {
      display: flex;
      justify-content: space-between;
      #block-texascavs-site-branding {
        flex: 0 0 313px;
        box-sizing: border-box;
        img {
          width: 100%;
          max-width: 313px;
          height: auto;
        }
        @media (max-width: 949px) {
          display: inline-block;
          flex: 0 0 100%;
          padding-bottom: 12px;
          padding-left: calc(3vw + 30px);
          img {
            max-width: 284px !important;
          }
        }
      }
      #block-texascavs-headertopright {
        padding-top: 64px;
        #block-texascavs-socialicons {
          .field--name-body {
            text-align: right;
            margin-bottom: 29px;
            a {
              display: inline-block;
              margin: 0 13px;
              img {
                height: auto;
                width: auto;
                min-width: 19px;
                transition: all ease 0.3s;
                cursor: pointer;
                &:hover {
                  filter: saturate(100) hue-rotate(0);
                }
              }
            }
          }
        }
        #block-texascavs-global {
          margin-bottom: 33px;
          .menu {
            margin: 10px 0 0;
            text-align: right;
            li {
              display: inline-block;
              a {
                color: #F6ECEC;
                text-align: center;
                font-family: "Poppins", sans-serif;
                font-size: 15px;
                font-style: normal;
                font-weight: 600;
                line-height: 14px; /* 93.333% */
                letter-spacing: 0.9px;
                text-transform: uppercase;
                margin: 0 9px;
                transition: all ease 0.3s;
                &.buy-tickets,
                &.donate {
                  padding: 5px 20px;
                  background:#7BCDF1;
                  color: #282846;
                  text-align: center;
                  font-size: 18px;
                  font-style: normal;
                  letter-spacing: 1.08px;
                  border-radius: 6px;
                  border: 1px solid transparent;
                  &:hover {
                    background: #FFF;
                    color: #282846;
                    border: 1px solid #DD3A31;
                  }
                }
                &.donate {
                  background:#4AA8DE;
                }
                &:hover {
                  text-decoration: none;
                }
              }
            }
          }
        }
        @media (max-width: 949px) {
          display: none;
        }
      }
      /* @media (max-width: 1440px) {
        margin-right: 3vw;
        margin-left: 3vw;
      } */
      #block-texascavs-mobilemenuicon {
        display: none;
        position: absolute;
        top: 67px;
        left: 20px;
        .field--name-body {
          img,
          svg {
            width: 30px;
            height: 10px;
            padding: 10px;
            cursor: pointer;
          }
        }
        @media (max-width: 949px) {
          display: inline-block;
        }
      }
    }
    #block-texascavs-headerbottom {
      #block-texascavs-main-menu {
        > .menu {
          margin: 0;
          display: flex;
          /* gap: 19px; */
          gap: 1vw;
          list-style: none !important;
          > li {
            flex: 0 1 275px;
            position: relative;
            list-style: none !important;
            > a {
              padding: 20px 60px 35px;
              height: 39px;
              display: block;
              background: #DD3A31;
              color: #FFF;
              text-align: center;
              font-family: "Podkova", serif;
              font-size: 27px;
              font-style: normal;
              font-weight: 700;
              line-height: 103%;
              border-radius: 8px 8px 0 0;
              transition: all ease 0.3s;
              &:hover {
                text-decoration: none;
              }
              &.about-tx-cavs {
                padding: 20px 10px 35px;
              }
            }
            &.contact-mainmenu {
              display: none;
            }
            &::marker {
              content: "" !important;
              height: 0px;
              width: 0px;
            }
            .menu {
              display: none;
              background: white;
              position: absolute;
              z-index: 1;
              width: 100%;
              margin-left: 0px;
              padding-top: 10px;
              padding-bottom: 20px;
              border-radius: 0 0 20px 20px;
              box-shadow: 0 8px 16px 0 rgba(37, 64, 142, 0.50);
              z-index: 3;
              li {
                text-align: center;
                a {
                  padding: 10px;
                  border-bottom: 2px solid transparent;
                  display: block;
                  color: #7D7D7D;
                  text-align: center;
                  font-family: "Poppins", sans-serif;
                  font-size: 20px;
                  font-style: normal;
                  font-weight: 500;
                  line-height: 1.1;
                  transition: all ease 0.3s;
                  &:hover {
                    text-decoration: none;
                    /* font-weight: 700; */
                    border-bottom: 2px solid var(--Tertiary, #4AA8DE);
                    background: linear-gradient(0deg, rgba(74, 168, 222, 0.20) 0%, rgba(74, 168, 222, 0.20) 100%), var(--Pure-White, #FFF);
                  }
                }
              }
            }
            &:hover {
              .menu {
                display: inline-block;
              }
            }
            &:hover {
              > a {
                background: #25408E;
              }
            }
          }
        }
        @media (max-width: 1268px) {
          .menu {
            li {
              a {
                padding: 20px 40px 35px;
              }
            }
          }
        }
        @media (max-width: 1350px) {
          .menu {
            li {
              a {
                padding: 20px 40px 35px;
                font-size: 24px;
              }
            }
          }
        }
        @media (max-width: 1100px) {
          .menu {
            li {
              a {
                padding: 25px 37px 30px;
                font-size: 21px;
                &.about-tx-cavs {
                  padding-top: 25px;
                  padding-bottom: 30px;
                }
              }
            }
          }
        }
        @media (max-width: 980px) {
          .menu {
            li {
              a {
                font-size: 20px;
              }
            }
          }
        }
        @media (max-width: 949px) {
          display: none;
        }
      }
      #block-texascavs-mobileitems {
        display: none;
        margin-right: 3vw;
        margin-left: 3vw;
        height: calc(100vh - 227px);
        flex-direction: column;
        #block-texascavs-mainnavigation-2 {
          flex: 1 0 auto;
          > .menu {
            margin-left: 3vw;
            max-height: 40vh;
            list-style: none !important;
            overflow-y: scroll;
            > li {
              margin-left: 36px;
              margin-bottom: 6px;
              position: relative;
              list-style: none !important;
              > a {
                color: #FFF;
                font-family: "Podkova", serif;
                font-size: 26px;
                &:hover {
                  text-decoration: none;
                }
              }
              &.contact-mainmenu {
                display: inline-block;
              }
              &::marker {
                content: "" !important;
                height: 0px;
                width: 0px;
              }
              .menu {
                margin-left: 0;
                height: 0;
                overflow: hidden;
                li {
                  a {
                    color: #FFF;
                    font-family: "Poppins", sans-serif;
                    font-size: 17px;
                    font-style: normal;
                    font-weight: 500;
                    line-height: 1.24;
                    padding: 7px 0;
                    display: block;
                    &:hover {
                      text-decoration: none;
                    }
                  }
                }
                &:before {
                  content: "";
                  height: 26px;
                  width: 12px;
                  position: absolute;
                  background-image: url(/sites/default/files/2025-11/List-Marker-Icon.svg);
                  background-repeat: no-repeat;
                  top: 9px;
                  left: -25px;
                  cursor: pointer;
                  pointer-events: auto;
                  padding: 0 0 0 9px;
                }
                &.open {
                  height: auto;
                  overflow: unset;
                  &:before {
                    transform: rotate(90deg);
                    top: 15px;
                    left: -32px;
                  }
                }
              }
            }
          }
        }
        #block-texascavs-socialicons-3 {
          padding-top: 15px;
          margin-top: 20px;
          border-top: solid 3px #DD3A31;
          .field--name-body {
            width: 100%;
            text-align: center;
            margin-bottom: 20px;
            display: flex;
            justify-content: center;
            gap: 50px;
            .media {
              display: inline-block;
              /* margin: 0 9px; */
              img {
                height: auto;
                width: auto;
                max-height: 18px;
              }
            }
            &:after {
              display: none;
            }
          }
        }
        #block-texascavs-global-2 {
          .menu {
            margin: 10px 0 0;
            text-align: center;
            li {
              display: inline-block;
              a {
                color: #F6ECEC;
                text-align: center;
                font-family: "Poppins", sans-serif;
                font-size: 16px;
                padding: 3px 9px;
                font-style: normal;
                font-weight: 600;
                line-height: 14px; /* 93.333% */
                letter-spacing: 0.9px;
                background: #25408E;
                text-transform: uppercase;
                margin: 0 1px;
                border-radius: 6px;
                &.buy-tickets,
                &.donate {
                  background:#7BCDF1;
                  color: #282846;
                }
                &.donate {
                  background:#DD3A31;
                  color: #F6ECEC;
                }
                &:hover {
                  text-decoration: none;
                }
              }
              &.contact-global {
                display: none;
              }
            }
          }
        }
        &.mobile-expanded {
          display: flex;
        }
      }
    }
    @media (max-width: 1440px) {
      padding-left: 3vw;
      padding-right: 3vw;
    }
  }
  @media (max-width: 949px) {
    .region-header {
      padding-top: 63px;
    }
  }
}