/*
Theme Name: Unicon Child Theme / MakuLaku
Description: Unicon Child Theme for your Customizations
Author: minti
Template: unicon
Version: 1.0
*/

@import url("../unicon/style.css");

.wpb_row {
    margin-left: 0px !important;
    margin-right: 0px !important;
}
body{
    background-color: #fde640;
    /*
    background-image: url(images/page_bg.png) !important;
    background-size: cover;
    background-size: 100% 200%;
    background-attachment: fixed;     
    */
}

.wrapall{
    background-color: transparent !important;
}
.white-content-area{
    width: 100%; 
    background-color: #fff; 
    box-sizing: border-box; 
}
h1, h2, h3, h4, h5, h6{
    font-family: 'Signika';
    font-weight: 700;
    color: #000;
    line-height: 120%;
}
p, th, td, li, brockquote {
    font-family: 'Open Sans', serif;
    font-size: 18px;
    color: #000;
    line-height: 180%;
}
h1{
    margin-top: 30px;
    margin-bottom: 40px;
    text-align: center;
    font-size: 60px;
    color: #d40010;
}
h1 a{

}
.blog-page .post h2,
h2, h2 span {
    margin-top: 30px;
    margin-bottom: 30px;
    text-align: center;
    font-size: 50px;
    color: #d40010;
}
h3{
    margin-top: 20px;
    margin-bottom: 20px !important;
    font-size: 42px;
    color: #000;
}
h4 {
    font-size: 22px;
    font-family: 'Open Sans', serif;
    font-weight: 700;
    margin-bottom: 5px;
}
h5 {

}
#content{
    text-align: center;
    padding-top: 20px;
    /*width: 100%;*/
}
.blog-page #content{
    width: 100%;
}
p a{
    color: #000;
    text-decoration: underline;
}
p a:hover{
    color: #d40010;
}

.headline{

}


li, th, td {

}

#header,
#mobile-header {        
    position: absolute !important;
    top: 0;
    box-shadow: none;
    background-color: transparent !important;
    /* background-image: url(images/top_line.png) !important; */
    background-image: url(images/header_pattern.png) !important;
    background-repeat: repeat-x !important;
    background-position: 50% 0;
}

#header .logo {
    position: absolute;
    transition: 100ms all;
    -moz-transition: 100ms all;
    -webkit-transition: 100ms all;
    width: 180px;
    margin-left: 30px;
}

.header-icons-divider{
    display: none;
}
.header-v1 .header-icons{
    padding-top: 96px;
}
.header-v1 #search-btn{
    margin: 0px;
    font-size: 31px;
    line-height: 31px !important;
}
.header-v1 #navigation {
    float: left;
    margin-left: 297px;
}
.header-v1 #navigation > ul {

}
.header-v1 #navigation > ul > li {
    margin-right: 43px;
}
.header-v1 #navigation > ul > li > a {
    font-family: "Signika";
    font-size: 31px;
    padding: 0;
}
.header-v1 #navigation > ul > li.lang-item {

}
.header-v1 #navigation > ul > li > a .lang-item{

}
.header-v1 #navigation ul li.lang-item a{

}
#mobile-navigation{
    float: none;    
    width: 100%;
    background-color: rgba(255,255,255,0.8) !important;
    font-weight: 700;
}
#mobile-navigation .container{
    padding-top: 140px;
    padding-bottom: 20px;
}
#mobile-navigation .sixteen.columns{
    /* float: none;*/
}
#mobile-navigation a {

}
.vc_row.reverse { display:flex;}

.widget_recent_entries ul li a{

}
.widget_recent_entries ul li span{

}
.entry-content ol li{

}
/* ------------------------------------------------------------------------ */
/* Product images
/* ------------------------------------------------------------------------ */
.ml-product{
    font-family: 'Signika';
    font-size: 14px;
    font-weight: 700;
    line-height: 140%;
    color: #000;
    font-weight: 700;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    width: 22%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 30px;
}
.ml-product img{
    width: 100%;
}
/* 
 * search 
 */
#search-top input{
    box-sizing: border-box;
    background-color: #eee;
    margin-top: 80px;
    font-family: 'Open Sans', serif;
    font-size: 26px;
    padding: 5px 20px;
    height: 50px !important;
}
.search-page #content #searchform input#searchsubmit,
.search-page #content #searchform input{
    float: none;
}
.search-page .entry-search{
    padding-top: 10px;
    margin-bottom: 10px;
    padding-bottom: 0px;
}

/* page wrap */
#page-wrap{
    margin-top: 250px;
    background-color: #fff;
}
.home #page-wrap{
    margin-top: 160px;
}

