/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 Normalize
2.0 Accessibility
3.0 Alignments
4.0 Clearings
5.0 Typography
6.0 Forms
7.0 Formatting
8.0 Lists
9.0 Tables
10.0 Links
11.0 Featured Image Hover
12.0 Navigation
13.0 Layout
   13.1 Header
   13.2 Regular Content
   13.3 Posts
   13.4 Pages
   13.5 Footer
   13.6 Visual Composer
14.0 Widgets / sidebars
   14.1 Sidebars
   14.2 Widgets
15.0 Media
   15.1 Galleries
16.0 SVGs Fallbacks
17.0 Media Queries
18.0 Print
--------------------------------------------------------------*/

/* Icon Fonts */
@font-face {
    font-family: 'nvht hand';
    src:  url('assets/fonts/nvht-hand.eot?2i9jzy');
    src:  url('assets/fonts/nvht-hand.eot?2i9jzy#iefix') format('embedded-opentype'),
    url('assets/fonts/nvht-hand.ttf?2i9jzy') format('truetype'),
    url('assets/fonts/nvht-hand.woff?2i9jzy') format('woff'),
    url('assets/fonts/nvht-hand.svg?2i9jzy#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
}

html, body {
    font-family: 'Roboto', sans-serif;
    font-size: 18px;
}

body {
    overflow-x: hidden !important;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    font-weight: bold;
}

h1 {
    font-size: 40px;
}

h2 {
    font-size: 30px;
}

h3 {
    font-size: 24px;
}

h4, h5, h6 {
    font-size: 20px;
}

p {
    font-size: 18px;
    font-weight: 300;
}

a {
    font-size: 18px;
    font-weight: 300;
}

li {
    font-weight: 300;
}

.site-content > .wrap {
    max-width: 1230px;
}

.row_300px {
    min-height: 300px;
    height: 300px;
}

.row_350px {
    min-height: 350px;
    height: 350px;
}

.row_400px {
    min-height: 400px;
    height: 400px;
}

.row_500px {
    min-height: 500px;
    height: 500px;
}

.row_650px {
    min-height: 650px;
    height: 650px;
}

.white-container {
    padding-right: 15px;
    padding-left: 15px;
}

.white-container .vc_column-inner {
    background-color: #fff;
    padding: 50px 35px !important;
    border-radius: 6px;
}

.payoff-column {
    z-index: 1;
}

.payoff-column::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 129px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 129px solid #efefef;
    position: absolute;
    left: -128px;
    top: 0;
    /*box-shadow: 0 1px 1px 0 white;*/
}

.payoff-column::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 129px solid transparent;
    border-bottom: 129px solid #efefef;
    position: absolute;
    right: -128px;
    top: 0;
    /*box-shadow: 0 1px 1px 0 white;*/
}

/*.home .payoff-column::before {
    content: '';
    width: 0;
    height: 0;
    border-left: 128px solid transparent;
    border-right: 0 solid transparent;
    border-bottom: 128px solid #fff;
    position: absolute;
    left: -128px;
    top: 0;
}

.home .payoff-column::after {
    content: '';
    width: 0;
    height: 0;
    border-left: 0 solid transparent;
    border-right: 128px solid transparent;
    border-bottom: 128px solid #fff;
    position: absolute;
    right: -128px;
    top: 0;
}*/

.home .payoff-column > .vc_column-inner {
    padding-top: 27px !important;
    height: 128px;
}

.home .payoff-text h1 {
    font-size: 34px;
    text-align: center;
    margin-bottom: 0;
    line-height: 40px;
    font-weight: 400;
}

.payoff-column > .vc_column-inner {
    padding-top: 20px !important;
    background-color: #efefef !important;
    height: 128px;
}

.hide-on-desktop {
    display: none;
}

.search-form .search-submit {
    background: transparent;
    padding: 0;
    left: 10px;
}

.search .payoff-column .search-form .search-submit {
    border-radius: 0 6px 6px 0;
    transition: all 0.3s;
    border: 2px solid #c51414;
    background-color: #c51414;
    height: 100%;
    width: 50px;
    left: auto;
    right: 0;
    top: 0;
}

