html, body {background-color: #222;color: #fff !important; font-size: 1.2rem; /* background-image: url(/wp-content/uploads/2025/05/typewriter-dark-1.jpg); */ background-size: cover; background-repeat: no-repeat; background-position: center; background-attachment: fixed;}

body { color: #FFF !important;}

a, a:visited {color: #Fff;}

p a {text-decoration: underline;}

a:hover {color: darkorange; text-decoration: none;}

h1, h2 {font-family: "Special Elite", system-ui; }

h3, h4 {font-family: "Special Elite", system-ui; margin-bottom: 0px;}

ul, ol, dl {list-style-position: inside !important;}

#topWrapper {background-color: rgba(34,34,34,.8); z-index: 100; padding-top: 1rem;}

.logoType {flex: 1 1 auto;      font-family: "Special Elite", system-ui;  font-size: 3rem;
padding-left: 1rem;}

.title-bar, #nav-menu {margin-left: auto;   background-color: transparent; justify-content: flex-end;}

#nav-menu {flex: 0 0 100%;        /* only as wide as its content */
  margin-left: 0 !important;  }

#nav-menu a {text-transform: lowercase;}

.title-bar .menu-icon {margin-bottom: 1rem;}

  .menu-icon {width: 30px; height: 20px;}

  .menu-icon::after, .menu-icon:hover::after  {
    height: 4px;
  }

  .menu-icon::after {
    background: #fff;
     box-shadow: 0 12px 0 #fff, 0 24px 0 #fff;
  }

.menu-icon:hover::after {
  background: darkorange;
  box-shadow: 0 12px 0 darkorange, 0 24px 0 darkorange;
}


.top-bar {padding-bottom: 0px;}

.top-bar, ul.menu {background-color: transparent; font-family: "Special Elite", system-ui; }

.top-bar-right {text-transform: lowercase; font-size: 1.2rem;}

.top-bar-left {font-family: "Special Elite", system-ui; font-size: 4rem;}

.some_top {
  padding: 0rem 1rem 1rem 1rem;  
  flex: 0 0 100%;          /* own row at the top */
  display: flex;
  justify-content: flex-start;
  gap: .5rem;
}

.some_top .icon {display: inline-block; margin-right: 1rem; height: 30px;}

/* .grid-x, #tribe-events-content {background-color: rgba(0,0,0,.8) !important;} */

.grid-container { /* max-width: 80rem; */ max-width: 100%; }

.menuContainer {background-color: rgba(34,34,34,.8);
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
}

#tinustille.horizontal.menu {
  justify-content: flex-end;   /* keeps the links right-aligned */
}

#videoWrapper {
    object-fit: cover;
  height: 100%;
  width: 100%;

  position: relative; 
  top: 0;
  left: 0;

  aspect-ratio: 3/1;
  overflow: hidden;
}
#videoWrapper video {
  opacity: .7;     

  object-fit: cover;
  height: 100%;
  width: 100%;
}

#videoText {
  font-size: 1.1rem;   
  position: absolute;
    font-weight: 700;
  top: 50%;
  transform: translateY(-50%);
text-align: center;

}

#videoText p, #videoText ul {
  filter: drop-shadow(5px 5px 5px #000);
}

#videoText ul {
  display: inline-block;
  text-align: left; 
}

.grid-x {background-color: rgba(0,0,0,.7);}

#videoText .grid-x {background-color: transparent;}

.separated {margin-top: 10px;}

.cell.content {padding: 2rem;}

.topImg img, .tribe-events-single .tribe-events-event-image img {width: 100%; float: left; margin-right: 2rem;   position: absolute;
  top: 50%;
  transform: translateY(-50%);}

.topImg, .tribe-events-single .tribe-events-event-image {aspect-ratio: 3/1; overflow: hidden; position: relative; margin-bottom: 2rem;}

.topImg h1 {position: absolute; bottom: 0px;left:0px; background: linear-gradient(transparent, black); padding: 2rem; width: 100%; margin-bottom: 0px;}

