@charset "UTF-8";
/* CSS Document */

/*
Theme Name: Pointer
Author: KO
Template: Total
Version: 1.1
*/

/* Parent stylesheet should be loaded from functions.php not using @import */

/*  slider  */

.rev_slider {
    border-bottom-width: 6px;
    border-bottom-style: solid;
    border-bottom-color: #1dafec;
}

.page-header-title span {
    display: none;
}

/* _______ menu  _______ */

#site-header #site-navigation .dropdown-menu ul li a {
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFF;
}


#site-navigation-wrap {
    border-top: none !important;
}

#site-navigation .dropdown-menu > .current-menu-item > a, #site-navigation .dropdown-menu > .current-menu-parent > a, #site-navigation .dropdown-menu > .current-menu-item > a:hover, #site-navigation .dropdown-menu > .current-menu-parent > a:hover {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#a0a396+42,888d7d+100 */

    background: #a0a396; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #a0a396 42%, #888d7d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #a0a396 42%, #888d7d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #a0a396 42%, #888d7d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a0a396', endColorstr='#888d7d', GradientType=1); /* IE6-9 fallback on horizontal gradient */
}

.navbar-style-two .dropdown-menu > li > a {
    height: 40px;
    line-height: 40px;
}

/* _______ einde menu  _______ */


/* _______ top bar  _______ */


.top-bar-menu li {
    padding: 7px 13px;
}


.top-bar-menu li#menu-item-wpml-ls-5-nl {
    padding-top: 7px;
    padding-right: 0px !important;
    padding-bottom: 7px;
    padding-left: 15px;
}

.top-bar-menu li#menu-item-wpml-ls-5-en {
    padding-top: 7px;
    padding-right: 0px !important;
    padding-bottom: 7px;
}

.top-bar-menu li#menu-item-wpml-ls-5-du {
    padding-top: 7px;
    padding-right: 0px !important;
    padding-bottom: 7px;
}


li.designit_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #c33f33; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #c33f33 42%, #9b2e2d 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #c33f33 42%, #9b2e2d 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #c33f33 42%, #9b2e2d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#c33f33', endColorstr='#9b2e2d', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}


li.jwh_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #1dafec; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #1dafec 42%, #148aae 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #1dafec 42%, #148aae 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #1dafec 42%, #148aae 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1dafec', endColorstr='#148aae', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}

li.webshop_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #0d4d6f; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #0d4d6f 42%, #02293a 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #0d4d6f 42%, #02293a 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #0d4d6f 42%, #02293a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0d4d6f', endColorstr='#02293a', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}

li.brochure_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #d98135; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #d98135 42%, #c9552e 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #d98135 42%, #c9552e 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #d98135 42%, #c9552e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d98135', endColorstr='#c9552e', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}

li.verhuur_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #d63b1a; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #d63b1a 42%, #b02a19 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #d63b1a 42%, #b02a19 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #d63b1a 42%, #b02a19 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#d63b1a', endColorstr='#b02a19', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}

li.occasions_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #adadad; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #adadad 42%, #646363 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #adadad 42%, #646363 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #adadad 42%, #646363 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#adadad', endColorstr='#646363', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}

li.winterstalling_button { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#bd3832+42,92252c+100 */
    background: #5d9cde; /* Old browsers */
    background: -moz-linear-gradient(-45deg, #5d9cde 42%, #4b80b6 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, #5d9cde 42%, #4b80b6 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, #5d9cde 42%, #4b80b6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#5d9cde', endColorstr='#4b80b6', GradientType=1); /* IE6-9 fallback on horizontal gradient */
    /*padding-top: 3px;
    padding-right: 10px;
    padding-bottom: 3px;
    padding-left: 10px;*/

}

.top-bar-menu li {
    margin-right: 0px;
    margin-left: 1px;
}

#top-bar-social a.wpex-social-btn {
    background: #e1e1df;
    color: #939385;
}

#top-bar-social a:hover.wpex-social-btn {
    color: #54544c !important;
}

#top-bar-social a.wpex-social-btn {
    height: 25px;
    line-height: 26px;
}

#top-bar-social a {
    margin-right: 0px;
    font-size: 12px;
}

/* _______ top bar  _______ */


