/**
 * Theme Name:  Simppeli Child
 * Theme URI:   https://foxland.fi/downloads/toivo
 * Description: Blank child theme for Simppeli
 * Version:     1.0.0
 * Author:      Sami Keijonen
 * Author URI:  https://foxland.fi
 * Text Domain: simppeli-child
 * Domain Path: /languages/
 * Tags:        blue, white, light, one-column, two-columns, left-sidebar, right-sidebar, fluid-layout, responsive-layout, accessibility-ready, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, threaded-comments, translation-ready
 * License:     GNU General Public License v2.0 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Template:    simppeli
 */
 
/**
 * Parent theme styles are loaded automatically. So there is no need to use @import rule.
 *
 */
/* Header */

.site-header{background: url("/wp-content/uploads/2015/12/header.png");background-size:cover;} 

.site-branding {
    height: 120px;
    margin:0 auto;
    width: 80% 
 }
.left-logo{float:left;}
 
 /* Basic Frame */
 
body{color: #171817;
    font: 14px/24px Arial,Helvetica,sans-serif;}
h1, h2, h3, h4, h5, h6 {margin:0;}   
ul{list-style-type: circle;}

.entry-header{display:none;}
.site { max-width: initial;padding:0;}
.page-header, .site-header{margin-bottom:0;border-bottom:0;}
.header-image, .main-navigation{padding-bottom:0;margin-top: 1%;} 
.menu-main-navigation-container{background:gray;margin: 0;}
.menu-main-navigation-container ul{width:100%;display: table;background:url("/wp-content/uploads/2015/12/btn.png");background-size:cover;text-decoration:none;background-repeat:no-repeat;}
.menu-main-navigation-container ul li{width:auto;display: table-cell;text-align:center;}
.site-content{background: url("/wp-content/uploads/2015/12/newBack.png");}

/* Navigation */

.main-navigation {
    float: none;
    margin: 0 auto;
    max-width: 1142px;
}
.menu-main-navigation-container #primary-menu li .sub-menu{ 
    display:none;
    position: absolute;
    width: 100%;
    z-index: 1;}
.menu-main-navigation-container #primary-menu li{background: url("/wp-content/uploads/2015/12/btnUp.png");background-size:cover;background-repeat:no-repeat;border-left: 1px solid #000;border-right: 1px solid #000;}
.menu-main-navigation-container #primary-menu li .sub-menu li{display:block;}
.menu-main-navigation-container #primary-menu li .sub-menu li a{letter-spacing:0;}
.menu-main-navigation-container #primary-menu li{text-align:center;position:relative;top:0;/* border-left: 1px solid #000;border-right: 1px solid #000; */ }    
.menu-main-navigation-container #primary-menu li:hover .sub-menu{display:block;}
.menu-main-navigation-container #primary-menu li:hover{background:url("/wp-content/uploads/2015/12/btn.png");background-size:cover;background-repeat:no-repeat;}
.menu-main-navigation-container #primary-menu .current-menu-item{background:url("/wp-content/uploads/2015/12/btn.png");background-size:cover;text-decoration:underline;background-repeat:no-repeat;top:-5px;border-left: 1px solid #d1e044;border-right: 1px solid #d1e044;}
.menu-main-navigation-container #primary-menu .current-menu-ancestor{background:url("/wp-content/uploads/2015/12/btn.png");background-size:cover;text-decoration:underline;background-repeat:no-repeat;top:-5px;border-left: 1px solid #d1e044;border-right: 1px solid #d1e044;}
.menu-main-navigation-container #primary-menu .current-menu-ancestor a{color:#000;}
.menu-main-navigation-container #primary-menu .current-menu-item a{color:#000;}
.menu-main-navigation-container #primary-menu li a{text-transform:none;font-weight:400;line-height: 30px;color:#fff;}

