/*millan lisäykset*/
.hero-slider a:not(.btn) {
    color: var(--color3) !important;
}
.liity-form .formField-checkbox label.d-block, #form-380 .formField-checkbox label.d-block {
    display: none !important;
}
.liity-form .formField-checkbox, #form-380 .formField-checkbox {
    font-size: 13px;
	margin-bottom:0;
}
#form-380 .tietosuoja a {
    color: var(--color3) !important;
}
.tietosuoja a {
    color: var(--color1) !important;
    font-size: 13px;
	text-decoration:underline;
}
.kilpailu ul {
    display: flex;
    flex-flow: wrap;
    align-items: center;
    justify-items: center;
    margin: 0;
    padding: 0;
    justify-content: center;
}
.kilpailu ul li {
    list-style: none;
    margin: 10px;
    flex: 0 0 calc(50% - 20px);
}
.kilpailu ul li img {
    max-height: 200px;
    width: auto;
}
/*millan lisäykset loppuu*/
.hero-slider__overlay {display:none;}

#main-content {
/*	background:url(../img/ur-back-white.jpg) top center no-repeat;
	background-size: auto 100%;
	padding-top:50px;
	padding-bottom:50px;*/
}

#content-top {padding:0;position:relative;z-index:1000;}
#content-top .liity-form {
	
	background:var(--color4);
	color:var(--color1);
	width:100%;
	max-width:500px;
	margin:0 auto;
	border-radius:30px;
	padding:40px;
	box-sizing:border-box;
	position:fixed;
	top:50%;
	left:50%;
	transform:translate(-50%, -50%);
}

@media (max-width:1400px) {
	#content-top {padding:0 30px;}
}
.fast-form-phone {padding:0;}
#main-before .btn-switcher-primary {
	background:var(--color3);
	color:var(--color4);
}
#main-before {background:var(--color1);}
#content-top h2 {color:var(--color1) !important;text-transform:uppercase;font-size:2rem;font-weight:700}
#main-before h2, .basic-form h2 {color:var(--color4) !important; text-transform:uppercase;font-size:3rem;font-weight:700}

#showcase .btn-switcher-highlight {
	background:var(--color3);
	padding:15px 25px;
}
#showcase .btn-switcher-secondary {
	background:var(--color4);
	color:var(--color1);
	padding:15px 25px;
}
#showcase .btn-switcher-highlight:hover {
	background:var(--color4);
	color:var(--color1);
}
.tubelink .btn-switcher-primary {
	font-family:var(--fontheading);
	text-transform:uppercase;
	font-size:1.5rem;
}

.editor-content__col.item1, .editor-content__col.item2 {margin-bottom:0;}
.sivu48 #main-content, .sivu49 #main-content {displaY:none;}
.sivu49 .basic-form {
    margin-top: 0;
}
.sivu49 #bottom {display: none;}
#content-top {padding:0px;}

form[name=poll_form] {height:100%;}
.pollContainer {
	padding:40px 25px;
	text-align:Center;
	
	border-bottom:6px solid var(--color1);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.1);
	height:100%;
}
.pollContainer .btn-switcher-primary {
	margin-top:15px;
}
.pollQuestion {
	font-weight:700;
	font-size:2rem;
	line-height:2rem;
	text-align:center;
	margin-bottom:15px;
	font-family:var(--fontheading);
	text-transform:uppercase;
}
.pollChoice, .pollRes {
	border:1px solid #eee;
	margin:2px 0;
	display:block;
}
.pollChoice input {
	visibility:hidden;
	height:0px;
	width:0px;
	margin:0;
	position:absolute;
}
.pollChoice.valittu {
	border:1px solid var(--color3);
	background:var(--color3);
	color:var(--color4);
}
.pollChoice label, .pollRes {
	display:block;
	padding:7px;
	margin:0;
	position:relative;
	text-align:Center;
}
.pollRes {margin:2px 0;}

.pollWrap {
	background:var(--color4);
	height:100%;
	margin:10px;
	padding-bottom:4px;
	border-bottom:6px solid var(--color1);
}

.pollRes {text-align:left;}
.pollRes span {float:right;}


#main-content .editor {
	margin-top:100px;
}
#main-content .content-section {padding-top:0;}
#main-content .editor h2 {font-size:5rem;text-transform:uppercase; font-weight:700;}


