/*
Theme Name: STYLE CNC Machines COM
Theme URI: http://demo.qodeinteractive.com/bridge/
Description: A child theme of Bridge Theme
Author: Qode Interactive
Author URI: http://www.qodethemes.com/
Version: 1.0.0
Template: bridge
*/
@import "/css/dc29abac28c2c31b536b52fa12e7866d/style.css";


/* .COM */

/* New Set Buttons */


.banner-btn-container, .calltoaction-btn-container {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
}

.calltoaction-btn-container { 
    justify-content: center;
}

.banner-btn-container {
    align-items: center;
}

#nav-menu-item-683 .secondary-btn,
#nav-menu-item-261 .secondary-btn {
    all: unset;
    color: #000;
    font-size: 16px;
    white-space: nowrap;
    padding: 15px 31px;
    border-radius: 7px;
    text-decoration: none;
    transition: 0.5s ease-in-out;
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
    cursor: pointer;
}

#nav-menu-item-683 .secondary-btn:hover,
#nav-menu-item-261 .secondary-btn:hover {
    background-color: #505050;
    border-color: #505050;
    color: #fff;
    text-decoration: none;
}

/* Ninja forms button */
nf-field input[type=submit].primary-btn {
    cursor: pointer;
    font-size: 16px !important;
    white-space: nowrap;
    padding: 15px 31px !important;
    border-radius: 7px !important;
    text-decoration: none !important;
    transition: 0.5s ease-in-out !important;
    background-color: #000 !important;
    color: #fff !important;
    border: 2px solid #000 !important;
    height: auto !important;
    margin-top: 30px !important;
}

nf-field input[type=submit].primary-btn:hover {
    background-color: #505050 !important;
    color: #fff !important;
    border-color: #505050 !important;
}

/* Global buttons */

.primary-btn,
.secondary-btn,
.tertiary-btn {
    color: #000;
    font-size: 16px;
    white-space: nowrap;
}

.primary-btn,
.secondary-btn {
    padding: 15px 31px;
    border-radius: 7px;
    text-decoration: none;
    transition: 0.5s ease-in-out;
}

.primary-btn {
    background-color: hsl(49, 100%, 50%);
    color: #000;
    font-weight: 600;
    border: 2px solid hsl(49, 100%, 50%);
}

.primary-btn:hover {
    background-color: hsl(49, 100%, 70%);
    color: #000;
    border-color: hsl(49, 100%, 70%);
    transform: scale(1.01);
}

.primary-btn.banner {
    background-color: #2b579b;
    border-color: #2b579b;
    color: #fff;
}

.primary-btn:hover.banner {
    border-color: #2B7D9B;
    background-color: #2B7D9B;
}

.secondary-btn {
    background-color: transparent;
    color: #000;
    border: 2px solid #000;
}


.secondary-btn:hover {
    background-color: #505050;
    border-color: #505050;
    color: #fff;
    text-decoration: none;
}

.secondary-btn.banner {
    color: #fff;
    border: 2px solid #fff;
}

.secondary-btn:hover.banner {
    background-color: #2B7D9B;
    border-color: #2B7D9B;
}

.tertiary-btn {
    text-decoration: underline;
}

.tertiary-btn:hover {
    text-decoration: underline;
    color: #000;
}

.tertiary-btn.banner {
    color: #fff;
}

.tertiary-btn:hover.banner {
    color: #fff;
}

/* VAR COLORS */

:root {
    --orange: #ff7605;
    --white: #fff;
}

/* VAR COLORS END */

.footer_top .widget_meta>ul>li,
.footer_top .widget_nav_menu ul li,
.footer_top .widget_pages ul li,
.footer_top .widget_recent_comments>ul>li,
.footer_top .widget_recent_entries>ul>li {
    padding: 0 0 6px;
}

.footer_top h5 {
    margin: 0 0 10px;
}

.slogan {
    font-size: 25px;
    padding: 50px 0 0 0;
}

.motto {
    padding: 0 0 50px 0;
}

.q_logo a {
    height: 40px !important;
}

@media only screen and (min-width: 1024px) {
    .q_logo a {
        height: 60px !important;
    }
}

@media only screen and (min-width: 1024px) {
    html {
        max-width: 2000px;
        margin: 0 auto !important;
        background-color: #eaeaea;
    }
}

@media only screen and (max-width: 812px) {
    html {
        max-width: 100%;
    }
}

/* Navigation bar START */

/* STYLE CNC Occasions */

#nav-menu-item-1097 a .plus {
    display: none;
}

/* Positioning the lathe & milling menu's */

/* .drop_down .second{  box-shadow: 0px 2px 6px rgba(0,0,0,0.1); }
.drop_down .wide.wide_background .second .inner ul { width: 1250px!important; }
.drop_down .wide.wide_background .second .inner li { width: 100%!important; } 
.drop_down .second .inner #custom_html-7.widget, .drop_down .second .inner #custom_html-5.widget { padding:0; } 
.drop_down .wide.right_position .second ul li:last-child,.drop_down #nav-menu-item-685.wide:not(.right_position) .second ul li:first-child, .drop_down #nav-menu-item-260.wide:not(.right_position) .second ul li:first-child { border:0; }
.drop_down #nav-menu-item-685.wide .second ul li, .drop_down #nav-menu-item-260.wide .second ul li  { padding:0; } 
.drop_down #nav-menu-item-685.wide .second ul, .drop_down #nav-menu-item-260.wide .second ul { padding:0; }
#nav-menu-item-685 .second { width:1200px!important; left:-806px!important; height:0!important; }
#nav-menu-item-260 .second { width:1200px!important; left:-673px!important; height:0!important }
.drop_down #nav-menu-item-685.wide.wide_background .second .inner ul, .drop_down #nav-menu-item-260.wide.wide_background .second .inner ul { width:1200px!important; } */

