/*
Theme Name: Flatsome Child
Description: This is a child theme for Flatsome Theme
Author: UX Themes
Template: flatsome
Version: 3.0
*/

/*************** ADD CUSTOM CSS HERE.   ***************/

.adv-product .col {
    margin-top: 10px;
    padding: 0 15px 10px;
}

.orderer-info-container {
    border-top: #3290b2 solid 10px;
}

.absolute-footer {
    padding: 0px;
}

.frontslider .flickity-enabled {
    position: relative;
    margin-top: -100px;
}

.palkkioslider .slider {
    height: 270px;
}

.palkkioslider .img {
height:120px!important;
}

.kampanja img {
padding: 5px 10px;
}

.label-right .nf-field-label {
    padding-left:30px!important;
}

.nf-form-layout .nf-field-element input[type=checkbox] {
    width: 40px;
}

.nf-form-fields-required {
display:none!important;
}

.lomake {
	height: 3.7em!important;
    background-color: #f0f0f0!important;
    border: none!important;
	box-shadow: none!important;
}

.centering {
text-align:center;
margin:0 auto;
}

.header-main {
    border-bottom: solid 1px #ccc!important;
}

.row-small>.flickity-viewport>.flickity-slider>.col, .row-small>.col {
    padding: 0 9.8px;
}

#e-sale-customer-order-button {
    background-color:#358fb2 !important;
}

.lisaanappi {
position:absolute;
height:20%;
width:100%;
bottom:-20%;
background-color:#358fb2;
-webkit-transition: bottom 0.5s; /* Safari */
-moz-transition: bottom 0.5s; /* Safari */
-o-transition: bottom 0.5s; /* Safari */
transition: bottom 0.5s;
}

.tuoteimgcontainer:hover {
cursor:pointer;
}

.tuoteimgcontainer:hover > .lisaanappi {
bottom:0%;
}

.nav-line-bottom>li>a:before, .nav-line-grow>li>a:before, .nav-line>li>a:before {
    height: 1px;
}

.footerheadline {
font-size:15px;
font-weight:bold;
text-align:center;
padding-bottom:10px;
display: flex;
align-items: center;
justify-content: center;
}

.footerinfo {
font-size:12px;
text-align:center;
color:#999;
font-weight:500;
}

.chatlogo {
padding: 0px 20px 0px 20px;
}

.footerchat {
font-weight:300;
}

.chatwrapper {
display:block;
text-align:center;
}

.footer-1:hover {
    background-color: #237EA1;
}

.brandilogotwrapper {
text-align:center;
display:flex;
align-items:flex-end;
justify-content: center;
}


@media only screen and (min-width: 850px) {
	.halfbg {
background: linear-gradient(90deg, #358FB2 50%, #FFFFFF 50%);
}
a.button.white.is-outline.is-xlarge.text-center.register-button {
    border-width: 1px;
    padding: 10px 30px;
    font-weight: 700;
    margin: 20px auto 30px;
}	
.chatlogo {
float:left;
}

.footerchat {
display: inline-block;
width: auto;
/*float: left;*/
}

.chatwrapper {
display: flex;
align-items: center;
justify-content: center;
}

ul.dots {
    margin: 0 0 0 -10px;
}

@media only screen and (max-width: 850px) {
	.flickity-page-dots {bottom:auto;}
	#top-bar .flex-col.hide-for-medium.flex-right {
		display: inline-block !important;
		/*float: left;*/
		font-size: 10px;
		position: absolute;
		right: 0;
	}
	.html.custom.html_topbar_left {
		position: absolute;
		left: 0;
	}
	.halfbg {
		background: #358FB2 !important;
	}
}

@media only screen and (max-width: 549px) {
	
	#top-bar .flex-col.hide-for-medium.flex-right {
		font-size: 8px;
	}
	
.banner .is-small {
width:100%;
padding:10px 0px;
font-size:110%;
}

.fullbgs {
padding-top:15px;
background: #358FB2;
}

.frontslider .flickity-enabled {
    margin-top: -70px;
}
	
	.flickity-page-dots {bottom:0px;}

.frontslider p {
    font-size:14px;
}

 .frontslider h2 strong{
    font-size:18px;
}


.frontslider .text-inner {
    padding: 15px 25px!important;
}

.img-inner img {
    width: 40%;
}

.palkkioslider .slider {
    height: auto!important;
}

.palkkioslider .img {
height:auto!important;
}

.home .img-inner img {
    width: 80%;
}

.home .product-small img {
    width: 80%;
}

.is-full-height {
height:100%!important;
}

.banner .text-box {
width:100%!important;
}

.small-6 {
    max-width: 100%;
    -webkit-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
}

.col {
text-align:center!important;
}

h2, h1, h3 {
font-size:5.5vw!important;
}

.banner h2 {
font-size:4.5vw!important;
}

.brandilogotwrapper {
display:block;
margin-left:auto;
margin-right:auto;
}
.brandilogotwrapper a img {
padding-top:20px;
}

	.featured-banner .col > .col-inner, .funders .col > .col-inner {
		padding: 0 !important;
	}
	.funders .col {
		max-width: 25%;
		text-align: center;
		margin: 0 auto;
		line-height: 0.1;
	    padding-bottom: 15px;
	}

	.funders {
		margin-top: 40px;
	}

	
	li {
		text-align: left;
	}

}
span#cn-notice-text {
    font-size: 16px;
    line-height: 14px;
    vertical-align: text-bottom;
}

