/*
Theme Name: Avenla Boilerplate
Description: Avenla Boilerplate
Template: flatsome
Version: 3.0
*/


/* ### Fonts ### */
h1, h2{
	font-size: 30px;
	font-weight: 400;
}
h3{
	font-size: 25px;
	font-weight: 400;
}
p{
	font-size: 17px;
}
a{
	color: #D13530;
}
a:hover{
	color: #D13530;
	text-decoration: underline;
}
/* ### /Fonts ### */

/* ### Header ### */
#masthead .flex-right ul li{
	margin: 0 20px!important;
}
#masthead a:hover{
	text-decoration: none!important;
}
#masthead .menu-item-has-children i:before{
	color: #fff!important;
}
#masthead .menu-item-has-children li.active>a{
	color: red!important;
}
#masthead .menu-item-has-children:before, #masthead .menu-item-has-children:after{
	display: none;
}

@media (max-width: 850px)
{
.ux-timer > span
{
font-size: 50%;
}
#liveto-dropshop.showme:not(.relative)
{
display: block !important;
}

#liveto-dropshop.showme:not(.relative) > .livetods-panel-visible.livetods-panel
{
visibility: visible;
}
#liveto-dropshop.showme:not(.relative) > .livetods-panel
{
visibility: hidden;
}
html #liveto-dropshop.relative
{display: block !important;position: absolute !important;bottom: 55px !important;top: auto !important;right: 0 !important;left: auto !important;width: 150px !important;}
#liveto-dropshop.relative, #liveto-dropshop.relative .livetods-panel, #liveto-dropshop #livetods-welcome-message
{left: 0px !important;top: 0 !important;bottom: auto !important;right: auto !important;z-index: 9999 !important;width: 150px !important;}
#liveto-dropshop.relative .livetods-dropshop-container > *:not(#livetods-ribbon),
#liveto-dropshop.relative .livetods-footer-container
{
display: none !important;
}
#liveto-dropshop.relative #livetods-ribbon
{
transform: rotate(0deg) !important;
font-size: 14px !important;
left: auto !important;
margin-top: 70px !important;
padding: 0 !important;
}
#liveto-dropshop.relative .livetods-panel
{
position: absolute !important;
background: transparent;
}

	.ux-logo-link img
	{
	height: auto !important;

	}
.nav-sidebar.nav-vertical>li+li
{
border: 0;
}
.nav-sidebar.nav-vertical>li+li a 
{
font-weight: normal;
padding-top: 10px;
padding-bottom: 10px;
}
.motocontainer .col 
{
padding: 0 !important;
}
html .motohead-active
{
height: 250px !important;
}
}
@media screen and (min-width: 850px){
	.header-wrapper .logo-left #logo img{
		max-height: 142px;
		height: 142px;
	}
}
.header-main .header-nav a{
	font-size: 22px!important;
	font-weight: 400;
}
.header-bottom .header-nav a{
	font-size: 22px!important;
	font-weight: 400;
	text-decoration: none;
}
.header-bottom .header-nav li{
	position: relative;
	padding: 5px;
	height: 71px;
	padding: 0 8px;
	margin: 0;
}
.header-bottom .header-nav li>a{
	position: relative;
	top: 50%;
	transform: translate(0,-50%);
}
.header-bottom .header-nav li.active{
	background: #484c54;
}
.header-bottom .header-nav li a>span{
	color: red;
	padding-right: 5px;
}
.header-bottom .header-nav li.active>a, .header-bottom .header-nav li.active>a>span{
	color: #fff!important;
}
.header-nav ul.nav-dropdown{
	background: #494c53;
	border: none;
	min-width: 213px;
	padding: 0!important;
}
.header-nav ul.nav-dropdown li a{
	color: #fff;
	text-transform: uppercase;
}
.header-nav .nav-dropdown-default .nav-column li>a, .nav-dropdown.nav-dropdown-default>li>a {
	border-bottom: none!important;
}
#masthead .flex-right .header-nav ul.nav-dropdown-default li{
	padding: 7px!important;
	margin: 0!important;
}
.header-block{
	display: inline-block;
	width: auto;
}
.header-block-block-1{
	display: inline-block;
}
#wide-nav .flex-row.container{
	padding-left: 155px;
}