.fp_text {background-image: url(/wp-content/uploads/2026/05/ralle-web-cover-scaled.jpg); background-size: cover; background-position:center;  padding: 3rem  !important;}

.fp_text p {font-size: 1.2rem;}

.event_image, .news_image {aspect-ratio: 2/1; overflow: hidden; position: relative; overflow: hidden; }

.event_image img, .news_image img {width: 100%;}

.event_image:hover img, .news_image:hover img { 
  
  transition: all 1s;
  transform: scale(1.1);
}

.event_image img .news_image img {transition: all 1s; transform: scale(1);}

.event, .news {position: relative; overflow: hidden;}

.event .date, .newsItem .date {position: absolute; top: 0rem; padding: .5rem; color: #fff; background-color: rgba(0,0,0,.5); width: 100%;}

.date {font-size: smaller;}

a:hover .date {color: #fff;}

.date span.category {opacity: 1; background-color: darkorange; padding: .3rem; margin-right: 1rem;}

.event h3 {position: absolute; bottom: 0px; padding: 1rem; font-size: 1.6rem; background: linear-gradient(transparent, black); width: 100%; margin-bottom: 0px;}

.newsList {position: relative;}

.newsItem.slick-slide, .event.slick-slide {padding: 1rem;}

.slick-next {    color: white;
    right: 2rem;
    position: absolute;
    top: 3rem;
  }

.newstext {font-size: 1rem; position: absolute; bottom: 0px; padding: 1rem; background: linear-gradient(transparent, black); width: 100%; margin-bottom: 0px;}

#footer {background-color: rgba(34,34,34);}

#footer .grid-x {background-color: transparent;}

#footer .cell {padding: 2rem;}

#footer a.icon {text-decoration: none;}

.icon {
    line-height: 30px;
    padding-left: 40px;
    background-repeat: no-repeat;
    background-position: left;
    background-size: 30px;
}

.icon.facebook {background-image: url(/wp-content/themes/tinustille/images/facebook.png);}
.icon.instagram {background-image: url(/wp-content/themes/tinustille/images/instagram.png);}
.icon.youtube {background-image: url(/wp-content/themes/tinustille/images/youtube.png);}
.icon.bluesky {background-image: url(/wp-content/themes/tinustille/images/bluesky.png);}
.icon.spotify {background-image: url(/wp-content/themes/tinustille/images/spotify.png);}
.icon.apple {background-image: url(/wp-content/themes/tinustille/images/apple.png);}
.icon.tidal {background-image: url(/wp-content/themes/tinustille/images/tidal.png);}
.icon.bandcamp {background-image: url(/wp-content/themes/tinustille/images/bandcamp.png);}
.icon.tiktok {background-image: url(/wp-content/themes/tinustille/images/tiktok.png);}

#footer p a {display: block;}

/* LEGACY STYLINGS */

/* .tribe-common-l-container.tribe-events-l-container {background-color: #333 !important; color: #fff !important;} */

.tribe-common .tribe-common-h2, .event-tickets .tribe-common-h4, .tribe-common a:not(.tribe-common-anchor--unstyle), .tribe-common a:not(.tribe-common-anchor--unstyle):active, .tribe-common a:not(.tribe-common-anchor--unstyle):focus, .tribe-common a:not(.tribe-common-anchor--unstyle):hover, .tribe-common a:not(.tribe-common-anchor--unstyle):visited, .tribe-common .tribe-common-b1, .tribe-common .tribe-common-h5, .tribe-common .tribe-common-h6, .event-tickets .tribe-tickets__commerce-checkout-cart-item-details-button--less, .event-tickets .tribe-tickets__commerce-checkout-cart-item-details-button--more, .tribe-common .tribe-tickets__commerce-checkout-cart-item-details-button--less, .tribe-common .tribe-tickets__commerce-checkout-cart-item-details-button--more, .event-tickets .tribe-tickets__commerce-checkout-cart-footer-order-modifier-fees, .event-tickets .tribe-tickets__commerce-checkout-cart-footer-quantity, .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total, .tribe-common .tribe-tickets__commerce-checkout-cart-footer-order-modifier-fees, .tribe-common .tribe-tickets__commerce-checkout-cart-footer-quantity, .tribe-common .tribe-tickets__commerce-checkout-cart-footer-total, .event-tickets .tribe-tickets__commerce-checkout-cart-footer-quantity-number, .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total-number, .event-tickets .tribe-tickets__commerce-checkout-cart-footer-total-wrap, .tribe-common .tribe-tickets__commerce-checkout-cart-footer-quantity-number, .tribe-common .tribe-tickets__commerce-checkout-cart-footer-total-number, .tribe-common .tribe-tickets__commerce-checkout-cart-footer-total-wrap {color: #fff !important;}

.entry .entry-content .event-tickets .tribe-tickets__tickets-form, .event-tickets .tribe-tickets__tickets-form, .entry .entry-content .event-tickets .tribe-tickets__tickets-form, .event-tickets .tribe-tickets__tickets-form h2 {color: #000 !important;}

.tribe-events-header__breadcrumbs, .tribe-events-header__events-bar, .tribe-events-c-top-bar, .tribe-events-calendar-list-nav, .tribe-events-c-subscribe-dropdown__container {
    display:none !important;
}

.tribe-common, .tribe-events-single-section, .tribe-events-content, .tribe-events-calendar-list__event-details, .tribe-events-calendar-list__event-description {color: #FFF !important; font-size: 1rem !important;}

.tribe-common--breakpoint-medium.tribe-common .tribe-common-g-row--gutters>.tribe-common-g-col {padding: 20px !important;}

.event-tickets .tec-tickets__attendees-list, .tribe-common .tec-tickets__attendees-list {background-color: transparent !important;}

.event-tickets .tribe-tickets__form .tribe-tickets__form-field-label, .event-tickets .tribe-tickets__form label {color: #fff !important;}

.ElementsApp, .ElementsApp .InputElement {color: #fff !important}

.tribe-common .tribe-common-h3 {color: #FFF !important;}

#tribe-modal__cart {color: #000 !important;}

h2.tribe-events-single-section-title {font-family: "Special Elite", system-ui;}

.event-tickets .tribe-common-form-control-text__input {color: #000 !important;}

@media (min-width: 768px) {
  
  .newstext {font-size: 1.5rem;}

  h4 {font-size: 2.5rem;}

.some_top::after {
  content: "";
  display: table;
  clear: both;
}

	.tribe-events-event-meta.primary, .tribe-events-event-meta.secondary {width: 100%;}
	.tribe-events-venue-map {width: 50%;}
	
	.event-tickets .tribe-common-form-control-text__input {color: #000 !important;}
  .tribe-events-event-meta.primary, .tribe-events-event-meta.secondary {width: 100% !important}
}

/* X-LARGE SCREENS */

@media screen and (min-width: 64em) {
  #videoText {font-size: 1.2rem;}

  .menu-icon {width: 45px; height: 30px;}

  .menu-icon::after, .menu-icon:hover::after  {
    height: 6px;
    box-shadow: 0 15px 0 #fff, 0 30px 0 #fff;
  }

  .menu-icon:hover::after {
    box-shadow: 0 15px 0 darkorange, 0 30px 0 darkorange;
  }
}

/* SMALLER SCREENS */

@media only screen and (max-width: 64em) { 

  #videoWrapper {aspect-ratio: 4/3;}
}

/* MEDIUM SCREENS  */

@media only screen and (max-width: 90em) { 
 #videoText { font-size: 1rem;}


} 

/* PHONE */

@media screen and (max-width: 39.9375em) {
  html, body {font-size: 1rem; }

  .title-bar-title a {font-family: "Special Elite", system-ui !important; font-size: 1.5rem; }

  .top-bar-left {display: none;}

#videoWrapper {aspect-ratio: 2/3;}

#videoText { font-size: .8rem;}

  .fp_text {padding: 1.5rem !important;}

  .fp_text p {font-size: 1rem;}
}