/* 
Theme Name: Krekt thema
Version: 1,0
Author: Krekt Webdesign | krekt.frl
Author URI: http://www.krekt.frl/ 
*/

/* base */

body
{
    font-family: 'Lato', helvetica, sans-serif;
    background-color: #ffffff;
    color: #000000;
}
img
{
    max-width:100%;
    height: auto;
}

@media only screen and (max-width : 970px) {
    img
    {
        margin: 15px 0;
    }

    .imgCenterMobile
    {
        text-align: center !important;
    }
}

h1, .koptekst
{
    font-family: 'Raleway', helvetica, sans-serif;
    display: block;
    font-size: 28px;
    font-weight: bold;
    margin: 0 0 25px 0;
}

.subtitel
{
    font-family: 'Raleway', helvetica, sans-serif;
    display: block;
    font-size: 18px;
    margin: 0 0 25px 0;
}

.titelMetSubtitel
{
    margin: 0;
}

.koptekstNoMargin
{
    margin: 0 0 0 0;
}

.koptekstKlein
{
    font-size: 24px;
}

h2, h3, h4, h5
{
    font-size: 21px;
    font-weight: bold;
    color: #000000;
    margin: 20px 0 5px 0;
}

.subkoptekst
{
    font-family: 'Trebuchet MS',  'Lato', helvetica, sans-serif;
    font-size: 18px;
    font-weight: bold;
    color: #000000;
    margin-bottom: 25px;
    display: block;
    line-height: 1.1em;
    padding-top: 3px;
}

.subOnderRegel
{
    font-family: 'Lato', helvetica, sans-serif;
    margin: 0 0 25px 0;
    color: #000000;
    font-size: 21px;
    display: block;
}

.MarginOnderSubkoptekst
{
    margin-bottom: 20px;
}

.marginTop
{
    margin-top: 20px;
}

.subOnderTekst
{
    font-size: 16px;
}

@media only screen and (min-width : 970px) {
    .nopadding
    {
        padding: 0;
        margin: 0;
    }

    .paddingLeft
    {
        padding: 0 0 0 15px;
        margin: 0;
    }

    .paddingRight
    {
        padding: 0 15px 0 0;
        margin: 0;
    }

    .paddingPhoto
    {
        padding: 0 25px 25px 0;
        margin: 0;
    }
}

@media only screen and (max-width : 970px) {

    .nopaddingPhone
    {
        padding: 0;
        margin: 0;
    }

    .pull-left-phone
    {
        float:left !important;
    }

    .pull-right-phone
    {
        float: right !important;
    }
}


.nopaddingAll
{
    padding: 0;
    margin: 0;
}

.formPagina .pageTekst
{
    min-height: 700px;
}

.pageContent
{
    padding-bottom: 50px;
    padding-top: 35px;
}

.pageContentNoPaddingFooter
{
    padding-top: 35px;
}

.block
{
    background-color: #ffffff;
    box-shadow: inset 3px 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
    width:99%;
    padding: 25px 20px;
    margin: 15px 0.5%;
}

.blokWit
{
    padding-top: 20px;
    padding-bottom: 20px;
    margin-bottom: 30px;
    background-color: #ffffff;
}

.blokWit .contactInfo
{
    font-weight: bold;
    font-size: 17px;

}

.blokWit .contactInfo i
{
    padding-right: 10px;
    color: #b27a06;
    font-size: 1.2em;
}

.blockTransparant
{
    width:99%;
    padding: 25px 20px;
    margin: 15px 0.5%;
}

.bannerBlock
{
    box-shadow: inset 3px 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
    width:99%;
    margin: 15px 0.5%;
    height: 100%;
    background-color: #ffffff;
}

.bannerBlock img
{
    margin: 0;
    padding: 0;
}

.contentBlok
{
    padding-bottom: 15px;
}

a{
    color: #277abd;
}
a:hover
{
    color: #624C3E;
    text-decoration: none;
}