/*  Tabellen prijzen in kleur vlak

#prijzen  { color:#FFF;}
#prijzen tr { border-bottom: 1px solid #fff;}
#prijzen tr th { padding-bottom:5px; }
#prijzen tr td:nth-child(2) { text-align:right;}*/

#verhuurtabel {
    border-collapse: collapse;
    width: 100%;
}

#verhuurtabel td, #verhuurtabel th {
    border: 1px solid #ddd;
    padding: 8px;
}

#verhuurtabel tr:first-child {
    background-color: #164568;
    color: #FFF;
}

#verhuurtabel tr:first-child:hover {
    background-color: #164568;
    color: #FFF;
}


#verhuurtabel tr:nth-child(even) {
    background-color: #f7f7f7;
}

#verhuurtabel tr:hover {
    background-color: #ddd;
}

#verhuurtabel th {
    padding-top: 12px;
    padding-bottom: 12px;
    text-align: left;
    background-color: #4CAF50;
    color: white;
}


/* _______ Algemene zaken  _______ */

#opsomming li {
    list-style-type: none;
    background-image: url(images/bullet-blauw.png);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    padding-left: 30px;
    margin-left: -29px;
}

.h1intro {
    color: #7b7b65 !important;
    font-weight: 500 !important;
}

#footer {
    background-color: #868773;
    color: #ffffff;
    background-image: url(images/Pointer-tekening-achtergrond-55.png);
    background-repeat: no-repeat;
    background-position: center -150px;
}

#logosboten img {
    margin-right: 12px;
    margin-bottom: 12px;
}


/* _______ Algemene zaken  _______ */

.tabelJWH td {
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 10px;
}

.blauwTD {
    background-color: #164568;
    color: #FFF;
    font-weight: bold;
}

.tabelJWH {
    color: #3C3C3C !important;
}


/* _______ Sidebar menu  _______ */
#sidebar .widget_nav_menu a {
    border: none;
    padding: 10px 15px;
    text-transform: uppercase;
    font-size: 12px;
    /*font-weight:300;*/
    letter-spacing: 2px;
    background-color: #868672;
    color: #FFF;
    margin-bottom: 1px;
}


#sidebar .widget_nav_menu a:hover {
    opacity: 0.8;
    background-color: #868672;
}

#sidebar .widget_nav_menu ul.sub-menu a:hover {
    opacity: 1.0 !important;
    background-color: transparent !important;
    font-weight: 600;
}


#sidebar .widget_nav_menu .current-menu-item > a {
    background-color: #868672;
    color: #FFF;
}

#sidebar .widget_nav_menu > div > ul > li:first-child > a {
    border-radius: 0px;
}

#sidebar .widget_nav_menu > div > ul > li:last-child > a {
    border-radius: 0px;
}

#sidebar .widget_nav_menu ul ul li a {
    padding: 3px 14px;
    text-transform: none !important;
    font-size: 12px;
    letter-spacing: 1px;
    background-color: #FFF;
    color: #164568;
}

#sidebar .widget_nav_menu .sub-menu a::before {
    content: none;
    margin-right: 0px;
}

#sidebar .widget_nav_menu ul ul li:last-child a {
    padding-bottom: 15px;
}

#sidebar .widget_nav_menu ul ul li:first-child a {
    padding-top: 15px;
}


#sidebar .widget_nav_menu .sub-menu .current_page_item > a, #sidebar .widget_nav_menu .sub-menu .current-menu-item > a {
    background-color: transparent !important;
    color: #164568 !important;
    font-weight: 600;
!important;
}

#sidebar .widget_nav_menu .sub-menu > a:hover, #sidebar .widget_nav_menu .sub-menu > a:hover {
    background-color: transparent !important;
    color: #164568 !important;
    font-weight: 600;
!important;
}


/*#sidebar .widget_nav_menu ul ul li a {
    padding-left: 14px;
}*/
/* _______ Sidebar menu  _______ */


.buycharter {
    padding: 15px;
    border: 1px solid #164568;
    text-align: center;
}

aside {
    margin-top: 45px;
}

/* _______ Social media  _______ */
.social-share-button-text {
    display: none;
}

/* Haalt de teksten weg bij social media delen */


