/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Tom Usborne
 Author URI:   https://tomusborne.com
 Template:     generatepress
 Version:      0.1
*/

@font-face {
    font-family: Raleway-400;
    src: url('assets/fonts/Raleway-Regular.ttf');
}

@font-face {
    font-family: Raleway-700;
    src: url('assets/fonts/Raleway-Bold.ttf');
}

@font-face {
    font-family: Space-Grotesk;
    src: url('assets/fonts/SpaceGrotesk-Bold.ttf');
}

.grecaptcha-badge {
    visibility: hidden;
}

.grid-container {
    max-width: 1650px;
}

.boxed {
    max-width: 2030px;
    margin: 0px auto;
}

.boxed-footer {
    max-width: 1450px !important;
    margin: 0px auto;
}

.contact-form-footer {
    margin-left: 200px;
}

.gb-grid-wrapper-c317307c {
    align-items: center;
    justify-content: left;
}

.selling-revision-title {
    max-width: 1420px !important;
    margin: 0px auto;
    padding-bottom: 60px;
}

.mask-faq {
    -webkit-mask-image: url(images/faq-mask.png);
    mask-image: url(images/faq-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

/*navbar*/
.trp-language-switcher > div {
    border-radius: 20px;
    background: #F4F4F8;
    width: 88px !important;
    height: 40px;
    border: none;
    margin-top: 3px
}

.trp-language-switcher > div > a {
    padding: 7px 14px 7px 7px !important;
}

.trp-language-switcher > div > a:hover {
    background: transparent;
}

.trp-language-switcher > div > a.trp-ls-shortcode-disabled-language::after {
    content: url("images/arrow-lang.svg");
    position: relative;
    bottom: 5px;
    left: 5px;
}

.trp-language-switcher > div > a > img {
    width: 30px;
    height: auto;
}

.trp-flag-image::after {
    content: url("images/headset.png");
    width: 30px;
    height: auto;
}

.icon-arrow {
    color: #FF4A01;
}

li.current-menu-item a {
    color: #ff4a01 !important;
}

/* li a:before {
  content: "";
  display: inline-block;
  width: 24px;
}
 */
li.current-menu-item a:before {
    content: "";
    display: inline-block;
    border: 2px solid #ff4a01;
    transform: rotate(-64.13deg);
    width: 25px;
    margin-bottom: 6px;
}

li.current-menu-item .sub-menu a:before {
    content: "";
    display: none;
}

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

#menu-menu .sub-menu {
    background-color: white;
}

/*footer*/
.footer-widgets-container .grid-container {
    max-width: 1650px;
}

.menu-footer-menu-container ul li a {
    color: white;
    text-decoration: none;
}

.verdraaid-goed-nieuws-text {
    width: 630px;
}

#nav_menu-3 .menu-menu-container ul li a {
    color: white;
    text-decoration: none;
}

.footer-widgets .widget .sub-menu {
    display: none;
}

.footer-widgets .footer-widget-1 {
    width: 75%;
}

.site-footer {
    background-color: #1f1f1f;
}

.site-footer .footer-widgets-container .inner-padding {
    padding: 0px;
}

aside#block-22.widget.inner-padding.widget_block {
    max-height: 40px;
}

.wp-container-24.wp-container-24 {
    max-width: 2030px;
    margin: 0px auto;
}

/*footer*/
.footer-clarq:before {
    content: url("/wp-content/themes/generatepress_child/images/before-footer.svg");
    display: inline-block;
}

.footer-clarq {
    color: #FF4A01;
}

.before-text-footer {
    color: #F3F3F3;
}

.website-link-footer {
    text-decoration: none;
}

.under-footer {
    display: flex;
    justify-content: space-between;
    width: 78.5vw;
    max-width: 1430px;
    margin-right: 245px;
    color: #F3F3F3;
    font-size: 16px;
}

.footer-widgets .widget {
    margin-bottom: 12px;
}

.site-footer {
    position: relative;
    width: 100%;
    min-height: 400px;
    background-color: #1f1f1f;
}

