@charset "utf-8";
@import url('/clibs/fonts/fontawesome-6.4/font.css');
@import url('/clibs/fonts/secret/font.css');
@import url('/library/styles/template.css');
@import url("/clibs/fonts/roboto/font.css");
@import url("/clibs/fonts/cairo/font.css");
@import url("/clibs/fonts/cardo/font.css");
@import url("/clibs/fonts/stint-ultra-expanded/font.css");
body {
  background: #FFFFFF url('/clibs/textures/light-gray.png');
}

hr {
  border: none;
  border-top: 2px dotted #6f645e;
}

h1 {
  color: #751612;
  font: normal bold 55px/1em 'Cairo';
  text-transform: none;
  text-shadow: none;
  letter-spacing: 1px;
}

h2 {
  color: #576484;
  font: normal normal 24px/1.5em 'Cairo';
  text-transform: none;
  letter-spacing: 0px;
}

h3 {
  color: #751612;
  font: normal bold 22px/1em 'Cairo';
  text-transform: uppercase;
  letter-spacing: 0px;
}

h4 {
  color: #000000;
  font: normal bold 17px/1.2em 'Cairo';
  text-transform: none;
  letter-spacing: 0px;
}

h5 {
  color: #000000;
  font: normal normal 22px/1.2em 'Cardo';
  text-transform: none;
  letter-spacing: 0px;
}

p, label, li, legend {
  color: #6F645E;
  font: normal normal 14px/1.5em 'Roboto';
  text-transform: none;
  letter-spacing: 0px;
}

a {
  color: #751612;
}

a:hover {
  color: #B39789;
}

header.main {
  background: #FFFFFF;
}

header.main p, header.main li {
  color: #6F645E;
  font-size: 20px;
  font-weight: normal;
}

nav.main {
  background: #576484;
}

nav.main ul>li {
  border: none;
}

nav.main ul>li, nav.main ul>li>a {
  color: #D9D7D8;
  background: #576484;
  font: normal normal 18px/1em 'Cairo';
  text-transform: uppercase;
  letter-spacing: 0px;
}

nav.main ul>li>a:hover, nav.main ul>li>a.active {
  color: #6F645E;
  background-color: #D9D7D8;
}

ul.subnavigation>li {
  font-size: 16px;
  line-height: 1.5em;
  font-weight: normal;
  text-transform: uppercase;
  letter-spacing: 0px;
}

ul.subnavigation>li>a {
  color: #751612;
}

ul.subnavigation>li>a:hover {
  color: #B39789;
}

.billboard content {
  display: inline-block;
  padding: 2.5rem;
  background: rgba(0, 0, 0, .5);
  backdrop-filter: blur(3px);
}

.billboard {
  height: 500px;
  background: #FFFFFF url(/images/layout/billboard1.jpg);
}

.billboard h1 {
  color: #FFFFFF;
  font: normal normal 70px/1em 'Stint Ultra Expanded';
  text-transform: uppercase;
  letter-spacing: 5px;
  text-shadow: 3px 3px 8px #000000;
}

.billboard p {
  color: #FFFFFF;
  font-size: 20px;
}

.billboard p:last-of-type {
  margin-bottom: 0;
}

.billboard a {
  color: #CD1B17;
}

.billboard .button {
  padding: 10px 20px;
  border-radius: 0px;
  border: 1px solid #CD1B17;
  background: #CD1B17;
  color: #FFFFFF;
  font: normal normal 20px/1.5em 'Cairo';
  letter-spacing: 1px;
  text-transform: uppercase;
  text-shadow: ;
}

.billboard .button:hover {
  border: 1px solid #494847;
  background: #FFFFFF;
  color: #000000;
}

.ribbon {
  background: #576484;
}

.ribbon h1, .ribbon h2, .ribbon h3, .ribbon h4, .ribbon h5, .ribbon h6 {
  color: #FFFFFF;
  font: normal normal 21px/1.5em 'Cairo';
  text-transform: none;
  letter-spacing: 0px;
  text-shadow: ;
}

.ribbon h1:hover, .ribbon h2:hover, .ribbon h3:hover, .ribbon h4:hover, .ribbon h5:hover, .ribbon h6:hover {
  color: #FFFFFF;
}

.ribbon p {
  color: #FFFFFF;
}

footer.main {
  background: #d9d7d8 url('/clibs/textures/dark-stripes-light.png');
}

footer.main h1, footer.main h2, footer.main h3, footer.main h4, footer.main h5, footer.main h6 {
  color: #751612;
  font: normal bold 22px/1em 'Cairo';
  text-transform: uppercase;
  letter-spacing: 0px;
  text-shadow: none;
}

footer.main p, footer.main li {
  color: #6F645E;
  font-size: 14px;
}

footer.main a {
  color: #751612;
}

footer.main a:hover, footer.main a:active {
  color: #3399FF;
}

footer hr {
  border: none;
  border-top: 2px dotted #6f645e;
}

footer.main .button {
  background: #751612;
  color: #FFFFFF;
}

footer.main .button:hover {
  background: #c10001;
  color: #FFFFFF;
}

.attribution {
  background: #000000;
}

.attribution p {
  color: #FFFFFF;
  font-size: 11px;
}

.button, input[type='submit'] {
  padding: 10px 20px;
  border: none;
  border-radius: 0px;
  background: #751612;
  color: #FFFFFF;
  font: normal normal 18px/1em 'Cairo';
  text-transform: uppercase;
  text-shadow: ;
  letter-spacing: 1px;
}

.button:hover, input[type='submit']:hover {
  border: none;
  background: #c10001;
  color: #FFFFFF;
}

.button.alt, input[type='submit'].alt {
  padding: 10px 20px;
  background: #CD1B17;
  color: #FFFFFF;
  border: none;
  border-radius: 6px;
  font: normal normal 20px/1.5em 'Cairo';
  text-transform: uppercase;
  letter-spacing: 0px;
  text-shadow: none;
}

.button.alt:hover, input[type='submit'].alt:hover {
  border: none;
  background: #000000;
  color: #FFFFFF;
}

input, select, textarea {
  border: 1px solid #CCCCCC;
  border-radius: 0px;
  color: #000000;
  background-color: #FFFFFF;
  font: normal normal 14px/1.5em 'Roboto';
  text-transform: none;
  letter-spacing: 0px;
}

input:focus, select:focus, textarea:focus {
  border: 1px solid #494847;
  background-color: #FFFFFF;
}

@media (max-width:1008px) {
  h1 {
    font-size: 29px;
  }
  h2 {
    font-size: 17px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 18px;
  }
  h5 {
    font-size: 22px;
  }
  h6 {
    font-size: #H6_MOBILE_FONT_SIZE#;
  }
  nav.main {
    background: #576484;
  }
  nav.main ul>li, nav.main ul>li>a {
    font-size: 16px;
  }
  .billboard {
    height: 280px;
  }
  .billboard h1, .billboard h2, .billboard h3, .billboard h4, .billboard h5, .billboard h6 {
    font-size: 45px;
  }
  .billboard .button, .billboard input[type='submit'] {
    font-size: 16px;
  }
  .ribbon h1, .ribbon h2, .ribbon h3, .ribbon h4, .ribbon h5, .ribbon h6 {
    font-size: 17px;
  }
  footer.main h1, footer.main h2, footer.main h3, footer.main h4, footer.main h5, footer.main h6 {
    font-size: 18px;
  }
  .button, input[type='submit'] {
    font-size: 16px;
  }
  .button.alt, input[type='submit'].alt {
    font-size: 16px;
  }
}