/* STYLING the content */
/* 
.menu_machine_row { height:350px!important; width:100%!important; -webkit-box-shadow: -1px 3px 10px -2px rgba(0,0,0,0.65); -moz-box-shadow: -1px 3px 10px -2px rgba(0,0,0,0.65); box-shadow: -1px 3px 10px -2px rgba(0,0,0,0.65); }
.menu_machine_row .menu_machine_first { background-color:#f6f6f6; height:350px!important; }
.menu_machine_row .menu_machine_second.milling { padding:135px 70px; background-color:#ececec; }
.menu_machine_row .menu_machine_second.lathe { padding:155px 70px; background-color:#ececec; }
.menu_machine_row .menu_machine_second p a { padding:8px 0!important; line-height:0!important; letter-spacing:0!important; text-transform:none!important; color:#000!important; font-size:14px!important; }
.menu_machine_row .menu_machine a { padding:0!important; }
.menu_machine_row .menu_machine a img { width:100%; transition: 0.2s ease; opacity: 0.9; margin-top:30px; }
.menu_machine_row .menu_machine a img:hover { opacity:1; transition:0.2s ease; } 
.menu_machine_row .menu_machine { margin: 0 19px!important; width: 20%; float:left;}
.menu_machine_row .menu_machine p { font-weight:400; letter-spacing:0; color:#000; text-transform:none;}
.menu_machine_row .menu_machine p.menu_machine_specs { font-size:10px!important; padding:0!important;}
.menu_machine_row .menu_machine p.menu_machine_title { font-size:11px!important;}
.menu_machine_second p a:hover { color:#2b579a!important; }  */

/* On menu hover turn page transparant black */

#dim_page_effect {
    width: 100%;
    height: 100%;
    z-index: 100;
    display: none;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0, 0, 0, 0.4);
}

/* Button */

button#button_navbalk:hover {
    background-color: #333;
    transition: 0.5s ease;
}

button#button_navbalk {
    display: table;
    text-align: center;
    position: relative;
    margin: 20px auto;
    margin-top: 50px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    border: 0px solid black;
    letter-spacing: 0.3px;
    font-size: 17px;
    padding: 10px 45px;
    border-radius: 2px;
    background: #ff7600;
    ;
    font-weight: 400;
    font-family: roboto;
    color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}

/* Navigation bar END */


rs-carousel-wrap,
#rev_slider_1_1_wrapper .erinyen .tp-thumb,
#rev_slider_2_1_wrapper .erinyen .tp-thumb,
#rev_slider_3_1_wrapper .erinyen .tp-thumb,
#rev_slider_4_1_wrapper .erinyen .tp-thumb,
#rev_slider_5_1_wrapper .erinyen .tp-thumb,
#rev_slider_6_1_wrapper .erinyen .tp-thumb,
#rev_slider_7_1_wrapper .erinyen .tp-thumb,
#rev_slider_8_1_wrapper .erinyen .tp-thumb,
#rev_slider_9_1_wrapper .erinyen .tp-thumb,
#rev_slider_10_1_wrapper .erinyen .tp-thumb,
#rev_slider_11_1_wrapper .erinyen .tp-thumb,
#rev_slider_12_1_wrapper .erinyen .tp-thumb,
#rev_slider_13_1_wrapper .erinyen .tp-thumb,
#rev_slider_14_1_wrapper .erinyen .tp-thumb,
#rev_slider_15_1_wrapper .erinyen .tp-thumb,
#rev_slider_16_1_wrapper .erinyen .tp-thumb,
#rev_slider_17_1_wrapper .erinyen .tp-thumb,
#rev_slider_18_1_wrapper .erinyen .tp-thumb,
#rev_slider_19_1_wrapper .erinyen .tp-thumb,
#rev_slider_20_1_wrapper .erinyen .tp-thumb,
#rev_slider_21_1_wrapper .erinyen .tp-thumb,
#rev_slider_22_1_wrapper .erinyen .tp-thumb,
#rev_slider_23_1_wrapper .erinyen .tp-thumb,
#rev_slider_24_1_wrapper .erinyen .tp-thumb,
#rev_slider_25_1_wrapper .erinyen .tp-thumb,
#rev_slider_26_1_wrapper .erinyen .tp-thumb,
#rev_slider_27_1_wrapper .erinyen .tp-thumb,
#rev_slider_28_1_wrapper .erinyen .tp-thumb,
#rev_slider_29_1_wrapper .erinyen .tp-thumb,
#rev_slider_30_1_wrapper .erinyen .tp-thumb {
    border: 1px solid #000;
}