.buttonLijn
{
    padding: 10px 15px;
    font-family: 'Raleway', helvetica, sans-serif;
    background-color: transparent;
    border: 3px solid #000000;
    margin-top: 20px;
    color: #000000;
    font-weight: bold;
    font-size: 14px;
    float:left;
}

.buttonLijn:hover
{
    color: #000000;
    text-decoration: none;
    background-color: transparent;
    border-color: #ffffff;
}

.buttonGrijs
{
    padding: 8px 15px;
    background-color: #878787;
    margin-top: 20px;
    border:none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    float:left;
    font-family: 'Raleway', helvetica, sans-serif;
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.buttonGrijs:hover
{
    background-color: #474747;
    color: #ffffff;
}

.buttonGrijs i
{
    padding-left: 10px;
    color: #ffffff;
    font-size: 1.2em;
}

.buttonBlauw
{
    padding: 8px 15px;
    background-color: #0BB5C1;
    margin-top: 20px;
    border:none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    float:left;
    font-family: 'Raleway', helvetica, sans-serif;
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.buttonBlauw:hover
{
    background-color: #09919B;
    color: #ffffff;
}

.buttonBlauw i
{
    padding-right: 10px;
    color: #ffffff;
}

.buttonOranje
{
    padding: 8px 15px;
    background-color: #ff9936;
    color: #ffffff !important;
    margin-top: 20px;
    border:none;
    font-weight: bold;
    font-size: 14px;
    float:left;
    font-family: 'Raleway', helvetica, sans-serif;
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}
.buttonOranje:hover
{
    background-color:#7F4C1B;
    color: #ffffff;
}

.buttonOranje i
{
    padding-left: 10px;
    color: #ffffff;
    font-size: 1.2em;
}

.marginButtonRight
{
    margin-right: 25px;
}

.buttonNoMargin
{
    margin: 0;
}

.buttonNoTopMargin
{
    margin-top: 0px !important;
}

.menu
{
    overflow: visible !important;
}

/*submenu*/
.navbar-collapse ul ul{
    display:none;

}

.navbar-collapse span.caret
{
    display: none;
}

@media only screen and (min-width : 768px) {
    .navbar-collapse ul li:hover > ul {
        display: block;
    }

    .navbar-collapse ul ul {
        background: #DF9167; 
        border-radius: 0px; 
        padding: 10px 0;
        position: absolute; 
        top: 100%;
        z-index: 999;
        border:none;

    }

    .navbar-collapse ul ul ul{
        background: #DF9167; 
        border-radius: 0px; 
        padding: 0;
        position: absolute; 
        top: 100%;
        z-index: 999;

    }
    .navbar-collapse ul ul li {
        float: none; 
        position: relative;
        z-index: 999;
        text-align: left;
    }

    .navbar-collapse ul ul li a {
        padding: 5px 15px;
        color: #792969 !important;
        border-right: none;
        font-size: 16px;
    }

}


.dropdown-menu .active a, .dropdown-menu .active a:hover
{
    background: #DF9167;
}

.navbar-default, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>.active>a, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>.active>a:hover
{
    background-color: #DF9167 !important;
}

.navbar-collapse ul li a
{
    color: #000000 !important;
    padding: 10px 10px;
}

.navbar-toggle
{
    background-color: #ffffff;
}

@media only screen and (min-width : 992px) {
    .navbar-collapse ul li a
    {
        padding: 30px 10px;
    }

    .navbar-collapse ul li
    {
        border-left: 2px solid #ffffff;
    }



    .navbar-collapse ul li:first-child
    {
        border-left: none;
    }



}


@media only screen and (min-width : 1200px) {
    .navbar-collapse ul li a
    {
        padding: 30px 15px;
    }

}

.navbar-collapse ul li a:hover
{
    color: #ffffff !important;
    background: #DF9167;
}
.navbar-collapse ul ul ul {
    position: absolute; left: 100%; top:0;
}

.container-fluid>.navbar-collapse, .container-fluid>.navbar-header, .container>.navbar-collapse, .container>.navbar-header
{
    margin-right: 0;
}

.header
{
    font-family: 'Raleway', helvetica, sans-serif;
}

.header .headerTop
{
    width:100%;
    background-color: #DF9167;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
    margin-bottom: 0;
    z-index:999;
}

.header .headerTopScroll, .header .headerFixed
{
    position: absolute;
}

@media all and (min-width: 992px)
{
    /* zorgt voor de fixatie van het menu aan de bovenkant van de website */
    .header .headerFixed
    {
        min-height: 50px;
        position: fixed;
    }

    .header .headerFixed .top-menu-header
    {
        display: none;
    }

    .header .headerFixed .logo img
    {
        max-width: 100px;
    }
}

.navbar-default
{
    border: 0;
}

.top-menu-header
{
    min-height: 50px;
}

.navbar-default, .navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>.active>a:hover
{
    background-color: #DF9167;
}

.navbar
{
    margin-bottom: 0;
}

@media only screen and (max-width : 1200px) {
    .nav li a {
        padding: 10px 10px;
    }
}


@media only screen and (min-width : 768px) {
    .container-fluid
    {
        padding-right: 0;
        padding-left: 0;
    }
}

@media only screen and (min-width : 1170px) {
    .navbar-default
    {
        margin-top: 0px;
        height: 50px;
    }
}

.navbar-default a
{
    font-size: 18px;
}

.headerTop .menu .navbar-nav
{
    float: left;
}

@media only screen and (min-width : 992px) {
    .headerTop .menu .navbar-nav
    {
        float: right;
    }
}

.header .logo
{
    margin: 0;
    padding: 12px 0 8px 0;
    text-align: center; 
}

.header .logo img
{
    width:100%;
    max-width: 196px;
}

@media only screen and (min-width : 970px) {
    .header .logo
    {
        text-align: left;
    }

}

.headerOpvulling
{
    position: relative;
    width:100%;
    height: 20px;
}

@media only screen and (max-width : 970px) {
    .headerOpvulling
    {
        height: 30px;
    }
}

@media only screen and (max-width : 768px) {
    .headerOpvulling
    {
        height: 30px;
    }
}



.footer
{
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
    background-color: #000000;
    color: #ffffff;
    border-top: 2px solid #ffffff;
}

.footer .footerNav
{
    list-style-type: none;
    list-style-position: inside;
    padding: 0;
    margin: 0;
    text-align: center;
    line-height: 25px;
}

.footer .footerNav li
{
    padding: 0 5px;
    display: inline;
}

.footer a
{
    color: #ffffff;
}
.footer a:hover
{
    color: #9ccddb;
    text-decoration: none;
}

.footer .footerTop
{
    padding: 20px 0;
}

.footer .footerSocial
{
    text-align: right;
    font-size: 24px;
}

.footer .footerSocial .footerNav
{
    text-align: right;
}

.footer .footerOnderInformatie
{
    padding: 20px 0;
    border-top: 1px solid #515151;
}

@media all and (max-width: 992px)
{
    .footerBlok
    {
        text-align: center;
        padding-bottom: 10px;
    }

    .footer .footerSocial .footerNav
    {
        text-align: center;
    }
}

/* pagina navigatie berichten */
.pagina_nav
{
    width: 100%;
    padding: 10px 20px;
    margin: 25px 0;
    font-size: 16px;
    background-color: #ececec;
}

.pagina_nav .page-numbers
{
    margin-right: 15px;
    font-weight: bold;
    color: #000000;
}

.pagina_nav .page-numbers:hover
{
    text-decoration: underline;
}

.pagina_nav .current
{
    color: #C5002B;
}

.pagina_nav .bbp-pagination
{
    margin-bottom: 0;
    margin-left: -15px;
}

.pagina_nav .bbp-pagination .bbp-pagination-links
{
    float: left;
}

.pagina_nav .bbp-pagination .bbp-pagination-links a:hover, .pagina_nav .bbp-pagination .bbp-pagination-links span.current
{
    border-color: #ececec;
}

.pagina_nav .bbp-pagination .bbp-pagination-links a, .pagina_nav .bbp-pagination .bbp-pagination-links span.current
{
    margin-left: 0;
    padding: 0;
}

/* Sidebar */
.sidebar h2
{
    font-size: 23px;
}

.sidebar ul.vinkjes_sidebar
{
    float:left;
    padding:0;
    margin:0;
    width:100%;

}

.sidebar ul.vinkjes_sidebar li::before
{
    display:block;
    content: " ";
    width:25px;
    height:25px;
    margin-right: 15px;   
    background-size: 25px 25px;
    float:left;
}

.sidebar ul.vinkjes_sidebar li
{
    list-style-type:none;
    float:left;
    height:25px;
    line-height:25px;
    font-weight:bold;
    margin-top:10px;
    width:100%;

}



.col-lg-1, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-md-1, .col-md-10, .col-md-11, .col-md-12, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-sm-1, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-xs-1, .col-xs-10, .col-xs-11, .col-xs-12, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9
{
    overflow: hidden;
}

/* Contact form 7 */
div.wpcf7
{
    margin-top: 0;
}

div.wpcf7 p
{
    margin-bottom: 20px;
}

input, textarea, select
{
    padding: 8px 1%;
    color: #000000;

    font-weight: normal;
}

input, textarea, select
{
    width:100%;
}

#bbpress-forums div.bbp-the-content-wrapper textarea.bbp-the-content
{
    border: 1px solid #ddd;
}

input[type="submit"]
{
    padding: 8px 15px;
    background-color: #ff9936;
    color: #ffffff !important;
    margin-top: 20px;
    border:none;
    font-weight: bold;
    font-size: 14px;
    float:left;
    font-family: 'Raleway', helvetica, sans-serif;
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}
input[type="submit"]:hover
{
    background-color:#7F4C1B;
    color: #ffffff;
}

.submit-niet-hele-breedte, .submit-niet-hele-breedte-all
{
    width: auto !important;
}

span.italic
{
    font-weight: normal;
    font-style: italic;
}


@media all and (max-width: 650px)
{
    input, .wpcf7 textarea, input[type="submit"], select
    {
        width:100%;
        margin-left: 0;
    }


    .submit-niet-hele-breedte
    {
        width:100% !important;
    }

    .submit-niet-hele-breedte-all
    {
        width: auto !important;
    }

    /* loader contact form 7 */
    img.ajax-loader
    {
        width: 16px !important;
        height: 16px !important;
        padding: 0 !important;
        margin: 0 !important;
    }
}

div.wpcf7-mail-sent-ok, div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng
{
    border:0 !important;
    width:100%;
    float:left;
    font-weight: bold;
}

div.wpcf7-validation-errors, div.wpcf7-mail-sent-ng
{
    color: #ee3e34;

}

div.wpcf7-mail-sent-ok
{
    color: #24cb00;
}

span.wpcf7-not-valid-tip
{
    color: #ee3e34;
}


.wpcf7-list-item
{
    padding-bottom: 10px;
}

input[type=checkbox].with-font {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}    
input[type=checkbox].with-font + label:before {
    font-family: FontAwesome;
    display: inline-block;
    content: "\f096";
    letter-spacing: 10px;
    font-size: 1.3em;
    color: #535353;
}
input[type=checkbox].with-font:checked + label:before {
    content: "\f046";        
    color: #4988cf;
    letter-spacing: 7.5px;
}
input[type=checkbox].with-font:focus + label:before {
    font-weight: bold;
    color: #4988cf;
}


/* homepagina */
.homeBoekBlok
{
    padding-bottom: 50px;
}

.homeBoekBlok .boekImg img
{
    width:100%;
    max-width: 400px;
}

.homeBoekBlok .boekInfo
{
    margin-top: 40px;
}

.homeBoekBlok .boekInfo .boekTitels
{
    font-family: 'Raleway', helvetica, sans-serif;
    line-height: 1;
    padding-bottom: 20px;
}

.homeBoekBlok .boekInfo .boekTitels .beschikbaarInfo
{
    display: block;
    width: 100%;
    float: left;
    font-size: 24px;
    font-weight: bold;
    color: #6777A8;
    padding-bottom: 5px;
}

.homeBoekBlok .boekInfo .boekTitels .boekTitel
{
    display: block;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 40px;
    padding-bottom: 5px;
}

.homeBoekBlok .boekInfo .boekTitels .boekSubtitel
{
    display: block;
    width: 100%;
    float: left;
    font-weight: bold;
    font-size: 28px;
}

.homeBoekBlok .boekInfo .boekContent
{
    font-weight: bold;
}

.homeBoekBlok .boekInfo .boekContent .boekKosten
{
    font-family: 'Raleway', helvetica, sans-serif;
    font-size: 1.2em;
    padding: 15px 0;
    display: block;
    width: 100%;
    float:left;
}

.homeBoekBlok .boekInfo .boekContent .boekKosten i
{
    font-size: 1.5em;
    color: #6777A8;
    padding-right: 15px;
}

.homeSchrijverBlok
{
    width:100%;
    overflow: hidden;
    display: table;
}

.homeSchrijverBlok .illustratie
{
    background-color: #ff0099;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    display: table-cell;
    height: auto;
    float: none;
}

.homeSchrijverBlok .schrijver
{
    background-color: #9ccddb;
    padding: 55px 0;
    display: table-cell;
    height: auto;
    float: none;
}

.homeSchrijverBlok .schrijver .naam
{
    font-family: 'Raleway', helvetica, sans-serif;
    display: block;
    font-size: 28px;
    font-weight: bold;
}

.homeSchrijverBlok .schrijver .werk
{
    font-family: 'Raleway', helvetica, sans-serif;
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
}

.homeSchrijverBlok .schrijver .schrijverFoto
{
    text-align: right;
}

.homeSchrijverBlok .schrijver .schrijverFoto img
{
    width: 100%;
    max-width: 250px;
    padding: 0 0 15px 15px;
}

.homeReviewBlok
{
    padding: 20px 0 40px 0;
    background-color: #6777A8;
}

.homeReviewBlok .reviewQuote
{
    font-size: 80px;
    font-weight: bold;
    color: #000000;
}

.homeReviewBlok .reviewTekst
{
    font-weight: bold;
    color: #ffffff;
    font-size: 18px;
    margin-top: -60px;
}

.homeReviewBlok .reviewTekst .naam
{
    font-weight: normal;
    display: block;
    width:100%;
    padding-top: 20px;
}

.homeReviewBlok .reviewQuoteEinde
{
    margin-top: -70px;
}

/* homepagina review slider */
.homeReviewBlok #slides {
    overflow: hidden;
    position: relative;
    width: 100%;
}

.homeReviewBlok  #slides ul {
    list-style: none;
    width:100%;
    margin: 0;
    padding: 0;
    position: relative;
}

