@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@400;700&display=swap');

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

[class^="icon-"]:before, [class*=" icon-"]:before {font-family : "fontello", sans-serif; font-style : normal;font-weight : normal;font-size : 35px;display : inline-block;text-decoration : inherit;width : 2em;margin-right : .2em;text-align : center;font-variant : normal;text-transform : none;line-height : 1em;margin-left : .2em;-webkit-font-smoothing : antialiased;-moz-osx-font-smoothing : grayscale;}

.icon-phone:before { content : '\e800'; }
.icon-mail:before { content : '\e801'; }
.icon-info-circled:before { content : '\e802'; }
.icon-chat:before { content : '\e804'; }
.icon-instagram-1:before { content : '\f05d'; }
.icon-twitter:before { content : '\f099'; }
.icon-facebook:before { content : '\f09a'; }
.icon-rss:before { content : '\f09e'; }
.icon-menu:before { content : '\f0c9'; color : #565f66; margin-top : 135px; margin-right : 0; width : 0.5em; }
.icon-pinterest-circled:before { content : '\f0d2'; }
.icon-pinterest-squared:before { content : '\f0d3'; }
.icon-gplus:before { content : '\f0d5'; }
.icon-mail-alt:before { content : '\f0e0'; }
.icon-linkedin:before { content : '\f0e1'; }
.icon-circle:before { content : '\f111'; }
.icon-info:before { content : '\f129'; }
.icon-rss-squared:before { content : '\f143'; }
.icon-instagram:before { content : '\f16d'; }
.icon-tumblr:before { content : '\f173'; }
.icon-vimeo-squared:before { content : '\f194'; }
.icon-google:before { content : '\f1a0'; }
.icon-facebook-official:before { content : '\f230'; }
.icon-pinterest:before { content : '\f231'; }
.icon-whatsapp:before { content : '\f232'; }
.icon-vimeo:before { content : '\f27d'; }
.icon-twitter-squared:before { content : '\f304'; }
.icon-facebook-squared:before { content : '\f308'; }
.icon-linkedin-squared:before { content : '\f30c'; }

.icon-instagram:before, .icon-facebook:before, .icon-linkedin:before, .icon-twitter:before { font-size: 25px; color: #fff; background-color: #cc6600; margin: 20px 10px 20px 0; border-radius: 5px; width: 1.25em; line-height: 1.25em; padding: 0 5px; border: 1px solid #cc6600; }

:hover.icon-instagram:before, :hover.icon-facebook:before, :hover.icon-linkedin:before, :hover.icon-twitter:before { background-color: #fff; color: #cc6600; }

body { font-family : 'Roboto', sans-serif; font-size : 18px; color : #3a4045; font-weight : 400; line-height : 25px; }
.container { max-width : 1366px; }

:focus, .focus, .btn.focus, .btn:focus, button:focus, .navbar-toggler:focus { outline : none; box-shadow : 0 0 0 0.2rem rgba(4, 93, 149, .25) }

H1 { font-family : 'Roboto Condensed', sans-serif; color : #045d95; font-size : 35px; font-weight : 700; margin : 0; padding : 0 0 30px 0; }
H2 { font-family : 'Roboto Condensed', sans-serif; color : #045d95; font-size : 22px; font-weight : 700; margin: 0 0 2px 0; padding : 0; }
H3 { font-family : 'Roboto Condensed', sans-serif; font-size : 30px; font-weight : 700; margin : 0; padding : 0; }
P { margin : 0; padding : 0 0 30px 0; }
.content UL { list-style : none; margin : -30px 0 0 0.9em; padding : 0 0 30px 0; }
.content UL LI::before {content : "•"; color : #cc6600; display : inline-block; width : 1em; margin-left : -1.5em; margin-right : 0.25em; text-align : right; direction : rtl; }
.content H2 + UL { margin : 0 0 0 0.9em; }
.content IMG { max-width: 100%; height: auto !important; }

a[href$=".pdf"] { content: ""; display: block; background-image: url(/_img/file-pdf.svg); background-repeat: no-repeat; padding-left: 27px; }
a[href$=".doc"], a[href$=".docx"]  { content: ""; display: block; background-image: url(/_img/file-word.svg); background-repeat: no-repeat; padding-left: 27px; }
a[href$=".xls"], a[href$=".xlsx"]  { content: ""; display: block; background-image: url(/_img/file-excel.svg); background-repeat: no-repeat; padding-left: 27px; }

A { color : #cc6600; text-decoration : none; }
A:hover { color : #045d95; }
.terug A { font-size : 16px; }
.btn { font-size : 20px; font-weight : 500; color : #fff; background-color : #cc6600; padding : .25rem 2rem; border : 2px solid #cc6600; border-radius : 10px; min-width : 205px; }
.btn:hover { color : #cc6600; background-color : #fff; }


.blog.btn { background-color : #fff; color : #cc6600; width : 70%; }
.blog.btn:hover { color : #fff; background-color : #cc6600; }

.navbar, .navbar-brand { padding : 0; }

.nav-link { color : #565f66; font-size : 18px; }
.nav-link:hover, .nav-item.active .nav-link { color : #cc6600; text-decoration : underline; text-underline-offset: 3px; }

.nav-item.dropdown:hover .dropdown-menu { display: block}
.dropdown-menu { top: 80%; }

.login { border-left : 1px solid #045d95; border-right : 1px solid #045d95; border-bottom : 1px solid #045d95; border-bottom-left-radius : 15px; border-bottom-right-radius : 15px; width : 200px; position : absolute; top : 0; right : 10px; text-align : center; }
.login .nav-link { padding-bottom : 12px; }
.login .nav-link:hover { text-decoration : none; color : #045d95; border-left : 2px solid #045d95; border-right : 2px solid #045d95; border-bottom : 2px solid #045d95; border-bottom-left-radius : 15px; border-bottom-right-radius : 15px; font-weight : 500; }

.lijnbalk { border-top : 1px solid #045d95; border-bottom : 1px solid #045d95; }
.lijnbalk > DIV > DIV.row { height : 300px; }
.lijnbalk > DIV > DIV.row img { height : 300px; }
.home .lijnbalk > DIV > DIV.row { height : 100%; }
.home .lijnbalk > DIV > DIV.row img { height: auto }
.lijnbalk P { font-size : 35px; color : #045d95; line-height : 3rem; padding: 0 0 15px 0; }
.lijnbalk IMG { max-width : 100%; height : auto; }

.advies .lijnbalk { background : rgb(255, 255, 255); background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(4, 93, 149, 0.2) 100%); }
.accountancy .lijnbalk { background : rgb(255, 255, 255); background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(86, 95, 102, 0.2) 100%); }
.interim .lijnbalk { background : rgb(255, 255, 255); background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(0, 56, 92, 0.2) 100%); }

.blog .content { border-top : 1px solid #045d95; background : rgb(255, 255, 255); background : linear-gradient(0deg, rgba(255, 255, 255, 1) 0%, rgba(4, 93, 149, 0.2) 100%); }

/* DIENSTENBALK */
.lichtblauw { background-color : rgba(4, 93, 149, 0.1); font-size : 18px; }
.lichtblauw P { padding : 0 20px; }
.lichtblauw H3 { padding : 20px 0; }

/* TOELICHTING DIENST */
.advies .toelichting { background-color : rgba(4, 93, 149, 0.5); }
.accountancy .toelichting { background-color : rgba(86, 95, 102, 0.5); }
.interim .toelichting { background-color : rgba(0, 56, 92, 0.5); }
.toelichting blockquote { color : #fff; font-weight : 500; font-size : 25px; margin : 0; line-height: 1.25; }
.toelichting blockquote p:last-child { padding: 0 }

.advies H3 { color : #045d95; }
.advies DIV.icoon { background-color : #045d95 }
.accountancy H3 { color : #565f66; }
.accountancy DIV.icoon { background-color : #565f66 }
.interim H3 {color : #00385c; }
.interim DIV.icoon { background-color : #00385c }
DIV.icoon { border-radius : 15px; max-width : 125px; }

/* BLOG */
.blok { width : 100%; padding-bottom : 75%; position : relative; border-radius : 10px; }
.blogoverzicht .blok { padding-bottom : 60%; }
.card-img-overlay { background-color : rgba(4, 93, 149, 0.5); position : absolute; right : 0; top : auto; border-radius : 15px; bottom : 0; left : 0; padding : 1rem 1.25rem; text-align : center; height : 100%; }
P.card-text { font-family : 'Roboto Condensed', sans-serif; font-size : 25px; font-weight : 700; color : #fff; margin : 0; padding : 0; }

.blogoverzicht A { font-size : 16px; color : #565f66; }
.blogoverzicht P { padding : 0; }

/* FORMULIER */
.form-group input.form-control { margin-bottom: 15px; }
.text-muted { color: #000 !important; }
.btn-primary:hover { border-color: #cc6600; }
.form-contact { background-color: rgba(4,93,149,0.1); padding-top: 20px; padding-bottom: 20px; }
.contactformulier H2 { font-size: 35px; }

/* INSCHRIJFFORMULIER */
.inschrijfblok { text-align: left !important; }

/* FOOTER */
footer { background : rgb(0, 56, 92); background : linear-gradient(180deg, rgba(0, 56, 92, 1) 0%, rgba(4, 93, 149, 1) 100%); }
footer .diensten A { font-size : 18px; color : #fff; margin-top : 45px; }
footer A { color : #fff; }
footer A:hover { color : #cc6600; }
footer H2 { color : #fff; }
footer P { color : #fff; font-size : 16px; padding : 0; }

@media (max-width : 1130px) {
    .lijnbalk > DIV > DIV.row img { height: auto; }
}

@media (max-width : 992px) {
    .navbar-nav { width : 100% !important; }
    .login { right : 10px; }
    .lijnbalk > DIV > DIV.row { height : 100%; }
    .lijnbalk P { font-size : 30px; line-height : 2rem; }
    .navbar > .container-fluid { align-items : flex-start; }
    }

@media (max-width : 768px) {
    .lijnbalk > DIV > DIV.row { height : 100%; }
    .blok { padding-bottom : 50%; }
    }

@media (max-width : 500px) {
    .navbar-brand { margin-top : 75px; }
    .blok { padding-bottom : 60%; }
    P.card-text { font-size : 22px; }
    #admindiv { display : none }
    }

@media (max-width : 320px) {
    .blok { padding-bottom : 100%; }
    .icon-menu:before { margin-top : 25px; }
    }

/* ADMIN */
#admindiv { font-size: 1rem; line-height: 1; display : block; background-color : #eeeeee; -moz-opacity : .75; opacity : .75; position : fixed; border : 1px solid #000; width : 250px; left : 10px; top : 10px; z-index : 1000; }
#admindiv .header { padding : 2px; background-color : #e32322; color : #fff; font-weight : bold; background-image : url(/_images/generic/sitemanager.png); background-repeat : no-repeat; background-position : right 10px center; border-bottom : 1px solid #000; }
#admindiv .header SPAN A { color : #fff; font-weight : bold; text-decoration : none; }
#admindiv .body { padding : 4px; }
#admindiv .body A { color : #000; font-weight : bold; }
#admindiv .body LI { list-style : none; }
.edit { color : #000; position : absolute; margin-left : -20px; margin-top : -20px;cursor : help; }
span.editbtn { cursor : help; position : absolute; width : 22px; height : 11px; margin : 0; padding : 0; margin-left : -12px !important; margin-top : -12px !important; display : inline !important; }