/* 
Theme Name:		 PackParcel Theme
Theme URI:		 https://pack-parcel.com/
Description:	 This theme is a child theme of Astra
Author:			 Patrick
Author URI:		 https://pack-parcel.com/
Template:		 astra
Version:		 1.0.0
Text Domain:	 packparcel-theme
*/

/*
    Globale CSS
*/

*:focus:not(input):not(textarea) {outline:none;border:none;}

input:focus, textarea:focus {
    border: solid 1px var(--e-global-color-secondary) !important;
}

a {
    text-decoration: none !important;
}

#footer-logo-slider a {
    position: relative !important;
    display: block;
    z-index: 100000000 !important;
}

#footer-logo-slider .swiper-slide[inert] {
    pointer-events: auto !important;
}

#footer-logo-slider .swiper-container {
    width: 100%;
    overflow: hidden;
}

#footer-logo-slider .swiper-slide {
    flex-shrink: 0;
    width: 230px; /* Breedte van je slide */
    margin-right: 100px; /* ruimte tussen slides */
}

.pad_y {
    padding-top: 60px !important;
    padding-bottom: 60px !important;
}

.pad_t {
    padding-top: 60px !important;
}
.pad_b {
    padding-bottom: 60px !important;
}

.pad_x {
    padding-left: 20px !important;
    padding-right: 20px !important;
}

a.elementor-button:not(#nieuwsflitsknop a.elementor-button), .btn_blue button, .logout-btn {
    padding: 8px 12px !important;
}

.contact-heading h2 {
    margin-top: 0px !important;
}

.contact-heading h3 {
    margin-top: 0.5em !important;
}

.btn_blue a, input[value="Wachtwoord wijzigen"] .inschrijfformulier .btn_blue, #wp-submit.button.button-primary, #login-btn,  #ast-scroll-top, input.wpcf7-form-control[type="submit"], button.wpforms-submit, .btn_blue button, .logout-btn, .single-poll .elementor-shortcode p input[type="submit"], button.btn_blue {
 border-radius: 100px !important;
    background-color: var(--e-global-color-secondary) !important;
    & span {
        font-family: "Metapro Normal", Sans-serif;
        font-weight: 500;
    }
}

p.active .poll_btn {
    background-color: var(--e-global-color-primary) !important;
}

.btn_orange a, .aanmeld_btn a, .aanmeld_btn a span {
    border-radius: 100px !important;
    background-color: var(--e-global-color-primary);
    color: white !important;
    & span {
        font-family: "Metapro Normal", Sans-serif;
        font-weight: 500;
    }
}
.btn_beige a, .btn_beige a span {
    border-radius: 100px !important;
    background-color: var(--e-global-color-accent);
    color: white !important;
    & span {
        font-family: "Metapro Normal", Sans-serif;
        font-weight: 500;
    }
}

.btn_orange.cm_btn, .poll_btn {
    border-radius: 100px !important;
    padding: 8px 12px !important;
    background-color: var(--e-global-color-primary) !important;
    & span {
        font-family: "Metapro Normal", Sans-serif;
        font-weight: 500;
    }
}

.poll p:has(input.poll_btn)  {
    position: relative;
}
.poll_btn {
    position:absolute;
    right: 0;
    bottom: 0;
}

.no_underline a {
    text-decoration: none !important;
}