.search .payoff-column .search-form .search-submit:hover {
    background: transparent;
}

.search-form .search-submit svg.icon {
    color: #C51414;
    height: 16px;
    width: 16px;
}

.search .payoff-column .search-form .search-submit svg.icon {
    color: white;
}

.search .payoff-column .search-form .search-submit:hover svg.icon {
    color: #C51414;
}

.search-form .search-field {
    border-radius: 6px;
    background: #fff;
    border: 1px solid #bbb;
    font-size: 18px;
    font-weight: 300;
    color: #323232;
    font-family: 'Roboto', sans-serif;
}

.search .payoff-column > .vc_column-inner {
    height: 169px;
}

.search .payoff-column::before {
    border-left: 169px solid transparent;
    border-bottom: 169px solid #efefef;
    left: -168px;
}

.search .payoff-column::after {
    border-right: 169px solid transparent;
    border-bottom: 169px solid #efefef;
    right: -168px;
}

/*.header-topbar-2 .widget_search {*/
    /*display: none;*/
/*}*/

.header-topbar-2 .widget_search h3 {
    position: absolute;
    right: 6px;
    font-size: 18px;
    font-weight: 300;
    color: #323232;
    margin: 0;
    top: 1px;
    user-select: none;
    transition: all 0.3s;
}

.header-topbar-2 .widget_search:hover h3 {
    color: #C51414;
}

.header-topbar-2 .widget_search {
    display: inline-block;
    float: right;
    margin-left: 20px;
}

.header-topbar-2 .widget_search .search-form .search-submit {
    right: 0;
    top: 1px;
    width: 90px;
    height: 25px;
    text-align: left;
    background: transparent;
}

.header-topbar-2 .widget_search .search-form .search-field {
    opacity: 0;
    padding: 0 0 0 35px;
    width: 100px;
    height: 0;
    pointer-events: none;
}

.header-topbar-2 .widget_search label {
    display: none;
}

/*--------------------------------------------------------------
6.0 Forms
--------------------------------------------------------------*/
.sd-form {

}

.sd-form input[type="checkbox"] {
    width: auto;
}

/* Define basic stuff for submit put colors and background colors in seperate classes like below .red */
.sd-form input[type='submit'] {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 10px 15px;
    line-height: 1;
    font-size: 18px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: all 0.2s;
    border: 2px solid #c51414;
    background-color: #c51414;
    color: #ffffff;
    /*-webkit-transition: all 0.3s ease;*/
    /*-moz-transition: all 0.3s ease;*/
    /*-ms-transition: all 0.3s ease;*/
    /*-o-transition: all 0.3s ease;*/
    /*transition: all 0.3s ease;*/
}

.sd-form input[type='submit']:hover {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    background-color: transparent;
    color: #c51414;
}

.sd-form input[type='text'],
.sd-form input[type='email'],
.sd-form input[type='password'],
.sd-form input[type='tel'] {
    background: #fff;
    border: 1px solid #bbb;
    display: block;
    padding: 0.5em;
    width: 100%;
    border-radius: 6px;
}

.sd-form select {
    border: 1px solid #bbb;
    margin-bottom: 15px;
    padding-left: 10px;
}

.sd-form input[type='text']::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    /*font-size: 16px;*/
    /*color: #000;*/
}
.sd-form input[type='text']::-moz-placeholder { /* Firefox 19+ */
    /*font-size: 16px;*/
    /*color: #000;*/
}
.sd-form input[type='text']:-ms-input-placeholder { /* IE 10+ */
    /*font-size: 16px;*/
    /*color: #000;*/
}
.sd-form input[type='text']:-moz-placeholder { /* Firefox 18- */
    /*font-size: 16px;*/
    /*color: #000;*/
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
    /*font-size: 16px;*/
    /*color: #000;*/
}
::-moz-placeholder { /* Firefox 19+ */
    /*font-size: 16px;*/
    /*color: #000;*/
}
:-ms-input-placeholder { /* IE 10+ */
    /*font-size: 16px;*/
    /*color: #000;*/
}
:-moz-placeholder { /* Firefox 18- */
    /*font-size: 16px;*/
    /*color: #000;*/
}

