.cta {
  background-color: transparent;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  color: #000;
  cursor: pointer;
  display: inline-block;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  padding: 0.5rem 1.5rem;
  text-align: center;
  -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
      user-select: none;
  vertical-align: middle;
}

.cta-gold {
  color: #FFF !important;
  font-weight: normal !important;
}

.cta-blue {
  color: #FFF !important;
  font-weight: normal !important;
}

.main-container .faqitem a:not(.btn):focus {
  color: #fff;
}

#header.site-header--event .navbar-main {
  position: fixed;
  top: 85px;
}

.btn-white {
  background-color: #fff;
  color: #69553a;
}

@media (min-width: 992px) {
  .site-header--event .region-group-branding .site-branding img.ob-smulogo-d {
    height: auto;
  }
}
@media (min-width: 576px) {
  .text-sm-left {
    text-align: left !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
  .text-sm-right {
    text-align: right !important;
  }
}
/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
  .text-md-left {
    text-align: left !important;
  }
  .text-md-center {
    text-align: center !important;
  }
  .text-md-right {
    text-align: right !important;
  }
}
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .text-lg-left {
    text-align: left !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
  .text-lg-right {
    text-align: right !important;
  }
}
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .text-xl-left {
    text-align: left !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
  .text-xl-right {
    text-align: right !important;
  }
}
/* Extra extra large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
  .text-xxl-left {
    text-align: left !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
  .text-xxl-right {
    text-align: right !important;
  }
}
/* For all devices (default) */
.text-left {
  text-align: left !important;
}

.text-center {
  text-align: center !important;
}

.text-right {
  text-align: right !important;
}

/* Margin Left (ml-*) to Margin Start (ms-*) */
.ml-0 {
  margin-left: 0 !important;
}

.ml-1 {
  margin-left: 0.25rem !important;
}

.ml-2 {
  margin-left: 0.5rem !important;
}

.ml-3 {
  margin-left: 1rem !important;
}

.ml-4 {
  margin-left: 1.5rem !important;
}

.ml-5 {
  margin-left: 3rem !important;
}

/* Margin Right (mr-*) to Margin End (me-*) */
.mr-0 {
  margin-right: 0 !important;
}

.mr-1 {
  margin-right: 0.25rem !important;
}

.mr-2 {
  margin-right: 0.5rem !important;
}

.mr-3 {
  margin-right: 1rem !important;
}

.mr-4 {
  margin-right: 1.5rem !important;
}

.mr-5 {
  margin-right: 3rem !important;
}

/* Padding Left (pl-*) to Padding Start (ps-*) */
.pl-0 {
  padding-left: 0 !important;
}

.pl-1 {
  padding-left: 0.25rem !important;
}

.pl-2 {
  padding-left: 0.5rem !important;
}

.pl-3 {
  padding-left: 1rem !important;
}

.pl-4 {
  padding-left: 1.5rem !important;
}

.pl-5 {
  padding-left: 3rem !important;
}

/* Padding Right (pr-*) to Padding End (pe-*) */
.pr-0 {
  padding-right: 0 !important;
}

.pr-1 {
  padding-right: 0.25rem !important;
}

.pr-2 {
  padding-right: 0.5rem !important;
}

.pr-3 {
  padding-right: 1rem !important;
}

.pr-4 {
  padding-right: 1.5rem !important;
}

.pr-5 {
  padding-right: 3rem !important;
}

.ml-auto {
  margin-left: auto !important;
}

.mr-auto {
  margin-right: auto !important;
}

/* Mapping old embed-responsive classes to new ratio classes in Bootstrap 5 */
.embed-responsive {
  position: relative;
  width: 100%;
}

.embed-responsive-item,
.embed-responsive iframe,
.embed-responsive embed,
.embed-responsive object,
.embed-responsive video {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  border: 0;
}

/* 16:9 Aspect Ratio */
.embed-responsive-16by9 {
  padding-top: 56.25%; /* 16:9 ratio */
}

/* 4:3 Aspect Ratio */
.embed-responsive-4by3 {
  padding-top: 75%; /* 4:3 ratio */
}

/* Other common aspect ratios if needed */
.embed-responsive-1by1 {
  padding-top: 100%; /* 1:1 ratio */
}

.embed-responsive-21by9 {
  padding-top: 42.86%; /* 21:9 ratio */
}

/* Padding compatibility from Bootstrap 4 to Bootstrap 5 */
@media (min-width: 992px) {
  .pl-lg-0 { /* This is the typical 'lg' breakpoint */
    padding-left: 0 !important;
  }
}

@media (min-width: 992px) {
  .pr-lg-0 {
    padding-right: 0 !important;
  }
}

/* Add more for other breakpoints as needed */
@media (min-width: 768px) {
  .pl-md-0 { /* Adjust to match the 'md' breakpoint */
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .pr-md-0 {
    padding-right: 0 !important;
  }
}

@media (min-width: 576px) {
  .pl-sm-0 { /* Adjust to match the 'sm' breakpoint */
    padding-left: 0 !important;
  }
}

@media (min-width: 576px) {
  .pr-sm-0 {
    padding-right: 0 !important;
  }
}

.pl-0 {
  padding-left: 0 !important;
}

.pr-0 {
  padding-right: 0 !important;
}

.text-right {
  text-align: right;
}

.text-left {
  text-align: left;
}