.share-btn, .share-btn:hover {
    display: inline-block;
    padding: 0px 10px;
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.linkedin { background: #0077b5; border-radius: 6px;}
.xcom { background: #000; border-radius: 100px; }

/*
    Main Menu
*/

.sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown a, .logout-btn {
    color: white !important;
}
.sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown a:not(.elementor-item-active) {
    background-color: var(--e-global-color-primary) !important;
}
#maint-header .sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown a:not(.elementor-item-active) {
    background-color: var(--e-global-color-accent) !important;
}

.sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown .highlighted,
.sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown a:not(.current-menu-item):hover {
    background-color: var(--e-global-color-secondary) !important;
}

#maint-header .sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown .highlighted,
#maint-header .sub-menu.elementor-nav-menu--dropdown .sub-menu.elementor-nav-menu--dropdown a:not(.current-menu-item):hover {
    background-color: white !important;
    color: var(--e-global-color-accent) !important;
}

li.menu-item-198 > a:not(.elementor-item-active) {
    color: var(--e-global-color-accent) !important;
}

li.menu-item-198:hover > a {
    color: white !important;
}

.sub-arrow {
    padding: 5px !important;
    padding-inline-end: 0;
}
.fa-svg-chevron-down {
    fill: #F08335 !important;
}
.sub-menu.elementor-nav-menu--dropdown .highlighted .fa-svg-chevron-down {
    fill: #FFFFFF !important;
    transition: fill .1s ease;
}

.elementor-widget-theme-post-content p,
.elementor-widget-theme-post-content font,
.elementor-widget-theme-post-content span,
.elementor-widget-theme-post-content ul,
.elementor-widget-theme-post-content .elementor-widget-text-editor td
{
    font-size: 16px !important;
    font-family: 'Hind', sans-serif !important;
    text-align: justify !important;
    color: var(--e-global-color-text);
}

.elementor-widget-theme-post-content a {
    color: var(--e-global-color-primary);
}

/*.elementor-widget-theme-post-content p + ul {*/
/*    margin-top: -20px;*/
/*}*/

.elementor-widget-theme-post-content p:has(+ ul) {
    margin-bottom: 5px;
}
/*
    Banners
*/

.cutoff img {
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 80%);
}

.elementor-widget-heading.category {
    position: relative !important;
}
.elementor-widget-heading.category::after {
    position: absolute !important;
    top: 0;
    left: 10%;
    padding: 10px 25px;
    color: white;
    font-family: 'Metapro Bold', sans-serif;
    font-size: 20px;
    letter-spacing: 1px;
}

.category-nieuws .category::after,
.category-publicaties .category::after,
.category-kennis .category::after,
.type-tribe_events .category::after {
    background-color: var(--e-global-color-secondary) !important;
}
.category-maintenance-academy .category::after {
    background-color: var(--e-global-color-accent) !important;
}

.category-nieuws .category::after {
    content: 'Nieuws'
}
.category-kennis .category::after {
    content: 'Kennis'
}
.category-publicaties .category::after {
    content: 'Publicaties'
}
.category-maintenance-academy .category::after {
    content: 'Maintenance Academy'
}
.type-tribe_events .category::after {
    content: 'Evenement'
}

#tribe-events-pg-template {
    max-width: 100% !important;
    width: 100%;
    padding: 0;
    background-color: var(--e-global-color-63c17aa) !important;
}

.ast-container:has(#tribe-events-pg-template) {
    background-color: var(--e-global-color-63c17aa) !important;
}

.event-flex {
    display: flex;
    gap: 20px;
    color: white;
}

.event-bold, .inschrijfformulier label:not(.check-label) {
    font-weight: bold;
}

.event-btn, .event-btn:hover {
    background-color: var(--e-global-color-primary);
    padding: 10px 15px 15px;
    border-radius: 100px;
    color: white;
    font-weight: bold;
    font-size: 16px !important;
    text-decoration: none !important;
}
.event-details .event-venue {
    font-size: 16px;
    color: white;
}
.event-details a.event-venue[href] {
    text-decoration: underline !important;
}



/*
    Tablet weergave
*/

@media screen and (max-width: 767px) {
    .pad_y {
        padding-top: 40px !important;
        padding-bottom: 40px !important;
    }
    .pad_t {
        padding-top: 40px !important;
    }
    .pad_b {
        padding-bottom: 40px !important;
    }
    .elementor-widget-theme-post-content p {
        text-align: start !important;
    }
}