.sd-form .mandatory_icon {
    color: #dd4847;
}

/* Start success messages  */
.sd-success-message-container {
    background-color: #73ff88;
    padding: 20px 43px 20px 20px;
    border-radius: 10px;
    position: relative;
    border: 2px solid #0eb427;
    margin-bottom: 20px;
}

.sd-success-message-general {

}

.sd-success-message-general::before {

}

.sd-success-messages {

}

.sd-success-message {
    font-weight: 200;
    font-size: 18px;
}

.sd-success-message::before {
    content: "\f058";
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 7px;
}
/* End success messages  */

/* Start notification messages  */
.sd-notification-message-container {
    background-color: #8bceff;
    padding: 20px 43px 20px 20px;
    border: 2px solid #358ccb;
    position: relative;
    border-radius: 10px;
    margin-bottom: 20px;
    max-width: 1200px;
}

.sd-notification-message-general {

}

.sd-notification-message-general::before {

}

.sd-notification-messages {

}

.sd-notification-message {
    font-weight: 200;
    font-size: 18px;
}

.sd-notification-message::before {
    content: "\f05a";
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 7px;
}
/* End notification messages  */

/* Start error messages */
.sd-error-message-container {
    background-color: #ffa1a0;
    padding: 20px 43px 20px 20px;
    border-radius: 10px;
    position: relative;
    margin-bottom: 20px;
    border: 2px solid #DD4847;
}

.sd-error-message-general {
    font-weight: 200;
    font-size: 18px;
}

.sd-error-message-general::before {
    content: "\f06a";
    font-family: 'FontAwesome';
    color: #ffffff;
    font-size: 30px;
    position: absolute;
    right: 15px;
    top: 7px;
}

.sd-error-messages {

}

.sd-error-message {
    font-weight: 200;
}

.ui-datepicker {
    background-color: #efefef;
    padding: 20px;
    border-radius: 6px;
}
.sd-form .SD-type-html h3 {
    margin: 20px 0 10px 0;
    padding: 5px 10px;
    font-size: 20px;
    font-weight: 400;
    background-color: #e0e0e0;
    color: #000;
    border-radius: 6px;
}

/* End error messages */

/* contact form 7 forms */
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="url"],
.wpcf7 input[type="password"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="date"],
.wpcf7 textarea {
    border-radius: 6px;
}


.wpcf7 button.wpcf7-submit {
    display: inline-block;
    position: relative;
    max-width: 100%;
    padding: 10px 15px;
    line-height: 1;
    font-size: 18px;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    text-decoration: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    transition: all 0.2s;
    border: 2px solid #c51414;
    background-color: #c51414;
    color: #ffffff;
}

.wpcf7 button.wpcf7-submit:hover {
    background-color: transparent;
    color: #c51414;
}

.wpcf7-form .form-row {
    margin-bottom: 20px;
}

.wpcf7-form .form-container {
    background-color: #efefef;
    padding: 20px;
    border-radius: 6px;
}

.wpcf7-form .form-container label {
    font-size: 15px;
    font-weight: normal;
    display: inline-block;
}

.wpcf7-form .form-container span.wpcf7-list-item {
    margin: 0;
}

.wpcf7-form .form-container a {
    font-size: 15px;
    font-weight: normal;
    color: #323232;
}

.wpcf7-form .form-container a:hover {
    color: #c51414;
}

/*--------------------------------------------------------------
12.0 Navigation
--------------------------------------------------------------*/
.menu-switcher a {
    padding: 0;
    margin: 0 40px 0 0;
    font-size: 18px;
    font-weight: 700;
    color: #323232;
    transition: all 0.3s;
}

.menu-switcher a:hover {
    color: #c51414;
    transition: all 0.3s;
}

/*.menu-switcher a::after {
    content: '|';
}

.menu-switcher a::after:last-child {
    content: none;
}*/

.main-navigation .menu li {
     margin: 15px 40px 0 0;
}

.main-navigation .menu a {
    padding: 0;
    /*margin: 15px 40px 0 0;*/
    font-size: 18px;
    font-weight: 400;
    color: #323232;
    transition: all 0.3s;
}

