/* Blog */
.onw-featured-image {
    width: 100%;
    max-height: 300px;
    object-fit: cover;
}

.onw-featured-image + h1 {
    position: absolute; 
    bottom: 0;
    left: 0;
    background-color: rgb(0 0 0 / 50%);
    width: 100%;
    padding: 10px 15px;
    color: #ffffff;
    font-weight: 600;
    border: none;
    letter-spacing: 0.5px;
}

.onw-blog-header {
    position: relative;
    margin-bottom: 25px;
}

.onw-blog-header h1 {
    margin: 0;
}

.onw-recent-posts-list {
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
}

.onw-recent-post-item {
    width: calc((100% / 12) * 4);
    list-style: none;
    padding: 0 15px;
    position: relative;
}

.onw-recent-post-thumbnail {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 250px;
    background-color: #17a5d4;
    color: #ffffff;
    font-size: 1.5em;
    font-weight: 600;
}

.onw-recent-post-thumbnail .fa:before {
    margin-right: 5px;
    font-weight: 400;
}

.onw-recent-post-content {
    position: absolute;
    left: 0;
    bottom: 0;
    z-index: 1;
    margin: 0 15px;
    background-color: rgb(0 0 0 / 50%);
}

.onw-recent-post-link {
    color: #ffffff;
    font-weight: 600;
    padding: 10px 15px;
    display: block;
    transition: all 200ms ease-in-out;
    letter-spacing: 0.5px;
}

.onw-recent-posts-title {
    margin: 0 15px 25px!important;
    text-align: center;
}

.onw-recent-posts {
    padding: 75px 0;
}

.onw-recent-post-thumbnail img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.onw-recent-post-thumbnail:hover {
    color: #ffffff;
    text-decoration: none;
}

.onw-recent-post-link:hover, .onw-recent-post-item:hover .onw-recent-post-link {
    text-decoration: none;
    color: #ffffff;
    background-color: rgb(0 0 0 / 60%);
}

@media (max-width: 767px) {
    .onw-recent-post-item {
        width: 100%;
        margin-bottom: 25px;
    }
}
/* END Blog */
/* Reviews */
.nav .ti-large-logo {
    display: none!important;
}

.nav .ti-header {
    flex-direction: row!important;
    padding-top: 1px!important;
}

.nav .ti-text {
    color: #ffffff!important;
    margin-left: 10px;
}

.nav .ti-widget-container {
    margin: 0 0 2px!important;
}

.nav .ti-widget[data-layout-id='55'][data-set-id='light-minimal'] a.ti-header:hover {
    background-color: rgb(255 255 255 / 9%)!important;
}

.ti-rating-text a:before {
    content: ''!important;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    display: block!important;
}

.ti-widget {
    position: relative;
}
/* END Reviews */
/* Video embed */
.wp-embed-aspect-16-9 .wp-block-embed__wrapper {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}

.wp-embed-aspect-16-9 .wp-block-embed__wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* END Video embed */
/* Navbar */
.onw-top-bar a {
    padding-top: 5px!important;
    padding-bottom: 5px!important;
}

.onw-top-bar {
    background-color: #333333;
}

.navbar + .bim-content {
    margin-top: 55px;
}

.nav>li>a {
    padding-left: 13px;
    padding-right: 13px;
}

.onw-menu-highlight a {
    background-color: #5cb85c;
    padding: 10px 15px!important;
    margin-top: 9px;
    border-radius: 5px;
}

.navbar-nav a {
    font-weight: 400;
    font-size: 1em!important;
    letter-spacing: 1px;
    transition: all 200ms ease-in-out;
}

.onw-menu-highlight a:hover {
    background-color: #7bcd7b!important;
}

.admin-bar .navbar {
    top: 32px;
}

.navbar-nav .google-business-reviews-rating {
    padding: 5px!important;
    background: transparent;
    font-size: 10px;
}

.navbar-nav .google-business-reviews-rating .count {
    color: #ffffff!important;
    font-weight: 400!important;
}

.navbar-brand svg {
    width: 100px;
}

.navbar-brand {
    padding: 10px 15px;
}

.navbar-default {
    background-color: #2b3453;
}

@media (max-width: 767px) {
    .onw-top-bar {
        text-align: center;
        font-size: 1.2em;
    }

    body {
        padding-top: 115px;
    }
	
		.nav > li:last-child {
    		min-height: 52px;
		}
}

/* END Navbar */
/* Breadcrumbs */
.page-topbar {
    display: none;
}

.onw-breadcrumbs {
    padding: 0;
    margin-top: 85px!important;
    background-color: #31454c;
    overflow: hidden;
}

.onw-breadcrumbs * {
    color: #ffffff!important;
}

