@import url(https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap);
@import "fonts.css";
@import "menu.css";
@import "hero.css";
@import "portfolio.css";
@import "top-a-grid-one.css";
@import url("com_hikashop.css");
:root {
  --blue-1: #011f3b;
  --blue-2: #011e3a;
  --blue-3: rgba(1, 30, 58, 0.63);
  --blue-4: #0f284a;
    --blue-5:rgb(1 30 58 / .7);
  --red-1: #98012e;
  --red-2: #c3043d;
  --red-3: #9c0d37;
  --red-4: #ae3b5d;
  --white-1: #fff;
  --white-2: #f5f5f5;
  --black-1: #0c0b07;
  --beige-1: #e7e0d6;
  --grey-1: #abaeb0;
  --menu-min-height-525: 525px;
  --size-1rem: 1rem;
  --size-1: clamp(1rem, 0.19vi + 0.96rem, 1.19rem);
  --size-2: clamp(1.25rem, 0.33vi + 1.18rem, 1.58rem);
  --size-3: clamp(1.56rem, 0.55vi + 1.45rem, 2.11rem);
  --size-4: clamp(1.95rem, 0.86vi + 1.78rem, 2.81rem);
  --size-5: clamp(2.44rem, 1.31vi + 2.18rem, 3.75rem);
  --size-5: clamp(3.05rem, 1.95vi + 2.66rem, 5rem)
}
body {
  a {
    color: var(--blue-1);
  }
}
.myriad {
  font-family: "myriad_proregular", sans-serif;
  font-weight: 400;
  font-style: normal
}
.bodoni {
  font-family: 'bodoni_modaregular';
  font-weight: 400;
  font-style: normal
}
.montserrat {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal
}
img {
  display: block;
  width: 100%
}
@supports (font-size:clamp(1rem, 1vi, 1rem)) {
  :root {
    --size-0: clamp(0.8rem, 0.14vi + 0.77rem, 0.94rem);
    --size-1: clamp(1rem, 0.25vi + 0.95rem, 1.25rem);
    --size-2: clamp(1.25rem, 0.42vi + 1.17rem, 1.67rem);
    --size-3: clamp(1.56rem, 0.66vi + 1.43rem, 2.22rem);
    --size-4: clamp(1.95rem, 1.01vi + 1.75rem, 2.96rem);
    --size-5: clamp(2.44rem, 1.51vi + 2.14rem, 3.95rem);
    --size-6: clamp(3.05rem, 2.21vi + 2.61rem, 5.26rem)
  }
}
@supports not (font-size:clamp(1rem, 1vi, 1rem)) {
  :root {
    --size-0: 0.8rem;
    --size-1: 1rem;
    --size-2: 1.25rem;
    --size-3: 1.56rem;
    --size-4: 1.95rem;
    --size-5: 2.44rem;
    --size-6: 3.05rem
  }
  @media screen and (min-width:766px) {
    :root {
      --size-0: 0.94rem;
      --size-1: 1.25rem;
      --size-2: 1.67rem;
      --size-3: 2.22rem;
      --size-4: 2.96rem;
      --size-5: 3.95rem;
      --size-6: 5.26rem
    }
  }
}
h1 {
  font-size: var(--size-5)
}
h2 {
  font-size: var(--size-5)
}
h3 {
  font-size: var(--size-4)
}
h4 {
  font-size: var(--size-3)
}
h6 {
  font-size: var(--size-2)
}
.size-0 {
  font-size: var(--size-0)
}
.size-1 {
  font-size: var(--size-1)
}
.size-2 {
  font-size: var(--size-2)
}
.size-3 {
  font-size: var(--size-3)
}
.size-4 {
  font-size: var(--size-4)
}
.size-5 {
  font-size: var(--size-5)
}
.size-6 {
  font-size: var(--size-6)
}
body {
  background: var(--white-2);
  font-size: var(--size-1);
  font-family: "Montserrat", sans-serif
}
h1, h2, h3, h4, h5 {
  margin-bottom: .5em
}
.space-1 {
  letter-spacing: 1px
}
.space-2 {
  letter-spacing: 2px
}
.space-3 {
  letter-spacing: 3px
}
.space-4 {
  letter-spacing: 4px
}
.center {
  text-align: center;
  margin-inline: auto
}
.bold {
  font-weight: 700
}
.red {
  color: var(--red-1)
}
.blue {
  color: var(--blue-1)
}
.white {
  color: var(--white-1)
}
.black {
  color: var(--black-1)
}
.uppercase {
  text-transform: uppercase
}
.noContent {
  .mainGrid {
    display: none
  }
}
.white-text {
  color: var(--white-1)
}
.underline {
  border-bottom: solid 2px var(--black-1)
}
.page-header {
  h1, h2, h3 {
    font-family: "myriad_proregular", sans-serif;
    color: var(--red-3)
  }
}
.site-grid {
  .container-component {
    padding: 4vw 0 2rem
  }
}
.left {
  text-align: left
}
.order-1 {
  order: 1
}
.order-2 {
  order: 2
}
.order-3 {
  order: 3
}
.order-4 {
  order: 4
}
.order-5 {
  order: 5
}
.order-6 {
  order: 6
}
.order-7 {
  order: 7
}
.metismenu.mod-menu .mm-toggler {
  position: absolute;
  right: -5px
}
.container-header .metismenu > li > a:hover::after, .container-header .metismenu > li > button:hover::before, .container-header .metismenu > li.active > a::after, .container-header .metismenu > li.active > button::before {
  background: var(--blue-2) !important;
  opacity: 1 !important
}
.current > a::after {
  background: var(--blue-2) !important;
  opacity: 1 !important;
  height: 2px;
  width: 100%;
  left: 0 !important
}
hero {
  display: block;
  position: relative;
  z-index: 4;
  .heroWrap {
    max-width: inherit;
    .mod-custom {
      width: 100%
    }
  }
}
.heroGrid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 1fr 1fr;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  gap: 0 0;
  grid-auto-flow: row;
  position: relative;
  z-index: 1;
  height: 66vh;
  .TitleImage {
    height: 66vh;
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    position: relative;
    z-index: 1
  }
  .grid-top-right {
    grid-area: grid-top-right
  }
  .grid-bottom-left {
    grid-area: grid-bottom-left
  }
  #heroTitleTitle {
    grid-area: 1 / 2 / 3 / 3;
    position: relative;
    z-index: 3;
    display: flex;
    align-items: flex-end;
    justify-content: flex-end;
    padding-right: 2rem;
    padding-bottom: 2rem;
    font-size: clamp(2rem, 4vw, 4rem);
    color: var(--white-1);
    font-family: "bodoni_modaregular", sans-serif;
    text-transform: uppercase;
    span {
      text-shadow: 0 0 19px rgb(28 27 26 / .9)
    }
  }
  .heroTitleImage {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-area: 1 / 1 / 2 / 3;
    height: 66vh;
    img {
      grid-area: 1 / 1 / 2 / 2;
      width: 100%;
      height: 66vh;
      object-fit: cover;
      object-position: center top;
      position: relative;
      z-index: 1
    }
    video {
      grid-area: 1 / 1 / 2 / 2;
      display: block;
      object-fit: cover;
      object-position: center top;
      width: 100%;
      height: 66vh;
      position: relative;
      z-index: 2
    }
    position:relative;
    z-index:1
  }
}
.shortHero {
  .heroGrid {
    height: 33vh;
    .TitleImage {
      height: 33vh;
    }
    .heroTitleImage {
      height: 33vh;
      img {
        height: 33vh;
      }
      video {
        height: 33vh;
      }
      position:relative;
      z-index:1
    }
  }
}
#competition {
  background: var(--blue-2);
  padding: 4vw;
  display: flex;
  flex-direction: column;
  gap: 4vw;
  h3 {
    margin: 0
  }
  .basicFlex {
    align-items: center;
    margin-bottom: 0
  }
}
#greekGrad {
  background: url(/images/2025/homepage/graduates.jpg);
  background-size: cover;
  min-height: 650px;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: 1fr 1fr;
  .greekGradContent {
    grid-area: 2 / 1 / 3 / 2;
    align-content: end;
    padding-bottom: 4vw;
    h3 {
      color: var(--white-1)
    }
    .greekGradMenu {
      background: rgb(1 30 58 / .7);
      display: flex;
      justify-content: space-around;
      align-items: center;
      flex-flow: row wrap;
      gap: 2rem;
      padding: 1rem;
      a {
        color: var(--white-1);
        font-family: "Montserrat", sans-serif;
        text-transform: uppercase;
        text-decoration: none;
        display: block;
        min-width: fit-content
      }
    }
  }
}
#bridal {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 2vw 1fr 2vw;
  background: url(/images/2025/homepage/bridal-large-image.jpg);
  background-size: cover;
  .bridalContent {
    grid-column: 2 / 3;
    grid-row: 2 / 3;
    display: grid;
    place-content: end center
  }
  .bridalImgBox {
    grid-column: 4 / 5;
    grid-row: 2 / 3;
    padding: 1vw;
    border: solid 3px var(--white-1);
    img {
      height: 100%;
      object-fit: cover
    }
  }
}
#awardsEvents {
  display: grid;
  grid-template-columns: 33% 1fr;
  gap: 2rem;
  padding: 0;
  .awardsEventsContent {
    display: grid;
    place-content: end center
  }
  img {
    width: 100%
  }
}
#topBar {
  .container-topbar {
    background: var(--blue-1);
    .mod-custom {
      width: calc(100% - 8rem);
      max-width: inherit;
      margin-inline: auto;
      display: grid;
      grid-template-columns: 27px 27px 27px 140px;
      gap: 1rem;
      align-items: flex-end;
      justify-content: flex-end;
      padding-bottom: 14px;
      padding-top: 30px;
      #searchBtn {
        cursor: pointer
      }
      #topbarAccount {
        a {
          text-decoration: none;
          padding: 5px 10px;
          border: solid 1px var(--white-1);
          line-height: 1;
          text-transform: uppercase;
          display: flex;
          align-items: center;
          font-size: 14px;
          font-family: "Montserrat", sans-serif
        }
      }
    }
  }
}
.displayBlock {
  display: block !important
}
a.designOwn {
  background: var(--red-1) !important;
  padding: 7px 14px !important;
  border-radius: 3px;
  font-family: 'Montserrat';
  text-decoration: none;
  color: var(--white-1) !important;
  text-transform: uppercase;
  &:hover, &:active {
    box-shadow: none;
    background: var(--red-2) !important;
    color: var(--white-1) !important
  }
  .image-title {
    padding-right: 0 !important;
    color: var(--white-1) !important;
    &::after {
      display: none !important
    }
  }
}
.header.container-header {
  background: #fff0
}
.footerBottom {
  background: var(--blue-1);
  text-transform: uppercase;
  color: var(--white-1);
  padding-block: 1rem;
  font-family: "Montserrat", sans-serif;
  padding-inline: 2rem;
  a {
    color: var(--white-1);
    &:hover, &:active {
      opacity: .8
    }
  }
  .footerBottomContent {
    justify-content: center;
    text-align: center;
    p {
      margin: 0
    }
  }
}
.footerTop {
  padding: 3rem 4vw;
  #footGrid {
    border-top: solid 2px var(--grey-1);
    .footGridMenus {
      display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      padding-block: 1.5rem;
      h2, h3 {
        font-family: 'bodoni_modaregular', serif;
        font-size: var(--size-3)
      }
      .footGridMenuItem {
        text-align: center;
        h3, h2 {
          font-family: 'bodoni_modaregular', serif;
          font-size: var(--size-2)
        }
        .mod-menu__sub {
          li {
            a {
              font-family: 'bodoni_modaregular', serif;
              font-size: var(--size-1);
              color: var(--blue-2)
            }
          }
        }
      }
      .footGridMenuItem:nth-of-type(1), .footGridMenuItem:nth-of-type(2) {
        border-right: solid 2px var(--grey-1)
      }
      .footGridMenuItemContent {
        width: fit-content;
        margin-inline: auto
      }
    }
    .footGridMenuItem, .footGridInfo {
      width: 100%;
      margin-inline: auto
    }
  }
  :where(#footGrid .mod-menu__sub[aria-hidden=true]) {
    display: unset;
  }
  :where(#footGrid .mod-menu__sub[aria-hidden=false]) {
    display: unset;
  }
  .footGridFollow {
    display: flex;
    align-items: center;
    gap: 1rem;
    justify-content: center;
    border-bottom: solid 2px var(--grey-1);
    border-top: solid 2px var(--grey-1);
    padding-block: 1.5rem;
    span {
      display: block
    }
    svg {
      margin-top: -7px;
      fill: var(--blue-2)
    }
    a {
      color: var(--blue-2);
      &:hover, &:active {
        color: var(--red-3)
      }
    }
  }
  .footGridInfos {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    padding-block: 1.5rem;
    gap: 2vw;
    font-family: "Montserrat", sans-serif;
    text-transform: uppercase;
    .footGridInfo {
      width: fit-content
    }
    .footGridInfo:nth-of-type(2) {
      display: flex;
      justify-content: space-around
    }
    .footGridInfoImg {
      margin-left: 1rem
    }
  }
}
.container-breadcrumbs {
  grid-area: breadcrumbs;
  grid-column-start: breadcrumbs;
  grid-column-end: breadcrumbs;
  .mod-breadcrumbs__wrapper {
    margin-top: 0
  }
}
.container-top-a {
  padding-block: 4rem
}
.container-top-b {
  padding-block: 4rem
}
.container-top-c {
  background: var(--blue-2);
  color: var(--red-1);
  width: 100vw !important;
  padding: 4rem
}
.container-bottom-full-a {
  padding: 2vw 4vw
}
.container-bottom-full-d {
  background: none;
  color: var(--white-1);
  width: 100vw !important;
  padding: 4vw 4vw 2rem
}
.shopNow {
  display: grid;
  place-content: center;
  padding: 2vw 4vw;
  text-align: center;
  text-transform: uppercase;
  a {
    text-underline-offset: .5rem;
    text-decoration-thickness: 2px
  }
}
#awardsEvents {
  .shopNow {
    a {
      color: var(--blue-2)
    }
  }
}
#exclusivePartner {
  background: url(../images/background/exclusive-partner-image.jpg);
  background-size: cover;
  max-width: 100%;
  padding: 4vw;
  .exclusivePartnerContent {
    text-align: right;
    margin-bottom: 4rem
  }
  .basicFlex {
    align-items: center;
    flex-flow: row wrap;
    justify-content: space-between;
    .basicFlexImg {
      width: 200px;
      img {
        margin-inline: auto;
        display: block;
        &:hover {
          filter: invert(36%) sepia(94%) saturate(1022%) hue-rotate(7deg) brightness(94%) contrast(96%);
        }
      }
    }
  }
}
#applyNowBtnBox {
  margin-top: 3rem;
  display: grid;
  place-content: center;
  position: relative;
  &::after {
    position: absolute;
    content: '';
    height: 2px;
    width: 100%;
    top: calc(50% - 1px);
    background: var(--grey-1);
    z-index: 1
  }
  .applyNowBtnWrap {
    padding: 1rem 2rem;
    background: var(--white-2);
    position: relative;
    z-index: 2;
    a {
      text-decoration: none;
      display: block
    }
  }
  .applyNowBtn {
    width: fit-content;
    background: var(--white-1);
    padding: 1.5rem;
    position: relative;
    z-index: 2;
    transition: all 0.2s;
    &:hover, &:active {
      background: var(--red-3);
      span {
        color: var(--white-1);
        border: solid 2px var(--white-1)
      }
    }
    span {
      color: var(--blue-2);
      border: solid 2px var(--blue-2);
      display: block;
      padding: 1rem
    }
  }
}
.before-top {
  .grid-child {
    max-width: none;
    width: 100%
  }
  .mod-custom {
    width: 100%;
    padding-block: 4rem
  }
}
.homePage {
  .categoryIntroBox {
    display: grid;
    grid-template-columns: 4vw 3fr 1fr 4vw
  }
  .categoryIntroText {
    background-image: url(/images/2025/homepage/threads.jpg);
    background-size: cover;
    background-color: #fff0;
    place-content: inherit !important;
    padding: 30px 0 !important;
    .categoryContent {
      max-width: inherit;
      align-self: end;
      justify-self: start;
      display: grid;
      background: var(--blue-3);
      padding: 2rem 2vw 3rem;
      padding-bottom: 3rem;
      width: 100%;
      justify-content: start;
      a {
        width: fit-content
      }
      .categoryContentInner {
        max-width: 60ch !important;
        margin: 0 0 2rem
      }
    }
  }
  .categoryIntroImage {
    margin-left: 1vw;
    display: grid;
    place-content: center;
    background-color: var(--red-3)
  }
  .categoryIntroBg {
    background-color: var(--red-3) !important
  }
  .site-grid {
    display: none
  }
  .container-top-full-a {
    padding-top: 4rem
  }
  .container-top-full-b {
    padding-bottom: 0
  }
  .container-top-full-c {
    padding-top: 0
  }
  .container-bottom-full-a, .container-bottom-full-b {
    padding: 0 4vw 2rem
  }
  .container-top-full-d {
    padding-top: 0
  }
}
.followUs {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  .followUsText h3 {
    font-weight: 400;
    margin-bottom: 0
  }
  a {
    color: var(--blue-1);
    svg {
      width: 48px;
      height: 48px
    }
  }
}
#mobileLogo {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  & > div {
    width: fit-content
  }
}
.container-header {
  .navbar-toggler {
    color: var(--blue-1);
    cursor: pointer;
    border: 1px solid var(--blue-1);
    border-radius: 0
  }
  .container-nav {
    padding: 0
  }
}
#mobileBtn {
  border: solid 1px var(--blue-1);
  padding: 5px 10px;
  cursor: pointer;
  text-decoration: underline;
  text-underline-offset: 6px
}
.container-mobileMenu {
  height: fit-content
}
.searchModal {
  background: rgb(255 255 255 / .9);
  .form-control:focus {
    color: var(--body-color);
    background-color: var(--body-bg);
    border-bottom: solid 2px var(--blue-1);
    outline: 0;
    box-shadow: none
  }
  .js-finder-search-query {
    background: #fff0;
    border: none;
    border-bottom: solid 2px var(--blue-1);
    font-size: 2rem;
    border-radius: 0
  }
  .btn.btn-primary {
    background: #fff0;
    border: none;
    box-shadow: none;
    font-size: 2rem;
    color: var(--blue-1);
    .icon-white {
      color: var(--blue-1);
      &:hover {
        opacity: .7
      }
    }
  }
  .eb-close {
    right: 2rem;
    top: 2rem
  }
  .eb-dialog {
    background: #fff0
  }
}
.categoryIntroBox {
  display: grid;
  grid-auto-columns: 1fr;
  grid-auto-rows: 1fr;
  grid-template-columns: 5% 2fr 1fr 5%;
  grid-template-rows: 30px 1fr 30px;
  gap: 0 0;
  .categoryIntroText {
    grid-area: 1 / 2 / 4 / 3;
    background-color: var(--beige-1);
    position: relative;
    z-index: 3;
    display: grid;
    place-content: center;
    padding: 20px 40px;
    font-family: 'bodoni_modaregular', sans-serif;
    .categoryIntroHeader {
      font-family: "Montserrat", sans-serif;
      width: 100%;
      text-transform: uppercase;
      margin-inline: auto;
      letter-spacing: 2px
    }
  }
  .categoryContent {
    max-width: 60ch
  }
  .categoryIntroImage {
    grid-area: 1 / 3 / 4 / 4;
    background-color: var(--red-3);
    position: relative;
    z-index: 3;
    display: flex;
    align-items: center;
    img {
      object-fit: cover;
      width: 100%;
      height: 100%
    }
  }
  .categoryIntroBg {
    grid-area: 2 / 1 / 3 / 5;
    position: relative;
    z-index: 1;
    background-color: var(--blue-1)
  }
}
.topFullWidth {
  grid-gap: 0 1em;
  grid-template-columns: [full-start]minmax(0, 1fr)[main-start]repeat(4, minmax(0, 29rem))[main-end]minmax(0, 1fr)[full-end]
}
.categoryModule {
  .hikashop_category_list {
    display: none
  }
  .hikashop_category_name {
    display: block;
    width: 100%;
    text-align: left;
    text-transform: uppercase;
    font-family: 'myriad_proregular', sans-serif;
    a {
      color: var(--blue-2);
      text-align: left;
      display: block;
      width: 100%
    }
  }
  .hikashop_category_column_1 {
    .hikashop_subcontainer {
      border-bottom: solid 2px var(--blue-2)
    }
  }
  .hikashop_subcontainer.thumbnail {
    padding-bottom: 1rem;
    border-radius: 0px !important
  }
}
.moduletable.basicFlex {
  margin-bottom: 0;
  max-width: 1320px;
  margin-inline: auto
}
.basicFlex {
  display: flex;
  justify-content: space-between;
  width: 100%;
  gap: 4rem;
  margin-bottom: 4rem;
  .mod-custom {
    width: 100%;
    .basicFlex:last-of-type {
      margin-bottom: 0
    }
  }
  .flexEnd {
    align-self: flex-end
  }
}
.basicGrid {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
  gap: 2rem;
  .basicGridItem {
    display: flex;
    align-items: center;
    justify-content: center;
    img {
      margin-inline: auto
    }
  }
}
.libertyGridWrap {
  background: url(/images/2025/homepage/liberty-bg-large.jpg) no-repeat;
  background-size: cover;
  padding: 2rem 4vw;
  .libertyGridOne {
    display: grid;
    grid-template-columns: 33% 1fr;
    gap: 2rem;
    .libertyGridOneContent {
      display: grid;
      .libertyGridOneContentInner {
        place-self: end
      }
    }
  }
  .libertyGridTwo {
    margin-top: 4rem;
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 2rem
  }
  .libertyGridOneImg {
    img {
      width: 100%
    }
  }
  .designPageant {
    display: grid;
    place-content: center;
    padding: 2vw 4vw;
    text-align: center;
    text-transform: uppercase;
    h4 {
      font-weight: 700;
      letter-spacing: 4px;
      font-family: 'bodoni_modaregular', sans-serif
    }
    a {
      text-transform: uppercase;
      color: var(--blue-4);
      text-underline-offset: .5rem;
      text-decoration-thickness: 2px;
      font-family: "Montserrat", sans-serif
    }
  }
}
.container-top-full-a, .container-top-full-b, .container-top-full-c, .container-top-full-d {
  padding-block: 2rem
}
.container-top-full-c, .container-top-full-b, .container-top-full-d {
  padding: 2rem 4vw
}
.container-top-d {
  background: none;
  color: var(--white-1);
  width: 100vw !important;
  padding: 4rem;
  display: block;
  .moduletable.basicFlex {
    background: url(../images/background/exclusive-partner-image.jpg);
    max-width: 100%;
    padding: 4rem;
    h1, h2, h3, p {
      text-align: right
    }
    .basicFlexItem {
      width: 100%;
      min-width: 280px;
      img {
        margin-inline: auto
      }
    }
    .basicGrid {
      margin-top: 4rem
    }
  }
}
.container-top-e {
  padding-top: 0
}
.applyNow {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  &::before {
    content: '';
    width: 100%;
    height: 2px;
    top: calc(50% - 1px);
    background: var(--grey-1);
    position: absolute;
    z-index: 1
  }
  .applyButtonWrap {
    border: solid 20px var(--white-1);
    position: relative;
    z-index: 2
  }
  a.applyBtn {
    margin-inline: auto;
    background: var(--white-1);
    color: var(--black-1);
    border: solid 2px var(--black-1);
    padding: 1rem 4rem;
    text-transform: uppercase;
    font-size: 1.2rem;
    text-align: center;
    position: relative;
    z-index: 2;
    display: block;
    text-decoration: none;
    transition: all 0.2s;
    &:hover, &:active {
      background: var(--blue-2);
      border: solid 2px var(--blue-2);
      color: var(--white-1)
    }
  }
}
.pageantPage {
  .site-grid {
    display: none
  }
  .container-top-full-a {
    padding: 4vw 4vw 2rem
  }
  .container-top-full-c {
    padding-inline: 0
  }
}
.com-content-article.item-page {
  h1 {
    font-family: 'bodoni_modaregular'
  }
}
.page-link.active, .active > .page-link {
  z-index: 3;
  color: var(--white-2);
  background-color: var(--pagination-active-bg);
  border-color: var(--pagination-active-border-color)
}
.page-link, .page-link:hover {
  color: var(--blue-1)
}
.form-select, .custom-select {
  cursor: pointer;
  border: var(--border-width) solid #ced4da;
  background: url(/images/elements/selectDown.svg) center right no-repeat;
  max-width: 100%
}
.com_finder.view-search {
  .result__title-url, .result__taxonomy--Author {
    display: none;
  }
  .result__item + .result__item {
    border-top: 1px solid #e1e1e1;
    margin-top: 1.5em;
    padding-top: 1.5em;
  }
	h2 {
		    font-size: var(--size-2);
    font-family: "Montserrat", sans-serif;
		color:var(--blue-1);
	}
}
@supports (display:grid) {
  .site-grid {
    &.mainGrid {
      padding-block: 4rem
    }
    grid-template-areas:".breadcrumbs breadcrumbs breadcrumbs breadcrumbs."".banner banner banner banner."".top-a  top-a  top-a  top-a. "".top-b  top-b  top-b  top-b. "".top-c  top-c  top-c  top-c. "".top-d  top-d  top-d  top-d. "".side-l comp   comp   side-r."".bot-a  bot-a  bot-a  bot-a. "".bot-b  bot-b  bot-b  bot-b. ";
    display:grid
  }
  @media (width>=992px) {
    .site-grid {
      grid-template-areas: ".breadcrumbs breadcrumbs breadcrumbs breadcrumbs."".banner banner banner banner."".top-a  top-a  top-a  top-a. "".top-b  top-b  top-b  top-b. "".top-c  top-c  top-c  top-c. "".top-d  top-d  top-d  top-d. "".side-l comp   comp   side-r."".bot-a  bot-a  bot-a  bot-a. "".bot-b  bot-b  bot-b  bot-b. "
    }
  }
}
@media screen and (width < 1253px) {
  .footGridInfos {
    grid-template-columns: 1fr 1fr !important;
    row-gap: 2rem !important
  }
}
@media (width>991px) {
  #mobileLogo, #mobileMenu, .mobileMenu {
    display: none
  }
}
@media (width < 992px) {
  .header.container-header {
    display: grid;
    hero {
      order: 3
    }
    #navigation {
      order: 1;
      background-image: none;
      .menuWrap {
        display: none
      }
    }
    #topBar {
      order: 2
    }
    breadcrumbs {
      order: 3
    }
  }
  .mainMenu {
    display: none
  }
  hero {
    margin-top: 0px !important;
    width: 100%
  }
  .container-topbar {
    & .mod-custom {
      width: calc(100% - 2rem);
      justify-content: center;
      position: relative
    }
  }
  .heroGrid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    grid-auto-columns: 1fr;
    grid-auto-rows: 1fr;
    gap: 0 0;
    grid-auto-flow: row;
    height: 33vh !important;
    position: relative;
    z-index: 1;
    .heroTitleImage {
      grid-area: 1 / 1 / 2 / 3;
      height: 33vh;
      img {
        width: 100% !important;
        height: 33vh !important;
        object-fit: cover !important
      }
      video {
        width: 100% !important;
        height: 33vh !important;
        object-fit: cover !important
      }
      position:relative;
      z-index:1
    }
    .grid-top-right {
      grid-area: grid-top-right
    }
    .grid-bottom-left {
      grid-area: grid-bottom-left
    }
    #heroTitleTitle {
      grid-area: 1 / 2 / 3 / 3;
      position: relative;
      z-index: 3;
      display: flex;
      align-items: flex-end;
      justify-content: flex-end;
      padding-right: 2vw;
      padding-bottom: 2vw;
      font-size: clamp(2rem, 4vw, 4rem);
      color: var(--white-1);
      font-family: "bodoni_modaregular", sans-serif;
      text-transform: uppercase
    }
  }
}
@media (width < 890px) {
  .footerTop {
    & #footGrid {
      & .footGridMenus {
        display: flex;
        flex-flow: row wrap;
        justify-content: center;
        row-gap: 2rem;
        .footGridMenuItem {
          width: 50%;
          &:nth-of-type(2) {
            border-right: none
          }
        }
      }
    }
  }
}
@media screen and (width < 774px) {
  .footGridInfos {
    grid-template-columns: 1fr !important;
    row-gap: 2rem !important
  }
}
@media screen and (width < 768px) {
  #exclusivePartner {
    .basicFlex {
      justify-content: center;
      .basicFlexImg {
        width: 200px
      }
    }
  }
  .footerBottom {
    font-size: var(--size-0)
  }
}
@media screen and (width>720px) {
  main {
    margin-left: 0px !important
  }
}
@media screen and (width < 601px) {
  .categoryIntroBox {
    .categoryIntroText {
      grid-area: 1 / 2 / 4 / 4
    }
  }
  .categoryIntroImage {
    display: none !important
  }
  .libertyGridWrap {
    padding: 3vw 0;
    .libertyGridOne {
      grid-template-rows: 1fr auto;
      .libertyGridOneImg {
        grid-column: 1 / 3;
        grid-row: 1 / 2
      }
      .libertyGridOneContent {
        grid-column: 1 / 3;
        grid-row: 2 / 3;
        .libertyGridOneContentInner {
          padding-inline: 1rem
        }
      }
    }
    .libertyGridTwo {
      margin-top: 2vw
    }
  }
  #awardsEvents {
    display: grid;
    grid-template-columns: 1fr auto;
    .awardsEventsImg {
      grid-row: 1 / 2;
      grid-column: 1 / 3
    }
    .awardsEventsContent {
      grid-row: 2 / 3;
      grid-column: 1 / 3
    }
  }
  #applyNowBtnBox {
    & .applyNowBtnWrap {
      padding: 1rem
    }
  }
  #competition {
    gap: 2rem;
    padding: 8vw;
    .basicFlex {
      display: grid;
      place-content: center;
      gap: 2rem
    }
    .basicFlex:nth-of-type(2) {
      grid-template-columns: repeat(auto-fit, minmax(min(250px, 100%), 1fr))
    }
  }
  #bridal {
    .bridalImgBox {
      grid-column: 4 / 6;
      grid-row: 1 / 4;
      padding: 0;
      border: none;
      border-left: solid 3px var(--white-1)
    }
  }
}
@media (width < 591px) {
  #navigation {
    & .container-nav.logoMenuBox {
      display: flex;
      gap: 4vw;
      align-items: center;
      width: calc(100% - 4rem);
      max-width: inherit;
      margin-inline: auto;
      height: 120.8px
    }
  }
  #topBar {
    & .container-topbar {
      & .mod-custom {
        width: calc(100% - 4rem);
        max-width: inherit;
        margin-inline: auto;
        display: grid;
        grid-template-columns: 27px 27px 27px 140px
      }
    }
  }
}
@media (width < 570px) {
  .footerTop {
    & #footGrid {
      & .footGridMenus {
        display: flex;
        flex-direction: column;
        justify-content: center;
        row-gap: 2rem;
        .footGridMenuItem {
          width: 100%;
          border-right: none !important
        }
      }
    }
  }
}
@media (width < 476px) {
  #navigation {
    .sashLogo {
      img {
        max-width: 175px
      }
    }
    & .container-nav.logoMenuBox {
      height: auto;
      padding-block: 1rem
    }
  }
  #mobileMenu {
    & svg {
      height: 20px;
      width: 20px;
      margin-right: 3px
    }
    & span {
      font-size: 20px;
      line-height: 1;
      margin-top: -2px
    }
  }
  #topBar {
    & .container-topbar {
      & .mod-custom {
        padding-block: 14px;
        justify-content: center
      }
    }
  }
}
@media (width < 360px) {
  #mobileMenu {
    padding: 0;
    border: none;
    span {
      display: none
    }
    svg {
      height: 30px;
      width: 30px;
      margin-right: 0
    }
  }
}
@media (width < 330px) {
  #dialog2 {
    .eb-close {
      right: 1rem;
      top: 1rem
    }
  }
  #navigation {
    .container-nav.logoMenuBox {
      width: calc(100% - 2rem)
    }
  }
}