a.specs_button,
button.specs_button {
    padding: 10px 45px;
    background-color: #2b579b;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #2b579b;
    transition: 1s ease;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    font-size: 17px;
    font-family: roboto;
    font-weight: 400;
}

a.specs_button:hover,
button.specs_button:hover {
    background: #fff;
    color: #333;
    border: 1px solid #333;
}

a.specsnormal_button,
button.specsnormal_button {
    padding: 10px 45px;
    background-color: #fff;
    border-radius: 2px;
    color: #000;
    border: 1px solid #333;
    transition: 1s ease;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    font-size: 17px;
    font-family: roboto;
    font-weight: 400;
}

a.specsnormal_button:hover,
button.specsnormal_button:hover {
    background: #FF7600;
    color: #fff;
    border: 1px solid #FF7600;
}

a.machines_button,
button.machines_button,
.controle_video {
    padding: 10px 45px;
    font-size: 17px;
    background-color: #ff7600;
    border-radius: 2px;
    color: #fff;
    border: 0px solid #ff7600;
    transition: 1s ease;
    cursor: pointer;
    display: inline-block;
    margin: 10px 5px 0 5px
}

a.machines_button:hover,
button.machines_button:hover {
    background: #fff;
    color: #333;
}

#buttonproductpage {
    margin-top: 50px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.5s ease;
    border: 0px solid black;
    font-size: 20px;
    padding: 10px 45px;
    background: #ff7600;
    font-weight: 400;
    font-family: roboto;
    color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}

#buttonproductpage:hover {
    color: #fff;
    background: #333;
}


#buttonactiepage {
    margin-top: 10px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.5s ease;
    border: 0px solid black;
    font-size: 20px;
    padding: 10px 45px;
    background: #ff7600;
    font-weight: 400;
    font-family: roboto;
    color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}

#buttonactiepage:hover {
    color: #fff;
    background: #333;
}

#buttonsoftwarepage {
    margin-top: 50px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.5s ease;
    border: 0px solid black;
    font-size: 20px;
    padding: 10px 45px;
    background: #ff7600;
    font-weight: 400;
    font-family: roboto;
    color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}

#buttonsoftwarepage:hover {
    color: #fff;
    background: #333;
}

#buttonaltsoftwarepage {
    border-radius: 4px;
    cursor: pointer;
    transition: background-color 0.5s ease;
    border: 1px solid black;
    padding: 15px 16px;
    background: #fff;
    font-weight: 700;
    font-family: raleway;
    color: #333333;
    font-size: 12px;
}

#buttonaltsoftwarepage:hover {
    color: #fff;
    background: #333;
}

.controle_button_wrapper {
    text-align: center;
}

button.controle_button,
.controle_video {
    padding: 10px 45px;
    font-size: 17px;
    background-color: #ff7600;
    border-radius: 2px;
    color: #fff;
    border: 0px solid #ff7600;
    transition: 1s ease;
    cursor: pointer;
    display: inline-block;
    margin: 10px 5px 0 5px
}

button.controle_button:hover,
.controle_video:hover {
    background: #fff;
    color: #333;
}

#buttonquotationpage {
    margin-top: 50px;
    cursor: pointer;
    border-radius: 2px;
    transition: background-color 0.5s ease;
    border: 0px solid black;
    font-size: 20px;
    padding: 10px 45px;
    background: #ff7600;
    font-weight: 400;
    font-family: roboto;
    color: #fff;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41);
}

#buttonquotationpage:hover {
    color: #fff;
    background: #333;
}

#recent-posts-4 ul li a::before {
    content: "•";
    padding-right: 5px;
}

.klantenportaal {
    color: hsl(0, 100%, 100%);
}

.klantenportaal:hover {
    color: hsl(0, 100%, 95%);
}


img.flags {
    position: relative;
    top: 3px;
    right: 5px;
    width: 17px;
}

.dropbtn {
    cursor: pointer;
}

.dropdown {
    position: relative;
    display: inline-block;
    padding-right: 17px;
}

.dropdown-content {
    display: none;
    position: absolute;
    left: -5px;
    background-color: #f9f9f9;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0, 0, 0, 0.2);
}

.dropdown-content a {
    color: black;
    padding: 0px 16px;
    text-decoration: none;
    display: block;
}

.dropdown-content a:hover {
    background-color: #e0e0e0
}

.dropdown:hover .dropdown-content {
    display: block;
}

.header_top {
    background-color: #2b579b !important
}


/* start Buttons product page */

.container--buttons--display {
    display: flex;
    flex-direction: column;
}

