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

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

@media only screen and (max-width: 850px) {
    .campaign-right-col {
        display: none;
    }
    .campaign {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right top;
    }
}

@media only screen and (max-width: 1500px) {
    .campaign-right-col {
        padding-left: 48px;
    }
    .campaign {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: right top;
    }
}

@media only screen and (min-width: 1500px) {
    .campaign-container .container {
        max-width: 1400px;
    }
    .campaign-container .container .row {
        min-width: 100%;
    }
    .campaign {
        background-repeat: no-repeat;
        background-size: cover;
        background-position: center top;
    }
}

/*.campaign-container:before {
    content: "";
    position: absolute;
    left: 0; right: 0;
    top: 0; bottom: 0;
    background: rgba(0, 0, 0, .3);
}*/

@media only screen and (min-width: 1500px) {
    .cpr-72 {
        padding-right: 72px;
    }
}

@media only screen and (max-width: 1500px) {
    .campaign-logo {
        width: 300px;
        height: auto;
        margin: 0px auto;
    
        display: block;
    }
    }
@media only screen and (min-width: 1500px) {
.campaign-logo {
    width: 300px;
    height: auto;
    left: -100px;

    display: block;
}
}

.campaign-logo-box {
    text-align: center;
    width: 90%;
}

.campaign-logo-box h1 {
    color: #FFF;
    margin: 0px;
    font-size: 42px;
    font-weight: 400;
}


@media only screen and (max-width: 1500px) {

    .campaign-logo-box-sub-title {
        margin-top: -40px;
    }
    
    }

@media only screen and (min-width: 1500px) {

.campaign-logo-box-sub-title {
    margin-top: -90px;
    padding-left: 500px;
}

}

.campaign-logo-box div.campaign-date {
    margin-top: -10px;
    color: #00b37d;
    font-size: 26px;
}

.campaign-text-box {
    
    border: 7px solid rgba(0, 179, 125, 0.6);
    border-radius: 16px;
    background-color: rgba(240, 240, 240, 0.8);

    padding: 32px 64px;
}

.campaign-text-box ul {
    padding-left: 24px;
}

.campaign-text-box ul li {
    font-size: 26px;
    line-height: 32px;
    margin-bottom: 8px;
    font-weight: bold;
}

.campaign-text-box h3 {
    color: #00b37d;
    font-size: 32px;
    font-weight: normal;
}

span.campaign-yellow {
    color: #00b37d;
}

span.campaign-green {
    color: #42FF57;
}

.campaign-enter-info-title {
    font-size: 24px;
    text-align: center;
    color: #FFF;
    line-height: 28px;
    margin: 0px;
}

.campaign-tos {
    text-align: center;
    color: #00b37d;
    font-size: 20px;
    line-height: 24px;
    font-weight: bold;
    margin-bottom: 32px;
}
.campaign-tos a,
.campaign-tos a:visited {
    color: #8792FC;
    text-decoration: underline;
}
.campaign-tos a:hover,
.campaign-tos a:active {
    color: #8792FC;
    text-decoration: none;
}

.campaign-container .wpcf7-response-output {
    background-color: #FFF;
}

.campaign-container .codedropz-upload-wrapper {
    background-color: #FFF;
}

.campaign-container .codedropz-upload-handler {
    border: unset;
}

.campaign-container .wpcf7-submit {
    margin: 0px auto;
    display: block;
    background-color: #00b37d !important;
    margin-top: 24px;
}

.dnd-upload-counter {
    display: none;
}

.cd-upload-btn {
    color: #00b37d;
}

.codedropz-upload-inner h3 {
    font-size: 24px;
    line-height: 28px;
}

.dnd-upload-status {
    padding: 24px;
}

.dnd-icon-remove {
    padding-right: 36px;
}

#tos-box {
    position: fixed;
    top: 50%;
    left: 50%;
    background-color: #FFFF;
    transform: translate(-50%, -50%);
    z-index: 99999;
    width: 90%;
    box-shadow: 0px 0px 40px 0px rgba(0,0,0,.3);
    padding-bottom: 20px;


}
#tos-box:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    background: linear-gradient(#ffffff00, #fff);
    height: 66px;
    bottom: 0;
}