/* revslider */
.tparrows:before{
    color: #666 !important;
}
.tp-fullwidth-forcer{

}
/* contact form 7 */
.wpcf7-form{
    text-align: left;
}
.wpcf7-form input{
    padding: 5px;
    margin: 0;
}
.wpcf7-form textarea{
    padding: 5px;
    height: 100px;
}
.wpcf7-form .wpcf7-submit{
    margin-top: 20px;
    float: right;
    background-color: #ffe400;
    color: #000;
    font-weight: 700;
    font-family: 'Open Sans', serif;
}
.wpcf7-form .wpcf7-submit:hover{
    background-color: #d40010;
}
span.wpcf7-list-item{
    width: 100%;
}
div.wpcf7-mail-sent-ok{
    margin-top: 40px !important;
}

/* ------------------------------------------------------------------------ */
/* Sidebar left
/* ------------------------------------------------------------------------ */
#content.sidebar-left{
    text-align: left;
    border: none !important;
}
#sidebar.sidebar-left #sidebar-widgets{
    border: none;

}
.sidebar-left .vc_col-sm-12{
    padding-left: 0px !important;
}
#sidebar.sidebar-left .widget_nav_menu ul li a{
    text-align: left;
    font-size: 24px;
    font-weight: 700;
    padding: 8px 0;
    color: #000;
    font-family: "Signika";
}
#sidebar.sidebar-left .widget_nav_menu ul li.current_page_item a{
    border: none;
    color: #d40010;
    text-decoration: underline;
}
/*
.sidebar-left .section img{
    vertical-align: top;
    width: 22%;
    margin-right: 1%;
    margin-left: 1%;
    margin-bottom: 30px;
}
*/

/* ------------------------------------------------------------------------ */
/* Footer custom
/* ------------------------------------------------------------------------ */
#footer-custom {
    padding: 50px 0 10px 0;
    background-color: transparent;
    /*
     background-image: url(images/footer_bg.png) !important;
     background-size: cover;
    */
    color: #000;
    margin: 0;
}
#footer-custom .wpb_row{
    margin-bottom: 0;
}
#footer-custom p{
    font-size: 18px;
    line-height: 140%;
}
#footer-custom img{
    margin-bottom: 10px;
    vertical-align: middle;
}
#footer-custom a{
    text-decoration: none;
    font-size: 18px;
    margin-right: 20px;
}
#footer-custom .kuvapankki img{
    margin-left: 30px;
}
#footer-custom .kuvapankki a{
    font-family: "Signika";
    font-size: 30px;
}
#footer-custom .footer-menu{
    margin-bottom: 20px;
    margin-left: 0;
}
#footer-custom .footer-menu li{
    display: inline-block;
}
#footer-custom .footer-menu li a{
    font-family: "Signika";
    color: #000;
    font-weight: 700;
    font-size: 30px;
}
#footer-custom .footer-menu li a:hover,
#footer-custom .footer-menu li.current-menu-item a{
    color: #d40010;

}
#footer-custom .order-2{
    /* padding-left: 20%;*/
}
/* ------------------------------------------------------------------------ */
/* Frontpage
/* ------------------------------------------------------------------------ */
#content .frontpage-product-images img{
    width: 330px;
    transition-duration: 0.2s;
}
.language-en_US #content .frontpage-product-images img{
        width: 24%;
    }

#content .frontpage-product-images a img {
    transition-duration: 0.3s;
    opacity: 1;
}

#content .frontpage-product-images:hover a img{
    opacity: 0.3;
}

#content .frontpage-product-images a:hover img{
    opacity: 1;
}
#content .frontpage-product-images a:hover img ~ a img{
    opacity: 0.3;
}



#content .blog-item-description{
    padding: 15px;
}
#content .blog-item-description p{
    line-height: 100%;
    margin-bottom: 10px;    
}
#content .blog-item-description a{
    font-size: 18px;
    line-height: 22px;
    color: #000;
}
#content .blog-carousel img{
    width: 100%;
}
#content .owl-controls .owl-dots{
    display: none !important;
}

/* ------------------------------------------------------------------------ */
/* Language menu
/* ------------------------------------------------------------------------ */
.language-menu ul{
    position: absolute;
    right: 0;
    top: 0;
    list-style-type: none;
    margin-top: 5px;
}
#mobile-navigation .language-menu ul{
    margin-bottom: 0;
}
#mobile-navigation .language-menu ul li,
.language-menu ul li{
    float: right;
    margin-left: 20px;
    text-transform: uppercase;
    font-size: 16px;        
    font-weight: 400;
}
#mobile-navigation .language-menu ul li a,
.language-menu ul li a{    
    color: #000;
    border-bottom: none !important;
}
#mobile-navigation .language-menu li.current-lang,
.language-menu li.current-lang{
    font-weight: 700;
    text-decoration: none;
}