#showcase h3 {
	color:var(--color4);
	font-size:1.5rem;
}


.aki img {width:90%; height:auto;}

.basic-form {margin-top:100px;}


footer .site-footer__social-icons {text-align:center;}
.site-header__logo {width:100%; text-align:Center;}
#header .site-footer__social-icons {text-align:center;}
.hero-slider__item .hero-slider__text-content {
	padding-top:10rem;
}


.sulje {
	margin-top:15px;
	background:#eee;
	padding:10px;
	border-radius:4px;
	text-align:center;
}
.sulje:hover {
	background:var(--color1);
	color:var(--color4);
}

footer h3 {color:var(--color4);}
footer h3 a:hover {color:var(--color3);}

.tube p {
aspect-ratio: 16 / 9;
}
.tube iframe {width:100%; height:100%;}


@media (min-width: 768px) {
    .nav-gradient .site-header .sticky {
        background: none !important;
        box-shadow: unset;
		position:relative !important;
    }
}

nav {display:none !important;}


@media (max-width:1400px) {
	#showcase p img {height:400px;width:auto;}
	.pollQuestion {font-size:1.5rem;}
}



@media (max-width:1024px) {
	#main-content .editor h2 {font-size:3rem;}
	.pollQuestion {font-size:1.2rem; line-height:1.3rem;}
	.pollRes, .pollChoice {font-size:11px;}
	.pollWrap {margin:0;}
}

@media (max-width: 991.98px) {
    .site-header__logo {
        width: 100%;
    }
	.site-footer__social-icons {text-align:center;}
	#header .site-footer__social-icons {margin-top:15px;}
}


@media (max-width:767px) {
	.aki img {width:auto;height:400px;}
	.aki {text-align:center;}
	#showcase p img {
        height: 300px;
        width: auto;
    }
	#showcase h3 {font-size:1rem;}
	.hero-slider__item .hero-slider__text-content {padding-bottom:4rem;}
	#header.sticky {
		position:relative !important;
	} 
	.site-header__bottom {background:none !important;}
	.site-header {
		position:absolute;
		top:0 !important;
		bottom:auto !important;
		background:none !important;
	}
}

#header .site-footer__social-icons a:first-child{display:none;}

@media (max-width:767px) {

.pollChoices {
	display:none;
	margin-top:15px;
}
.pollChoice, .pollRes {
	border: 1px solid #eee;
    margin: 2px;
    display: block;
    width: calc(33.33% - 4px);
    float: left;
}
.pollQuestion {text-align:left;position:relative;margin-bottom:0;}
.pollQuestion:before {
	content:'+';
	position:absolute;
	right:20px;
	top:50%;
	
	transform:translateY(-50%);
}
.pollQuestion.check:before {
	content:'-';
}

#showcase p img {
        height: 80px;
        width: auto;
    }
	#main-before .editor-content__col.item6 {display:none;}
	#main-before .editor-content__col.item4, #main-before .editor-content__col.item5 {
		max-width:50%;
		flex: 0 0 50%;
	}
	#main-before h2, .basic-form h2 {font-size:2rem;}
	#main-before .editor-content__col.item2 .align-right {text-align:center;margin-bottom:15px;}
	#main-before .editor-content__col.item1 {text-align:center;}
	#main-before .btn-switcher-primary {font-size:1rem;}
	#main-content .col-md-4 {margin-bottom:20px;}
	.basic-form {margin-top:0;}
	/*#showcase p:first-child {
		position:absolute;
		top:15px;
		left:15px;
	}*/
	#header .site-footer__social-icons {text-align:right;}
	.hero-slider__bg-image {display:none;}
	.hero-slider__item {background-size:100% auto; background-color:var(--color1);background-repeat:no-repeat;}
	.hero-slider__item .hero-slider__text-content {
		padding-top: 32rem;
	}
	.hero-slider__text-content {
		background: linear-gradient(0deg, var(--color1), transparent);
	}
	.hero-slider__container {padding:0;}
}

@media (max-width: 600px) {
    .hero-slider__item .hero-slider__text-content {
        padding-top: 22rem;
    }
}

