/*
 Theme Name:     KSCC
 Description:    KSCC Theme
 Author:         Webwerkers
 Author URI:     https://www.webwerkers.nl
 Template:       Divi
 Version:        4.20.8
*/

body.blog article { display: flex;}
body.blog article a.entry-featured-image-url { max-width: 300px; margin-right: 10px; }

body.post-type-archive-foto article { display: flex;}
body.post-type-archive-foto article a.entry-featured-image-url { max-width: 300px; margin-right: 10px; }


div.contentblock { }
p#breadcrumbs {
    width: 80%;
    max-width: 1080px;
    margin: auto;
    margin-bottom: 15px;
}

@media (max-width: 980px) {
    #breadcrumbs {
        display: none;
    }


    .et_pb_section {
        padding: 10px 0;
    }

    #et-main-area .et_pb_section_1.et_pb_section{
        padding-top: 10px;
    }

}



div.headerbanner { text-align: center; padding: 20px 10px;}
div.headerbanner.withimage { padding: 120px 10px; background-position: center;     background-size: cover;
    background-repeat: no-repeat;}
div.headerbanner h2 {
    font-family: 'Cabin',Helvetica,Arial,Lucida,sans-serif;
    font-size: 60px;
    line-height: 1.3em;
    text-transform: uppercase;
}
div.headerbanner h3 {
    font-family: 'Cabin',Helvetica,Arial,Lucida,sans-serif;
    text-transform: uppercase;
    font-size: 28px;
    line-height: 1.8em;
}

#content-area.familieberichten {
    display: flex;
    flex-flow: row wrap;

}


@media (min-width: 981px) {
    #left-area {
        width: 70%;

    }
    #familiebericht-left {
        width: 100%;
    }
    #sidebar {
        width: 30%;
    }
    .et_right_sidebar #main-content .container:before {
        right: 30.875%!important;
    }

}
body.blog #main-content .entry-title,
body.post-type-archive-foto #main-content .entry-title,
#familiebericht-left .entry-title {
    font-size: 20px; font-weight: bold; padding-bottom: 0;
}

#familiebericht-left .familiebericht { display: flex; flex-flow: row;  border: 1px solid #ccc; padding: 15px; margin: 10px 0; }
#familiebericht-left .familiebericht .image { min-width: 30%; max-width: 30%; height: auto;}
#familiebericht-left .familiebericht .image.rechts { order: 100; }
#familiebericht-left .bericht-content { padding: 10px;}
#familiebericht-left .et_pb_row { width: 100%;}
#familiebericht-left .image-links .categorien { text-align: right; width: 100%; }
#familiebericht-left .categorien { font-weight: bold; font-size: 16px;}

#familiebericht-left .categorien .algemeen { color: #993300; }
#familiebericht-left .categorien .kermis { color: #ff0000; }
#familiebericht-left .categorien .binnenvaart { color: #3366ff; }
#familiebericht-left .categorien .circus { color: #339966; }

body:not(.et-tb) #main-content .container, body:not(.et-tb-has-header) #main-content .container {
    padding-top: 0;
}