.onw-breadcrumbs .breadcrumb_last {
    background-color: rgb(121 134 138);
    padding: 5px 20px 5px 25px;
    position: relative;
    font-size: 16px;
}

.onw-breadcrumbs span {
    display: inline-block;
}

.onw-breadcrumbs .breadcrumb_last:after, .onw-breadcrumbs span a:after {
    content: '';
    display: block;
    background-color: inherit;
    width: 25px;
    height: 25px;
    position: absolute;
    transform: rotate(45deg);
    right: -13px;
    top: 4px;
    z-index: 1;
}

.onw-breadcrumbs span a {
    background-color: rgb(101 116 121);
    padding: 5px 20px 5px 25px;
    position: relative;
    display: inline-block;
    font-size: 16px;
}

.onw-breadcrumbs .bim-html > span {
    font-size: 0;
}

@media (max-width: 767px) {
    .onw-breadcrumbs {
        display: none;
    }
}

/* END Breadcrumbs */
/* Hover button */
.onw-hover-button {
    position: fixed;
    right: 11px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg);
    transform-origin: right bottom;
    z-index: 999;
}

.onw-hover-button>a {
    margin: 0
}

.onw-button {
    background-color: #5cb85c;
    color: #ffffff!important;
    text-decoration: none!important;
    padding: 16px 32px!important;
    border-radius: 5px 5px 0 0;
}

@media (max-width: 767px) {
    .onw-hover-button {
        transform:translateY(-50%) rotate(-90deg) scale(.8)
    }
}

/* END Hover button */
/* Misc */
.home .bim-reviews .bim-image {
    border-radius: 0;
    width: calc(100% + 30px);
    margin: 0 -15px;
}

@media (min-width: 768px) {
    .onw-hide-desktop {
        display: none;
    }
}

.btn {
    border-radius: 5px;
}

.single .container .content {
    margin: 50px 0;
}

.bim-button {
    border-radius: 5px;
}

#media_image-2 img {
    width: 100%;
}

.google-business-reviews-rating .rating .count {
    color: #000000;
    font-weight: 600;
}

/* END Misc */
/* Google reviews */
.google-business-reviews-rating .attribution, .google-business-reviews-rating .vicinity, .google-business-reviews-rating .heading {
    display: none;
}

.google-business-reviews-rating .rating {
    text-align: center;
}

.google-business-reviews-rating .listing {
    order: -1;
}

.google-business-reviews-rating {
    display: flex;
    flex-direction: column;
}

.google-business-reviews-rating .listing li {
    border: solid 1px #f2f2f2;
    padding: 15px;
}

.google-business-reviews-rating .listing .author-avatar {
    margin: 0;
    float: left;
    right: 0;
    margin-right: 15px;
}

.google-business-reviews-rating .listing .text {
    margin-top: 15px;
}

.footer__col .rating {
    display: flex;
    flex-direction: column;
}

.footer__col .google-business-reviews-rating {
    box-shadow: none!important;
    background-color: transparent;
}

/* END Google reviews */
/* Sidebar */
#sidebar {
    box-shadow: 0 0.1rem 0.2rem rgb(0 0 0 / 4%), 0 0.2rem 0.4rem rgb(0 0 0 / 4%), 0 0.4rem 0.8rem rgb(0 0 0 / 4%), 0 0.8rem 1.6rem rgb(0 0 0 / 4%);
    padding-top: 15px;
    padding-bottom: 15px;
    border-radius: 5px;
    margin-top: 50px;
}

.ow-sidebar-column + .ow-sidebar-column {
    margin-top: 30px;
}

.ow-sidebar-header {
    font-size: 18px;
    font-weight: 500;
}

.ow-sidebar-generator {
    padding-bottom: 30px;
    border-bottom: 1px solid #d8d8d8;
}

.ow-sidebar-phone {
    padding: 15px;
    background-color: #bae2ef;
    border-radius: 5px;
}

.ow-sidebar-button {
    display: block;
    padding: 16px 32px;
    background-color: #006e94;
    text-align: center;
    border-radius: 5px;
    color: #fff;
    font-weight: 500;
    transition: background-color 0.2s ease-in-out;
    margin-top: 15px!important;
}

.ow-sidebar-button:hover {
    text-decoration: none;
    color: #fff;
    background-color: #045672;
}

.ow-sidebar-usps {
    padding-top: 30px;
    border-top: 1px solid #d8d8d8;
}

.ow-sidebar-usps-list {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
}

.ow-sidebar-usps-item:before {
    content: "\f05d";
    font-family: 'FontAwesome';
    margin-right: 10px;
    color: #17a5d4;
    font-size: 20px;
}

img {
    max-width: 100%;
}

.ow-sidebar-phone {
    padding: 0;
}