/*
    Mobiele weergave
*/

@media screen and (max-width: 767px) {
    .pad_x {
        padding-left: 10px !important;
        padding-right: 10px !important;
    }

    .pad_y {
        padding-top: 20px !important;
        padding-bottom: 20px !important;
    }
    .pad_t {
        padding-top: 20px !important;
    }

    .pad_b {
        padding-bottom: 20px !important;
    }
    .archief-item {
        height: auto !important;
    }
}

.archief-item .elementor-shape-fill, .archief-item .hover-blue, .archief-item > .e-con-inner, .archief-item a.elementor-button, .archief-item h2.elementor-heading-title {
    transition: all .2s ease !important;
}

.archief-item:hover .elementor-shape-fill {
    fill: var(--e-global-color-secondary) !important;
}

.archief-item:hover > .e-con-inner, .archief-item:hover .hover-blue, .archief-item:hover a.elementor-button {
    background-color: var(--e-global-color-secondary) !important;
}

.archief-item:hover h2.elementor-heading-title {
    color: white !important;
}

/* Maint Acad */
.maint-item .elementor-shape-fill, .maint-item .hover-blue, .maint-item > .e-con-inner, .maint-item a.elementor-button, .maint-item h2.elementor-heading-title {
    transition: all .2s ease !important;
}

.maint-item:hover .elementor-shape-fill {
    fill: var(--e-global-color-accent) !important;
}

.maint-item:hover > .e-con-inner, .maint-item:hover .hover-blue, .maint-item:hover a.elementor-button {
    background-color: var(--e-global-color-accent) !important;
}
.maint-item:hover a.elementor-button {
    color: white !important;
}

.maint-item:hover h2.elementor-heading-title {
    color: white !important;
}

.podcast-item .elementor-shape-fill, .podcast-item .hover-blue, .podcast-item > .e-con-inner, .podcast-item a.elementor-button, .podcast-item h2.elementor-heading-title {
    transition: all .2s ease !important;
}

.podcast-item:hover .elementor-shape-fill {
    fill: white !important;
}

.podcast-item:hover > .e-con-inner, .podcast-item:hover .hover-blue, .podcast-item:hover a.elementor-button {
    background-color: white !important;
}

.podcast-item:hover h2.elementor-heading-title {
    color: var(--e-global-color-secondary) !important;
}

 .table-2col, .table-2col * {
     border:0 !important;
     color: white !important;
 } .table-2col td, .table-2col th {
    padding: 0 1em 0 0;vertical-align: baseline;
} .table-2col th {
    text-align: start;
}

.betaalde-content {
    position: relative;
}
.betaalde-content-btn a {
    padding: 8px 12px !important;
    color: white !important;
}
.betaalde-content-btn {
    position: absolute;
    bottom: -50px;
    left: 50%;
    transform: translateX(-50%);
}

/*
    Inschrijf formulier
*/
.form-orange {
    color: #f68426;
}
.inschrijf-titel {
    color: #284589;
}