.main-navigation .menu a:hover {
    transition: all 0.3s;
}

.main-navigation .menu .current-menu-item a {
    color: #c51414;
}

.main-navigation .menu .current-menu-parent a {
    color: #c51414;
}

ul ul.sub-menu li {
    margin: 10px 0px 0px 25px !important;
    position: relative;
}

ul ul.sub-menu li:before {
    content: '';
    background-color: #c51414;
    left: -22px;
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    top: 9px;
    border-radius: 4px;
}

ul ul.sub-menu li {
    margin: 10px 0px 0px 25px !important;
    padding-bottom: 0px;
    white-space: nowrap;
}

ul ul.sub-menu li.current-menu-item a {
    color: #c51414 !important;
}

ul ul.sub-menu li a {
    color: #323232 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 16px !important;
    width: auto;
    display: inline-block;
}

.menu-mobile-menu-container .menu {
    margin-bottom: 10px;
}

ul ul.sub-menu li a:hover {
    color: #c51414 !important;
}

ul ul.sub-menu {
    text-align: left;
    min-width: 250px;
    padding: 0px 10px 10px 10px;
    border-top: 0 none;
    border-left: 1px solid #afafaf;
    border-bottom: 1px solid #afafaf;
    border-right: 1px solid #afafaf;
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    top: 42px;
}

.logo-mobile-menu {
    margin-bottom: 10px;
}

.mobile-nav ul li a {
    color: #323232;
}

.mobile-nav ul ul.sub-menu li a {
    color: #323232 !important;
    margin: 0 !important;
    padding: 0 !important;
    font-size: 18px !important;
    width: auto;
    display: inline-block;
}

.mobile-nav ul li {
    position: relative;
    list-style: none;
}

.mobile-nav ul.menu li.menu-item-has-children i {
    position: absolute;
    color: #fff;
    padding: 4px 5px 4px 5px;
    font-size: 14px;
    background-color: #676767;
    border-radius: 6px;
    right: -10px;
    cursor: pointer;
    top: 0;
    transition: all .3s ease;
}

.mobile-nav ul.menu li.menu-item-has-children i:hover {
    background-color: #c51414;
    transition: all .3s ease;
}

.mobile-nav ul li:before {
    content: '';
}

.mobile-nav ul li ul.sub-menu li.current_page_item a {
    color: #c51414 !important;
}

.mobile-nav ul li ul.sub-menu li.current-page-parent a {
    color: #c51414 !important;
}

.mobile-nav ul li ul.sub-menu li ul.sub-menu li a {
    color: #323232 !important;
}

.mobile-nav ul li ul.sub-menu li ul.sub-menu li a:hover {
    color: #c51414 !important;
}

.mobile-nav ul li ul.sub-menu li ul.sub-menu li.current_page_item a {
    color: #c51414 !important;
}

.mobile-nav ul.sub-menu li {
    margin: 0px 0px 0px 25px !important;
}

.mobile-nav ul.sub-menu {
    text-align: left;
    min-width: 250px;
    padding: 0px 10px 10px 0px;
    border: none;
    border-top: 0 none;
    top: 42px;
    margin-left: 0;
}

.mobile-nav ul li ul li ul.sub-menu {
    display: none;
}

.mobile-nav .menu-top-right-menu-container ul {
    margin: 0px 0px 0px 25px !important;
}

.mobile-nav .menu-top-right-menu-container ul li:before {
    content: '';
    background-color: #c51414;
    left: -22px;
    position: absolute;
    display: inline-block;
    width: 11px;
    height: 11px;
    top: 9px;
    border-radius: 4px;
}

.main-navigation ul {
    text-align: left;
}

.mobile-logo {
    margin-top: 30px;
}

.mobile-navigation {
    margin-top: 40px;
}

.mobile-navigation ul{
    list-style-type: none;
}

.mobile-navigation ul li a {
    color: #008ea5;
    font-size: 16px;
    transition: all 0.3s;
}

.mobile-navigation ul li a:hover {
    border-bottom: 1px solid #008ea5;
    transition: all 0.3s;
}