.site-footer:before {
    position: absolute;
    content: "";
    width: 100%;
    height: 75px;
    background: inherit;
    top: -75px;
    left: 0;
    right: 0;
    transform-origin: top right;
    transform: skewY(-2deg);
    background-color: #1f1f1f;
}

.footer-widgets .footer-widget-1,
.footer-widget-2,
.footer-widget-3,
.footer-widget-4,
.footer-widget-5 {
    margin-top: 24px;
}

#wpforms-submit-499 {
    font-size: 18px !important;
}

button[type="submit"]:hover {
    padding: 20px 19px 35px 19px !important;
}

.wpforms-container.inline-fields .wpforms-submit-container {
    width: auto;
    padding-top: 0px;
}

.wpforms-container.inline-fields .wpforms-field-container {
    width: auto;
}

.wpforms-container.inline-fields .wpforms-form {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}

div.wpforms-container-full .wpforms-form .wpforms-submit-container {
    margin-top: 0px;
}

.wpforms-container.inline-fields input.wpforms-field-medium {
    height: 55px;
    background-color: #1f1f1f;
    color: white;
}

.wpforms-container.inline-fields input.wpforms-field-medium::placeholder {
    color: white;
    opacity: 0px;
}

.mail-footer-container .gb-grid-wrapper {
    display: flex;
    flex-wrap: nowrap;
}

.wpforms-container.inline-fields
.wpforms-field-container
.wpforms-field:last-of-type {
    margin-right: 20px !important;
}

#wpforms-submit-499 {
    background-color: #ff4a01 !important;
}

div.wpforms-container-full button[type="submit"] {
    transition: none !important;
}

.footer-emailadres::before {
    content: url("images/envelop.png");
    margin-right: 12px;
}

.footer-mobile-icon::before {
    content: url("images/headset.png");
    margin-right: 12px;
}