.container--buttons--display--brochures {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.container--buttons--display a.specs_button {
    box-shadow: 0px 0px 5px #000;
}

.container--buttons--display>a:nth-of-type(1) {
    flex: 1;
    height: 100%;
}

.container--buttons--display>a:nth-of-type(2) {
    flex: 1;
    height: 100%;
    padding-block-start: 12px;
    padding-block-end: 12px;
}

.container--buttons--display>a:nth-of-type(3) {
    flex: 1;
    height: 100%;
}

.container--buttons--display--brochures>a {
    height: 100%;
}

@media only screen and (min-width: 375px) {

    .container--buttons--display>a,
    .container--buttons--display--brochures>a {
        margin-block-end: 10px;
    }

    .container--buttons--display--brochures>a {
        width: inherit;
    }
}

/* @media only screen and (min-width: 768px) {
	.container--buttons--display, .container--buttons--display--brochures{
	} 
} */

@media only screen and (min-width: 1024px) {

    .container--buttons--display,
    .container--buttons--display--brochures {
        width: 85%;
        margin: 0 auto;
        flex-direction: row;
    }

    .container--buttons--display--brochures>a {
        width: 25%;
    }
}

/* end Buttons product page */
/* start new CSS style top page */

.top--page--container {
    box-shadow: inset 0px 0px 20px 0px #000;
    color: hsl(0, 100%, 100%);
}

.top--page--container h1,
.top--page--container p {
    color: hsl(0, 100%, 100%);
}

.top--page--container a.link--top {
    color: hsl(0, 100%, 100%);
    text-decoration: underline;
}

.top--page--container::after {
    content: '';
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    background-color: hsl(0deg 0% 0% / 60%);
    top: -345px;
    left: 0;
    -webkit-min-logical-height: -webkit-fill-available;
    min-height: -webkit-fill-available;
}

@media screen and (min-width: 1001px) {
    .top--page--container::after {
        top: 0;
    }
}

.top--page--container--besturing, .top--page--container--occasions { 
    block-size: 600px;
}
.top--page--container--besturing {
    background-image: url("/source/195e48ea7ca20a27b0a4f9952d8091a2/page-title-controle.webp");
}

.top--page--container--occasions { 
    background-image: url("/source/465814b1178e75bae6cfc0b61999a46d/page-title-occasions.webp");
}

.top--page--container--besturing::after, .top--page--container--occasions::after {
    content: '';
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    background-color: hsl(0deg 0% 0% / 60%);
    top: 0;
    left: 0;
}

.top-page-content-besturing, .top-page-content-occasions { 
    padding-block-start: 50px;
} 

@media screen and (min-width: 1001px) {
    .top-page-content-besturing, .top-page-content-occasions { 
        padding-block-start: 190px;
    }
}

.top-page-content-besturing h1,
.top-page-content-besturing p,
.top-page-content-occasions h1, 
.top-page-content-occasions p {
    color: hsl(0, 100%, 100%);
}

.top-page-content-besturing h1,
.top-page-content-occasions h1 {
    font-size: 40px;
}

.top-page-content-occasions a {
    color: hsl(50, 100%, 50%);
}

.top-page-content-occasions a:hover {
    color: hsl(50, 100%, 50%);
    text-decoration: underline;
}

.top-page-content-besturing p, .besturing-header-paragraph,
.top-page-content-occasions p {
    max-inline-size: 900px;
}

.qode_video_box .qode_video_image, .besturing-img img { 
    border-radius: 7px;
}

.qode_video_box a {
    margin-block-start: -130px;
}


h3 span.tab-title {
    font-family: 'Roboto', sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    letter-spacing: 0;
    text-transform: none;
    line-height: normal;
}


#nf-field-200-wrap .nf-field-element, #nf-field-200_1-wrap .nf-field-element {
    display: flex;
    justify-content: flex-end;
}

#nf-field-200-wrap .nf-field-element #nf-field-200, #nf-field-200_1-wrap .nf-field-element #nf-field-200_1 {
    background-color: hsl(49.8deg 100% 49.61%) !important;
    border: 0px !important;
    border-radius: 7px !important;
    padding: 16px 31px;
    font-weight: 500;
    height: auto !important;
    font-size: 16px !important;
    margin-top: 30px;
    cursor: pointer;
}

@media  screen and (min-width: 801px) {
    #nf-field-200-wrap .nf-field-element #nf-field-200, #nf-field-200_1-wrap .nf-field-element #nf-field-200_1 { 
        margin-top: 0; 
    }
}

#nf-field-197-container .nf-after-field .nf-input-limit, #nf-field-197_1-container .nf-after-field .nf-input-limit {
    display: none;
}

.flex-title-row {
    display: flex;
    align-items: center;
    block-size: 500px;
}

@media screen and (min-width: 1001px) {
    .flex-title-row {
        padding-block-start: 115px;
        block-size: 400px;
    }
}

/* Accordion aanpassingen */

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark_icon {
    background-image: url("/source/15da56b0fea3838758e8408c36e70a6c/plus@2x.png")!important;
    background-size: 12px;
    inline-size: 45px;
    block-size: 45px;
}

.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark_icon {
    background-image: url("/source/4ebea8ee29c6e139639b689d3aca6433/minus@2x.png")!important;
}

.q_accordion_holder.accordion .ui-accordion-header.ui-state-active .accordion_mark { 
    background-color: unset;
    transition: none;
}

.q_accordion_holder.accordion .ui-accordion-header .accordion_mark { 
    border: 0px;
}

.q_accordion_holder.accordion .ui-accordion-header:hover {
    color: #000 !important;
}

.q_accordion_holder.accordion h3.ui-accordion-header { 
    background-color: #ececec;
    padding-block-end: 12px;
}

.q_accordion_holder.accordion.without_icon .ui-accordion-header span.tab-title {
    padding-block-start: 7px;
}

.occasions-negative-margin {
    margin-block-start: -226px;
}

