/*
Theme Name: Sierehandel
Theme URI: /wp-content/themes/sierehandel
Author: aceview
Author URI: http://aceview.nl/
Description: Sierehandel ontwerp door Miesart.
Version: 1.0
License: copyright Aceview Internet

*/

/*Imports________________________________________________________________________________________*/

@import url('bootstrap/bootstrap.css');
@import url('bootstrap/bootstrap-responsive.css');
@import url(http://fonts.googleapis.com/css?family=Roboto);
@import url('defaults.css');
@import url('menu.css');
/*Layout_________________________________________________________________________________________*/

body {

}
#main-container {
    position: relative;
}
header {
    width: 90%;
}
#top {
    height: 106px;
}
#header {
    max-height: 221px;
    margin-top: 20px;
    /*	background-image:url(images/bg-header.png);
    background-repeat:no-repeat;	
    background-size:100%;*/
    text-align: center;
}
#logo {
    text-align: center;
    margin: 0px 0;
}
#logo-left {
    float: left;
    margin-top: 9px;
    margin-left: 21px;
}
#logo-right {
    text-align: center;
    padding-top: 10px;
}
#logo-right img {
    margin-top: 20px;
    max-width: 50%;
}
.divider {
    width: 100%;
}
#logo img {
}
#navigatie {
    height: 45px;
    margin: 5px 0 0px 0;
}
#photo-header {
    margin-top: 10px;
    max-height: 370px;
}
#main {
    padding-bottom: 0px;
}
#sidebar {
}
#news {
    margin: 0;
    padding: 1px;
    max-height: 260px;
    list-style: none;
}
#news li {
    background-color: #fff;
    color: #525252;
    padding: 10px;
    height: 86px;
    overflow: hidden;
}
#news li:nth-child(even) {
    background-color: #dce1e2;
}
#news li a {
    display: block;
    font-weight: normal;
    text-decoration: none;
    color: #3c3c3c;
}
#news li a:hover {
    color: #cc3333;
}
#content {
    border-left: 0px;
    min-height: 310px;
    margin: 30px 0 12px;
    padding: 0px 0 0 20px;
    border-left: 11px solid #cc3333;
}
#content-home {
    border-left: 0px;
    margin: 30px 0;
    padding: 0px 0 0 20px;
}
#footer {
    padding: 0;
    /*background-image:url(images/bg-footer.png);
    background-repeat:no-repeat;	
    background-size:100%;*/
    text-align: center;
    font-size: 11px;
    margin-left: 8px;
}
#footer a {
    color: #3c3c3c;
    font-weight: normal;
    text-decoration: none;
}
#footer a:hover {
    color: #cc3333;
}
/*Frontpage________________________________________________________________________________________*/

.kader {
    max-height: 326px;
    background-color: #cc3333;
    color: #fff;
    margin: 0 0 10px 0;
    padding: 0;
    margin-left: 0px;
    overflow: hidden;
}
.kader .txt {
    padding: 5px 10px;
    max-height: 127px;
    font-size: 14px;
}
.kader .txt strong {
    font-size: 16px;
}
.kader .txt-news {
    padding: 5px 10px;
    max-height: 33px;
}
.kader .btn {
    background-color: #aa1515;
    width: 100%;
    max-height: 33px;
    border-radius: 0;
    text-align: right;
    color: #fff;
    text-transform: uppercase;
}
.kader .btn:hover {
    background-color: #e54545;
}
.kader a.thumb {
    max-height: 166px;
    background-repeat: no-repeat;
    background-color: #000;
    display: block;
}
.kader a.indoor {
    background-image: url(images/indoor.png);
}
.kader a.cultivate {
    background-image: url(images/cultivate.png);
}
.kader a.agristar {
    background-image: url(images/agristar.png);
}
/*Content________________________________________________________________________________________*/


.caption {
    text-align: center;
    text-transform: uppercase;
}
.thumbnail {
    border-radius: 0;
}

/*Sidebar________________________________________________________________________________________*/




/*Footer_________________________________________________________________________________________*/








/* Extra small devices (phones, up to 480px) */
/* No media query since this is the default in Bootstrap */




/* Small devices (tablets, 768px and up) */
@media(min-width:768px) {
    body {

    }

    #logo-right {
        text-align: center;
        padding-top: 9px;
    }

    header {
        width: 100%;
    }
    .thumbnail img {
        padding-top: 10px;
    }
    .thumbnail .caption {
        font-size: 12px;
    }
    .thumbnail .caption-team {
        overflow: auto;
    }
    .thumbnail .caption-partners {
        height: 150px;
        overflow: auto;
        text-transform:inherit;
    }
    .thumbnail .caption-products {
        height: 50px;
        overflow: auto;
    }
    .kader {
        margin-left: 10px;
        margin-bottom: 20px;
    }
    .kader .txt {
        padding: 5px 10px;
        height: 127px;
    }
    .kader .txt-news {
        padding: 5px 10px;
        max-height: 33px;
    }
    #footer {
        font-size: 12px;
        text-transform: uppercase;
    }
    /*Hoofdmenu*/


    .bgmenu {
        background-color: #fff;
    }
    nav {
        position: relative;
    }
    nav .collapse {
        width: 100%;
        position: absolute;
        top: 155px;
        left: 0;
        height: 38px;
        margin: 0 auto;
        z-index: 60;
    }
    .menu-hoofdmenu-container,
    .menu-hoofdmenu-nl-container,
    .menu-hoofdmenu-ch-container {
        width: 100%;
        margin: 0 0 0px 0;
        padding: 0;
        border: none;
        background-color: transparent;
    }
    ul.menu {
        display: table;
        width: 100%;
        margin: 0px 0px 0 0px;
        padding: 20px 10px 0 10px;
        list-style: none;
    }
    ul.menu li {
        display: table-cell;
        text-align: center;
        margin: 0;
        padding: 0;
        border: none!important;
    }
    ul.menu li:first-child {
        padding-left: 0;
    }
    ul.menu li:last-child {
        padding-right: 0;
    }
    ul.menu li a {
        font-size: 18px;
        padding: 7px 20px;
        text-transform: uppercase;
        color: #525252!important;
        font-weight: normal;
    }
    ul.menu li:hover {
        color: #cc3333!important;
    }
    ul.menu li.current-menu-item a,
    ul.menu li.current-page-ancestor a {
        color: #cc3333!important;
    }


    .category-partners .img-holder,
    .category-partners-nl .img-holder,
    .category-29 .img-holder {
        margin:0 auto;
        height:120px;
    }


}

/* Medium devices (desktops, 992px and up) */
@media(min-width:992px) {
    body {

    }
    nav .collapse {
        top: 180px;
    }
    ul.menu {
        padding: 0px 10px 0 10px;
    }
}

/* Large devices (large desktops, 1200px and up) */
@media(min-width:1200px) {
    body {

    }
    ul.menu {
        padding: 0px 169px 0 164px;
    }
}