#cookie-notice .button.bootstrap {
	padding: 6px 10px;
}

a.cn-set-cookie, a.cn-more-info {
    margin: 5px;
}

.campaign-material {

	float: left;
	width: 170px;
	margin: 0 8px;
}

.campaign-material-icon {
	border: solid 1px #a3cec7;
	padding: 3px;
	
}

.campaign-material-title {
	color: #239e86;
	width: 100%;
    text-align: center;
	font-size: 18px;
	margin: 5px 0;
}



@media only screen and (max-width: 1272px) {
	span#cn-notice-text {

		display: block;
		margin-bottom: 10px;
		line-height: 16px;
		font-size: 13px;

	}
	a.cn-set-cookie, a.cn-more-info {
		white-space: nowrap;
	}	
}

.cookie-info-link, .cookie-info-link a {
    color: #999 !important;
    font-size: 12px;
}

.cookie-info-link a:hover {
    color: #fff !important;
	text-decoration: none;
}

.cookie-info-link a:active  {
    color: #fff !important;
}

.main-banner > div {
	background-size: 100% 460px !important;
}

.main-banner > div > div > div > div > div > div > img {
    max-height: 630px;
    width: auto;
    margin-top: 20px;
}



@media only screen and (min-width: 1181px) {
    .main-banner-text {
        position: absolute;
        top:30px;
        left: 50%
    }
    .main-banner > div > div > div > div > div > div {
        text-align: right;
        margin-right: -130px;
    }
}

@media only screen and (max-width: 850px) {
    .main-banner-text {
        min-width: 100%
    }
    .main-banner > div > div > div > div > div > div {
        text-align: center;
    }
}

#products-carusel .box-image {

    border: solid 1px #d6d6d6;
    padding: 0px 20px;
    max-height: 350px;

}
@media only screen and (min-width: 1050px) {
    #products-carusel .box-image {
        padding: 63px 36px 0;
        height: 300px;
    }
}

#products-carusel p.name.product-title {
    max-width: 200px;
    margin: 0 auto 6px;
}

#products-carusel  p.name.product-title a {
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 400;
    line-height: 24px;
    color: #000000;
}



p.category.uppercase.is-smaller.no-text-overflow.product-cat {
    color: #999999;
    font-size: 14px;
    font-weight: 400;
    text-transform: capitalize;
    position: absolute;
    margin: auto;
    text-align: center;
    width: 100%;
    top: 64px;
    left: 0px;
}

.uppercase.carusel-tuotto {
    position: absolute;
    width: 100%;
    left: 0px;
    top: 106px;
    font-family: "Dosis";
    font-weight: 600;
    font-size: 16px;
}

#products-carusel .flickity-viewport {
    min-height: 457px;
}

.palautteet {
    height: 230px;
    margin-top: 10px;
}

.palautteet .slider-wrapper:last-child {
    margin-top: 50px;
}

.col.palautteet p {
    font-size: 18px;
    max-width: 546px;
    margin: auto;
    line-height: 36px;
}



.toimi-nain {
    padding: 0 20px;
}

@media only screen and (max-width: 550px) {
    .main-banner {
        padding: 40px 30px;
    }
    .main-banner h2 {

        line-height: 40px !important;
        margin: 25px 0;
        font-size: 28px !important;

    }
    
    .main-banner-text p {
	    font-size: 14px !important;
    }
    
    #products-carusel .flickity-viewport {
        min-height: 400px;
    }
    .text-center > p > iframe {

        min-width: 100%;
        margin-bottom: -66px;
        margin-top: 59px;

    }
    .small-left {
        text-align: left !important;
    }
    .you-can {
        padding: 0 20px;
    }
    a.button.white.is-outline.is-xlarge.text-center.register-button {
        font-size: 16px;
    }
}

@media only screen and (max-width: 410px) {
    #products-carusel  p.name.product-title a {
        font-size: 13px;
    }
    .uppercase.carusel-tuotto {
        font-size: 12px;

    }
    #products-carusel .flickity-viewport {
        min-height: 300px;
    }
}

body .nav-dropdown {
    background-color: #3b84ad;
    top: calc(100% + 2rem);
}

body .nav-dropdown>li>a {
    color: #fff;
}

body .nav-dropdown-default .nav-column li>a,
body .nav-dropdown.nav-dropdown-default>li>a {
    border-bottom: unset;
}

.nav-dropdown-has-border .nav-dropdown {
    border: unset !important;
}