@media screen and (min-width: 601px) {
    .qode_video_box a {
        margin-block-start: -325px;
    }

    .occasions-negative-margin {
        margin-block-start: -330px;
    }
}

@media screen and (min-width: 1001px) {
    .qode_video_box a {
        margin-block-start: -210px;
    }

    .occasions-negative-margin {
        margin-block-start: -244px;
    }
}

@media screen and (width: 1200px) {
    .qode_video_box a {
        margin-block-start: -205px;
    }
}

@media screen and (min-width: 1201px) {
    .qode_video_box a {
        margin-block-start: -255px;
    }
}
    
@media screen and (min-width: 1201px) {
    .besturing-h3 h3 { 
        margin-block-end: 45px!important;
    }
}

@media screen and (min-width: 1001px) {
    .mobile-button-besturing {
        display:none
    }
}

/* end new CSS style top page */

/* Breadcrumbs */

.breadcrumbs {
    font-size: 12px;
}

@media only screen and (min-width: 1024px) {
    .breadcrumbs {
        font-size: 15px;
    }
}

/* Breadcrumbs end*/

.buttonOccasions {
    padding: 12px 45px;
    font-size: 17px;
    background-color: hsl(216deg 57% 39%);
    color: hsl(0deg 0% 100%);
    box-shadow: 0px 0px 5px hsl(0deg 0% 0%);
    border: 0;
    border-radius: 3px;
    transition: 1s ease;
}

.buttonOccasions:hover {
    box-shadow: 0px 0px 10px hsl(0deg, 0%, 0%);
    background-color: hsl(0, 100%, 100%);
    color: hsl(0, 0%, 0%);
}



.occasion--button--container {
    display: flex;
    justify-content: flex-start;
    margin-top: 35px;
}

@media only screen and (min-width: 1024px) {
    .occasion--button--container {
        display: flex;
        justify-content: flex-end;
        margin-top: 35px;
    }
}

.btn--occasion-interested {
    padding: 15px 20px;
    background-color: #2b579b;
    color: #fff;
    letter-spacing: 2px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 9px;
    border-radius: 63px;
    box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 14%);
    transition: 1s;
    white-space: nowrap;
}

.btn--occasion-interested:hover {
    box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 64%);
    color: #fff;

}

@media only screen and (min-width: 768px) and (max-width: 1024px) {
    .btn--occasion-interested {
        font-size: 9px;
    }
}

@media only screen and (min-width: 1024px) {
    .btn--occasion-interested {
        font-size: 12px;
    }
}

.cnc-occasions-mobile .cnc-occasions-price p {
    text-align: left !important;
}

@media only screen and (min-width: 768px) {
    .cnc-occasions-mobile .cnc-occasions-price p {
        text-align: right !important;
    }
}

#buttonproductpage,
#buttonoccasionpage,
.buttonoccasionpage {
    margin-top: 50px !important;
    cursor: pointer !important;
    border-radius: 2px !important;
    transition: background-color 0.5s ease !important;
    border: 0px solid black !important;
    font-size: 20px !important;
    padding: 10px 96px !important;
    background: #ff7600 !important;
    font-weight: 400 !important;
    font-family: roboto !important;
    color: #fff !important;
    -webkit-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41) !important;
    -moz-box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41) !important;
    box-shadow: 0px 0px 2px 0px rgba(0, 0, 0, 0.41) !important;
}

#mc_embed_signup input.email:focus {
    outline: 0 !important;
}

#mc_embed_signup .clear {
    display: block !important;
}

#mc_embed_signup input.email {
    background: #fff !important;
    width: 442px !important;
    border: 1px solid #333 !important;
    border-radius: 3px !important;
    height: 47px !important;
    font-family: roboto !important;
    color: #000 !important;
    font-size: 12px !important;
    padding: 12px !important;
}

@media only screen and (max-width: 768px) {
    .buttonoccasionpage {
        width: 100% !important;
        font-size: 12px !important;
    }

    #mc_embed_signup input.email {
        width: 100% !important;
    }
}

/* Lathe + Milling product overview pages */
/* 04-05-2022 */

.row--box--brochures {
    border: 1px solid #ccc;
    border-bottom: 3px solid #2b579b;
    border-radius: 0px;
    margin-top: 50px;
}

@media screen and (min-width: 1001px) {
    .row--box--brochures {
        margin-top: -50px;
    }
}

.top--page--container {
    box-shadow: inset 0px 0px 20px 0px #000;
    color: hsl(0, 100%, 100%);
}

.top--page--container h1,
.top--page--container p {
    color: hsl(0, 100%, 100%);
}

.top--page--container a {
    color: hsl(0, 100%, 100%);
    /*text-decoration: underline; */
}


.container--buttons--display {
    display: flex;
    flex-direction: column;
}

.container--buttons--display--brochures {
    display: flex;
    justify-content: center;
    flex-direction: column;
}

.container--buttons--display a.specs_button {
    box-shadow: 0px 0px 5px #000;
}

.container--buttons--display>a:nth-of-type(1) {
    flex: 1;
    height: 100%;
}

.container--buttons--display>a:nth-of-type(2) {
    flex: 1;
    height: 100%;
    padding-block-start: 12px;
    padding-block-end: 12px;
}