.main-navigation li {
    padding-bottom: 20px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
    left: 0;
}

.main-navigation ul li.menu-item-has-children.focus:before,
.main-navigation ul li.menu-item-has-children:hover:before,
.main-navigation ul li.menu-item-has-children.focus:after,
.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.page_item_has_children.focus:before,
.main-navigation ul li.page_item_has_children:hover:before,
.main-navigation ul li.page_item_has_children.focus:after,
.main-navigation ul li.page_item_has_children:hover:after {
    display: none;
}

.mobile-navigation .current-menu-item a {
    border-bottom: 1px solid #008ea5;
}



.js .menu-toggle {
    font-size: 20px;
    position: absolute;
    right: 30px;
    top: 20px;
    color: #fff !important;
    background-color: #c51414;
    padding: 8px 18px;
    border-radius: 6px;
    transition: all .3s ease;
    border: 2px solid #c51414;
}

.js .menu-toggle:hover {
    background-color: #ffffff;
    color: #c51414 !important;
    transition: all .3s ease;
}


.js .menu-toggle i {
    margin-right: 15px;
}

.menu-switcher span:not(:last-child):after {
    content: ' | ';
    position: absolute;
    left: 88%;
    font-size: 18px;
    color: #a1a1a1;
}

.menu-switcher span {
    position: relative;
    display: inline-block;
}

a.current-page:before {
    content: '';
    background-image: url(/wp-content/themes/nvht/assets/images/hand-nvht.svg);
    width: 13px;
    height: 20px;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -23px;
    margin-top: 4px;
    transform: rotateY(180deg);
}

a.current-page {
    color: #c51414;
    padding-left: 25px;
}

#menu-top-right-menu li {
    position: relative;
}


#menu-top-right-menu li a {
    transition: all 0.3s;
}

#menu-top-right-menu li.current-menu-item a {
    color: #c51414;
}

#menu-top-right-menu li a:hover {
    color: #c51414;
    transition: all 0.3s;
}

#menu-top-right-menu li:not(:last-child):after {
    content: ' | ';
    position: absolute;
    right: 17px;
    font-size: 18px;
    color: #a1a1a1;
}

#menu-top-right-menu li:first-child:before {
    content: '\f041';
    font-size: 19px;
    font-family: 'Fontawesome';
    color: #c51414;
    position: absolute;
    background-repeat: no-repeat;
    background-size: contain;
    margin-left: -19px;
    margin-top: -1px;
}

#menu-top-right-menu li:first-child a {
    color: #c51414;
    transition: all 0.3s;
}

.main-navigation a:hover {
    color: #c51414;
    transition: all 0.3s;
}

/*--------------------------------------------------------------
13.1 Header
--------------------------------------------------------------*/
header.site-header.fixed {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    z-index: 999;
    background-color: #fff;
    height: 120px;
    padding: 20px 0;
    box-shadow: 0 0 3px 2px #ddd;
}

.admin-bar header.site-header.fixed {
    top: 32px;
}

.header-topbar .header-logo {
    position: absolute;
    top: -15px;
}

.header-topbar .header-logo img {
    width: 110px;
}

.header-topbar-1 {
    padding-left: 0;
}

.header-topbar-2 {
    padding-left: 0;
    padding-right: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #b5b5b5;
}

.header-topbar-2 .menu-switcher {
    display: inline-block;
}

.header-topbar-2 .top-right-menu {
    float: right;
    display: inline-block;
}

.header-topbar-2 .top-right-menu ul {
    margin: 0;
}

.header-topbar-2 .top-right-menu li {
    display: inline-block;
}

.header-topbar-2 .top-right-menu li a {
    padding: 0;
    margin: 0 40px 0 0;
    font-size: 18px;
    font-weight: 300;
    color: #323232;
}

.header-topbar-2 .top-right-menu li:last-child a {
    margin-right: 0;
}

.header-middlebar-2 {
    padding-left: 0;
}

.grecaptcha-badge {
    display: none;
}



/*--------------------------------------------------------------
13.2 Regular Content
--------------------------------------------------------------*/
td {
    vertical-align: top;
}