.portfolio-entry-details {
    border: 1px solid #f7f7f7;
    padding-top: 5px;
    padding-right: 10px;
    padding-bottom: 2px;
    padding-left: 10px;
}

.portfolio-entry-details h2 {
    font-size: 13px !important;
    letter-spacing: 1px !important;
}

.logo-jwh {
    float: left;
    margin-right: 5px;
}

.logo-jwh img {
    width: 132px;
    height: 132px;
}

.logo-boten img {
    width: 63px;
    height: 63px;
    margin-right: 5px;
    margin-bottom: 0;
}

.logo-boten {
    float: left;
}

.logo-pointer {
    float: left;
}

.logo-pointer img {
    width: 132px;
    height: 132px;
}

.footer-widget {
    padding-bottom: 0;
}


#mc_embed_signup form {
    padding: 0px !important;
}

#mc_embed_signup {
    background-color: transparent !important;
}

#mc_embed_signup form {
    text-align: left !important;
}

#mc_embed_signup input.email {
    font-size: 13px !important;
    border: none !important;
    border-radius: 0px !important;
    color: #fff !important;
    background-color: rgba(255, 255, 255, 0.2) !important;
    height: 32px !important;
    width: 200px !important;
}

#mc_embed_signup .button {
    font-size: 13px !important;
    border-radius: 0px !important;
    letter-spacing: .03em;
    color: #fff;
    background-color: #164568 !important;
    padding: 0 12px !important;
}


/* Breadcrumbs */
.trail-begin, .sep-1 {
    display: none;
}

/*  Opmaak blok design it  */
.designkader {
    border: 1px solid #9e2e36;
    color: #6a6d5f;
}

.designkader img {
    float: left;
    margin-right: 15px;
    width: 270px;
    height: auto;
}

.designkader-txt {
    margin-top: 15px;
    margin-right: 5px;
    margin-bottom: 15px;
    margin-left: 15px;
}

.uppercasee {
    text-transform: uppercase;
}

.grey {
    color: #6a6d5f;
    font-weight: 600;
    font-size: 1.1em;
}

.red {
    color: #9e2e36;
    font-weight: 600;
    font-size: 1.1em;
}

.no-underline {
    text-decoration: none;
}

@media only screen and (min-width: 1280px) {
    div.footer-box.span_1_of_3.col.col-1 {
        width: 40%;
    }

    div.footer-box.span_1_of_3.col.col-2, div.footer-box.span_1_of_3.col.col-3 {
        width: 30%;
    }
}

@media only screen and (min-width: 960px) and (max-width: 1279px) {
    .logo-boten, .logo-pointer {
        clear: both;
    }
}

/*------------------------------------------------------------------
[# Tablet & Small Desktop Widths 768px - 1280px]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1280px) {

}

/*------------------------------------------------------------------
[# All Devices under 960px]
-------------------------------------------------------------------*/
@media only screen and (max-width: 959px) {


}

/*------------------------------------------------------------------
[# Tablet Landscape]
-------------------------------------------------------------------*/
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
}

/*------------------------------------------------------------------
[# Tablet landscape VC Fix]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 1024px) {
}

/*------------------------------------------------------------------
[# Tablet Portrait]
-------------------------------------------------------------------*/
@media only screen and (min-width: 768px) and (max-width: 959px) {

}


/* portfolio  */


/*------------------------------------------------------------------
[# Under 500px]
-------------------------------------------------------------------*/
@media only screen and (max-width: 500px) {

}

/*------------------------------------------------------------------
[# Phone Portrait and Landscape]
-------------------------------------------------------------------*/
@media only screen and (max-width: 767px) {
    .designkader img {
        margin-right: 0px;
        width: 100%;
        height: auto;
        clear: both;
    }

    .designkader-txt {
        margin-top: 188px;
    }
}

@media only screen and (max-width: 400px) {
    .logo-jwh img, .logo-boten img, .logo-pointer img {
        width: 100%;
        height: auto;
        margin-bottom: 0;
    }

    .logo-jwh, .logo-boten, .logo-pointer {
        margin: 0 !important;
    }
}


/*------------------------------------------------------------------
[# Phone Landscape]
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[# Visual Composer]
-------------------------------------------------------------------*/
@media screen and (max-width: 860px) {

}