.container--buttons--display>a:nth-of-type(3) {
    flex: 1;
    height: 100%;
}

.container--buttons--display--brochures>a {
    height: 100%;
}

@media only screen and (min-width: 375px) {

    .container--buttons--display>a,
    .container--buttons--display--brochures>a {
        margin-block-end: 10px;
    }

    .container--buttons--display--brochures>a {
        width: inherit;
    }
}

/* @media only screen and (min-width: 768px) {
	.container--buttons--display, .container--buttons--display--brochures{
	} 
} */

@media only screen and (min-width: 1024px) {

    .container--buttons--display,
    .container--buttons--display--brochures {
        width: 85%;
        margin: 0 auto;
        flex-direction: row;
    }

    .container--buttons--display--brochures>a {
        width: 25%;
    }
}

/* Button */
a.specsnormal_button {
    padding: 10px 45px;
    background-color: #FF7600;
    border-radius: 2px;
    color: #fff;
    border: 1px solid #FF7600;
    transition: 1s ease;
    cursor: pointer;
    display: inline-block;
    margin: 0 5px;
    font-size: 17px;
    font-family: roboto;
    font-weight: 400;
}

a.specsnormal_button:hover {
    background: #fff;
    color: #000;
    border: 1px solid #333;
}

.machines_button_wrapper {
    text-align: center;
}

/* END */


/* NEW Specific product block */
/* 04-05-2022 */

/* Center the the button */
.products--positioning {
    text-align: center;
    width: 100%;
}

.btn-specific-product-request {
    padding: 15px 20px;
    background-color: #2b579b;
    color: #fff;
    letter-spacing: 1px;
    text-transform: uppercase;
    font-weight: 500;
    font-size: 9px;
    border-radius: 63px;
    box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 14%);
    transition: 1s;
}

.btn-specific-product-request:hover {
    box-shadow: 0px 4px 5px 0 rgb(0 0 0 / 64%);
    color: #fff;

}

@media only screen and (min-width: 768px) {
    .btn-specific-product-request {
        font-size: 12px;
        letter-spacing: 1px;
    }
}


/* Product extra menu */
.extra--menu ul {
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    flex-direction: row;
}

.extra--menu ul>li {
    list-style: none;
    margin: 0 10px;
    font-weight: 500;
}

.extra--menu ul li>a {
    color: #fff;
    font-size: 12px;
}

.use_row_as_box {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
    -ms-border-radius: 0px;
    -o-border-radius: 0px;
    border-radius: 0px;
}

/* LinkedIn BTN */
.linkedInBtn {
    cursor: pointer;
    background-color: #2c66b1;
    color: #fff;
    padding: 7px 15px;
    border-radius: 10px;
    border: 0;
    transition: box-shadow .5s;
}

.linkedInBtn:hover {
    box-shadow: 2px 3px 2px 1px #00000036;
}

.linkedInBtn span:nth-of-type(1) {
    position: relative;
    top: -1px;
}

.linkedInBtn span:nth-of-type(2) {
    font-size: 16px;
    font-weight: bold;
    position: relative;
    top: 0px;
    margin-left: 3px;
}

.linkedInBtn i {
    font-size: 23px;
    position: relative;
    top: 0px;
    margin-left: 3px;
    vertical-align: sub;
}

/* NEW OCCASION PAGE SEPT ALL CSS added here */
/* SET THE GLOBAL FONT TO DEFAULT = ROBOTO 
/* DARKER BACKGROUND IMAGE TOP PAGE */

.top--page--container {
    block-size: 700px;
}

/*
@media screen and (min-width: 1001px) {
    .top--page--container {
        block-size: 100%;
    }
}
    */

.top--page--container::after {
    content: '';
    inline-size: 100%;
    block-size: 100%;
    position: absolute;
    background-color: hsl(0deg 0% 0% / 60%);
    top: 0;
    left: 0;
}


/* NEW GENERAL BUTTONS CHANGE CHANGE CSS CLASS EVERY OTHER BUTTON TO THIS */