/* Mobile menu */
.mfp-wrap.off-canvas .mfp-content{
	background: #484c54;
}
.mfp-wrap.off-canvas .mfp-content ul.nav li a, .mfp-wrap.off-canvas .mfp-content ul.nav li i{
	color: #fff;
}
i.icon-menu:before{
	color: #fff;
}
/* ### /Header ### */

/* ### Header animation ### */
.motohead{
	display: none;
}
.ux-builder-iframe .motohead{
	display: block;
}
.motohead-active{
	padding: 0!important;
	height: 500px!important;
}
.motohead-active .text-box.banner-layer{
	position: absolute!important;
    width: 100%!important;
    height: 100%;
    top: 0;
    left: 0;
    transform: none!important;
}

/* Slider */
ol.flickity-page-dots{
	bottom: -25px;
}
ol.flickity-page-dots li.dot{
	border-color: #000!important;
}
ol.flickity-page-dots li.dot.is-selected{
	background-color: #000!important;
}
/* /Slider */

/* Animation Title lines */
.motohead-active .text-box.banner-layer .text{
	background: #14304E;
    bottom: 20%;
    position: absolute;
    width: 70%;
    -webkit-transform: skew(-18deg);
	-moz-transform: skew(-18deg);
	-o-transform: skew(-18deg);
	transform: skew(-18deg);
    animation-name: moveOutsideToLeft;
    animation-duration: 2s;
}
.motohead-active .text-box.banner-layer .text p{
	-webkit-transform: skew(18deg);
	-moz-transform: skew(18deg);
	-o-transform: skew(18deg);
	transform: skew(18deg);
	font-size: 35px;
	margin-top: 0px;
	margin-bottom: 1px;
	text-align: left;
	padding-left: 135px;
}
.motohead-active .motohead-redline{
	background: #DF1820;
	height: 10%;
    bottom: 12%;
    position: absolute;
    width: 38%;
    z-index: 1;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
    animation-name: moveOutsideToLeft;
    animation-duration: 2s;
}
.motohead-active .motohead-smallline{
	background: #14304E;
	height: 7%;
    bottom: 8%;
    position: absolute;
    width: 8%;
    left: 11%;
    z-index: 2;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
    animation-name: smallline-anim;
    animation-duration: 2s;
}
/* /Animation Title lines */

/* Animation whote lines */
.motohead-active .motohead-leftskew1{
	background: #fff;
	height: 5%;
    top: 0%;
	left: -3%;
    position: absolute;
    width: 6%;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}
.motohead-active .motohead-leftskew2{
	background: #fff;
	height: 30%;
    top: 5%;
	left: -3%;
    position: absolute;
    width: 6%;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}
.motohead-active .motohead-leftskew3{
	background: #fff;
	height: 36%;
    top: 34%;
	left: -5%;
    position: absolute;
    width: 14%;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}
.motohead-active .motohead-leftskew4{
	background: #fff;
	height: 31%;
    top: 70%;
	left: -7%;
    position: absolute;
    width: 10%;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}
.motohead-active .motohead-rightskew1{
	background: #fff;
	height: 100%;
    top: 0;
	right: -110px;
    position: absolute;
    width: 225px;
    -webkit-transform: skew(-20deg);
	-moz-transform: skew(-20deg);
	-o-transform: skew(-20deg);
	transform: skew(-20deg);
}
/* Animation whote lines */

/* Hide animations in mobile */
@media screen and (max-width: 850px){
	.motohead-redline, .motohead-smallline, .text-box.banner-layer, .motohead-leftskew1, .motohead-leftskew2, .motohead-leftskew3, .motohead-leftskew4, .motohead-leftskew5, .motohead-rightskew1{
		display: none;
	}
	.motohead-active:after{
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background: url('img/mobileslideroverlay.png') no-repeat;
		background-size: 50%;
		height: 100%;
		width: 100%;
		background-position: bottom -5px right;
	}
}
/* /Hide animations in mobile */