/*homepage*/
.mask-home {
    -webkit-mask-image: url(images/mask-home.png);
    mask-image: url(images/mask-home.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.home-grid-button .button, .wp-block-button .wp-block-button__link {
    padding: 16px 70px;
}

.p-homepage-intro {
    padding: 25px 0px 25px 0px;
    max-width: 440px;
    line-height: 1.2;
}

.homepage-image {
    -webkit-mask-image: url(images/mask-home.png);
    -webkit-mask-repeat: no-repeat;
}

.home-page-before-element {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.home-page-before-element::before {
    content: url("images/check-icon-vmanen.png");
    padding-right: 10px;
}

.more-information-homepage {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 60px;
    height: 60px;
    border-radius: 4px;
}

.wp-block-columns {
    margin-bottom: 0em;
}

.text-image-intro-home figure {
    position: absolute;
    bottom: 95px;
    right: 51px;
}

.width-container-home {
    max-width: 725px;
}

.title-grid-homepage {
    line-height: 36px;
    padding: 26px 26px 0px 36px;
}

.title-grid-homepage-extra {
    padding: 26px 26px 13px 36px;
}

.arrow-button-home {
    background-image: url("images/arrow-button.png");
}

.home-button-intro .wp-block-button__link {
    padding: 20px 60px;
}

.grid-home-padding-top {
    padding: 40px;
}

.home-three-grid-read-more {
    min-height: 180px;
}

.read-more a {
    text-decoration: none;
    border-style: solid;
    padding-bottom: 4px;
    border-width: 0px 0px 3px 0px;
    border-color: #ff4a01;
}

.responsive-indivitual-grid {
    max-width: 460px;
}

.responsive-home-grid-six .gb-grid-column-9b96050e,
.gb-grid-column-fe720c88,
.gb-grid-column-014020bd,
.gb-grid-column-ea8d2c69,
.gb-grid-column-131c80f6,
.gb-grid-column-935b14b0 {
    display: flex;
    justify-content: center;
    align-items: center;
}

.text-home-vmanen {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-right: 160px;
}

.columns-six-homepage-top {
    padding-bottom: 40px;
}

/*maritiem/offshore*/
.download-link-p {
    margin: 0px;
    display: flex;
    align-items: center;
}

.download-link-p::before {
    content: url("images/download button.png");
    margin-right: 25px;
}

.download-grid {
    margin: 40px 30px 30px 0px;
}

.contact-background {
    background: linear-gradient(144.53deg, #ff4a01 51.06%, #fe7b32 97.21%);
}

.contact-phone-number {
    margin-bottom: 0px;
    display: flex;
    align-items: center;
}

.contact-phone-number::before {
    content: url("images/check.svg");
    padding-right: 10px;
}

.contact-grid-contactinfo {
    margin-bottom: 30px;
}

.grid-title-contact-margin {
    margin-top: 20px;
}

/*contactform*/
div.wpforms-container-full .wpforms-form textarea.wpforms-field-medium {
    background-color: white;
    font-style: italic;
}

.wpforms-container .wpforms-form {
    width: 1140px;
}

.wpforms-field-medium .wpforms-field-required,
.wpforms-field-row-block
.wpforms-first
.wpforms-one-half
.wpforms-field-name-first
.wpforms-field-required {
    border-left: none !important;
    border-top: none !important;
    border-right: none !important;
    font-style: italic;
}

.contactform-email #wpforms-365-field_2 {
    border-width: 0px 0px 1px 0px !important;
}

#wpforms-form-365 .wpforms-submit-container {
    display: flex;
    justify-content: flex-end;
}

button.contactform-button {
    text-transform: uppercase;
    transition: none !important;
    animation: none !important;
}

button[type="submit"]:not(:hover):not(:active) {
    padding: 20px 19px 35px 19px
}

.email-footer input {
    border-style: solid !important;
    border-width: 1px 1px 1px 1px !important;
    border-color: #FF4A01 !important;
}

.wpforms-field-row-block
.wpforms-first
.wpforms-one-half
.div.wpforms-container-full
input[type="text"] {
    font-style: italic;
}

/*PRODUCTEN EN TOEPASSINGEN*/
.list-brands ul li {
    list-style: none;
}

.list-brands ul {
    margin: 0em;
}

.list-products {
    list-style-image: url("images/bullet-icon.png");
    margin-left: 30px;
}

.list-products li {
    padding: 0px 0px 15px 15px;
}

/*industrie*/
.read-more-industrie a {
    margin-bottom: 15px;
}

/*email form*/
#wpforms-submit-499 {
    font-size: 12px;
}

button#wpforms-submit-499.wpforms-submit-499.email-form-button {
    padding: 15px 25px 35px;
}