.homeReviewBlok #slides li {
    width:100%;
    float:left;
    text-align: center;
    position: relative;
}


/* Styling for prev and next buttons */
.sliderButtons
{
    padding-top: 15px;
    text-align: center;
}
.sliderButtons a {
    font-size: 32px;
    color: #000000;
}

.sliderButtons a
{
    padding: 0 20px;
}

.sliderButtons a:hover
{
    color:#FFFFFF;
}

#boekContent
{
    overflow: hidden;
}

/* page content */
.boekImg img
{
    width: 100%;
    max-width: 350px;
    padding: 15px;
}

.paginaGedeelteVerkoop
{
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 20px;
    background-color: #9ccddb;
    text-align: center;
}

.paginaGedeelteVerkoop .titel
{
    font-family: 'Raleway', helvetica, sans-serif;
    display: block;
    font-size: 28px;
    font-weight: bold;
    color: #000000;
}

.paginaGedeelteVerkoop .subtitelVerkoop
{
    font-family: 'Raleway', helvetica, sans-serif;
    display: block;
    font-size: 18px;
    padding-bottom: 20px;
    color: #000000;
}

.paginaGedeelteVerkoop .knop
{
    padding-top: 20px;
    padding-bottom: 20px;

}

.paginaGedeelteVerkoop .knop a
{

    color: #000000;
    padding: 10px 15px;
    border: 3px solid #000000;
    font-weight: bold;
    font-size: 16px;
    display: inline;

}

