:root {
  --bs-primary: #2f2f2f;
  --bs-link-color: #a9a9a9;
  --bs-link-hover-color: #a9a9a9;
  --bs-primary-rgb: #a9a9a9;
  }
  
  p {
    font-size: 1.1rem;
  }

  @font-face {
    font-family: sbfwfont;
    src: url('assets/fonts/RoxboroughCF-Regular.woff2');
  }

  .sbfwfont {
      /* color: rgb(148, 90, 104); */
      font-family: sbfwfont;
      /* font-size: 8vw; */
      /* margin-left: 6vw; */
      /* text-transform: capitalize; */
      /* width: 100%; */
  }
  
h1, h2, h3, h4, h5 {
  font-family: sbfwfont;
}

  #mainNav {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem;
      border: none;
      background-color: rgba(0, 0, 0, 0.9);
      transition: padding-top 0.3s ease-in-out, padding-bottom 0.3s ease-in-out;
  }
  
  #mainNav .navbar-nav .nav-item .nav-link.active, #mainNav .navbar-nav .nav-item .nav-link:hover {
      color: #a9a9a9;
  }
  
  #mainNav .navbar-brand {
      color: #a9a9a9;
      font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: 700;
      letter-spacing: 0.0625em;
      text-transform: uppercase;
  }
  
  #mainNav .navbar-brand img {
      height: 4rem;
      transition: height 0.3s ease-in-out;
  }
  
  #mainNav.navbar-shrink {
      padding-top: 0.25rem;
      padding-bottom: 0.25rem;
      background-color: #212529;
  }
  
  #mainNav.navbar-shrink .navbar-brand svg, #mainNav.navbar-shrink .navbar-brand img {
      height: 2.5rem;
  }
  
  .btn-primary {
      --bs-btn-color: #fff;
      --bs-btn-bg: #3e3e3e;
      --bs-btn-border-color: #3e3e3e;
      --bs-btn-hover-color: #fff;
      --bs-btn-hover-bg: #2f2f2f;
      --bs-btn-hover-border-color: #2f2f2f;
      --bs-btn-focus-shadow-rgb: 255, 208, 38;
      --bs-btn-active-color: #fff;
      --bs-btn-active-bg: #2f2f2f;
      --bs-btn-active-border-color: #7c7c7c;
      --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
      --bs-btn-disabled-color: #fff;
      --bs-btn-disabled-bg: #3e3e3e;
      --bs-btn-disabled-border-color: #3e3e3e;
  }
  
  .text-primary {
      --bs-text-opacity: 1;
      color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
  }
  
  #exhibiting .exhibiting-item {
      max-width: 26rem;
      margin-left: auto;
      margin-right: auto;
    }
    #exhibiting .exhibiting-item .exhibiting-link {
      position: relative;
      display: block;
      margin: 0 auto;
    }
    #exhibiting .exhibiting-item .exhibiting-link .exhibiting-hover {
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      /* background: rgba(101, 23, 35, 0.9); */
      background: rgba(0, 0, 0, 0.29);
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity ease-in-out 0.25s;
      background-image: url('https://korea.united-fairs.com/assets/img/hover-logo-image.svg');
      background-repeat: no-repeat, no-repeat;
    }
    #exhibiting .exhibiting-item .exhibiting-link .exhibiting-hover .exhibiting-hover-content {
      font-size: 1.25rem;
      color: white;
    }
    #exhibiting .exhibiting-item .exhibiting-link:hover .exhibiting-hover {
      opacity: 1;
    }
    #exhibiting .exhibiting-item .exhibiting-caption {
      padding: 1.5rem;
      text-align: center;
      background-color: #fff;
    }
    #exhibiting .exhibiting-item .exhibiting-caption .exhibiting-caption-heading {
      font-size: 1.5rem;
      font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: 700;
      margin-bottom: 0;
    }
    #exhibiting .exhibiting-item .exhibiting-caption .exhibiting-caption-subheading {
      font-style: italic;
      font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    
    .exhibiting-modal .modal-dialog {
      margin: 1rem;
      max-width: 100vw;
    }
    .exhibiting-modal .modal-content {
      padding-top: 6rem;
      padding-bottom: 6rem;
      text-align: center;
    }
    .exhibiting-modal .modal-content h2, .exhibiting-modal .modal-content .h2 {
      font-size: 3rem;
      line-height: 3rem;
    }
    .exhibiting-modal .modal-content p.item-intro {
      font-style: italic;
      margin-bottom: 2rem;
      font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    .exhibiting-modal .modal-content p {
      margin-bottom: 2rem;
    }
    .exhibiting-modal .modal-content ul.list-inline {
      margin-bottom: 2rem;
    }
    .exhibiting-modal .modal-content img {
      margin-bottom: 2rem;
    }
    .exhibiting-modal .close-modal {
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      width: 3rem;
      height: 3rem;
      cursor: pointer;
      background-color: transparent;
    }
    .exhibiting-modal .close-modal:hover {
      opacity: 0.3;
    }
  
    #visiting {
      background-color: #000;;
    }
  
    #visiting .my-3 {
      color: #fff;;
    }
  
  #visiting .visiting-item {
      max-width: 26rem;
      margin-left: auto;
      margin-right: auto;
    }
    #visiting .visiting-item .visiting-link {
      position: relative;
      display: block;
      margin: 0 auto;
    }
    #visiting .visiting-item .visiting-link .visiting-hover {
      display: flex;
      position: absolute;
      width: 100%;
      height: 100%;
      background: rgba(0, 0, 0, 0.29);
      align-items: center;
      justify-content: center;
      opacity: 0;
      transition: opacity ease-in-out 0.25s;
      background-image: url('assets/img/hover-logo-image.svg');
      background-repeat: no-repeat, no-repeat;
    }
    #visiting .visiting-item .visiting-link .visiting-hover .visiting-hover-content {
      font-size: 1.25rem;
      color: white;
    }
    #visiting .visiting-item .visiting-link:hover .visiting-hover {
      opacity: 1;
    }
    #visiting .visiting-item .visiting-caption {
      padding: 3rem;
      padding-top: 0rem;
      text-align: center;
      background-color: #000;
    }
    #visiting .visiting-item .visiting-caption .visiting-caption-heading {
      font-size: 1.5rem;
      font-family: "Montserrat", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
      font-weight: 700;
      margin-bottom: 0;
    }
    #visiting .visiting-item .visiting-caption .visiting-caption-subheading {
      font-style: italic;
      font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    
    .visiting-modal .modal-dialog {
      margin: 1rem;
      max-width: 100vw;
    }
    .visiting-modal .modal-content {
      padding-top: 6rem;
      padding-bottom: 6rem;
      text-align: center;
    }
    .visiting-modal .modal-content h2, .visiting-modal .modal-content .h2 {
      font-size: 3rem;
      line-height: 3rem;
    }
    .visiting-modal .modal-content p.item-intro {
      font-style: italic;
      margin-bottom: 2rem;
      font-family: "Roboto Slab", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    }
    .visiting-modal .modal-content p {
      margin-bottom: 2rem;
    }
    .visiting-modal .modal-content ul.list-inline {
      margin-bottom: 2rem;
    }
    .visiting-modal .modal-content img {
      margin-bottom: 2rem;
    }
    .visiting-modal .close-modal {
      position: absolute;
      top: 1.5rem;
      right: 1.5rem;
      width: 3rem;
      height: 3rem;
      cursor: pointer;
      background-color: transparent;
    }
    .visiting-modal .close-modal:hover {
      opacity: 0.3;
    }
  
    /**/
    #myBtn {
      display: none; /* Hidden by default */
      bottom: 40px; /* Place the button at the bottom of the page */
      left: 20px; /* Place the button 30px from the right */
      z-index: 500; /* Make sure it does not overlap */
      border: none; /* Remove borders */
      outline: none; /* Remove outline */
      background-color: rgba(0, 0, 0, 0.15); /* Set a background color */
      color: white; /* Text color */
      cursor: pointer; /* Add a mouse pointer on hover */
      padding: 15px; /* Some padding */
      border-radius: 10px; /* Rounded corners */
      font-size: 18px; /* Increase font size */
      max-width: 60px;
      padding: 0.5rem;
      margin: 0.5rem;
    }
    
    #myBtn:hover {
      background-color: rgba(0, 0, 0, 0.05); /* Set a background color */
      margin-bottom: 0.45rem;
    }
  
  
    /***********/
    .header.masthead .masthead-subheading {
      font-size: 1.75rem;
      font-style: italic;
      line-height: 2.25rem;
      margin-bottom: 2rem;
  }
  
  .header.masthead .masthead-subheading-small {
    font-size: 1.25rem;
    font-style: italic;
    line-height: 1.25rem;
    margin-bottom: 2rem;
  }
  
  .masthead-subheading-small {
    font-size: 1.45rem;
  }

  h3 {
    font-size: 3rem;
    --bs-text-opacity: 1;
    color: #cbcbcb !important;
  }
  
  h4 {
    font-size: 1.6rem;
    --bs-text-opacity: 1;
    color: #cbcbcb !important;
  }
  
  /* .text-muted {
    --bs-text-opacity: 1;
    color: #ababab !important;
  } */
  
  .text-muted-light, .text-muted {
    /* font-size: 120%; */
    --bs-text-opacity: 1;
    color: #eaeaea !important;
  }
  
  .bg-dark {
    --bs-bg-opacity: 1;
    background-color: #000 !important;
  }
  
  .visiting-r3 {
    background-image: url('/assets/img/visiting/visiting-bg-r3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .exhibiting-r3 {
    background-image: url('/assets/img/exhibiting/exhibiting-bg-r3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .exhibiting-r3-02 {
    background-image: url('/assets/img/exhibiting/exhibiting-bg-r3-02.jpg');
    background-repeat: no-repeat;
    background-size: cover;
  }
  
section#contact {
    background-image: url('/assets/img/contact/contact-bg-r1-01.jpg') !important;
    background-repeat: no-repeat;
    background-size: cover;
  }
  
  .alt-block{
    background-color: rgba(0,0,0,0.5);
  }
  
  .alt-block-light{
    background-color: rgba(0,0,0,0.20);
    padding: 1.25rem !important;
  }
  
  .rounded-circle {
    /* filter: grayscale(80%); */
    filter: invert(75%);
    filter: brightness(0.4);
  }

  .abitlarger {
    min-width: 35px;
    min-height: 35px;
    margin: 20pt;
  }

  header {
    position: relative;
    background-color: black;
    height: 75vh;
    min-height: 25rem;
    width: 100%;
    overflow: hidden;
  }
  
  header video {
    position: absolute;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: 0;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
  }
  
  header .container {
    position: relative;
    z-index: 2;
  }
  
  header .overlay {
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: black;
    opacity: 0.5;
    z-index: 1;
  }
  
  @media (pointer: coarse) and (hover: none) {
    header {
      background: url('https://www.seoulbridalfashionweek.com/assets/img/header-bg.jpg') black no-repeat center center scroll;
    }
  
    /* header video { */
    header #normvid {
      display: none;
    }
  }

  a:link, a:visited {
    text-decoration: none !important;
    color: #fff;
  }

  a:hover {
    text-decoration: underline !important;
    color: #fff;
  }

  .inquiry {
    border: 2px solid #fff;
    font-size: 3vh;
    font-style: italic;
  }

  /* page guides */

  .page-section {
    padding: 0px 0;
    position: relative;

  }

  #exhibiting {
    /* top: -120pt; */
    border: 1px solid rgba(255, 222, 255, 0.25);
  }