.grid-email-form-left {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.grid-email-form-left p {
    padding-left: 31%;
}

.grid-email-form {
    display: flex;
    justify-content: center;
    align-items: center;
}

.width-contactform-info, .container-width-col {
    max-width: 1173px;
}

.grid-flex-justify-end {
    display: flex;
    justify-content: center;
}

/*algemeen*/
.padding-left-first-block {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-left: 10%;
}

.read-more-industrie {
    margin-bottom: 0em;
}

/*about us*/
.about-us-right {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.about-us-top {
    display: flex;
    flex-direction: column;
    padding-top: 130px;
}

.about-us-right p {
    max-width: 500px;
}

.padding-about-us-container {
    padding: 0px;
}

.about-us-title-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.top-image {
    -webkit-mask-image: url(images/maskHomepage.png);
    mask-image: url(images/maskHomepage.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.position-text-homepage {
    position: absolute;
    z-index: 10;
    left: 970px;
    bottom: 350px;
}

.header-mask-service-downloads {
    -webkit-mask-image: url(images/header-mask-service-downloads.png);
    mask-image: url(images/header-mask-service-downloads.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.mask-service-download {
    -webkit-mask-image: url(images/header-mask-service-downloads.png);
    mask-image: url(images/header-mask-service-downloads.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}

.news-mask {
    -webkit-mask-image: url(images/news-mask.png);
    mask-image: url(images/news-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.over-ons-lagers-mask {
    -webkit-mask-image: url(images/lagers-mask.png);
    mask-image: url(images/lagers-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.about-us-mask {
    -webkit-mask-image: url(images/mask-about-us-header.png);
    mask-image: url(images/mask-about-us-header.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.mask-group-picture {
    -webkit-mask-image: url(images/mask-about-us.png);
    mask-image: url(images/mask-about-us.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}


.mask-two-people {
    -webkit-mask-image: url(images/maskTwoPeople.png);
    mask-image: url(images/maskTwoPeople.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.width-about-us-text {
    max-width: 700px;
}

.container-gereviseerde-draaikransen {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 8% !important;
}

.container-gereviseerde-draaikransen p {
    max-width: 506px;
}

/*verkoop en revisie pagina*/
.title-verkoop, .title-revisie {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 66px;
}

.title-revisie {
    color: rgba(22, 18, 49, 0.2);
}

.title-verkoop span {
    color: rgba(22, 18, 49, 0.2);
}

.title-revisie span {
    color: #161231;
}

.picture-middle-revisie {
    display: flex;
    justify-content: center;
}

.list-item-icon-1 {
    list-style-image: url("images/icon-1.svg");
    padding: 0px 28px 30px;
    font-weight: 700;
    font-size: 25px;
    line-height: 28px;
}

.list-style-icons-revisie ol, ul {
    margin: 0 0 1.5em 1.7em;
}

.width-revisie-text p {
    max-width: 506px;
}

.width-rivisie-text {
    display: flex;
    justify-content: center;
    flex-direction: column;
    margin-left: 8% !important;
}

.list-item-icon-2 {
    list-style-image: url("images/icon-2.svg");
    padding: 0px 28px 30px;
}

.list-item-icon-3 {
    list-style-image: url("images/icon-3.svg");
    padding: 0px 28px 30px;
}

.list-item-icon-4 {
    list-style-image: url("images/icon-4.svg");
    padding: 0px 28px;
}

.list-products li {
    padding: 0px 0px 15px 15px;
}

.mask-header {
    -webkit-mask-image: url(images/mask-header.png);
    mask-image: url(images/mask-header.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.team-picture-mask {
    -webkit-mask-image: url(images/team-picture-mask.png);
    mask-image: url(images/team-picture-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.revisie-mask {
    -webkit-mask-image: url(images/revisie-mask.png);
    mask-image: url(images/revisie-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.mask-products-header {
    -webkit-mask-image: url(images/mask-products-header.png);
    mask-image: url(images/mask-products-header.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.werkwijze-img-mask {
    -webkit-mask-image: url(images/werkwijze-img-mask.png);
    mask-image: url(images/werkwijze-img-mask.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.sale-mask-left {
    -webkit-mask-image: url(images/sale-mask-left.png);
    mask-image: url(images/sale-mask-left.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.sale-mask-right {
    -webkit-mask-image: url(images/sale-mask-right.png);
    mask-image: url(images/sale-mask-right.png);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
}

.main-navigation ul ul {
    min-width: 200px;
    width: auto;
}

/*faq*/
.faq-left-container {
    padding: 135px;
}

.schema-faq-section {
    padding: 24px 0px;
    border-top: solid;
    border-width: 1px;
    border-color: #5c2828;
}

.schema-faq-question::after {
    content: url("/wp-content/themes/generatepress_child/images/icon-faq.svg");
    display: inline-block;
    height: 14px;
    width: 14px;
}

.schema-faq-question.open::after {
    transform: rotate(180deg);
    margin-top: 14px;
}

.schema-faq .schema-faq-section:first-child .schema-faq-answer {
    display: block;
}

.schema-faq-answer {
    max-width: 95%;
}

.schema-faq-question {
    display: flex;
    justify-content: space-between;
    font-size: 18px;
    cursor: pointer;
}

.schema-faq-answer {
    display: none;
    line-height: 24px;
    margin-bottom: 0em;
}

.schema-faq-question {
    color: #161231;
}

@media screen and (max-width: 2000px) {
    .revisie-responsive-block {
        padding: 60px 60px 60px 100px !important;
    }

    p.text-size-homepage, .responsive-p-mobile {
        font-size: 22px !important;
    }

    .carousel__viewport {
        height: 441px !important;
    }
}

@media screen and (max-width: 820px) {
    .under-footer {
        flex-wrap: wrap;
        width: 100%;
    }

    .quality-title-responsive {
        padding-top: 40px;
    }

    .carrousel-container {
        padding-bottom: 60px !important;
    }

    .carousel__viewport {
        height: 270px !important;
    }

    .height-kwaliteit-text {
        height: 845px !important;
    }

    .team-picture-mask, .mask-faq {
        -webkit-mask-image: none;
        mask-image: none;
    }


    .about-us-top-padding {
        padding-top: 50px;
    }

    .bottom-about-us-responsive {
        padding-bottom: 50px;
    }

    .mask-two-people {
        -webkit-mask-image: none;
        mask-image: none;
    }

    div.about-us-padding-left {
        padding: 0px 30px;
    }

    .about-us-mask {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .trp-language-switcher {
        width: 0px;
    }

    .main-navigation .main-nav ul li a {
        padding-left: 0px;
        line-height: 45px;
    }

    .slideout-widget {
        margin: 0px !important;
    }

    .slideout-navigation.do-overlay .inside-navigation .main-nav, .slideout-navigation.do-overlay .inside-navigation .slideout-widget {
        min-width: 0px !important;
    }

    #block-52 {
        display: none;
    }

    #block-54 {
        padding-right: 30%;
    }

    .contact-form-footer {
        margin-left: 0px;
    }

    .homepage-after-text::after {
        display: none;
    }

    .direction-tablet {
        display: flex;
        flex-direction: column-reverse;
    }

    .width-rivisie-text {
        margin-right: 35px !important;
    }

    div.revisie-responsive-block {
        padding: 140px 30px 0px 30px;
    }

    .about-us-title-container {
        text-align: center;
    }

    .top-image, .mask-header {
        -webkit-mask-image: none;
        mask-image: none;
        margin-top: 30px;
    }

    .werkwijze-img-mask, .sale-mask-left, .sale-mask-right, .header-mask-service-downloads {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .mask-home, .mask-products-header {
        -webkit-mask-image: none;
        mask-image: none;
        margin-bottom: 30px !important;
    }

    .title-revisie {
        padding: 40px 0px 0px 40px;
    }

    .generate-columns-container .inside-article p, .generate-columns-container .inside-article h2, .generate-columns-container .inside-article span {
        margin-left: 0px !important;
    }

    .responsive-heading {
        padding-top: 40px;
    }

    div.wp-block-column.is-layout-flow.column-center {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    div.gb-container-2897a82e {
        padding: 0px;
    }

    .padding-left-first-block {
        display: block;
        padding-left: 0%;
    }

    .responsive-grid-homepage {
        margin-bottom: 0% !important;
    }

    .grid-flex-justify-end {
        justify-content: flex-start;
        padding-top: 40px;
    }

    .home-intro-responsive-tablet {
        margin-left: 0% !important;
    }

    .responsive-indivitual-grid {
        width: 100%;
        margin-bottom: 30px;
    }

    h2.title-grid-homepage {
        font-size: 22px !important;
    }

    div.gb-grid-wrapper > .gb-grid-column-ea8d2c69,
    .gb-grid-wrapper > .gb-grid-column-131c80f6,
    .gb-grid-wrapper > .gb-grid-column-b4b216fd,
    .gb-grid-wrapper > .gb-grid-column-014020bd {
        width: 50% !important;
    }

    .responsive-tablet {
        padding: 20px;
    }

    .homepage-image {
        -webkit-mask-image: none;
        margin: 20px;
    }

    div.gb-grid-wrapper > .gb-grid-column-38999d6a {
        width: 100%;
    }

    .responsive-home-grid-six {
        display: flex;
        flex-wrap: wrap;
    }

    .responsive-grid-homepage {
        margin-bottom: 30px;
    }

    .gb-container-abedf95e {
        padding: 0% !important;
    }

    .responsive-tablet {
        padding: 0px 50px 20px 50px;
    }

    .wpforms-container .wpforms-form {
        max-width: 645px !important;
        padding-bottom: 25px;
    }

    .gb-container-de19b665, .gb-grid-wrapper > .gb-grid-column-de19b665 {
        width: 100% !important;
    }

    div.responsive-block-sale {
        height: 445px;
        padding-left: 30px;
    }

    .wpforms-container.inline-fields .wpforms-form {
        justify-content: center;
    }

    .grid-email-form-left p {
        padding-left: 0%;
    }

    .padding-about-us-container {
        padding: 40px 0px 0px 0px;
    }

    .mask-group-picture {
        -webkit-mask-image: none;
        mask-image: none;
    }

    .gb-container-655988c4 {
        padding-left: 8% !important;
    }

    .width-about-us-text {
        max-width: 540px;
    }

    .container-gereviseerde-draaikransen {
        padding-top: 40px;
    }

    :where(.wp-block-columns.is-layout-flex) {
        gap: 0em;
    }

    .gb-container-70c95958 {
        height: 355px !important;
    }

    div.gb-container-1e7f5599 {
        padding-bottom: 50px;
    }

    .image-tablet {
        display: none;
    }

    div.gb-container-1e7f5599 {
        margin: 0%;
    }
}

@media screen and (max-width: 450px) {
    .faq-left-container {
        padding: 20px;
    }

    .faq-left-container h2 {
        font-size: 40px;
    }

    .carousel__viewport {
        height: 137px !important;
    }

    .height-kwaliteit-text {
        height: 765px !important;
    }

    .content-row-reverse {
        display: flex;
        flex-direction: column-reverse;
    }

    .card-desc {
        padding: 30px 20px !important;
        font-size: 15px !important;
    }

    h2.responsive-mobile-about-us-title {
        font-size: 45px !important;
        line-height: 45px !important;
    }

    .gb-container-ff3caf1c {
        height: 655px !important;
    }

    .about-us-mobile-padding {
        padding: 35px 20px !important;
    }

    .responsive-button-news {
        margin: 20px !important;
    }

    .gb-container-7853c539 {
        display: none !important;
    }

    ul.left-list {
        margin: 0 0 0em 1.2em;
    }

    .responsive-heading-verkoop {
        font-size: 45px;
    }

    #wpforms-submit-365 {
        font-size: 15px !important;
    }

    .title-werkwijze-responsive {
        font-size: 20px !important;
    }

    .home-grid-button .button, .wp-block-button .wp-block-button__link {
        padding: 16px 30px;
        width: 292px;
    }

    #wpforms-submit-499 {
        font-size: 12px !important;
    }

    .gb-container-922b38cc {
        padding: 20px !important;
    }

    div.text-home-vmanen {
        padding-right: 0px;
    }

    .sale-mask-left {
    }

    div.responsive-block-sale {
        height: 485px;
        padding-left: 0px;
    }

    .padding-left-first-block, .text-home-vmanen {
        padding-left: 20px;
    }

    .responsive-button-mobile {
        margin-bottom: 50px;
        margin-left: 20px;
    }

    .responsive-heading {
        padding: 37px;
    }

    .title-verkoop, .title-revisie {
        font-size: 44px;
    }

    h1 {
        font-size: 50px;
    }

    .h2-title-mobile {
        font-size: 50px;
    }

    div.responsive-tablet {
        padding: 0px !important;
    }

    .responsive-mobile {
        padding: 0px 20px;
    }

    .generate-columns-container .inside-article p, .generate-columns-container .inside-article h2, .generate-columns-container .inside-article span {
        margin-left: 0px !important;
    }

    .responsive-mobile-heading {
        padding: 20px 0px;
    }

    div.gb-container-8f4d421e {
        padding: 80px 80px 0px 80px;
    }

    .gb-container-70c95958 {
        height: 470px !important;
    }

    div.gb-container-70c95958 {
        padding-left: 7%;
        padding-right: 7%;
    }

    div.gb-container-1e7f5599 {
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .mobile-title {
        font-size: 35px !important;
        line-height: 48px !important;
    }

    div.gb-container-655988c4 {
        height: 570px;
    }

    div.gb-container-655988c4 {
        padding: 0% 7% !important;
    }

    .mobile-padding-top {
        padding-top: 0px !important;
    }

    .mobile-text {
        font-size: 20px !important;
    }

    .list-item-icon-1, .list-item-icon-2, .list-item-icon-3, .list-item-icon-4 {
        padding: 0px 15px 15px;
        font-size: 18px;
    }

    .container-gereviseerde-draaikransen, .width-rivisie-text {
        margin-left: 0% !important;
    }

    div.responsive-tablet h2 {
        font-size: 38px !important;
        line-height: 45px !important;
    }

    .responsive-mobile-heading {
        font-size: 25px;
    }

    .responsive-mobile-padding-three {
        padding: 30px !important;
    }

    h2.responsive-mobile-title {
        font-size: 36px;
    }

    .responsive-tablet {
        padding: 0px 20px 20px 20px !important;
    }

    .wpforms-container .wpforms-form {
        max-width: 330px;
    }

    .contact-background {
        padding-top: 30px;
    }

    .responsive-grid-homepage {
        display: block;
        padding-top: 30px;
    }

    .responsive-grid-homepage h2 {
        margin-bottom: 0px;
    }

    .responsive-p-mobile {
        font-size: 18px !important;
    }

    .site-footer:before {
        top: -40px;
    }

    .wp-block-spacer {
        display: none;
    }

    .read-more-button-right {
        display: none !important;
    }

    .contact-title-contactinfo {
        font-size: 45px;
    }

    .products-title {
        padding-top: 60px;
    }

    .grid-email-form-left p {
        padding-left: 0% !important;
    }

    .responsive-title-second-footer {
        font-size: 45px;
    }

    .gb-container-8e77050e {
        padding: 20px !important;
    }

    button[type="submit"]:not(:hover):not(:active) {
        padding: 12px 22px 35px;
        width: 136px;
    }

    .wpforms-container .wpforms-form {
        max-width: 300px !important;
        padding-bottom: 25px;
    }
}

@media screen and (max-width: 400px) {
    .wpforms-container .wpforms-form {
        max-width: 300px;
    }
}

.card {
    position: relative;
    max-width: 400px;
    max-height: 521px;
    margin-bottom: 25px;
}

.card img {
    width: 100%;
    height: 98%;
    object-fit: cover;
    display: block;
    position: relative;
}

.card-desc {
    display: block;
    font-size: 18px;
    position: absolute;
    height: 0;
    top: 0;
    opacity: 0;
    padding: 30px 40px;
    background-color: white;
    transition: 0.8s ease;
}

.card:hover .card-desc {
    opacity: 0.8;
    height: 100%;
}

.margin-bottom-button h3 {
    margin-bottom: 0px;
}

.margin-bottom-button {
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes tonext {
    75% {
        left: 0;
    }
    95% {
        left: 100%;
    }
    98% {
        left: 100%;
    }
    99% {
        left: 0;
    }
}

@keyframes tostart {
    75% {
        left: 0;
    }
    95% {
        left: -300%;
    }
    98% {
        left: -300%;
    }
    99% {
        left: 0;
    }
}

@keyframes snap {
    96% {
        scroll-snap-align: center;
    }
    97% {
        scroll-snap-align: none;
    }
    99% {
        scroll-snap-align: none;
    }
    100% {
        scroll-snap-align: center;
    }
}

.carousel {
    padding-top: 6%;
    perspective: 100px;
    max-width: 2060px;
}

.carousel ol {
    margin: 0px;
    list-style: none;
}

.carousel__viewport {
    height: 588px;
    display: flex;
    overflow: hidden;
    scroll-behavior: smooth;
    scroll-snap-type: x mandatory;
}

.carousel__slide {
    position: relative;
    flex: 0 0 100%;
    background-image: url(images/carousel1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel__slide:nth-child(even) {
    background-image: url(images/carousel2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
}

.carousel__snapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    scroll-snap-align: center;
}

@media (hover: hover) {
    .carousel__snapper {
        animation-name: tonext, snap;
        animation-timing-function: ease;
        animation-duration: 4s;
        animation-iteration-count: infinite;
    }

    .carousel__slide:last-child .carousel__snapper {
        animation-name: tostart, snap;
    }
}

@media (prefers-reduced-motion: reduce) {
    .carousel__snapper {
        animation-name: none;
    }
}

.carousel:hover .carousel__snapper,
.carousel:focus-within .carousel__snapper {
    animation-name: none;
}

.carousel__navigation {
    padding-top: 55px;
    justify-content: center;
    display: flex;
}

.carousel__navigation-list, .carousel__navigation-item {
    display: flex;
    justify-content: space-between;
    height: 8px;
    border-radius: 16px;
    background: #FF4A01;
}


.carousel__navigation-list {
    width: 12%;
}

.carousel__navigation-item {
    width: 3%;
}

.carousel__navigation-button {
    display: inline-block;
    width: 0.5rem;
    height: 0.5rem;
    background-color: #FE7B32;
    background-clip: content-box;
    border-radius: 50%;
    font-size: 0;
    transition: transform 0.1s;
}

.carousel::before,
.carousel__prev {
    left: -1rem;
}

.carousel::after,
.carousel__next {
    right: -1rem;
}

.carousel::before,
.carousel::after {
    content: '';
    z-index: 1;
    background-color: #333;
    background-size: 1.5rem 1.5rem;
    background-repeat: no-repeat;
    background-position: center center;
    color: #fff;
    font-size: 2.5rem;
    line-height: 4rem;
    text-align: center;
    pointer-events: none;
}

/* single draaikrans */

.fill {
    width: 100%;
    height: 500px;
}
.single-draaikrans .site-content {
    flex-direction: column;
}
.draaikrans-single .boxed {
    max-width: 1520px;
    margin: 0 auto;
}

.draaikrans-single-layout {
    display: grid;
    grid-template-columns: 1fr 1.2fr;
    gap: 40px;
    align-items: start;
}

.single-draaikrans .site-content .draaikrans-single-img {
    width: 100%;
    height: auto;
    display: block;
}

.single-draaikrans .site-content .heading {
    color: #121315;
    font-family: Space-Grotesk, sans-serif;
    font-size: 55px;
    line-height: 60px;
    text-transform: uppercase;
}

.single-draaikrans .site-content .specs {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 22px;
    margin-bottom: 22px;
}

.single-draaikrans .site-content .specs .spec {
    display: flex;
    gap: 12px;
    padding: 7px 0;
}

.single-draaikrans .site-content .specs .spec-label {
    color: #121315;
    font-family: Raleway-700, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

.single-draaikrans .site-content .specs .spec::before {
    position: relative;
    top: 3px;
    content: '';
    width: 22px;
    height: 22px;
    background-size: 22px 22px;
    background-repeat: no-repeat;
    display: block;
}
.single-draaikrans .site-content .specs .diameter::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/diameter-icon.svg");
}

.single-draaikrans .site-content .specs .amount-holes::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/amount-holes-icon.svg");
}

.single-draaikrans .site-content .specs .drill-pattern::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/drill-pattern-icon.svg");
}

.single-draaikrans .site-content .specs .type::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/type-icon.svg");
}

.single-draaikrans .site-content .specs .weight::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/weight-icon.svg");
}

.single-draaikrans .site-content .specs .brand::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/brand-icon.svg");
}

.single-draaikrans .site-content .specs .selling-revision-date::before {
    background-image: url("/wp-content/themes/generatepress_child/assets/images/revision-date-icon.svg");
}

.single-draaikrans .site-content .specs .spec-value {
    color: #121315;
    font-family: Raleway-400, sans-serif;
    font-size: 18px;
    line-height: 28px;
}

@media (max-width: 1024px) {
    .draaikrans-single-layout {
        grid-template-columns: 1fr;
    }

    .single-draaikrans .site-content .specs {
        grid-template-columns: 1fr;
    }
}