.tos-box-close {
    font-size: 12px;
    text-transform: uppercase;
    letter-spacing: .5px;
    font-weight: 300;
    padding: 24px 24px 0px 24px;
    cursor: pointer;
    text-align: right;
}

.tos-box-terms {
    margin: 24px;
    width: 90%;
    max-height: 400px;
    overflow-y: auto;
}

@media only screen and (min-width: 900px) {
    
#tos-box {
    width: 800px;

}
.tos-box-terms {
    width: 800px;
}


}


@media only screen and (max-width: 1500px) {

    .campaign-partners {
        padding: 72px 72px;
        display: flex; align-items:
        center; justify-content: center;
        flex-direction: column;
    }

    .campaign-partner {
        padding: 24px 0px;
        width: auto;
        max-height: 140px;
    }

}

@media only screen and (min-width: 1500px) {

    .campaign-partners {
        padding: 72px 72px;
        display: flex; align-items:
        center; justify-content: center;
        flex-direction: row;
    }

    .campaign-partner {
        padding: 0px 24px;
        max-width: 200px;
        max-height: auto;
    }

}

.video-fit video, .video-fit iframe, img.back-image, .image-cover img, .has-format img, .has-equal-box-heights .box-image img {
   /* position: relative;*/
}

.box-text.text-left {
	padding-right: 20px !important;
}

button i, .button i {
     top: 0;
}
.woocommerce-price-suffix,
.add-to-cart-button,
.wcsatt-sub-options {
	display:none !important;
}

@media screen and (min-width: 850px) {
.gallery-columns-3 .gallery-item, .large-columns-3>.col, .large-columns-3 .flickity-slider>.col {
    max-width: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
}
}

@media screen and (min-width: 850px) {
.col:first-child .col-inner {

    height: 100%;
}
}

@media screen and (min-width: 850px) {
.three-col.large-columns-3>.col {
    max-width: 33%;
    -ms-flex-preferred-size: 33%;
    flex-basis: 33%;
}
} 

@media screen and (min-width: 850px) {
.kuvat.large-columns-4>.col {
    max-width: 33.3333%;
    -ms-flex-preferred-size: 33.3333%;
    flex-basis: 33.3333%;
}

} 

@media screen and (max-width: 849px) {
	.kuvat.large-columns-4>.col {
		max-width: 50%;
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
	}

}

@media screen and (max-width: 500px) {
	.kuvat.large-columns-4>.col {
		max-width: 100%;
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
	}

} 

@media screen and (max-width: 849px) {
	.kuvat {
	margin-right: 0 !important;
		margin-left: 0 !important;
	}

} 

	
	.kuvat .col .col-inner {
		background: #fff;
		height: 100%;
		border-radius: 10px; !important;
	}


footer ul.links {
	margin : 18px 0;
	padding-bottom: 0;
	border-bottom: 0;
	
	
}
footer .absolute-footer {
	padding: 10px 0;
}

@media screen and (max-width: 849px) {
	footer ul.links li a {
		padding: 10px 0;
		display: inline-block;
	}
}

.page-id-386 .page-title-inner,
.page-id-109 .page-title-inner
{
	min-height: 200px !important;
}
.page-id-386 .text-center {
	text-align: center !important;
}
.page-id-109 .text-center {
	text-align: center !important;
}

.featured-posts .image-cover {
	border-radius: 0 !important;
}

.featured-posts .badge.top {
	left: 10px !important;
}

.col, .gallery-item, .columns {
	    padding: 0 15px 17px;
}

.page-template-campaign form {
	padding: 10px;
}

@media screen and (max-width: 849px) {
	.text-center {
		text-align: center !important;
	}

}

.blog .page-wrapper {
	padding-top: 0;
}
@media screen and (max-width: 640px) {
	.ctl-slick-prev {
		left: 0px !important;
	}
}
@media screen and (max-width: 640px) {
	.page-id-381 .banner .text-box {
		width: 100% !important;
		padding: 20px;
		left: 0 !important;
	}
	
	.section-title.section-title-normal {
		text-align: center;
	}

}
@media screen and (max-width: 640px) {
	.ttt1 p , .ttt2 p, .ttt0 p {
		
	}
}