.sd_text_block_default ul {
    list-style: none;
    margin-left: 25px;
}

.sd_text_block_default ul li {
    position: relative;
}

.sd_text_block_default ul li:before {
    content: '';
    background-color: #c51414;
    left: -25px;
    position: absolute;
    display: inline-block;
    width: 13px;
    height: 13px;
    top: 7px;
    border-radius: 4px;
}

.back-button {
    margin-top: 65px;
    display: inline-block;
    float: right;
}

.wpb_widgetised_column {
    padding-top: 40px !important;
}

.widget-title {
    font-size: 23px;
    margin-bottom: 20px;
}

.sidebar-section {
    margin-bottom: 40px;
    background-color: #efefef;
    padding: 20px 20px;
    border-radius: 6px;
}

.tarieven-lijst tbody tr:first-child {
    background-color: #c51414;
    color: #fff;
}
.tarieven-lijst tr {
    border: 2px solid #c51414;
}

.tarieven-lijst th:first-child, td:first-child {
    padding-left: 12px;
}

/*--------------------------------------------------------------
13.5 Footer
--------------------------------------------------------------*/
.footer-middlebar {
    background-color: #323232;
    color: #fff;
    padding: 50px 0 0 0;
}

.footer-middlebar-1.vc_col-sm-4 {
    padding-left: 0;
}

.footer-middlebar .wrap {
    border-bottom: 1px solid #8c8c8c;
    padding-bottom: 50px;
}

.footer-middlebar h3.widget-title {
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 20px;
}

.footer-middlebar a {
    color: #fff;
    font-weight: 400;
    transition: all 0.3s ease;
}

.footer-middlebar a:hover {
    color: #c51414;
    transition: all 0.3s ease;
}

.footer-middlebar ul.menu {
    list-style-type: none;
    margin: 0;
}

.footer-middlebar-2 ul.menu {
    margin-bottom: 30px;
}

.footer-bottombar {
    background-color: #323232;
    color: #fff;
    padding: 30px 0;
}

.footer-bottombar-1.vc_col-sm-12 {
    padding-left: 0;
}

.footer-bottombar p {
    margin: 0;
}

.footer-bottombar a {
    color: #fff;
    transition: all 0.3s ease;
}

.footer-bottombar a:hover {
    color: #c51414;
    transition: all 0.3s ease;
}

/*--------------------------------------------------------------
13.6 Visual Composer
--------------------------------------------------------------*/
.wpb_button, .wpb_content_element, .wpb_row, ul.wpb_thumbnails-fluid > li {
    padding-bottom: 65px;
    padding-top: 65px;
}

.vc_column-inner {
    padding-top: 0 !important;
}

.vc_images_carousel ol.vc_carousel-indicators {
    margin-bottom: -50px !important;
}

/*--------------------------------------------------------------
14.0 Widgets
--------------------------------------------------------------*/
.sd-tabs .sd-tabs-list {
    padding: 0;
    margin:  0;
}

.sd-tabs .sd-tabs-list li {
    list-style-type: none;
    display: inline-block;
    cursor: pointer;
    background-color: rgb(224, 224, 224);
    color: #323232;
    margin-right: 10px;
    padding: 10px;
    -webkit-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}

.sd-tabs .sd-tabs-list li.active {
    background-color: #efefef;
}

.sd-tabs .sd-tabs-list li:last-child {
    margin-right: 0;
}

.sd-tabs .sd-tabs-content {
    margin-bottom: 0px;
    padding: 20px 10px 20px 20px;
    background-color: #efefef;
}

.sd-tabs .sd-tabs-content li {
    list-style-type: none;
    /*background-color: #fff;*/
    padding: 0;
    display: none;
}

.sd-tabs .sd-tabs-content li.active {
    display: block;
}

/*@media screen and (max-width: 1200px) {*/
    /*.sd-tabs .sd-tabs-list li.active {*/
        /*font-size: 26px;*/
    /*}*/

    /*.sd-tabs .sd-tabs-list li.active i {*/
        /*margin-right: 10px;*/
        /*font-size: 24px;*/
    /*}*/
/*}*/