.ow-sidebar-phone > :not(img) {
    margin: 0 15px;
}

.ow-sidebar-phone > img {
    border-radius: 5px 5px 0px 0px;
}

.ow-sidebar-phone > img ~ .ow-sidebar-header {
    margin-top: 15px;
}

.ow-sidebar-phone > :last-child {
    margin-bottom: 15px;
    display: inline-block;
    width: calc(100% - 30px);
}

/* END Sidebar */
/* BIM landingspagina */
/* Banner */
.page-template-tpl-pseudo #banner {
    padding: 75px 0 25px;
}

@media (max-width: 767px) {
    .page-template-tpl-pseudo #banner {
        padding: 75px 0 0;
        background-color: #fff;
    }

    .page-template-tpl-pseudo #banner .whitediv {
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

/* Buttons */
.bim-button {
    background-color: #5cb85c;
    color: #fff;
    padding: 16px 32px;
    display: block;
    font-weight: 500;
    text-align: center;
}

.bim-button ~ .bim-button {
    background-color: #3299bb;
    margin: 15px 0 0 0;
}

.bim-button:hover {
    background-color: #449d44;
    color: #fff;
    text-decoration: none;
}

.bim-button ~ .bim-button:hover {
    background-color: #2d89a7;
}

@media (min-width: 768px) {
    .bim-button {
        display: inline-block;
        margin: 50px 0 0 0;
    }

    .bim-button ~ .bim-button {
        margin: 50px 0 0 15px;
    }
}

/* Algemeen */
.page-template-tpl-pseudo-php .bim-content h2 {
    color: #3299bb;
    font-size: 36px !important;
    margin-bottom: 25px!important;
}

.page-template-tpl-pseudo-php .bim-hero h1 {
    font-size: 40px;
    color: #006e94;
    font-weight: 700;
    text-transform: uppercase;
    margin-bottom: 25px;
}

.bim-hero .bim-column .bim-text:last-of-type, .bim-cta .bim-column .bim-text:last-of-type {
    padding-top: 0;
}

/* USPS */
.bim-usps .bim-col-8 .bim-text {
    padding: 0;
}

.bim-usps .bim-col-8 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    display: flex;
    flex-wrap: wrap;
}

.bim-usps .bim-col-8 li {
    width: 100%;
}

@media (min-width: 768px) {
    .bim-usps .bim-col-8 li {
        width: 50%;
        padding: 15px;
    }
}

.bim-usps .bim-col-8 li:before {
    content: '\f00c';
    font-family: FontAwesome;
    margin-right: 5px;
    font-size: 1.2em;
    color: #449d44;
}

@media (max-width: 767px) {
    .bim-content.bim-usps {
        padding-bottom: 60px;
    }
}

/* SEO content */
@media (max-width: 767px) {
    .bim-seo .bim-col-4 {
        display: none;
    }

    .bim-content.bim-seo .bim-h-align-center .bim-col-8 .bim-text {
        padding: 30px 0 70px;
    }
}

@media (min-width: 768px) {
    .bim-seo .bim-column:nth-of-type(n+3) {
        margin-top: 25px;
    }
}

.bim-seo .bim-col-4 {
    padding: 0;
}

.bim-seo .bim-col-4 .bim-image {
    height: 100%;
}

/* Steps */
.bim-content.bim-steps {
    background-color: #f7f7f7;
}

.bim-content.bim-steps h4 {
    color: #3299bb;
    text-align: center;
}

.bim-content.bim-steps .bim-html {
    display: flex;
    justify-content: center;
}

@media (min-width: 768px) {
    .onw-hide-desktop {
        display: none;
    }
}

/* Reviews */
.bim-reviews .bim-col-4 .bim-text:first-of-type {
    position: relative;
    background-color: #fff;
    border: 1px solid #e4e4e4;
    padding: 30px;
    margin: 30px 0;
}

@media (min-width: 768px) {
    .bim-reviews .bim-col-4 .bim-text:first-of-type {
        min-height: 271px;
    }
}

.bim-reviews .bim-image {
    border-radius: 50%;
    width: 100px;
    overflow: hidden;
    margin-bottom: 10px;
    margin-left: 0;
}

.bim-reviews > div > div > div:nth-child(3) {
    padding: 0;
}

.bim-reviews .bim-html .fa {
    color: #ffe000;
    font-size: 1.2em;
}

.bim-reviews .bim-col-4 svg {
    margin-bottom: 10px;
    fill: #fff;
    stroke: #e4e4e4;
    stroke-width: 1.05;
    position: absolute;
    bottom: -30px;
    left: 20px;
}

@media (max-width: 767px) {
    .bim-reviews .bim-col-4:nth-of-type(3) {
        display: none;
    }
}