/* Header Widgets */
.header-idocs{height:200px;width:71.5%;margin:0 auto;max-width: 960px;}
.idocs-image-bg{
background: rgb(218,218,218);
background: -moz-linear-gradient(top,  rgba(218,218,218,1) 0%, rgba(211,211,211,1) 1%, rgba(187,187,187,1) 4%, rgba(165,165,165,1) 8%, rgba(162,162,162,1) 9%, rgba(143,143,143,1) 27%, rgba(80,80,80,1) 71%, rgba(57,57,57,1) 91%, rgba(61,61,61,1) 92%, rgba(70,70,70,1) 94%, rgba(82,82,82,1) 95%, rgba(101,101,101,1) 96%, rgba(124,124,124,1) 97%, rgba(153,153,153,1) 99%, rgba(179,179,179,1) 100%);
background: -webkit-linear-gradient(top,  rgba(218,218,218,1) 0%,rgba(211,211,211,1) 1%,rgba(187,187,187,1) 4%,rgba(165,165,165,1) 8%,rgba(162,162,162,1) 9%,rgba(143,143,143,1) 27%,rgba(80,80,80,1) 71%,rgba(57,57,57,1) 91%,rgba(61,61,61,1) 92%,rgba(70,70,70,1) 94%,rgba(82,82,82,1) 95%,rgba(101,101,101,1) 96%,rgba(124,124,124,1) 97%,rgba(153,153,153,1) 99%,rgba(179,179,179,1) 100%);
background: linear-gradient(to bottom,  rgba(218,218,218,1) 0%,rgba(211,211,211,1) 1%,rgba(187,187,187,1) 4%,rgba(165,165,165,1) 8%,rgba(162,162,162,1) 9%,rgba(143,143,143,1) 27%,rgba(80,80,80,1) 71%,rgba(57,57,57,1) 91%,rgba(61,61,61,1) 92%,rgba(70,70,70,1) 94%,rgba(82,82,82,1) 95%,rgba(101,101,101,1) 96%,rgba(124,124,124,1) 97%,rgba(153,153,153,1) 99%,rgba(179,179,179,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#b3b3b3',GradientType=0 );
width:100%;    
display:block;
height:100px;
}
.idocs-content{border-top:5px solid #fff; border-left:5px solid #fff; border-right:5px solid #fff;height:100px;}

.header-widgets_bg{
background: url("/wp-content/uploads/2015/12/menuBack.png");
background-size:cover;
width:100%;
margin:0;
padding:0;
}
.idocs-image-bg{
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 100%;
    display:block;

}
.idocs-image-bg h1{font-size:1.714em;margin-top:10px;}
.idocs-image-bg p{font-size:1em;margin: 5px 2px;line-height:10px;}
#header_widget{width:33.33%;margin:0;padding:0;}
.header-nav-widgets
{
width:80%;
height:auto;
margin:0 auto;
padding:0;
display: flex;
max-width: 960px;
}

/* Main Content */
.entry-content{max-width: initial;padding: 0 10px;}
.page-id-31 .content-area{margin:-8% auto 7%;}
.content-area{background:#fff;width:71.5%;margin:-5px auto 7%;border: 1px solid #707070;padding:0; max-width: 960px;}
.entry, .hentry{border:none;}
.holder_slider{margin:0;padding:10px 0;}
.holder_slider_template{margin:0;padding:10px;}
.su-row .su-column {margin: 0 0 0 2%!important;}
.su-column-size-1-1{/* padding-left:10px!important; */}
.green_serif{color:#98a62d;font-family:serif,Arial;font-weight:normal;margin:0;}
.content_link{text-decoration:none;}
.services_link{color: #333;font-size:1.714em;font-family:serif,Arial;font-weight:normal;}
.services_link:hover{color: #98a62d;}
.services_link2{font-family:Arial,serif;font-weight:bold;font-size:1.286em;}
.services_link3{color: #333;}
.services_link3:hover{color: #98a62d;}

/*Home  Sidebar */
.homepage{
width:60%;
float:left;
}
.home.page-id-6 #sidebar_widget{
margin: 10px 10px 0 0;    
width:35%;
float:right;
border:1px solid #707070;
background: #eee;
}  
.home.page-id-6 #sidebar_widget aside h3{
text-align:center;
color:#98a62d;
font-weight:normal;
margin: 10px 0 10px 0;
}
.home.page-id-6 #sidebar_widget aside ul li a{font-weight:bold;font-size:1.143em}
.home.page-id-6 .content-area{
 overflow:auto;   
}    

/* Footer */

.site-footer{
background: url("/wp-content/uploads/2015/12/footer.png");
background-size:cover;
height:auto;
}

.footer-nav-widgets
{
width:80%;
height:auto;
margin:2% auto;
padding:0;
display: flex;
max-width:960px;
}

#footer_widget
{
width:24%;
color:#ffffff;
background: url("/wp-content/uploads/2015/12/sep.png");
background-position:top right; 
background-repeat:no-repeat;
}
#footer_widget:nth-child(4){background:none;}
#footer_widget .widget-title{text-align:center;color:#ffffff;font-family:serif,Arial; font-size:1.071em;font-weight:500;}

/* Mobile Responsive */

@media (max-width: 700px)
{
.site-branding{height:auto;}
.site-branding a img{display:none;}
.site-branding a
{
background:url("/wp-content/uploads/2015/12/logo_short.png");
background-size:100%;
background-repeat:no-repeat;
display:block; 
width:100%;
margin-top:20px;
height:90px;
}
.menu-main-navigation-container{display:none;}
    
}

@media (max-width: 1920px){
 .page-id-31 .content-area {margin: -5.5% auto 7%}   
}
@media (max-width: 1500px){
 .page-id-31 .content-area {margin: -8% auto 7%}   
}
@media (max-width: 1300px){
 .page-id-31 .content-area {margin: -8% auto 7%}   

}
@media (max-width: 600px){
 .page-id-31 .content-area {margin: -9% auto 7%}   
.home.page-id-6 #sidebar_widget{float: none; width:100%}
.homepage {float: none;width: 100%;}
.idocs-image-bg p {font-size: 0.8em;}
.idocs-image-bg h1 {font-size: 1.5em;}
}