.inschrijf-table, .facturatie-table, .contact-table, tr, td {
    border: none;
}
.inschrijf-table tr, .facturatie-table tr, .contact-table tr {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.inschrijf-table .label, .facturatie-table .label, .contact-table .label {
    font-weight: bold;
    width: 25%;
    padding: 0;
}
.inschrijf-table .label p, .facturatie-table .label p, .contact-table .label p {
    margin: 0;
}

.inschrijf-table .input, .facturatie-table .input, .contact-table .input {
    width: 70%;
    padding: 0 0 10px 0;
}
.inschrijf-table .input p, .facturatie-table .input p, .contact-table .input p {
    margin: 0;
}

.row-positioning p {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
}

.row-positioning p span[data-name="postcode"] {
    width: 20%;
}
.row-positioning p span[data-name="woonplaats"] {
    width: 78%;
}

.row-positioning p span[data-name="titel"] {
    width: 49%;
}
.row-positioning p span[data-name="voorletters"] {
    width: 49%;
}

.lidmaatschap-sectie {
    display: flex;
    flex-direction: column;
}

.inschrijf-table .wpcf7-list-item-label::before, .facturatie-table .wpcf7-list-item-label::before, .contact-table .wpcf7-list-item-label::before {
    content: none !important;
}

.elementor-widget-theme-post-content table {
    border: none;
}

.single-poll .elementor-shortcode p {
    margin-bottom: 0;
}
.single-poll .elementor-shortcode p:has(input[type="submit"]) {
    margin-top: 10px;
}

.cat_inleiding {
    font-size: 30px !important;
    color: var(--e-global-color-secondary) !important;
    font-family: var(--e-global-typography-primary-font-family), sans-serif !important;
    font-weight: 600 !important;
    text-align: center !important;
}

.flex-between {
    justify-content: space-between;
    display: flex;
}
.flex-end {
    justify-content: end;
    display: flex;
}
.flex-between.w50 {
    width: 50%;
}
.account-wrapper .flex-between {
    gap: 10px;
}

.account-wrapper input, .account-wrapper textarea {
    margin-bottom: 10px;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50 {
    width: 49% !important;
}

.wpforms-container .wpforms-one-half, .wpforms-container .wpforms-one-half input {
    width: 100% !important;
}

div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-row {
    /*justify-content: start !important;*/
}

h3.wpforms-field-label {
    font-size: 16px !important;
    margin:0 !important;
    padding-top: 10px !important;
}

.wpforms-field-html h3 {
    font-size: 24px !important;
    color: var(--e-global-color-primary) !important;
    margin: 0 !important;
}

div.wpforms-container-full .wpforms-form .wpforms-field-layout:not(:first-child)>.wpforms-field-label:not(.wpforms-label-hide):before {
    border-top-width: 0 !important;
}

.wpforms-container:not(:has(.wpforms-layout-column)) .wpforms-field {
    padding: 15px 0 0 !important;
}

.wpforms-container .wpforms-layout-column .wpforms-field {
    padding: 0 !important;
}

div.wpforms-container-full .wpforms-field-label {
    margin: 0 0 2px 0 !important;
}

@media screen and (max-width: 767px) {
    .inschrijf-table tr, .facturatie-table tr, .contact-table tr {
        flex-direction: column;
    }
    .flex-between {
        flex-direction: column;
        justify-content: normal;
        gap: 20px;
    }
    .inschrijf-table .input, .facturatie-table .input, .contact-table .input {
        width: 100%;
    }
    .row-positioning p span[data-name="postcode"] {
        width: 30%;
    }
    .inschrijf-table .label, .facturatie-table .label, .contact-table .label {
        width: 100%;
    }
}

.related-news-content {
    background-color: var(--e-global-color-secondary);
    color: white;
}

.maintenance-academy .related-news-content, .tribe_events .related-news-content{
    padding: 20px 25px;
}

.maintenance-academy .related-news-content h2 {
    margin-bottom: 5px;
}
.tribe_events .related-news-content h2 {
    margin-bottom: 5px;
}
aside + .event-flex {
    justify-content: center;
}

.related-news-content a, .related-news-content h2 {
    text-align: start;
    color: white;
}

.related-news-content ul {
    list-style-type: none;
}

@media screen and (min-height:1px) and (max-height:900px) and (min-width: 768px) {
    .elementor-sticky.elementor-sticky--effects.elementor-sticky--active {
        position: absolute !important;
        bottom: unset !important;
        top:0 !important;
        left: 70% !important;
    }
}

.ast-article-single img:not(figure img) {
    box-shadow: none;
    -webkit-box-shadow: none;
}

#toelichting p {
    font-family: 'Hind', sans-serif !important;
    text-align: justify !important;
    margin-bottom: 1.75em;
}