.contact-button {
    font-size: 16px;
    text-decoration: none;
    display: inline-block;
    border-radius: 0.4375em;
    background-color: hsl(28, 100%, 50%);
    color: hsl(0, 100%, 100%) !important;
    padding: 0 3.5em;
    block-size: 2.8125em;
    line-height: 2.8125em;
    box-shadow: 0 4px 14px 0 hsla(0, 100%, 50%, 0.39);
    transition: background 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.contact-button:hover {
    background-color: hsl(28, 100%, 55%);
    box-shadow: 0 6px 20px hsla(0, 100%, 50%, 0.23);
    color: hsl(0, 100%, 100%);
}

.download-button {
    font-size: 16px;
    text-decoration: none !important;
    display: inline-block;
    border-radius: 0.4375em;
    background-color: hsl(0, 0%, 100%);
    color: hsl(0, 0%, 30%) !important;
    padding: 0 3.5em;
    block-size: 2.8125em;
    line-height: 2.8125em;
    box-shadow: 0 4px 14px 0 hsla(0, 0%, 0%, 0.10);
    transition: background 0.2s ease, box-shadow 0.2s ease;
    white-space: nowrap;
}

.download-button:hover {
    background-color: hsla(0, 0%, 98%, 0.9);
    box-shadow: 0 6px 20px hsla(0, 0%, 36%, 0.23);
    color: hsl(0, 0%, 30%);
}

/* TOP-PAGE-CONTENT ADD this class to the content of the top--page--container center the content correctly for mobile / pc screens with flex. */

.top-page-content {
    display: flex;
    align-items: center;
    block-size: 600px;
    padding-block: 50px;
}

.top-page-content .section_inner_margin,
.occasion-text-box .section_inner_margin {
    max-inline-size: 900px;
}

.top-page-content h1 {
    font-size: 40px;
}

.top-page-content .download-button,
.top-page-content .contact-button {
    margin-block-start: 10px;
}

@media screen and (min-width: 1001px) {
    .top-page-content {
        padding-block-start: 115px;
        block-size: 500px;
    }

    .top-page-content .download-button,
    .top-page-content .contact-button {
        margin-block-start: 0px;
    }
}

/* CHANGE 'OCCASION-BACKGROUND' to 'occasion-machine-block' */
/* CHANGE 'cnc-occasions-price' to '.occasion-machine-price' and delete the margin */
/* CHANGE 'cnc-occasions-title' to '.occasion-machine-content' */
/* ADD 'occasion-machine-image' to the column */
/* Headtitles from #333 to #000 in general settings? */
/* DELETE THE margin-block on the machine blocks in wordpress*/

.occasion-machine-block {
    box-shadow: 0 14px 20px hsla(0, 0%, 0%, 14%);
    background-color: hsl(0, 0%, 100%);
    border-radius: 8px;
    transition: background 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
    margin-block-end: 40px;
}

.occasion-machine-block:hover {
    background-color: hsl(0, 0%, 96%);
    box-shadow: 0 10px 15px hsla(0, 0%, 0%, 14%);
}

.occasion-machine-price {
    position: relative;
    block-size: 190px;
    display: flex;
    align-items: center;
}


@media screen and (min-width: 768px) {
    .occasion-machine-price {
        block-size: 250px;
    }
}

@media screen and (min-width: 1001px) {
    .occasion-machine-price {
        block-size: 300px;
    }
}

@media screen and (min-width: 1300px) {
    .occasion-machine-price {
        block-size: 366px;
    }
}

.occasion-machine-price a {
    display: inline-block;
    margin-block-start: 20px;
}

.occasion-machine-price p {
    text-align: center !important;
}


@media screen and (min-width: 768px) {
    .occasion-machine-price a {
        float: right;
    }

    .occasion-machine-price p {
        text-align: right !important;
    }
}

.occasion-machine-content li {
    line-height: 22px;
    font-style: italic;
}

.occasion-machine-content h3 {
    margin-block: 15px !important;
    font-weight: 400;
    font-size: 16px;
}

.occasion-machine-image img {
    border-radius: 8px;
    margin-block-end: 20px;
}

ul.occasions-features { 
    list-style-type: none;
}

ul.occasions-features li {
    display:flex;
    flex-direction: row;
    align-items: center;
    gap: 10px;
    font-style:normal;
}

/* ADD occasion-machine-amount to a text block with the amount of machines */

.occasion-machine-amount {
    position: absolute;
    top: -35px;
    right: -20px;
    background-color: hsl(0, 0%, 90%);
    padding: 15px;
    border-radius: 0 8px 0 0;
    font-size: 17px;
    box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
}



@media screen and (min-width: 992px) {
    .occasion-machine-amount {
        position: absolute;
        top: -35px;
        right: -526px;
        background-color: hsl(0, 0%, 90%);
        padding: 15px;
        border-radius: 0 8px 0 0;
        font-size: 17px;
        box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
    }
}

@media screen and (min-width: 1001px) {
    .occasion-machine-amount {
        position: absolute;
        top: -35px;
        right: -647px;
        background-color: hsl(0, 0%, 90%);
        padding: 15px;
        border-radius: 0 8px 0 0;
        font-size: 17px;
        box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
    }
}

@media screen and (min-width: 1201px) {
    .occasion-machine-amount {
        position: absolute;
        top: -35px;
        right: -747px;
        background-color: hsl(0, 0%, 90%);
        padding: 15px;
        border-radius: 0 8px 0 0;
        font-size: 17px;
        box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
    }
}

@media screen and (min-width: 1300px) {
    .occasion-machine-amount {
        position: absolute;
        top: -35px;
        right: -814px;
        background-color: hsl(0, 0%, 90%);
        padding: 15px;
        border-radius: 0 8px 0 0;
        font-size: 17px;
        box-shadow: -3px 3px 6px hsl(0, 0%, 0%, 5%);
    }
}

#nav-menu-item-260 .second.drop_down_start .inner ul,
#nav-menu-item-685 .second.drop_down_start .inner ul {
    width: 100% !important;
    padding: 0 !important;
}

.drop_down .second .inner>ul,
li.narrow .second .inner ul {
    display: block;
}

.second .inner ul {
    width: 100% !important;
    padding: 0 !important;
}

#nav-menu-item-260 .second.drop_down_start .inner ul {
    width: 100% !important;
    padding: 0 !important;
}

#nav-menu-item-260 .second.drop_down_start .inner ul #nav-menu-item-263,
.drop_down .second .inner .widget {
    padding: 0 !important;
}

