@import url('https://fonts.googleapis.com/css2?family=TASA+Orbiter:wght@400..800&display=swap');

/* @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; }
h5 { font-size: 18px !important; }

h1, h2 , h3, h4, h5, h6 {
 font-family: "TASA Orbiter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 800;
  font-style: normal;
  line-height: 1.2;
}

header__menu-item {
font-weight:800 !important;
font-optical-sizing: auto;
font-style: normal !important;
}

.accordion__summary {
font-weight:400 !important;
font-optical-sizing: auto;
font-family: input-sans, sans-serif !important;
font-size: 20px !important;
}

.accordion__summary, .accordion__summary:before {
font-family: input-sans, sans-serif !important;
font-weight: 400 !important;
font-optical-sizing: auto;
}


a.blog-listing__post-title-link {
font-family: "TASA Orbiter", sans-serif !important;
font-weight:800 !important;
line-height: 1.2;
font-optical-sizing: auto;
font-style: normal !important;
}


p {
 font-family: "TASA Orbiter", sans-serif !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 20px !important;
  line-height: 1.4;
}

.ingressi {
  font-size: 30px !important;
  line-height: 1.4;
  font-weight: 400;
  color: #ffffff;
}



.blog-post__headline {font-size: 36px !important;  font-optical-sizing: auto; font-weight: 800; font-style: normal;}

body {font-family: "TASA Orbiter", sans-serif !important;}

/* Lists and links */
li, ul {font-family: "TASA Orbiter", sans-serif !important;}

a, a:hover, a:focus, a:active, a:visited, ul:active, li:active, ul:hover, li:hover {font-family: "TASA Orbiter", sans-serif !important;}

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

/* Forms */
#hs_cos_wrapper_widget_1669212928224 .form-title {
  font-family: "TASA Orbiter", sans-serif !important;
  font-size:24px;
}

form label {
  font-family: "TASA Orbiter", sans-serif !important;
}

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

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: "TASA Orbiter", sans-serif !important;}
form input[type='submit']:focus, form .hs-button:focus {font-family: "TASA Orbiter", sans-serif !important;}
form input[type='submit']:active, form .hs-button:active {font-family: "TASA Orbiter", sans-serif !important;}
form input[type='submit']:visited, form .hs-button:visited {font-family: "TASA Orbiter", sans-serif !important;}

form { padding: 0px !important;}

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

.header__menu-link {font-family: "TASA Orbiter", sans-serif; font-weight:600 !important;}

.header__menu-item--depth-1 > .header__menu-link--active-link:not(.button) {font-family: "TASA Orbiter", sans-serif !important;}

.header__menu-item--depth-1 > .header__menu-link:not(.button) {font-family: "TASA Orbiter", sans-serif !important;}

.header__menu-item--depth-1 > .header__menu-link:hover,
.header__menu-item--depth-1 > .header__menu-link:focus {
  font-family: "TASA Orbiter", sans-serif !important;
}

/* Buttons */
button, .button, .hs-button {font-family: "TASA Orbiter", sans-serif !important;}
button { font-family:font-family: "TASA Orbiter", sans-serif !important;}

.button {
  color:#005cff;
  background-color:#005cff;
  font-family:font-family: "TASA Orbiter", sans-serif !important;
  font-weight:600 !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)!important; /* scales between 2rem and 4rem */
  margin: 0;
  text-align: center;
  line-height: 1.2;
}

h1.hero-title {
  font-size: clamp(2rem, 5vw, 5rem)!important; /* scales between 2rem and 4rem */
}

/* 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; }
p.ingressi {
    font-size: 28px !important;
    line-height: 1.25;
    font-weight: 300;
    color: #ffffff;
  }
h2 { font-size: 28px !important; }
}


@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;
  }
}
*/