#mobile-navigation .language-menu ul{
    top: inherit;
    bottom: 0;    
}


/* ------------------------------------------------------------------------ */
/* Responsive
/* ------------------------------------------------------------------------ */

@media only screen and (max-width: 1198px) {
    h1{
        margin-top: 20px;
        margin-bottom: 30px;        
        font-size: 50px;        
    }

    .blog-page .post h2,
    h2, h2 span {
        margin-top: 20px;
        margin-bottom: 20px;
        font-size: 40px;

    }
    p, th, td, li, brockquote {
        font-size: 18px;
    }
    #header,
    #mobile-header {        
        background-position: 35% 0;
    }

    #header .logo {
        /*width: 160px;*/
        margin-left: 0px;
    }
    .header-v1 #navigation {
        margin-left: 227px;
    }
    .header-v1 #navigation > ul > li {
        margin-right: 50px;
    }
    .header-v1 #navigation > ul > li > a {
        font-size: 30px;
    }
    #footer-custom {
        /* padding: 60px 0 60px 0;*/
    }
    #footer-custom .footer-menu li a{
        font-size: 26px;
    }
    #footer-custom .kuvapankki img{
        margin-left: 20px;
    }
    #footer-custom .kuvapankki a{
        font-size: 18px;
    }
    .header-v1 #search-btn{
        font-size: 30px;
    }
    #content .frontpage-product-images img{
        width: 280px;
    }
    
    .ml-product{
        width: 30% !important;
    }
}
@media only screen and (max-width: 959px) {
    #page-wrap{
        margin-top: 190px;
    }
    .home #page-wrap{
        margin-top: 150px;
    }

    h1{        
        font-size: 40px;        
        margin-bottom: 15px;
    }

    .blog-page .post h2,
    h2, h2 span {
        font-size: 32px;

    }
    p, th, td, li, brockquote {
        font-size: 20px;
    }

    #header,
    #mobile-header {        
        background-color: #333;
        height: 170px !important;
        background-position: 50% -105px;
        background-image: url(images/header_pattern_mobile.png) !important;
    }
    #mobile-header .sixteen.columns{
        text-align: center;        
    }
    #mobile-navigation-btn{
        font-size: 26px;
        color: #000;
        line-height: 90px !important;
    }
    #mobile-header .logo{
        margin-top: 0px !important;
        float: none;
        display: inline-block;        
    }
    #mobile-header a{
        width: 120px;
    }
    #mobile-header #mobile-navigation-btn{
        text-align: center;
    }
    #mobile-header .logo img{
        width: 120px;
        position: absolute;

    }
    #mobile-navigation ul li a{
        font-size: 20px;
    }
    #footer-custom {

        /* padding: 40px 0 40px 0;*/
    }
    #footer-custom .col.span_12{
        display: flex; 
        flex-flow: column;
    }
    #footer-custom .order-2{

        width: 80%;
        margin-top: 30px;
        order: 2;
        padding-left: 20%;
    }
    #footer-custom .order-2 h4{
        margin-top: 20px;
    }
    #footer-custom .order-1{
        width: 80%;
        padding-left: 20%;
        order: 1;
    }

    #footer-custom .footer-menu li a{
        font-size: 26px;
    }

    #content .frontpage-product-images img{
        width: 220px;
    }
    .language-en_US #content .frontpage-product-images img{
        width: 48%;
    }
    #content.sidebar-left{
        text-align: center;        
    }

    #sidebar.sidebar-left .widget_nav_menu ul li a{
        text-align: center !important;

    }
}
@media only screen and (max-width: 767px) {
 #mobile-header #mobile-navigation-btn{
        text-align: right;
    }
    #footer-custom .footer-menu li a{
        font-size: 22px;
    }
    #content .frontpage-product-images img{
        width: 150px;
    }
    #footer-custom .order-2{        
        padding-left: 20px;
        width: 100%;
    }
    #footer-custom .order-1{
        padding-left: 20px;
        width: 100%;
    }
    .ml-product{
        width: 45% !important;
        margin-right: 1px;
        margin-left: 1px;
    }
}

.woo-carrier-agent-name {
	color: black;
}

.woo-carrier-agents-search-button a.button {
	color: black;
	background: orange;
}


.header-v1 #navigation .sub-menu {
    top: 140px!important;
}