/* New navigation CSS */
.main_menu .second.drop_down_start {
    left: 0px !important;
}

.main_menu .nav-container {
    block-size: 375px;
    width: 1001px;
    max-width: 1200px;
    background-color: hsl(0, 0%, 96%);
    position: absolute;
    display: grid;
    grid-template-columns: 75% 25%;
    grid-template-rows: 75% 25%;
}

.main_menu #nav-menu-item-260 .nav-container {
    left: calc(-100% - (203px - 83px)) !important;
}

.main_menu #nav-menu-item-683 .nav-container {
    left: calc(-100% - (336px - 83px)) !important;
}

@media screen and (min-width: 1024px) {
    .main_menu .nav-container {
        width: 1024px;
    }

    .main_menu #nav-menu-item-260 .nav-container {
        left: calc(-100% - (227px - 83px)) !important;
    }

    .main_menu #nav-menu-item-683 .nav-container {
        left: calc(-100% - (360px - 83px)) !important;
    }
}

@media screen and (min-width: 1075px) {
    .main_menu .nav-container {
        width: 1024px;
    }

    .main_menu #nav-menu-item-260 .nav-container {
        left: calc(-100% - (252px - 83px)) !important;
    }

    .main_menu #nav-menu-item-683 .nav-container {
        left: calc(-100% - (385px - 83px)) !important;
    }
}

@media screen and (min-width: 1100px) {
    .main_menu .nav-container {
        width: 1100px;
    }

    .main_menu #nav-menu-item-260 .nav-container {
        left: calc(-100% - (302px - 83px)) !important;
    }

    .main_menu #nav-menu-item-683 .nav-container {
        left: calc(-100% - (436px - 83px)) !important;
    }
}

@media screen and (min-width: 1150px) {
    .main_menu #nav-menu-item-260 .nav-container {
        left: calc(-100% - (328px - 83px)) !important;
    }

    .main_menu #nav-menu-item-683 .nav-container {
        left: calc(-100% - (463px - 83px)) !important;
    }
}

@media screen and (min-width: 1201px) {
    .main_menu .nav-container {
        width: 100vw;
    }

    .main_menu #nav-menu-item-260 .nav-container {
        left: calc(-100% - (356px - 83px)) !important;
    }

    .main_menu #nav-menu-item-683 .nav-container {
        left: calc(-100% - (488px - 83px)) !important;
    }
}

@media screen and (min-width: 1300px) {
    .main_menu #nav-menu-item-260 .nav-container {
        left: calc(-100% - (380px - 83px)) !important;
    }

    .main_menu #nav-menu-item-683 .nav-container {
        left: calc(-100% - (513px - 83px)) !important;
    }
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines {
    width: 100% !important;
    background-color: hsl(0, 0%, 96%) !important;
    display: flex;
    padding: 25px 25px 0px 25px !important;
    gap: 10px;
    grid-column: 1/2;
    grid-row: 1/2;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines li {
    width: 25%;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines li h5 {
    font-size: 13px;
    font-weight: 500;
    text-transform: unset;
    letter-spacing: 0;
    color: hsl(0, 0%, 0%);
    padding: 0;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines li a {
    text-transform: unset;
    letter-spacing: 0;
    font-weight: 400;
    padding: 0 !important;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines li p {
    font-size: 12px;
    padding: 0;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines li div {
    margin-top: 10px;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-machines img {
    width: 95%;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-links {
    width: 100% !important;
    background-color: hsl(0, 0%, 93%) !important;
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 30px !important;
    grid-column: 2/3;
    grid-row: 1/3;
}

#menu-main-menu .second.drop_down_start .nav-container .nav-links li a {
    text-transform: unset;
    letter-spacing: 0;
    color: hsl(0, 0%, 0%);
    font-size: 16px;
}

#menu-main-menu .second.drop_down_start .nav-container .button-container {
    padding: 25px;
    grid-row: 2/3;
}

.button-container a.nav-button {
    all: unset !important;
    display: inline !important;
    font-size: 16px !important;
    background-color: hsl(28, 100%, 50%) !important;
    color: hsl(0, 0%, 100%) !important;
    padding: 15px 73px !important;
    border-radius: 8px !important;
    box-shadow: 0px 4px 14px 0px hsla(0, 0%, 0%, 38%) !important;
    cursor: pointer !important;
    transition: 0.3s ease-in-out !important;
}

.button-container .nav-button:hover {
    background-color: hsl(28, 93%, 43%) !important;
    box-shadow: 0px 6px 20px 0px hsla(0, 0%, 0%, 23%) !important;
}


/* Google Maps */

.gm-style-iw-chr {
    position: absolute;
    top: 0;
    right: 0;
}

.gm-style-iw.gm-style-iw-c {
    padding-top: 20px !important;
}

div#content b, div#content p {
    text-align: left;
}


.iti__dropdown-content {
    z-index: 99;
}


/* Tribe Events Calendar */

@media screen and (min-width: 1001px) {
    .tribe-common--breakpoint-medium.tribe-events .tribe-events-header--has-event-search {
        padding-top: 148px;
    }
    
    #tribe-events-pg-template {
        padding-top: 168px;
    }
}