body,html{width:100%;height:100%}
body{font-family:Arial,Arial,Arial,sans-serif}
hr{max-width:50px;border-width:3px;border-color:#f05f40}
hr.light{border-color:#fff}
a{color:#f05f40;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
a:hover{color:#f05f40}
h1,h2,h3,h4,h5,h6{font-family:"Open Sans","Helvetica Neue",Arial,sans-serif}
.bg-primary{background-color:#546b82!important}
.bg-dark{background-color:#212529!important}
.text-faded{color:rgba(255,255,255,.7)}
section{padding:2rem 0}
.section-heading{margin-top:0}
::-moz-selection{color:#fff;background:#212529;text-shadow:none}
::selection{color:#fff;background:#212529;text-shadow:none}
img::selection{color:#fff;background:0 0}
img::-moz-selection{color:#fff;background:0 0}
#mainNav{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff;font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
#mainNav .navbar-brand{font-weight:700;text-transform:uppercase;color:#f05f40;font-family:"Open Sans","Helvetica Neue",Arial,sans-serif}
#mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#f05f40}
#mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{font-size:.9rem;font-weight:700;text-transform:uppercase;color:#212529}
#mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active{color:#f05f40!important;background-color:transparent}
#mainNav .navbar-nav>li.nav-item>a.nav-link.active:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus.active:hover{background-color:transparent}
@media (min-width:992px){
  #mainNav{border-color:#fff;background-color:#fff}
  #mainNav .navbar-brand{color:rgba(0,0,0,.7)}
  #mainNav .navbar-brand:focus,#mainNav .navbar-brand:hover{color:#000}
  #mainNav .navbar-nav>li.nav-item>a.nav-link{padding:.5rem 1rem}
  #mainNav .navbar-nav>li.nav-item>a.nav-link,#mainNav .navbar-nav>li.nav-item>a.nav-link:focus{color:#000}
  #mainNav .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav .navbar-nav>li.nav-item>a.nav-link:hover{color:#fff}
  #mainNav.navbar-shrink{border-bottom:1px solid rgba(33,37,41,.1);background-color:#fff}
  #mainNav.navbar-shrink .navbar-brand{color:#f05f40}
  #mainNav.navbar-shrink .navbar-brand:focus,#mainNav.navbar-shrink .navbar-brand:hover{color:#f05f40}
  #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus{color:#212529}
  #mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:focus:hover,#mainNav.navbar-shrink .navbar-nav>li.nav-item>a.nav-link:hover{color:#f05f40}
}

#navbarResponsive{
    justify-content: center !important;
  }
  

/* ===========================
   MASTHEAD (VIDEO ONLY)
   =========================== */

/* Remove fallback image entirely */
header.masthead{
  position:relative;
  overflow:hidden;
  padding-top:10rem;
  padding-bottom:calc(10rem - 56px);
  background:none !important;
  background-image:none !important;
}

/* Video covers full header (prevents split layout) */
header.masthead .masthead-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  pointer-events:none;

  /* LESS blur */
  filter:blur(0.6px);
  transform:scale(1.005);
}

/* Readability overlay */
header.masthead::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:linear-gradient(to bottom, rgba(0,0,0,0.58), rgba(0,0,0,0.34));
}

/* Content above overlay */
header.masthead .container{
  position:relative;
  z-index:2;
}

/* Clean readable hero box */
header.masthead .col-lg-10.mx-auto{
  display:inline-block;
  max-width:980px;
  padding:1.25rem 1.5rem;
  border-radius:14px;
  background:rgba(0,0,0,0.30);
  border:1px solid rgba(255,255,255,0.14);
  box-shadow:0 18px 45px rgba(0,0,0,0.35);
}

/* Academic-looking hero typography */
header.masthead h1{
  font-family:"Merriweather",Georgia,"Times New Roman",serif;
  font-weight:700;
  letter-spacing:0.01em;
  line-height:1.12;
  -webkit-text-stroke-width:0 !important;
  -webkit-text-stroke-color:transparent !important;
  text-shadow:0 2px 12px rgba(0,0,0,0.55);
  text-transform:none !important;
}

header.masthead p{
  font-family:"Open Sans","Helvetica Neue",Arial,sans-serif;
  font-weight:600;
  letter-spacing:0.02em;
  margin:0;
  -webkit-text-stroke-width:0 !important;
  -webkit-text-stroke-color:transparent !important;
  text-shadow:0 2px 12px rgba(0,0,0,0.55);
}

/* Remove any accent underline/orange line */
header.masthead h1 strong::after{
  content:none !important;
  display:none !important;
}

@media (min-width:992px){
  header.masthead{height:100vh;min-height:650px;padding-top:0;padding-bottom:0}
  header.masthead h1{font-size:3rem}
}
@media (min-width:1200px){
  header.masthead h1{font-size:4rem}
}
@media (max-width:768px){
  header.masthead .col-lg-10.mx-auto{padding:1rem 1rem;border-radius:12px}
  header.masthead p{font-size:1.25rem}
}

.service-box{max-width:400px}
.portfolio-box{position:relative;display:block;max-width:650px;margin:0 auto}
.portfolio-box .portfolio-box-caption{position:absolute;bottom:0;display:block;width:100%;height:100%;text-align:center;opacity:0;color:#fff;background:rgba(240,95,64,.9);-webkit-transition:all .2s;-moz-transition:all .2s;transition:all .2s}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content{position:absolute;top:50%;width:100%;transform:translateY(-50%);text-align:center}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category,.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{padding:0 15px;font-family:"Open Sans","Helvetica Neue",Arial,sans-serif}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:14px;font-weight:600;text-transform:uppercase}
.portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:18px}
.portfolio-box:hover .portfolio-box-caption{opacity:1}
.portfolio-box:focus{outline:0}
@media (min-width:768px){
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-category{font-size:16px}
  .portfolio-box .portfolio-box-caption .portfolio-box-caption-content .project-name{font-size:22px}
}
.text-primary{color:#f05f40!important}
.btn{font-weight:700;text-transform:uppercase;border:none;border-radius:300px;font-family:"Open Sans","Helvetica Neue",Arial,sans-serif}
.btn-xl{padding:1rem 2rem}
.btn-primary{background-color:#f05f40;border-color:#f05f40}
.btn-primary:active,.btn-primary:focus,.btn-primary:hover{color:#fff;background-color:#ee4b28!important}
.btn-primary:active,.btn-primary:focus{box-shadow:0 0 0 .2rem rgba(240,95,64,.5)!important}
.centered-ul{width:60%;margin:auto}
.centered-ul li{text-align:center}
ul.rtl{direction:rtl}
.t{text-align:left}
.listouter{width:150px}



.navbar-nav .nav-link {
  white-space: nowrap;
}

.important-dates-link {
  white-space: nowrap;
}


/* keep labels bold, make ONLY the dates regular */
.date-label { font-weight: 700; }
.date-value { font-weight: 400; }


/* Attractions: only titles bold; all description text regular */
#Attractions .venue-title { font-weight: 700; }
#Attractions .venue-desc  { font-weight: 400; }

/* Optional: remove bold if any <strong> remains inside the section */
#Attractions strong { font-weight: 700; }