@media (max-width:520px) {

.pollChoice, .pollRes {
	border: 1px solid #eee;
    margin: 2px;
    display: block;
    width: calc(50% - 4px);
    float: left;
}
.pollQuestion:before {
	right:0;
}
.pollQuestion {font-size:1rem;}
#main-content .editor {margin-top:60px;}
}

@media (max-width: 460px) {
    .hero-slider__item .hero-slider__text-content {
        padding-top: 19rem;
    }
}
@media (max-width: 380px) {
    .hero-slider__item .hero-slider__text-content {
        padding-top: 16rem;
    }
}



/* MUUTOKSET */
.voting h1 {
	font-size: 3rem;
	font-weight:700;
	text-transform:uppercase;
	margin-bottom:1rem;
}
.sivu48 #bottom,
.sivu50 #main-content,
.sivu50 #section-primary,
.sivu50 #bottom,
.sivu51 #main-content,
.sivu51 #section-primary,
.sivu51 #bottom {
	display:none;
}


.sivu1 #main-content {
	padding-top:0;
}
.sivu1 #main-content .content-section:first-child {
	background:#fff;
	padding:0 0 0;
}
.sivu1 #main-content .content-section:first-child .container {
	max-width:100%;
}
.sivu1 #main-content .content-section:first-child .container .col-12.col-md-6:first-child {
    display: flex;
    flex-direction: row-reverse;
}
.sivu1 #main-content .content-section:first-child .container .col-12.col-md-6:first-child .editor {
	margin:0;
	padding: 7rem 5rem 7rem 2rem;
    max-width: 700px;
}
.sivu1 #main-content .content-section:first-child .container .col-12.col-md-6:last-child {
	background:#000043;
	color:#fff;
}
.pollOut {
	max-width:700px;
	padding:7.5rem 2rem 7rem 5rem;
}
.pollOut .pollQuestion {
	text-align:left;
}
.pollOut .btn {
	border-color:#fcad1d;
	background-color:#fcad1d;
	margin-top:1rem;
}
.sivu1 #main-content .content-section:last-child {
	background:url(../img/ur-back-white.jpg) top center no-repeat;
	background-size: auto 100%;
	padding-top:7rem;
	padding-bottom:6rem;
}
.sivu1 #main-content .content-section:last-child .editor {
	margin:0;
}
.sivu1 #main-content .content-section:last-child .pollWrap {
	height:auto;
}
#main-content .editor.akiSanding {
    margin: 0;
	padding:4rem 0 0 5rem;
}
.editor.isoTxt {
	padding-right:4rem;
}
.isoTxt h2 {
	text-transform: uppercase;
    font-size: 3rem;
    font-weight: 700;
}
.sivu1 #section-primary .basic-form {
	margin-top:0;
}
.sivu1 #section-primary .basic-form .form-group.formField-heading,
.sivu1 #section-primary .basic-form .form-group.formField-plaintext {
	display:none;
}




@media (max-width: 1199.98px) {
    .hero-slider__item .hero-slider__text-content {
        padding: 7rem 1.5rem 3rem;
    }
	#main-content .editor.akiSanding {
    	padding: 4rem 0 0 0;
	}
	#bottom .basic-form {
    	margin-top: 0;
	}
}

@media (max-width: 991.98px) {
	 .hero-slider__item .hero-slider__text-content {
        padding: 5rem 1.5rem 3rem;
    }
    #showcase p img {
        height: 375px;
    }	
	#showcase h3 {
	    font-size: 1.375rem;	
	}	
	.sivu1 #main-content .content-section:first-child .container .col-12.col-md-6:first-child .editor {
		padding:5rem 2rem 4rem 1rem;
	}
	.pollOut {
		padding: 5.5rem 1rem 4rem 2rem;
	}	
	#main-before h2,
	.isoTxt h2,
	#main-content .editor h2,
	.basic-form h2 {
		font-size:2.5rem;
		line-height:1;
	}
	.site-footer {
        padding: 3rem 0 1.5rem 0;
    }
	/*kiitos*/
	.voting h1 {
		font-size:2.5rem;
	}
	.sivu48 .basic-form {
    	margin-top: 0;
	}
}