/* Animaion keyframes */
@keyframes moveOutsideToLeft {
    from {
    	left: -100%;
    	-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
		transform: skew(0deg);
    }
    to {
    	left: 0;
    	-webkit-transform: skew(-20deg);
		-moz-transform: skew(-20deg);
		-o-transform: skew(-20deg);
		transform: skew(-20deg);
    }
}
@keyframes smallline-anim {
    from {
    	left: -100%;
    	-webkit-transform: skew(0deg);
		-moz-transform: skew(0deg);
		-o-transform: skew(0deg);
		transform: skew(0deg);
    }
    to {
    	left: 11%;
    	-webkit-transform: skew(-20deg);
		-moz-transform: skew(-20deg);
		-o-transform: skew(-20deg);
		transform: skew(-20deg);
    }
}
/* Animaion keyframes */

/* ### /Header animation ### */


/* ### Breadcrumbs ### */
.breadcrumb-block span a{
	color: #D13530;
	font-size: 15px;
	font-weight: 700;
	text-decoration: none;
	text-transform: none;
}
.breadcrumb-block span a:hover{
	text-decoration: underline;
}
.breadcrumb-block span span.breadcrumb_last{
	color: #14304E;
	font-size: 15px;
	font-weight: 700;
}
/* ### /Breadcrumbs ### */

/* ### Remove absolutefooter ### */
.absolute-footer{
	display: none!important;
}
/* ### /Remove absolutefooter ### */


/* ### Content ### */
.section-content .col{
	padding: 0 15px;
}
/* ### /Content ### */

.section-content .childmenu .nav li:first-child {
	margin-left: 0 !important;
}


/* ### Content navigations ### */
.section-content .nav-wrapper{
	background: #14304E;
}
.section-content .nav-wrapper ul li a{
	color: #fff;
	font-weight: 400;
	font-size: 22px;
	text-transform: none;
	padding: 0;
}
.section-content .nav-wrapper ul li a:hover{
	color: #D13530;
	text-decoration: none!important;
}
.section-content .nav-wrapper ul li a::before{
	width: 0!important;
	height: 0!important;
	opacity: 0!important;
}
.section-content .nav-wrapper ul li.active a{
	color: #D13530;
}
.section-content .nav-wrapper ul{
	padding: 35px 10px;
}
.section-content .nav-wrapper ul li{
	border-top: none!important;
}
/* ### /Content navigations ### */

/* ### Footer ### */
.kumppanit p{
	margin-top: 25px;
	margin-bottom: 0;
	font-size: 30px;
}
/* ### /Footer ### */

/* ### Some icons ### */
.section-content .row .col .social-icons a{
	color: #DF1820!important;
	border-radius: 3px!important;
	padding: 2px 5px 0 5px;
	min-width: none;
	line-height: 1;
}
.section-content .row .col .social-icons a{
	margin-right: 10px;
}
.section-content .row .col .social-icons a.facebook{
	border: none!important;
}
.section-content .row .col .social-icons a.facebook>i.icon-facebook:before{
	font-family: 'Font Awesome 5 Brands'!important;
	content: "\f09a"!important;
	font-size: 35px;
}
.section-content .row .col .social-icons a.instagram{
	border: none!important;
}
.section-content .row .col .social-icons a.instagram>i.icon-instagram:before{
	font-family: 'Font Awesome 5 Brands'!important;
	content: "\f16d"!important;
	font-size: 35px;
}
/* ### /Some icons ### */


/* ### Articles ### */
h2.post-title.is-large{
	font-size: 20px;
	color: #b20000;
	line-height: 25px;

}
a.plain:hover{
	text-decoration-color: #484c54;
}
.post-meta{
	font-weight: 700;
	color: #000;
	padding: 10px 0;
	font-size: 14px;
}
.box-text-inner .is-divider{
	display: none;
}
.entry-content .entry-summary .text-center{
	text-align: left;
}
.box-text-inner button.button, .entry-content .entry-summary a.more-link{
	background: #14304E;
	border: none;
	text-transform: none;
	-webkit-transform: skew(-30deg);
	-moz-transform: skew(-30deg);
	-o-transform: skew(-30deg);
	transform: skew(-30deg);
	font-size: 12px;
	font-weight: 400;
	color: #fff;
	padding: 0 10px;
}
.box-text-inner button.button .read-more-text, .entry-content .entry-summary a.more-link .read-more-text{
	-webkit-transform: skew(30deg);
	-moz-transform: skew(30deg);
	-o-transform: skew(30deg);
	transform: skew(30deg);
	font-size: 14px;
}
.article-inner .entry-header .entry-title{
	text-align: left;
	font-weight: 700;
}
.article-inner .entry-header .entry-meta{
	text-align: left;
}
.article-inner .entry-header-text{
	padding: 0;
}
.article-inner .entry-header-text .entry-meta span, .article-inner .entry-header-text .entry-meta a{
	font-size: 14px;
}
.entry-content.single-page img.size-full.alignnone{
	margin-bottom: 0;
}
.blog-share .social-icons a i{
	top: -0.5px;
}