.paginaGedeelteVerkoop .knop a:hover
{
    color: #ffffff;
    border-color: #ffffff;
}

/* forum */
.bbp-pagination-count {
    padding-top: 0px;
    padding-bottom: 10px;
}

.subscription-toggle, .favorite-toggle
{
    padding: 8px 15px;
    background-color: #878787;
    border:none;
    color: #ffffff;
    font-weight: bold;
    font-size: 14px;
    float:left;
    font-family: 'Raleway', helvetica, sans-serif;
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
    float:left;
    margin-right:10px;
    margin-left:0px;
}
.subscription-toggle:hover, .favorite-toggle:hover
{
    background-color: #474747;
    color: #ffffff;
}

.message-no-topics
{
    font-weight: bold;
    font-size: 14px;
    padding-top: 15px;
    margin-top: 10px;
    border-top: 1px solid #eaeaea;
}

.bbp-forum-title, a.bbp-topic-permalink
{
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.bbp-forum-title:hover, a.bbp-topic-permalin:hover
{
    color: #09919B;
}

.bbp-topics a, .bbp-forums a
{
    color: #000000;
}

.bbp-topics a:hover, .bbp-forums a:hover
{
    color: #09919B;
}


@media all and (min-width: 992px)
{
    .bbp-pagination-count {
        padding-top: 17px;
        padding-bottom: 0;
    }

    .subscription-toggle, .favorite-toggle
    {
        float:right;
        margin-right:0px;
        margin-left:10px;
    }

    .bbp-pagination a.buttonBlauw
    {
        float:right;
    }

}
@media all and (max-width: 992px)
{
    li.bbp-forum-info, li.bbp-topic-title
    {
        width:100%;
    }
}

#bbp-search-form
{
    float:left;
    padding-bottom: 15px;
}

#bbp-search-form input[type="submit"]
{
    padding: 8px 15px;
    background-color: #0BB5C1;
    color: #ffffff !important;
    margin-top: 0;
    margin-left: 10px;
    border:none;
    font-weight: bold;
    font-size: 14px;
    float:left;
    font-family: 'Raleway', helvetica, sans-serif;
    transition-property: background-color;
    transition-duration: 1.2s;
    transition-timing-function: ease;
    transition-delay: initial;
}
#bbp-search-form input[type="submit"]:hover
{
    background-color:#09919B;
    color: #ffffff;
}

@media all and (max-width: 650px)
{
    #bbp-search-form input[type="submit"]
    {
        width:auto;
    }
}

#bbp-search-form input
{
    float:left;
    padding: 8px 1%;
    color: #000000;
    font-weight: normal;
}

.form-control-margin-bottom
{
    margin-bottom: 10px;
}

.berichtReacties
{
    background-color: #f4f4f4;
}

.berichtReacties .reactie
{
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #B4B4B4;
}

.berichtReacties .reactie:first-of-type
{
    padding-top: 15px;
    background-color: #DADADA;
    -border-bottom: none;
    box-shadow: inset 0 1px 0 rgba(255,255,255,0.15),0 1px 5px rgba(0,0,0,0.075);
}

.berichtReacties .reactie:first-of-type .bbp-admin-links a, .berichtReacties .reactie:first-of-type span.bbp-admin-links
{
    color: #484848;
}

span.bbp-admin-links
{
    float:none;
}



.persoonInfo .letter
{
    display: block;
    width:100%;
    overflow: hidden;
    text-align: center;
}

.persoonInfo .letter span
{
    height: 40px;
    line-height: 40px;
    width: 40px;
    background-color: #B4B4B4;
    color: #ffffff;
    font-size: 21px;
    display: block;
    margin: 0 auto;

}

.persoonInfo .naam
{
    display: block;
    width:100%;
    text-align: center;
    font-weight: bold;
    font-size: 14px;
    padding-top: 10px;
}

.persoonInfo a
{
    color: #000000;
}

.persoonInfo a:hover
{
    color: #09919B;
}

@media all and (max-width: 992px)
{
    .persoonInfo
    {
        padding-bottom: 10px;
    }

    .bbp-admin-links
    {
        padding-top: 10px;
    }
}

@media all and (min-width: 992px)
{
    .reactieTekst
    {
        border-left: 2px dotted #B4B4B4;
        min-height: 100px;
    }
}


.reactieDatum
{
    margin-top: 10px;
    font-weight: bold;
    color: #484848;
}

.reactieDatum i
{
    font-size: 1.2em;
    margin-right: 5px;
    margin-left: 2px;
}

.berichtAntwoordFormulier
{
    background-color: #9ccddb;
}

.berichtAntwoordFormulier .bericht-form-titel
{
    font-size: 18px;
    font-weight: bold;
    font-family: 'Raleway', helvetica, sans-serif;
    color: #000000;
    padding-top: 20px;
    padding-bottom: 10px;
}
.mail-vinkje
{
    padding-top: 10px;
}

/*** custom checkboxes ***/

input[type=checkbox] { display:none; } /* to hide the checkbox itself */
input[type=checkbox] + label:before {
    font-family: FontAwesome;
    display: inline-block;
    font-size: 1.3em;
}

input[type=checkbox] + label:before { content: "\f096"; } /* unchecked icon */
input[type=checkbox] + label:before { letter-spacing: 10px; } /* space between checkbox and label */

input[type=checkbox]:checked + label:before { content: "\f046"; } /* checked icon */
input[type=checkbox]:checked + label:before { letter-spacing: 8px; } /* allow space for check mark */

/* pagina verkooplocaties */
.paginaGedeelteVerkoopLocaties .verkooplocaties
{
    margin-top: 20px;
    padding-bottom: 20px;

}

.paginaGedeelteVerkoopLocaties .verkooplocaties .verkooplocatie
{
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid #eaeaea;
}

.paginaGedeelteVerkoopLocaties .verkooplocaties .verkooplocatie .verkooplocatieInfo .verkooplocatieNaam
{
    font-size: 21px;
    font-weight: bold;
    padding-bottom: 15px;
    display: block;
    width: 100%;
}

.verkooplocatieContent
{
    width: 100%;
    padding-bottom: 15px;
}

.paginaGedeelteVerkoopLocaties .verkooplocaties .verkooplocatie .winkelLocatieKaart .shopLocatieTitel
{
    font-size: 18px;
    font-weight: bold;
    padding-bottom: 15px;
    display: block;
    width: 100%;
}

ul.fa-ul li
{
    font-weight: bold;
    font-size: 14px;
    display: block;
    width: 100%;
    padding-bottom: 10px;
    color: #000000;
}

ul.fa-ul li a
{
    color: #000000;
}

ul.fa-ul li a:hover
{
    color: #6777A8;
    text-decoration: underline;
}

ul.fa-ul li i
{
    margin-right: 10px;
    font-size: 1.2em;
    color: #6777A8;
    letter-spacing: 10px;
}


/* contactpersoon */

.contactPagina .contactDiv
{
    padding-top: 15px;
    margin-top: 15px;
    border-top: 1px solid #eaeaea;

}
.contactPagina .contactDiv .contactpersonen .contactpersoon
{
    margin-bottom: 25px;    
}

.contactPagina .contactDiv .contactpersonen .contactpersoon .naam
{
    font-size: 21px;
    font-weight: bold;
    display: block;
    width: 100%;
}

.contactPagina .contactDiv .contactpersonen .contactpersoon .functie
{
    font-size: 16px;
    font-weight: bold;
    display: block;
    width: 100%;
}

.contactPagina .contactDiv .contactpersonen .contactpersoon ul
{
    padding-top: 20px;
}

.contactPagina .contactDiv .contactTitel
{
    font-size: 24px;
    font-weight: bold;
    display: block;
    width: 100%;
    padding-bottom: 25px;
}

@media all and (max-width: 650px)
{
    .contactPagina .contactDiv .contactform
    {
        padding-top: 20px;
        margin-top: 20px;
        border-top: 1px solid #eaeaea;
    }

}

.formPagina .loginButtons a
{
    float:left;
}

.buttonLeft
{
    margin-right: 10px;
    margin-left: 0;
}

.formPagina .loginButtons
{
    margin-bottom: 20px;
}

@media all and (min-width: 992px)
{
    .formPagina .loginButtons
    {
        margin-bottom: 0;
    }

    .formPagina .loginButtons a
    {
        float:right;
    }

    .buttonLeft
    {
        margin-right: 0;
        margin-left: 10px;
    }

}

/* form */

#bbpress-forums
{
    font-size: 14px !important;
}
.form-group label
{
    width: 100%;
}

.reply-formulier-textarea
{
    font-size: 16px;
}

.reply-formulier-submit
{
    background-color: #6F919B !important;
    width: auto !important;
    margin-top: 12px !important;
}
.reply-formulier-submit:hover
{
    background-color: #41555B !important;
}

.bbp-topic-revision-log-item
{
    border-top: 1px solid #cacaca;
    margin-top: 20px !important;
    padding-top: 10px;
    color: #484848;
    display: block;
    width: 100%;
    float: left;

}

textarea#bbp_reply_content, textarea#bbp_topic_content, textarea#bbp_forum_content
{
    width: 100%;
}

.berichtReacties div.bbp-template-notice
{
    border-color: #000000 !important;
    background-color: transparent !important;
}

.berichtReacties div.bbp-template-notice p
{
    font-size: 14px;
}

.berichtReacties div.bbp-template-notice p strong
{
    color: #ffffff;
}

/* register forum erros */
.tml p.error, .forum-informatie div.bbp-template-notice p {
    width: 100% !important;
    display: block !important;
    color: #DF0030 !important;
    font-size: 14px !important;
}

.forum-informatie .bbp-template-notice
{
    border:none !important;
    background-color: transparent !important;
    padding:0 !important;
}


/* password indicator */

#pass-strength-result {
    background-color: #eee;
    border: 1px solid #ddd;
    color: #23282d;
    font-weight: 600;
    margin: 0;
    padding: 3px 5px;
    text-align: center;
    width: 100%;
    opacity: 0;
}

