/* MAFF 2026 by Elixir.ee */

@import url('https://fonts.googleapis.com/css2?family=Google+Sans:ital,opsz,wght@0,17..18,400..700;1,17..18,400..700&display=swap');

html {
  position: relative;
  min-height: 100%;
}

body {
	background:#f7f5f1;
	color:#16232c;
	font-family: 'Google Sans', sans-serif;
	font-weight:400;
}

h1, h2, h3, h4, h5, h6 {font-weight:500;}

.text-green {color:#ffcc00;}
.supersmall {font-size: .75em;}

.maff-navbar { position:relative; z-index:20; }
.mainlogo { width:auto; height:90px; }

.maff-nav { gap:1.75rem; align-items:center; }
.maff-nav-item { position:relative; }
.maff-nav-link { position:relative; display:inline-flex; align-items:center; gap:.35rem; padding:2rem 0 1.35rem; color:#16232c; font-size:.85rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; text-decoration:none; }
.maff-nav-link:hover { color:#d96b3b; }
.maff-nav-link::after { content:""; position:absolute; left:0; bottom:1.05rem; width:100%; height:2px; background:#d96b3b; transform:scaleX(0); transform-origin:left; transition:transform .18s ease; }
.maff-nav-item.is-active > .maff-nav-link { color:#d96b3b; }
.maff-nav-item.is-active > .maff-nav-link::after,
.maff-nav-link:hover::after { transform:scaleX(1); }
.maff-chevron { font-size:18px; line-height:1; transition:transform .18s ease; }
.maff-nav-item.show .maff-chevron, .maff-nav-item:hover .maff-chevron { transform:translateY(-3px); }
.maff-dropdown { min-width:300px; padding:.75rem; margin-top:-6px; border:1px solid #eee; border-radius:8px; background:#16232c; box-shadow:0 12px 40px rgba(13,23,32,.08); }
.maff-dropdown-item { display:block; padding:.75rem 1.5rem; color:#ffffff; font-size:.95rem; letter-spacing:.02em; text-decoration:none; transition:color .15s ease; }
.maff-dropdown-item:hover { color:#d96b3b; background:none; }
.maff-dropdown-item.is-active { color:#d96b3b; }

.navbar-toggler { border:none; padding:0; }
.navbar-toggler:focus { box-shadow:none; }

.maff-mobile-nav { max-width:700px; margin:0 auto; }
.maff-mobile-nav-main-item { display:flex; justify-content:space-between; align-items:center; padding:1rem 0; color:#16232c; font-size:1.3rem; font-weight:500; text-decoration:none;}
.maff-mobile-nav-main-item:hover, .maff-mobile-nav-main-item.is-active { color:#d96b3b; }
.maff-mobile-nav-secondary-item { display:block; padding:.65rem 0 .65rem 1rem; color:#16232c; font-size:1rem; text-decoration:none; }
.maff-mobile-nav-secondary-item:hover, .maff-mobile-nav-secondary-item.is-active { color:#d96b3b; }
.maff-mobile-nav .collapse { padding-bottom:.75rem; top:.75rem}
.maff-mobile-nav .maff-chevron { font-size:22px; }

#modal_navigation .modal-content { background:#f7f5f1; }
#modal_navigation .modal-header { padding:2rem; }
#modal_navigation .btn-close { opacity:1; }
#modal_navigation .modal-body { padding:2rem; }

.maff-hero { position:relative; min-height:720px; overflow:hidden; background:#f7f5f1; }
.maff-hero-bg { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center right; z-index:1; }
.maff-hero-gradient { position:absolute; inset:0; z-index:2; background:linear-gradient(90deg,#f7f5f1 0%,#f7f5f1 34%,rgba(247,245,241,.95) 48%,rgba(247,245,241,.75) 62%,rgba(247,245,241,.35) 76%,rgba(247,245,241,0) 90%); }
.maff-hero .container { position:relative; z-index:3; }
.maff-hero-content { max-width:720px; padding:6rem 0; }
.maff-hero-title { margin:0 0 1.5rem; color:#16232c; font-size: clamp(4rem,6vw,6.5rem); margin-left:-.06em; font-weight:500; line-height:.9; letter-spacing:0; text-transform:uppercase; }
.maff-hero-intro {font-weight:600; font-size:1.15rem;}
.maff-hero-text { max-width:520px; color:#16232c; font-size:1.15rem; line-height:1.65; }
.maff-hero-text p { margin:0 0 1rem; }
.maff-hero-value { display:flex; flex-wrap:wrap; gap:.5rem 1rem; margin-top:2.5rem; color:#16232c; font-size:.85rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; opacity:.72; border-left: 2px solid rgba(13, 23, 32, .35); padding-left: 20px;}
.maff-hero-value span { position:relative; }
.maff-hero-value span:not(:last-child)::after { content:""; position:absolute; top:50%; right:-.6rem; width:3px; height:3px; border-radius:50%; background:#d96b3b; }
.maff-hero-buttons { display:flex; flex-wrap:wrap; gap:2.25rem; margin-top:2rem; align-items:center; }

.btn-maff { display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:52px; padding:.9rem 1.35rem; border-radius:0; background:#16232c; border:1px solid #16232c; color:#fff; font-size:.85rem; font-weight:500; letter-spacing:.08em; line-height:1; text-transform:uppercase; text-decoration:none; }
.btn-maff:hover { background:#d96b3b; border-color:#d96b3b; color:#fff; }
.btn-maff .material-symbols-outlined { font-size:20px; line-height:1; transition:transform .16s ease; }
.btn-maff:hover .material-symbols-outlined { transform:translateX(3px); }
.btn-maff-secondary { position:relative; display:inline-flex; align-items:center; justify-content:center; gap:.75rem; min-height:52px; padding:.9rem 0 .75rem; border:0; border-radius:0; background:transparent; color:#16232c; font-size:.85rem; font-weight:500; letter-spacing:.08em; line-height:1; text-transform:uppercase; text-decoration:none; }
.btn-maff-secondary::after { content:""; position:absolute; left:0; right:0; bottom:.45rem; height:1px; background:rgba(13,23,32,.35); }
.btn-maff-secondary:hover { color:#d96b3b; background:transparent; }
.btn-maff-secondary:hover::after { background:#d96b3b; }
.btn-maff-secondary .material-symbols-outlined { font-size:20px; line-height:1; transition:transform .16s ease; }
.btn-maff-secondary:hover .material-symbols-outlined { transform:translateX(3px); }
.has-arrow::after { content:"arrow_right_alt"; font-family:"Material Symbols Outlined"; font-size:20px; line-height:1; transition:transform .16s ease; }
.has-arrow:hover::after { transform:translateX(3px); }

@media (max-width:991.98px) {
    .maff-hero { min-height:700px; }
    .maff-hero-bg { object-position:65% center; }
	.maff-hero-gradient { display:block; background:linear-gradient(90deg,#f7f5f1 0%,#f7f5f1 40%, rgba(247,245,241,.96) 52%, rgba(247,245,241,.85) 65%,	rgba(247,245,241,.55) 78%, rgba(247,245,241,.15) 100%);}
    .maff-hero-content { max-width:420px; padding:4rem 0; }
    .maff-hero-title { font-size:clamp(3.5rem,14vw,5.5rem); }
    .maff-hero-buttons { gap:.75rem; }
    .maff-hero-value { display:block; }
    .maff-hero-value span { display:block; margin-bottom:.35rem; }
    .maff-hero-value span::after { display:none; }
}

/* newspaper */
.newspaper {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 3em;
  -moz-column-gap: 3em;
  column-gap: 3em;
}

.navbar-toggler {
	padding: .5rem;
	font-size: 1.25rem;
	line-height: 1;
	border-radius: 2rem;
	color:#222;
	box-shadow: none !important;
	border:none;
}

.navbar-maff .navbar-toggler-icon {
  background-image: url('../images/burger.svg');
}
button:focus {outline:none}


/* Events */
.maff-event {background:#222; color:#fff;}
.ratio-event {--bs-aspect-ratio: 130%;}


/* single film page */

.table-backgroundless td {background:none;}
.carousel-control-prev-icon {background-image: url('../images/edasitagasi1.svg');}
.carousel-control-next-icon {background-image: url('../images/edasitagasi2.svg');}
.carousel-control-prev, .carousel-control-next {opacity:1;}
.thedate {min-width:5rem;}

/* films and sorting */
.element-item {width:33.3333333%;}
.element-item-inner {margin:2px;}
.element-item a {text-decoration:none !important; color:#fff;}
.element-item a:hover {text-transform:none;}
.film-date {text-transform:uppercase;}
.film-time {color:#222;}
.allvasak {    
	position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 0.5rem;
    padding-right: 0.5rem;
    padding-top: 0.3rem;
    padding-bottom: 0.2rem;
    width: auto;
    z-index: 10;
    color: #fff;
    background: #00000066;
    width: 100%;
}
.ylalparem {position:absolute; top:0.8rem; right:0.8rem; width:auto; z-index:10;}
.allparem {position:absolute; bottom:0.3rem; right:0.8rem; width:auto; z-index:10;}
.ylalvasak {position:absolute; top:0.8rem; left:0.8rem; width:auto; z-index:10;}
.finalist {background: #ffcc00; color:#222; padding:0.2rem; padding-left: 1.2rem; padding-right: 1.2rem; padding-top: 0.3rem; padding-bottom: 0.2rem;}
.premiere {background: #ffcc00; color:#222; padding:0.2rem; padding-left: 1.2rem; padding-right: 1.2rem; padding-top: 0.3rem; padding-bottom: 0.2rem;}
.k16 {width:2rem;}
.k16x2 {width:4rem;}

.laurel-img {max-width:6rem;}
.laurel-img-lg {width:12rem;}


.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.is-checked {background: #ffcc00;}


#sorts span {cursor:pointer}

.quicksearch::-webkit-input-placeholder { /* Edge */
  color: #ffcc00;
}
.quicksearch:-ms-input-placeholder { /* Internet Explorer 10-11 */
  color: #ffcc00;
}
.quicksearch::placeholder {
  color: #ffcc00;
}
.btn-maff:focus {box-shadow: none;}

/* single film */
.bg-img {background-size:cover; background-repeat:no-repeat; background-position:center;}
.table-timetable td {color:#ffcc00; padding:0;}
.single-film-details td {width:50%;}
.single-film-details td:nth-of-type(even) {font-weight:900;}
.ratio-single-film {
    --bs-aspect-ratio: 42.8571428571%;
}


/* partners */
.partner {text-align:center; padding:0.5rem 1.5rem; max-width:11rem; }


/* Doris */
.modal {
	background-image: url('../images/maff_muna_white.svg'); 
	background-position: center 90%;
    background-size: 20% !important;
	background-repeat:no-repeat; 
	background-color: #222; 
	color:#edeed7;
}
.modal-content {background:none; color:#fff;}
.modal-content, .modal-header {border-radius:0 !important; border:0;}
.modal-badckdrop {background-color:#222; opacity:1 !important; }
.mfp-image-holder .mfp-close {text-shadow:none; opacity:1; color:#e6eb1e !important;}
.doris {}

/* timetable */
.time-background-grid-container {}
.time-background-grid {border-top:1px solid #d1ccc0; font-size:12px;}
.time-clock-container {width:5%; }
.time-overflower {height: 100%; overflow-x: auto; overflow-y: hidden;}
.time-location-container {width:93%; left:7%; }
.time-single-location {display:flex; position:relative; border-left:1px solid #d1ccc0; min-width:120px; }
.time-single-location-name {height:50px; font-weight:800; position:absolute; top:-50px; text-align:center; text-transform:uppercase; width:100%; font-size:1.2rem; }
.time-single-event {position:absolute; width:90%; background: #ffcc00; color:#222; border:2px solid #000; box-shadow: 5px 5px #000;  border-radius:5px; padding:3px; min-height:28px; font-size:0.75rem; overflow:hidden;}
.time-single-event.active {border:2px solid #38b459; box-shadow: 5px 5px #000;}
.timetable-modal {background:none;}
.timetable-modal .modal-backdrop {background-color:#000;}
.timetable-modal-inner {box-shadow: 2px 2px #000; border:2px solid #222; border-radius:5px; background-color:#222;}
.time-keeper {border-top:8px solid #38b459; opacity:0.9;}

/* gallery */
.mfp-bg {background-color:#222; opacity:1 !important;}
.mfp-arrow {color:#e6eb1e !important; opacity:1 !important;}
.mfp-arrow-right:before, .mfp-arrow-left:before {border:0; }
.mfp-arrow-right:after {border-left-color:#e6eb1e;}
.mfp-arrow-left:after {border-right-color:#e6eb1e;}
.sg-item:hover .sg-item-overlay {background:rgba(30, 20, 130, 0.7);}

/* technical */
.cursor-pointer {cursor:pointer;}
.text-muted {color:#ffcc00 !important;}
.btn-close {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%2316232c'%3e%3cpath d='M.293.293a1 1 0 0 1 1.414 0L8 6.586 14.293.293a1 1 0 1 1 1.414 1.414L9.414 8l6.293 6.293a1 1 0 0 1-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 0 1-1.414-1.414L6.586 8 .293 1.707a1 1 0 0 1 0-1.414z'/%3e%3c/svg%3e");
}
#map {color:#222;}

.order-6 {
    order: 6!important;
}
.order-7 {
    order: 7!important;
}

.ccm-block-express-form .form-group {margin-bottom:1rem;}

/* mobile first */	
@media (max-width: 1399.98px) { 
	.tuttpytt2022 {background-position: -400% 2%;}
}

@media (max-width: 1199.98px) {
	.navbar-maff .navbar-nav a {font-size:1.5rem; margin-left:0; padding-top:0;}
	.navbar-maff .navbar-nav .nav-item, .navbar-maff .navbar-nav .dropdown-item {text-align:center;}
	.tuttpytt2022 {background-position: -70% 2%;}
}

@media (max-width: 991.98px) {
	.logohill {width:100%;}
	.footer-festival-logo {max-height:200px; width:auto;}
	.newspaper {
	  -webkit-column-count: 1;
	  -moz-column-count: 1;
	  column-count: 1;
	  -webkit-column-gap: 3em;
	  -moz-column-gap: 3em;
	  column-gap: 3em;
	}
	.tuttpytt2022 {background-position: -30% 2%;}
	.element-item {width: 50%;}
}

@media (max-width: 767.98px) { 
	.mainlogo {height:80px; width:auto;}
	.time-clock-container { width:13%; }
	.time-location-container {width:85%; left:15%; }
	.time-single-event {box-shadow: 2px 2px #222;}
	.tuttpytt2022 {background-position: -30% 2%;}
	.time-single-location-name {font-size:1rem;}
	.laurel-img-lg {width:8rem;}
	.laurel-img {max-width:5rem;}
	.modal {background-size:80%; }
	.element-item {width: 100%;}
	.btn-maff {min-width:120px;}
	.k16x2 {width:2rem;}
	.ratio-single-film {--bs-aspect-ratio: 56.25%;}
	
}

@media (max-width: 575.98px) {
	.tuttpytt2022 {background-position: -3% 0%; }
	.time-single-location-name {font-size:0.8rem;}
	.time-single-event {font-size:0.625rem;}
}