.color-white ,
.color-white * {
	color: #fff !important;
}

.three-flavors h2,
	.water h2,
.three-flavors h3
{
	font-size: 30px;
}
	.water h3 {
		font-size: 30px;
}

.water .row {
	 margin-left: auto !important;
    margin-right: auto !important;
    max-width: 80vw !important;
    width: auto !important;
	justify-content: space-between;

}

@media screen and (max-width: 849px) {
.water .row {

    max-width: 100vw !important;
    width: auto !important;
	justify-content: space-between;

}

}
.water .row > .col{
max-width: 400px;
		margin-left: auto;
	margin-right: auto;
}

@media screen and (max-width: 849px) {
.water .row > .col{

  max-width: 100%;
flex: 0 0 100%;
	text-align: center;

}

}

.col-md-7 {
    max-width: 70%;
    flex: 0 0 70%;
}

@media screen and (max-width: 1024px) {
    .col-md-7 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.col-md-5 {
    max-width: 30%;
    flex: 0 0 30%;
}

@media screen and (max-width: 1024px) {
    .col-md-5 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.col-md-6 {
    max-width: 50%;
    flex: 0 0 50%;
    padding: 15px;
}

@media screen and (max-width: 640px) {
    .col-md-6 {
        max-width: 100%;
        flex: 0 0 100%;
    }
}

.row {
    max-width: none !important;
}

.greenbg {
    background-color: #039110;
    color: #fff;
}

.inner {
    font-weight: bold;
    width: 100%;
    padding: 20px 40px;
}

.flex-end {
    align-content: flex-end;
}

.margin-auto {
    margin: auto;
}

.flex {
    display: flex;
}

.flex-wrap {
    flex-wrap: wrap;
}

.h2 {
    font-size: 20px;
}

.h3 {
    font-size: 18px;
}

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

.partner {
    max-width: 220px;
    right: 20px;
    bottom: 20px;

}

@media screen and (max-width: 1400px) {
    .partner {
        max-width: 15vw;

    }
}

@media screen and (max-width: 1024px) {
    .partner {
        max-width: 25vw;

    }
}

@media screen and (max-width: 1024px) {
    .page-id-2970 .partner {
        max-width: 250px;
        position: relative !important;
        bottom: auto;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        right: auto;
    }
}

.campaign-tos a, .cd-upload-btn, .campaign-tos {
    color: #039110 !important;
}

.greentxt {
    color: #039110;
    justify-content: flex-end;


}

.greentxt br {
    display: none;
}

.campimg {
}

.campimg {


}

.fform {
    max-width: 30vw;
}

@media screen and (max-width: 1024px) {
    .fform {
        max-width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
}

.span2 img {
}

.tos-box-terms {
    margin: 0 !important;

}

.tos-box-terms ol {
    padding: 40px !important;
}

.black {
    padding: 15px;
    text-align: center;
}

.precont {
    margin: auto;
    display: flex;
}

@media screen and (max-width: 1024px) {
    .precont {
        flex-direction: column;
    }
}

.wpcf7-form-control.wpcf7-submit {
    background-color: #039110 !important;
    margin-top: 10px;
}

.codedropz-upload-handler {
    background-color: #fff;
}

.wpcf7 p {
    text-align: center;
}

.codedropz-upload-inner h3 {
    font-size: 22px !important;
}

.black .h2 {
    font-size: 20px;
}

.campimg {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;


}

@media screen and (max-width: 1024px) {
    .campimg {

        width: 100%;


    }
}

@media screen and (max-width: 640px) {

    .span1 {
        text-align: center;
        width: 100%;
    }

    .span2 {
        height: 30vw;
        width: 100%;
        display: block;
        text-align: center;
    }
}

.campimg {
    background-position: center bottom;
    /* position: sticky;
      top:0;
      bottom: auto;
      background-position: center;
      background-size: contain;
      width: 30%;
      float: left;*/
}

.campimg img {
    max-width: none !important;
    width: 100%;
}

.grid {
    /* display: block;*/
}

.span1, .span2, .span3 {
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
}

.contentt {
    /*   width: 70%;
       margin-left: 30%;*/
}

.greenbg li {

}

.wpcf7-spinner {
    position: absolute !important;
}