/* ==========================================================================
   Fonts
   ========================================================================== */

@font-face {
    font-family: 'ArialforRotterdam';
    src: url('fonts/ArialforRotterdam.eot?#iefix') format('embedded-opentype'), url('fonts/ArialforRotterdam.woff') format('woff'), url('fonts/ArialforRotterdam.ttf') format('truetype'), url('fonts/ArialforRotterdam.svg#ArialforRotterdam') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ArialforRotterdam';
    src: url('fonts/ArialforRotterdam-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/ArialforRotterdam-Bold.woff') format('woff'), url('fonts/ArialforRotterdam-Bold.ttf') format('truetype'), url('fonts/ArialforRotterdam-Bold.svg#ArialforRotterdam-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

/* @font-face {
    font-family: 'proxima-nova';
    src: url('fonts/mark_simonson_-_proxima_nova_bold_italic-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_proxima_nova_bold_italic-webfont.woff') format('woff');
    font-weight: bold;
    font-style: italic;
} */

@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/Bolder-Bold.woff2') format('woff2'), url('fonts/Bolder-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/Bolder-Light.woff2') format('woff2'), url('fonts/Bolder-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/Bolder-RegularItalic.woff2') format('woff2'), url('fonts/Bolder-RegularItalic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/Bolder-Regular.woff2') format('woff2'), url('fonts/Bolder-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* @font-face {
    font-family: 'proxima-nova';
    src: url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff2') format('woff2'), url('fonts/mark_simonson_-_proxima_nova_semibold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;
} */


/*
@font-face {
    font-family: 'proxima-nova';
    src: url('fonts/mark_simonson_-_proxima_nova_thin-webfont.woff2') format('woff2'),
         url('fonts/mark_simonson_-_proxima_nova_thin-webfont.woff') format('woff');
    font-weight: 100;
    font-style: normal;
}
*/


/* ==========================================================================
   Default styles
   ========================================================================== */

html,
body {
    overflow-x: hidden;
    /* prevents horizontal scroll bars */
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    /* disable webkit tap highlight */
}

body {
    position: relative;
    font-family: "proxima-nova", Arial, sans-serif;
    padding-top: 50px;
    top: 0px !important;
    /* Move down content because we have a fixed navbar that is 50px tall */
    -webkit-font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    font-smoothing: antialiased;
}

body a,
body a:visited {
    color: #168838;
    text-decoration: underline;
}

body a:focus,
body a:hover {
    color: #168838;
    text-decoration: underline;
}

.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 600;
}

.h1,
h1,
{
    margin-bottom: 0;
}

@media (min-width: 1024px) {
    body .container {
        padding-left: 0px;
        padding-right: 0px;
    }
}

.btn,
.label {
    border-radius: 0;
}

hr {
    border-top: 1px solid #dedede;
}

/*used for blocking the page to scroll when chat for example is open in mobile*/
.overflow-hidden {
    overflow: hidden;
}

/* ==========================================================================
   Layout styles
   ========================================================================== */

.container-medium {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 968px;
}

.container-small {
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    max-width: 768px;
}

.container .container,
.container .container-medium,
.container .container-small,
.container-medium .container,
.container-medium .container-medium,
.container-medium .container-small,
.container-small .container,
.container-small .container-medium,
.container-small .container-small {
    padding: 0;
    margin-right: inherit;
    margin-left: inherit;
}

.row .container,
.row .container-medium,
.row .container-small {
    width: auto;
}


/*
 * Main content
 */

.main {
    padding: 20px;
}

.main .page-header {
    margin-top: 0;
}


/* 
 * Footer 
 */

body footer.site-footer {
    background-color: #242424;
    color: white;
    font-size: 16px;
    line-height: 36px;
    clear: both;
}

body footer.site-footer #footer-links {
    padding: 2em 0;
}

body footer.site-footer .text-component {
    margin: 0 auto 40px auto;
}

body footer.site-footer .text-component:last-child {
    margin: 0 auto 0px auto;
}