/* END BIM landingspagina */
/* Kenteken error */
[name="SubmitH"] .text-danger {
    background-color: #a94442;
    display: block;
    color: #ffffff;
    padding: 5px;
    font-weight: 400;
    position: relative;
    padding-left: 35px;
}

[name="SubmitH"] .text-danger:before {
    content: '\f071';
    font-family: 'FontAwesome';
    position: absolute;
    left: 10px;
}
/* END Kenteken error */
/* Contact / forms */
.bim-widgets {
    background-color: #f2f2f2;
    padding: 15px;
}

.gform_wrapper input:not([type="submit"]), .gform_wrapper textarea, .gform_wrapper select {
    border: solid 1px #e1e1e1;
    padding: 10px!important;
    border-radius: 5px;
}

.gform_wrapper input[type="submit"] {
    padding: 16px 32px;
    border: none;
    font-weight: 500;
    background-color: #006e94;
    color: #ffffff;
    border-radius: 4px;
}
/* END Contact / forms */
/* Blog overview */
.button, .onw-pagination-row span, .onw-pagination-row a {
    padding: 16px 32px;
    display: inline-block;
    background-color: #5cb75c;
    color: #ffffff;
    font-weight: 400;
    border-radius: 5px;
    transition: all 200ms ease-in-out;
}

.onw-pagination-row {
    margin-top: 25px;
}

.onw-pagination-row span, .onw-pagination-row a {
    padding: 16px;
}

.onw-pagination-row span {
    background-color: #f2f2f2;
    color: initial;
}

.button:hover, .onw-pagination-row a:hover {
    color: #ffffff;
    background-color: #7bcd7b;
    text-decoration: none;
}

.onw-overview-row {
    padding: 50px 0;
    display: flex;
    flex-wrap: wrap;
}

.onw-blog-item {
    padding: 0 20px;
    margin-bottom: 40px;
}

.onw-blog-item-inner {
    padding: 20px;
    position: relative;
    min-height: 250px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    overflow: hidden;
    text-decoration: none!important;
    border-radius: 4px;
}

.onw-blog-item-image .onw-blog-item-inner > img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
    z-index: -2;
    transition: all 300ms ease-in-out;
}

.onw-blog-item-inner:hover > img {
    transform: scale(1.1);
}

.onw-blog-item-image .onw-blog-item-inner {
    color: #ffffff;
}

.onw-blog-item h3 {
    font-size: 1.1em;
    line-height: 1.4;
    margin: 0;
}

.onw-blog-item-image .onw-blog-item-inner:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 150px;
    background: linear-gradient(180deg, rgba(0,0,0,0) 0%, rgba(0,0,0,0.5) 85%);
    z-index: -1;
}

.onw-blog-item-meta {
    display: flex;
    justify-content: space-between;
}

.onw-blog-item-meta .fa {
    margin-left: auto;
}

.onw-blog-item-image .onw-blog-item-inner:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 55px;
    background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 85%);
    z-index: -1;
}

.onw-blog-item:not(.onw-blog-item-image) .onw-blog-item-inner {
    color: inherit;
    background-color: #f2f2f2;
    border: solid 2px #e9e9e9;
}
/* END Blog overview */
/* Over ons */
.onw-about-us-hero:after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    background-color: #200454;
    clip-path: ellipse(75% 88% at 50% 10%);
}

.onw-about-us-hero .bim-container {
    position: relative;
    z-index: 1;
}

.onw-about-us-hero {
    padding: 75px 0 150px;
}

.onw-about-us-hero h2 {
    color: #f47820!important;
}

.onw-about-us-hero p {
    font-weight: 600;
    letter-spacing: 0.3px;
    font-size: 18px;
}

.onw-video iframe {
    aspect-ratio: 16 / 9;
    display: block;
    width: 100%;
    border: none;
}

.onw-about-us-hero ~ .bim-content h2 {
    color: #f47820;
    font-size: 2.6em!important;
}

.onw-review-row h2 {
    color: #ffffff!important;
}

.onw-about-us-hero h1 strong, .onw-review-row h2 strong {
    color: #f47820!important;
    font-weight: inherit;
}

.bim-content.bim-colour-white + .bim-content.bim-colour-white {
    padding-top: 0;
}

@media (max-width: 767px) {
    .onw-about-us-hero:after {
        clip-path: ellipse(135% 85% at 50% 10%);
    }

    .container .row, .container-fluid .row {
        margin: 0;
    }

    .onw-about-us-hero ~ .bim-content .bim-column:first-child:has(.bim-image) {
        order: 1;
    }

    .onw-video {
        padding-bottom: 50px;
    }

    .onw-about-us-hero {
        padding: 0 0 75px;
    }
}
/* END Over ons */