/* template by Elixir.ee */



/* 2025 

*/


@import url('https://fonts.googleapis.com/css2?family=Epilogue:ital,wght@0,400;0,600;0,900;1,400;1,600;1,900&display=swap');

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

body {
	color:#222;
	
}

.loom3 {
	position:absolute; 
	height:100%; 
	width:100%; 
	z-index:-1;
	background-color:#ffffffcc; 
}

.bgloom3 {
	background-color:#1b3746; 
	width:100%; 
	height:100%; 
	z-index:-2; 
	position:absolute;
	background-image: url(../images/2025/taust2025b_comp.jpg);
    background-attachment: fixed;
    background-size: cover;
	background-position:center;
}

.loom2 {
	position:absolute; 
	height:100%; 
	width:100%;  
	z-index:-1; 
	background-color:#ffffffcc; 
}

.bgloom2 {
	width:100%; 
	height:100%; 
	z-index:-2; 
	position:absolute; 
	background-image: url(../images/2025/taust2025a_comp.jpg);
    background-attachment: fixed;
    background-size: cover;
	background-position:top;
}


a {color:#222; font-weight:700;}
a:hover {color:#222; text-transform:uppercase;}

a h1, a h2, a h3 {text-decoration:none;}

/* fix c5 admin colors */
.cke span {color:#222 !important;}


h1, h2, h3, h4, h5, h6 {font-family: 'Epilogue', sans-serif; font-weight:900;}
body, span, p, li {font-family: 'Epilogue', sans-serif; font-weight:600;}

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

/* footer*/
.footer-logo {height:36px; width:auto; padding:5px;}


/*navbar */
.maff-navbar {
	
}
.maff-nav-main-item {
	font-family: 'Epilogue', sans-serif;
	font-weight:900;
	text-transform:lowercase; 
	font-weight:900; 
	text-align:right;
}
.maff-mobile-nav-main-item {
	font-family: 'Epilogue', sans-serif;
	font-weight:900;
	text-transform:lowercase;  
	font-size:1.125rem;
	text-decoration:none;
	color:#ffcc00;
}
.maff-mobile-nav-main-item:hover {color:#ffcc00;}
.maff-mobile-nav-secondary-item {
	font-family: 'Epilogue', sans-serif;
	font-weight:900;
	text-transform:lowercase; 
	text-decoration:none;
	color:#ffcc00;
}
.maff-mobile-nav-secondary-item:hover {color:#ffcc00;}
.maff-navbar .navbar-toggler, .maff-navbar .navbar-toggler:focus {
	border:none;
	outline:none;
	box-shadow:none;
}
.maff-navbar .dropdown-menu {
	border:none;
	min-width:250px;
}
.maff-navbar .navbar-nav a.dropdown-item {
	color:#222;
	font-weight:900; 
	font-size:1rem; 
	text-transform:lowercase; 
	margin-left:0;
}
.maff-navbar .navbar-nav a.dropdown-item:hover {
	color:#222;
	text-transform:uppercase;
}

.maff-navbar .navbar-nav a:hover, 
.maff-navbar .navbar-nav .active a, 
.maff-navbar .nav-link.show {
	color:#222; 
	text-transform:uppercase; 
}
.maff-navbar .navbar-nav a.dropdown-item.active {
	text-transform:uppercase !important; 
	background:none; color:#222;
}

.maff-navbar .nav-link {padding-left:0 !important; padding-right:0 !important; text-decoration:none; }
.maff-navbar .navbar-nav a{ margin-left:1rem; color:#222;}
.maff-navbar .navbar-nav a::before {display:block; text-transform:uppercase; content:attr(data-text)" .."; height:0; visibility:hidden; overflow:hidden; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; user-select:none; pointer-events:none;}
.maff-navbar .navbar-nav .nav-item {}


.mainlogo {height:90px; width:auto;}

/*.ccm-page-id-196 .mainlogo, .ccm-page-id-1 .mainlogo {opacity:0; } */

/* 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-menu {border-radius:0; border:none; background:#ffcc00; margin-bottom:0.5rem;}
.dropdown-item:focus, .dropdown-item:hover, .dropdown-item.is-checked {background: #ffcc00; color:#222; font-weight:900;}
.dropdown-item {color:#222;}
.btn-maff {border:2px solid #222; background:#222; color:#fff; border-radius:0; font-weight:600; min-width:200px; font-size:0.875rem;}
.btn-maff:hover {border:2px solid #222; color:#222; background:none;}
.btn-maff-boss {background:#ffcc00; border-color:#ffcc00; color:#fff; font-weight:900;}
.btn-maff-boss:hover {color:#ffcc00; background:transparent;}

.btn-maff-secondary {border:2px solid #fff; background:#fff; color:#222; border-radius:0;}
.btn-maff-secondary:hover {border:2px solid #fff; background:#fff; color:#222; border-radius:0;}
#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='%23ffffff'%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;}
}