body footer.site-footer .text-component h3,
body footer.site-footer #footer-links h3 {
    font-size: 21px;
    margin-bottom: 20px;
    color: #fff;
    font-weight: 600;
    margin-top: 0px;
}

body footer.site-footer #footer-links a:hover {
    text-decoration: underline;
}

body footer.site-footer #footer-links .text-component h3 {
    line-height: 1.1;
}

body footer.site-footer #footer-links .text-component a {
    color: #fff;
    text-decoration: none;
    line-height: 36px;
}

body footer.site-footer #footer-links p {
    color: #fff;
    line-height: 30px;
    font-size: 16px;
}

body footer.site-footer #footer-links .list-group,
body footer.site-footer #footer-links .list-inline {
    margin-bottom: 40px;
}

body footer.site-footer #footer-links a.list-group-item {
    color: #fff;
    border: none;
    background-color: #242424;
    padding-top: 0;
    padding-bottom: 0;
    text-decoration: none;
}

body footer.site-footer #footer-links a.list-group-item:hover {
    text-decoration: underline;
}

body footer.site-footer #footer-links a.list-group-item:before {
    content: "\f105";
    font-family: fontAwesome;
    padding-right: 7px;
    /* mark */
    display: inline-block;
    text-decoration: underline;
}

body footer.site-footer #footer-links a.list-group-item:before {
    text-decoration: none;
}

body footer.site-footer #footer-links a.list-group-item:hover:before {
    content: "\f105";
    font-family: fontAwesome;
    padding-right: 7px;
    text-decoration: none;
}

body footer.site-footer #footer-links .list-inline {
    margin-left: 0px;
}

body footer.site-footer #footer-links .list-inline li {
    padding: 0px;
    margin-right: 5px;
}

body footer.site-footer #footer-links .list-inline li a {
    text-align: center;
    background-color: white;
    width: 54px;
    height: 54px;
    display: block;
    padding: 10px;
    font-size: 34px;
    color: #242424;
}

body footer.site-footer #footer-links .list-inline li a:hover {
    background-color: #168838;
    color: white;
}

body footer.site-footer #footer-end {
    background-color: white;
    color: #242424;
    padding: 1em 0;
    font-size: 16px;
}

body footer.site-footer #footer-end .list-inline li {
    padding-right: 0px;
}

body footer.site-footer #footer-end .list-inline li:before {
    content: "|";
    padding-right: 7px;
}

body footer.site-footer #footer-end .list-inline li:first-child:before {
    content: "";
    padding: 0;
}

body footer.site-footer #footer-end .list-inline li a {
    color: #242424;
    text-decoration: underline;
}


/* ==========================================================================
   Common styles
   ========================================================================== */

* {
    /*every element should get an outline color */
    /*outline-color: green !important; */
    outline-color: #d64309 !important;
    -webkit-focus-ring-color: #d64309 !important;

}

.navbar a,
header a {
    text-decoration: none;
}

.navbar .navbar-collapse li a:hover {
    text-decoration: underline;
}

a[href^='mailto'] {
    text-decoration: underline!important;
}

.page-header {
    border-bottom: none;
    margin: 0;
    padding: 0;
}

.btn {
    text-decoration: none;
    text-transform: uppercase;
    font-weight: 600;
}

.btn-warning,
body a.btn-warning {
    background-color: #d64309;
    border-color: #d64309;
    color: #fff;
}

.btn-success,
body a.btn-success {
    background-color: #168838;
    border-color: #168838;
    color: #fff;
}

.well {
    border-radius: 0;
    box-shadow: none;
}

.label-success {
    background-color: #168838;
}

blockquote .small,
blockquote footer,
blockquote small {
    color: #000;
}

blockquote .small:before,
blockquote footer:before,
blockquote small:before {
    content: ''
}

.nav-tabs>li>a {
    border-radius: 0
}

.nav-tabs>li>a,
.nav-tabs>li>a:focus,
.nav-tabs>li>a:hover {
    color: #000;
    font-size: 15px;
    text-decoration: none;
}