/*--------------------------------------------------------------
Custom Post Type - Agenda
--------------------------------------------------------------*/
.single-agenda img.top-image {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 82px;
}

/*--------------------------------------------------------------
Custom Post Type - Nieuws
--------------------------------------------------------------*/
.single-news img.top-image {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    margin-top: 82px;
}

/*--------------------------------------------------------------
Custom Post Type - Tijdschrift
--------------------------------------------------------------*/
.single-tijdschrift img.top-image {
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
}

.tijdschrift-download {
    padding-top: 40px;
}

.single-tijdschrift .site-content h1,
.single-tijdschrift .site-content h2,
.single-tijdschrift .site-content h3,
.single-tijdschrift .site-content h4,
.single-tijdschrift .site-content h5,
.single-tijdschrift .site-content h6,
.single-tijdschrift .site-content strong {
    color: #c51414;
    font-size: 20px;
}

.single-tijdschrift .site-content h3.widget-title {
    color: #000;
}

/*--------------------------------------------------------------
15.0 Media
--------------------------------------------------------------*/


@media screen and (max-width: 1246px) {
    .pre-header .vc_row,
    .pre-content .vc_row {
        margin-right: 0;
    }
}

@media screen and (max-width:1199px) {
    /*.wpb_images_carousel {
        display: none;
    }*/

    .header-topbar .header-logo {
        margin-left: 30px;
    }

    header.site-header.scrolled .menu-toggle {
        color: #fff !important;
    }
    
    header.site-header.scrolled .menu-toggle:hover {
        color: #c51414 !important;
    }

    .row_650px {
        min-height: 550px;
        height: 550px;
    }

    .closebtn {
        line-height: 20px;
        font-size: 21px;
        padding: 5px 5px 5px 7px;
        background-color: #c51414;
        color: #fff;
        right: 15px;
        position: absolute;
        border-radius: 6px;
    }

    .closebtn:hover {
        color: #fff !important;
    }

    .logo-mobile-menu img {
        width: 100px;
    }

    .main-navigation {
        display: none;
    }

    /*.header-topbar-1 {
        margin-left: auto;
        margin-right: auto;
        width: 80px;
        display: block;
    }*/

    .header-topbar-2 {
        display: none;
    }

    .mobile-menu-sidebar.opened {
        right: 0;
        width: 300px;
        display: block;
        overflow-y: scroll;
        box-shadow: 0 0 3px 2px #ddd;
    }

    .mobile-menu-sidebar {
        position: fixed;
        right: -400px;
        top: 0;
        width: 400px;
        z-index: 1000;
        bottom: 0;
        padding: 30px 20px;
        transition: right .3s linear;
        background-color: #ffffff;
    }

    .footer-middlebar-1.vc_col-sm-4 {
        padding-left: 15px;
    }

    .footer-bottombar-1.vc_col-sm-12 {
        padding-left: 15px;
    }
}

@media screen and (max-width: 992px) {
    .row_650px {
        min-height: 450px;
        height: 450px;
    }
}

@media screen and (max-width: 950px) {
    .home .payoff-text h1 {
        font-size: 30px;
    }
}

@media screen and (max-width: 850px) {
    .home .payoff-text h1 {
        font-size: 26px;
    }
}

@media screen and (max-width: 768px) {
    .news-agenda-row .vc_col-sm-6 {
        width: 100%;
    }

    .payoff-column::before {
        content: none;
    }

    .payoff-column::after {
        content: none;
    }

    .payoff-column.vc_col-sm-6 {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    .row_650px {
        min-height: 350px;
        height: 350px;
    }

    .hide-on-desktop {
        display: block;
    }

    .hide-on-mobile {
        display: none;
    }

    .wpcf7-form .form-row .vc_col-sm-6 {
        margin-bottom: 20px;
    }

    .payoff-column > .vc_column-inner {
        min-height: 128px;
        height: auto !important;
        padding-bottom: 20px;
    }

    .white-container {
        margin-top: 20px;
    }

    .js .menu-toggle {
        top: 0;
        font-size: 16px;
    }

    .header-topbar .header-logo img {
        width: 70px;
    }

    header.site-header.fixed {
        height: 80px;
    }
}