@import url("https://use.typekit.net/djo0llm.css");
/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/*****************************************/
/* Start your style declarations here    */
/*****************************************/

/* Base typography */
h1 { font-size: 44px !important; }
h2 { font-size: 34px !important; }

h1, h2 , h3, h4, h5, h6 {
  font-family: input-sans, sans-serif;
  font-weight:300 !important;
  text-transform: uppercase;
}

p {
  font-family: bilo, sans-serif;
  font-size: 24px !important;
}

.ingressi {
  font-size: 34px !important;
  line-height: 1.25;
  font-weight: 300;
  color: #ffffff;
}

.blog-post__headline { font-size: 36px !important; }

body { font-family: bilo, sans-serif; }

/* Lists and links */
li, ul { font-family: bilo, sans-serif; }

ul:active, li:active, ul:hover, li:hover { font-family: bilo, sans-serif; }

a, a:hover, a:focus, a:active, a:visited { font-family: bilo, sans-serif; }

/* Footer */
.footer h6 { font-family: input-sans, sans-serif !important; }
.footer p { font-family: input-sans, sans-serif !important; }
.footer a { font-family:input-sans, sans-serif !important; }
.footer a:hover { font-family:input-sans, sans-serif !important; }
.footer a:active { font-family: input-sans, sans-serif !important; }

/* Forms */
#hs_cos_wrapper_widget_1669212928224 .form-title {
  font-family: bilo, sans-serif;
  font-weight:500;
  font-size:24px;
}

form label {
  font-family: bilo, sans-serif;
  font-weight:400;
}

form input[type='submit'], form .hs-button { font-family: input-sans, sans-serif; }

form input[type='text'],
form input[type='email'],
form input[type='password'],
form input[type='tel'],
form input[type='number'],
form input[type='search'],
form select,
form textarea {
  font-family: input-sans, sans-serif;
}

form input[type='submit'], form .hs-button { width:150px; }

form input[type='submit']:hover, form .hs-button:hover { font-family: input-sans, sans-serif; }
form input[type='submit']:focus, form .hs-button:focus { font-family: input-sans, sans-serif; }
form input[type='submit']:active, form .hs-button:active { font-family: input-sans, sans-serif; }
form input[type='submit']:visited, form .hs-button:visited { font-family: input-sans, sans-serif; }

form { padding: 0px !important; }

/* Header */
.header__bottom { padding: 30px 23px 30px 23px !important; }

.header__menu-link { font-family: input-sans, sans-serif; }

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) { font-family: input-sans, sans-serif; }

.header__menu-item--depth-1 > .header__menu-link:not(.button) { font-family: input-sans, sans-serif; }

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: input-sans, sans-serif;
}

/* Buttons */
button, .button, .hs-button { font-family: input-sans, sans-serif; }
button { font-family: input-sans, sans-serif; }

.button {
  color:#005cff;
  background-color:#005cff;
  font-family:font-family: input-sans, sans-serif !important;
}

.button:hover { background-color:white; }

#hs_cos_wrapper_dnd_area-module-2 .button { background-color:#005cff; }

.button.button--secondary,
.button.button--secondary:hover,
.button.button--secondary:focus,
.button.button--secondary:active,
.button.button--secondary:visited {
  font-family: input-sans, sans-serif;
}

.button.button--highlight,
.button.button--highlight:hover,
.button.button--highlight:focus,
.button.button--highlight:active,
.button.button--highlight:visited {
  font-family: input-sans, sans-serif;
}

/* Widgets */
.widget-type-form {
  box-shadow:none;
  -webkit-box-shadow:none;
}

/* Hero / video */
.hero-container {
  position: relative;
  width: 100%;
  height: 100vh;
  overflow: hidden;
}

.content-container {
  position: relative;
  width: 100%;
  height: 64vh;
  overflow: hidden;
}

.hero-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.content-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  z-index: 0;
}

.hero-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1;
  color: white;
  font-size: clamp(2rem, 5vw, 4rem); /* scales between 2rem and 4rem */
  margin: 0;
  text-align: center;
  line-height: 1.2;
}

/* Components */
.accordion__summary { font-family: bilo, sans-serif; }

/* Media queries */
@media (max-width: 767px) {
  h1 { font-size: 40px !important; }
  h2 { font-size: 34px !important; }
  .hero-title { width: 300px; }
  .ingressi {
    font-size: 28px;
    line-height: 1.25;
    font-weight: 300;
    color: #ffffff;
  }
}

@media only screen (min-width: 1024px){
  .fp h1 { font-size:100px; }
}

@media (max-width: 1100px) {
  .header__menu--mobile {
    background-color: rgba(255, 255, 255, 1.0);
  }
}

/* Optional video styles (commented)
@media (min-aspect-ratio: 16/9) {
  #videoBG { width:100%; height: auto; }
}
@media (max-aspect-ratio: 16/9) {
  #videoBG { width:auto; height: 100%; }
}
@media (max-width: 767px) {
  #videoBG { display: none; }
  body {
    background: url('https://26234872.fs1.hubspotusercontent-eu1.net/hubfs/26234872/Videoposter.png');
    background-size: cover;
  }
}
*/