.nav-tabs>li.active>a,
.nav-tabs>li.active>a:focus,
.nav-tabs>li.active>a:hover {
    color: #000;
    font-weight: 600;
	text-decoration: none;
}

.panel-heading {
    padding: 5px 0;
}

.panel-title {
    font-weight: normal;
}

.categories {
    margin: 0
}

.categories>li {
    padding: 0
}

.alert {
    border-radius: 0;
}

.close {
    float: right;
    font-size: 21px;
    font-weight: 700;
    line-height: 1;
    color: #000;
    text-shadow: 0 1px 0 #fff;
    filter: alpha(opacity=20);
    opacity: .2;
    -webkit-appearance: none;
    padding: 0;
    background: 0 0;
    border: 0;
}

.close:hover {
    cursor: pointer;
    filter: alpha(opacity=50);
    opacity: .5;
}


/* ==========================================================================
   Roxen styles
   ========================================================================== */

.roxen-edit-box-wrap {
    height: 100%;
    /* fix roxen thing */
}

.main-menu .roxen-edit-box-wrap {
    height: auto;
}

.roxen-edit-box-wrap .editlink {
    height: auto !important;
}


/* ==========================================================================
   Animations
   ========================================================================== */

@keyframes show {
    from {
        opacity: 0;
    }
    to {
        opacity: 1.0;
    }
}

@keyframes hide {
    from {
        opacity: 1.0;
    }
    to {
        opacity: 0;
    }
}


/* ==========================================================================
   Zoeken 
   ========================================================================== */

.form-inline .search-icon {
    margin-left: 10px;
    color: #168838;
    font-size: 24px;
}

.form-inline .submit-searchpage {
    position: absolute;
    width: 60px;
    height: 35px;
    background-color: transparent;
    border: none;
}

.form-inline .submit-searchpage:focus {
    outline: none;
}

.navbar-form {
    padding: 0;
}

.search-results .panel {
    min-height: 200px;
}

.search-results .panel {
    border-radius: 0;
}

.search-results .panel-heading {
    padding: 10px 0 0 25px;
    background: 0;
    margin: 0 0 0;
    border: 0;
}

.search-results .panel-heading a {
    font-weight: bold;
    font-size: 20px;
    text-decoration: underline;
    border-bottom: 1px solid #dce0e0;
    display: block;
    padding: 0 0 10px 0;
}

.search-results .panel-body {
    padding: 15px 25px;
}

.search-results .panel-default>.panel-heading .badge {
    margin-left: 20px;
    display: none;
}

@media (max-width: 1200px) {
    .search-results .panel {
        min-height: 230px;
    }
}

@media (max-width: 1024px) {
    .search-results .panel {
        min-height: 271px;
    }
}

@media (max-width: 768px) {
    .search-results .panel {
        min-height: initial;
    }
}

@media (max-width: 767px) {
    .navbar-form {
        padding: 15px;
    }
}


/* ==========================================================================
   Nieuws
   ========================================================================== */

.news-date {
    font-size: 12px;
    padding: 10px 0;
    color: #766676;
    height: 26px;
}

@media (max-width: 1024px) {
    .news-date {
        padding: 15px 15px 0px 15px;
    }
}


/* ==========================================================================
   Cookies
   ========================================================================== */

body a[class$="Cookie"],
body a.leesmeer_cookies {
    text-decoration: underline;
}
   
.disCookie {
    color: #d64309 !important;
}

.cookie-text {
    text-align: center;
    font-size: 18px;
}

.cookie-buttons {
    text-align: center;
    margin: 20px;
}
.search-box{
/*
    right: 155px !important; 
    top: 11px !important;
*/
}

[id^="lang-selector"] .wrapper{
    top: -9px!important; 
}

/* ==========================================================================
   Obi4wan Chat
   ========================================================================== */

.text-chat-obi4wan {
    display: none;
}

.chat-obi4wan-component button {
    padding: 0;
    border: none;
}

.chat-obi4wan-component button:focus {
    outline-style: auto;
    outline-color: #000!important;
}