@media (max-width: 767px) {
	#showcase h3,
	h3 {
	    font-size: 1.25rem;	
	}
	#main-before h2,
	.isoTxt h2,
	#main-content .editor h2,
	.basic-form h2 {
		font-size:2.125rem;
	}	
	
	.hero-slider__item .hero-slider__text-content {
        padding: 6rem 1.5rem 1rem;
    }
    #showcase p img {
        height: 275px;
    }		
	.sivu1 #main-content .content-section:first-child .container .col-12.col-md-6:first-child .editor {
		padding:4rem 2rem 2rem 1rem;
	}	
	.sivu1 #main-content .content-section:first-child .container .col-12.col-md-6:last-child {
		background:#fff;
		padding:0 2rem 4rem;
	}
	.pollOut {
		background: #000043;
		padding:2.5rem 1.5rem 2rem;
	}
	.pollQuestion:before {
		font-weight:200;
		font-size:2.125rem;
	}
	.pollChoice,
	.pollRes {
		width:100%;
		float:none;
		font-size:14px;
	}
	.pollOut h3 {
		margin-top:1.5rem !important;
	}
	.sivu1 #main-content .content-section:last-child {
		padding-top:4rem;
		padding-bottom:3rem;
		position:relative;
	}
	.sivu1 #main-content .content-section:last-child:before {
        content: '';
        background: rgba(255, 255, 255, 0.5);
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
	}
	.akiSanding p {
		text-align:center;
	}
	.akiSanding img,
	.aki img {
		max-width:50%;
		height:auto;
	}
	#section-primary .content-section,
	#bottom .content-section {
		padding-top:4rem;
		padding-bottom:4rem;
	}
	.editor.isoTxt {
		text-align:left;
		padding-right:0;
	}
	/*kiitos*/
	.voting h1 {
		font-size:2.125rem;
	}
	.sivu48 #section-primary .content-section {
        padding-top: 0rem;
	}
	
	.hero-slider__text-content {
        width:100%;
    }
}



@media (max-width: 575px) {
	.liity-form .formField-checkbox, #form-380 .formField-checkbox {
		font-size: 11px;
	}
	.tietosuoja a {
		font-size: 11px;
	}
	#showcase h3,
	h3 {
	    font-size: 1.125rem;	
	}
	#main-before h2,
	.isoTxt h2,
	#main-content .editor h2,
	.basic-form h2 {
		font-size:1.875rem;
	}	

	.hero-slider__item .hero-slider__text-content {
        padding: 7rem 1.5rem 1rem;
    }
    #showcase p img {
        height: 200px;
    }	
	.kilpailu ul li img {
    	max-height: 120px;
	}
	/*kiitos*/
	.voting h1 {
		font-size:1.875rem;
	}	
	.sivu47 #showcase {
		height: calc(100svh - 165px) !important;
		background: var(--color1);
	}
}



@media (max-width: 440px) {
	#main-before h2,
	.isoTxt h2,
	#main-content .editor h2,
	.basic-form h2 {
		font-size:1.75rem;
	}	
	.site-footer__social-icons a {
		font-size:1.375rem;
	}

	.kilpailu ul li img {
    	max-height: 100px;
	}
	/*kiitos*/
	.voting h1 {
		font-size:1.75rem;
	}	
}




@media(min-width:767px){
	.hero-slider__item {
		background-image:none !important;
	}
}




@media(min-width:1600px){
	.sivu1 #main-content .content-section:last-child {
		background-size:cover;
	}
}

/*GENELECT tulokset 10-2024*/
#section-secondary {
	background:#fff;
	color:#000;
}
.kisatulos {
	text-align:center;
	padding-bottom:4rem;
}
.kisatulos h2 {
	font-size: 3rem;
    font-weight: 700;
	text-transform:uppercase;
}
.kisatulos table {
	width:100%;
	max-width:650px;
	margin:1rem auto 0;
	text-align:left;
}
.kisatulos table tr td {
	padding:7px 10px;
	border:1px solid #ccc;
	vertical-align:top;
}
.kisatulos table tr td:last-child {
	text-align:right;
} 


@media (max-width: 991.98px) {
	.kisatulos h2 {
		font-size: 2.5rem;	
	}
}
@media (max-width: 767px){
	.kisatulos h2 {
		font-size: 2.125rem;	
	}
	.kisatulos table {
		max-width:100%;
	}
}
@media (max-width: 575px) {
	.kisatulos h2 {
		font-size: 1.875rem;	
	}
}