.post-item .box-text{
	padding-top: 0!important;
	margin-top: -40px;
}
.post-item .box-text .blog-post-inner:before{
	display: block;
	content: '';
	border-top: 8px solid rgb(171, 178, 183);
	width: 200px;
	margin-bottom: 25px;
}

.single-post h1.entry-title{
	font-weight: 700;
}
/* ### /Articles ### */

/* ### Somewall ### */
.ff-stream.ff-layout-masonry{
	background: transparent!important;
}
article.ff-item{
	height: 350px!important;
}
article.ff-item .ff-item-cont{
	height: 350px!important;
	overflow: hidden;
}
article.ff-item span.ff-img-holder{
	height: 200px!important;
}
article.ff-item span.ff-img-holder img{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translate(0,-50%);
}
article.ff-item .ff-item-bar, span.ff-userpic, .ff-item-meta h6, a.ff-nickname{
	display: none!important;
}
article.ff-item .ff-item-meta{
	position: absolute;
	bottom: 0;
	padding: 0 20px;
	margin: 0;
	left: 0;
	width: 100%;
	background: #fff;
}
/* ### /Somewall ### */


#icl_lang_sel_widget-2
{
margin: 0 !important;
text-transform: uppercase;
padding: 0 !important;
}

#icl_lang_sel_widget-2 .wpml-ls-legacy-list-horizontal
{
margin: 0 !important; 
padding: 0 !important;
}

#icl_lang_sel_widget-2 .wpml-ls-link
{
margin: 0 !important; 
padding: 0 !important;
}



#liveto-dropshop #livetods-ribbon
{margin-left: 35px;top: 0;margin-top: 39px;
left: -128px !important;
}
#liveto-dropshop #livetods-ribbon
{margin-top: 108px;}
.admin-bar #liveto-dropshop #livetods-ribbon
{margin-top: 140px;}

#liveto-dropshop
{
opacity: 0;
}

@media(min-width: 850px)
{
.ux-timer > span
{
font-size: 125%;
display: inline-block;
min-width: 150px;
}

.ux-timer
{
display: block;
text-align: center;
}
}
.ux-timer > span strong
{
opacity: 1 !important;
}

.ux-timer > span:not(:last-child)
{
border-right: 1px solid #fff;
border-radius: 0;
}
#livetods-welcome-message:not(.yes)
{
display: none !important;
}
@media(max-width: 920px)
{
 .breadcrumb-block
 {
     width: calc(100% - 115px);
 }
}
@media(max-width: 920px)
{
#liveto-dropshop.relative, #liveto-dropshop.relative .livetods-panel, #liveto-dropshop #livetods-welcome-message
{
	z-index: 1 !important;
}
}

@media(max-width: 600px)
{
button.owl-dot
{
	visibility: hidden;
}
}

header .mobile-nav.nav.nav-right li.html {
    display: block;
}

@media(max-width: 850px) {
/*
    .menu-item {
        display: none !important;
    }
	.force-show {
		display: flex !important;
	}
*/
}

@media only screen and (max-width: 1189px)
{
	.header-bottom .header-nav a {
		font-size: 20px!important;
	}
}

@media only screen and (max-width: 1105px)
{
	.header-bottom .header-nav li {
		padding: 0 4px;
	}
}

@media only screen and (max-width: 1057px)
{
	.header-bottom .header-nav a {
		font-size: 18px!important;
	}
}

@media only screen and (max-width: 973px)
{
	.header-bottom .header-nav li {
		padding: 0 2px;
	}

	.header-bottom .header-nav a {
		font-size: 16px!important;
	}
}

@media only screen and (max-width: 865px)
{
	.header-bottom .header-nav li {
		padding: 0 1px;
	}

	.header-bottom .header-nav a {
		font-size: 15px!important;
	}
}