#pass-strength-result.short {
    background-color: #f1adad;
    border-color: #e35b5b;
    opacity: 1;
}

#pass-strength-result.bad {
    background-color: #fbc5a9;
    border-color: #f78b53;
    opacity: 1;
}

#pass-strength-result.good {
    background-color: #ffe399;
    border-color: #ffc733;
    opacity: 1;
}

#pass-strength-result.strong {
    background-color: #c1e1b9;
    border-color: #83c373;
    opacity: 1;
}

.pw-weak {
    display:none;
}

.indicator-hint {
    padding-top: 8px;
}

#pass1,
#pass1-text {
    width: 100%;
}

#pass1-text,
.show-password #pass1 {
    display: none;
}

.show-password #pass1-text
{
    display: inline-block;
}

.form-group-noMarginBottom
{
    margin-bottom:0 !important;
}

/* bbpress profiel pagina */
.bbp-user-subscriptions .bbp-user-section
{
    padding-bottom: 15px;
    margin-bottom: 15px;
    border-bottom: 1px solid #B4B4B4;
}

.bbp-user-subscriptions .bbp-user-section:last-of-type
{
    border-bottom: none;
}

.gebruikerGemaakteBerichten .reactie {
    padding-top: 25px;
    padding-bottom: 25px;
    border-bottom: 1px solid #B4B4B4;
}

.forumulier-titel-div
{
    margin-top: 25px;
}

#bbp-user-navigation
{
    padding-bottom: 25px;
}

/* no reply melding op topics */
.bbp-no-reply
{
    padding: 25px 0;
    font-size: 14px;
    font-weight: bold;
    font-style: italic;
}

/* acordeon opmaak */
#accordion h2
{
    padding-top: 25px;
    cursor:pointer;
}

#accordion h2 i
{
    color: #6777A8;
    font-size: 1.2em;
    padding-right: 15px;
}

#accordion div p
{
    margin: 0;
}