/*
Theme Name:     BEN
Theme URI:      https://www.elegantthemes.com/gallery/divi/
Description:    BEN Berlin Event Network - a Divi child theme
Author:         Golden Box / Elegant Themes
Author URI:     https://golden-box.de
Template:       Divi
Version:        1.0.3
*/
        /* =Theme customization starts here
------------------------------------------------------- */

         :root {
            --base1: rgba(255, 255, 255, 1);
            --base2: rgba(0, 0, 0, 1);
            --base3: rgba(87, 87, 86, 1);
            --base4: rgba(218, 218, 218, 1);
            --base5: rgba(208, 46, 46, 1);
            --base6: rgba(216, 163, 163, 1);
            --base7: rgba(79, 36, 50, 1);
            --base8: rgba(43, 31, 59, 1);
            --base9: rgba(44, 45, 105, 1);
            --base10: rgba(87, 122, 185, 1);
            --dimm1: rgba(255, 255, 255, 0.2);
            --dimm2: rgba(29, 29, 27, 0.2);
            --dimm3: rgba(87, 87, 86, 0.2);
            --dimm4: rgba(218, 218, 218, 0.2);
            --dimm5: rgba(208, 46, 46, 0.2);
            --dimm6: rgba(216, 163, 163, 0.2);
            --dimm7: rgba(79, 36, 50, 0.2);
            --dimm8: rgba(43, 31, 59, 0.2);
            --dimm9: rgba(44, 45, 105, 0.2);
            --dimm10: rgba(87, 122, 185, 0.2);
            --accent1: rgba(196, 196, 196, 1);
            --accent2: rgba(215, 253, 81, 1);
            --accent2dimm: rgba(215, 253, 81, 0.2);
            --margin: 1rem;
            --padding: 1rem;
            --font-family-headlines: 'Khand', Helvetica, Arial, Lucida, sans-serif;
            --font-family-copytext: 'Khand', Helvetica, Arial, Lucida, sans-serif;
        }

        BODY {
            font-family: var(--font-family-copytext);
            font-weight: 400;
        }

        h1,
        h2,
        h3 {
            font-weight: 600;
        }

        .et_pb_row {
            padding: 1rem 0 !important;
        }
        /* *************** START DIVI RESETS *************** */

        .et_pb_gallery_items {
            display: flex;
            justify-content: center;
            align-items: center;
            flex-wrap: wrap;
        }

        .et_pb_text_inner li {
            margin-bottom: calc( var(--margin) / 2);
            list-style-type: none;
        }

        .et_pb_text_inner li::before {
            content: '·';
            margin-left: -1em;
            margin-right: 0.8rem;
            font-weight: 900;
        }

        .et_pb_text ol,
        .et_pb_text ul {
            padding-bottom: 0 !important;
        }

        .et_pb_slide_description {
            word-wrap: normal !important;
        }

        .et_pb_bg_layout_dark .et_pb_slide_description {
            text-shadow: none;
        }
        /* *************** END DIVI RESETS *************** */
        /* *************** START DIVI BEN CUSTOMIZATION *************** */

        .ben-fw-slider em span {
            font-size: 1.5rem;
            color: var(--accent2);
            font-style: normal;
        }

        .ben-fw-slider em span.date {
            font-weight: 500;
        }

        .ben-fw-slider em span.dash {
            position: relative;
            display: inline-block;
            width: 5rem;
            /* width: 5rem;
background: red;
display: inline-block;
background-image: linear-gradient( 180deg, var(--accent2) 0%, var(--accent2) 100%);
background-position: center;
background-repeat: no-repeat;
background-size: 0.25rem; */
        }

        .ben-fw-slider em span.dash:after {
            content: ' ';
            width: 5rem;
            height: .2rem;
            position: absolute;
            top: calc(50% - 0.2rem);
            left: 0;
            background: var(--accent2);
        }

        .ben-fw-slider em span.hashtag {
            font-weight: 300;
            text-transform: uppercase;
            letter-spacing: .5rem;
        }
        /* *************** END  DIVI BEN CUSTOMIZATION *************** */
        /* *************** START MAIN NAV *************** */

        #main-nav .et-menu .menu-item-has-children>a:first-child:after {
            content: '';
        }

        #main-nav .et-menu .menu-item-has-children>a:first-child {
            padding-right: 0;
        }

        #main-nav .et-menu li,
        .et-menu li {
            font-size: 1.5rem;
        }

        #main-nav .et_pb_menu--without-logo,
        #main-nav .et_pb_menu__menu>nav>ul>li>a {
            padding-bottom: 0;
        }

        #main-nav ul:not(.sub-menu)>.menu-item:not(:last-child) {
            border-right: 1px solid var(--base4);
        }

        #main-nav .sub-menu li a {
            font-weight: 400;
            text-transform: capitalize;
        }

        #main-nav .sub-menu li:hover {
            background-color: var(--base4);
        }

        #main-nav .sub-menu li:not(:last-child) a {
            border-bottom: 1px solid var(--base4);
        }

        #main-nav .sub-menu li:hover a {
            border-bottom: 1px solid var(--base4);
        }

        #main-nav .et_mobile_menu li a:hover,
        #main-nav .nav ul li a:hover {
            background-color: rgba(0, 0, 0, 0);
            opacity: 1;
        }

        #main-nav .et-menu a,
        #mein-nav .et-menu a:hover {
            transition: none;
        }

        #main-nav.et_pb_menu .et-menu-nav>ul ul {
            padding: 0;
        }

        #main-nav .sub-menu {
            -webkit-box-shadow: none!important;
            -moz-box-shadow: none!important;
            box-shadow: none!important;
        }

        .mobile_nav.opened .mobile_menu_bar:before {
            content: '\4d';
        }
        /* Make mobile menu fullwidth */

        .et_mobile_menu {
            min-width: 100vw;
            margin-left: -50vw;
        }

        @media only screen and (max-width: 980px) {
            footer .et_pb_menu__menu {
                display: block !important;
            }
            footer .et_mobile_nav_menu {
                display: none!important;
            }
            footer .et_pb_menu--style-left_aligned .et_pb_menu__wrap {
                justify-content: flex-start;
            }
        }
        /* *************** END MAIN NAV *************** */
        /* *************** START FOOTER NAV *************** */

        .footer-nav .et-menu-nav .et-menu.nav {
            display: flex;
            flex-flow: column;
        }
        /* *************** END FOOTER NAV *************** */
        /* *************** START BUTTONS *************** */

        body .et_pb_button {
            font-weight: 300 !important;
        }

        .et_button_no_icon.et_button_icon_visible.et_button_left .et_pb_button,
        .et_button_no_icon.et_button_left .et_pb_button:hover,
        .et_button_no_icon .et_pb_button,
        .et_button_no_icon .et_pb_button:hover {
            padding: 0 1rem !important;
        }
        /* *************** END BUTTONS *************** */
        /* *************** START FORMS *************** */

        .et_pb_contact p input[type=checkbox]+label i {
            BORDER: 4px solid var(--accent2);
            width: 48px;
            height: 48px;
        }

        .et_pb_contact p input[type=checkbox]:checked+label i:before {
            font-size: 2rem;
            width: 3rem;
            height: 3rem;
            line-height: 3rem;
            background: var(--accent2);
        }
        /* *************** END FORMS *************** */
        /* *************** START VIDEO *************** */

        .video_preview a::after {
            content: "";
            width: calc(222px + (2 * 1.25rem));
            height: calc(222px + (2 * 1.25rem));
            display: block;
            position: absolute;
            top: 0;
            left: 0;
            background-image: url(https://berlineventnetwork.de/wp-content/uploads/2022/06/Icon-Play.svg);
            background-repeat: no-repeat;
            background-position: center center;
        }

        .video_preview:hover {
            cursor: pointer;
        }

        .video_preview img {
            object-fit: cover;
            width: 222px !important;
            height: 222px !important;
        }
        /* Custom Video Popup */

        .mfp-wrap.mfp-close-btn-in.mfp-auto-cursor.mfp-fade.mfp-ready {
            top: 0px !important;
            position: fixed !important;
        }

        .mfp-iframe-holder .mfp-content {
            max-width: 70%;
            border: 1.25rem solid var(--accent2);
        }

        .mfp-iframe-scaler button.mfp-close {
            top: -50px;
        }

        .mfp-iframe-holder .mfp-close,
        .mfp-image-holder .mfp-close,
        .mfp-wrap .mfp-close:active {
            top: -50px !important;
        }

        .video_popup_lightbox .mfp-iframe-holder .mfp-close {
            top: -50px;
        }

        .mfp-iframe-scaler iframe {
            box-shadow: none;
        }
        /* *************** END VIDEO *************** */
        /* *************** START Search *************** */

        .ben-search.et_pb_search {
            border: 0;
        }

        .ben-search input.et_pb_s {
            border: 1px solid var(--base2);
            border-radius: var(--padding);
            padding: 0 0 0 1rem !important;
            font-size: 1.125rem;
            background-color: var(--accent2);
        }

        .ben-search input.et_pb_searchsubmit {
            padding: 0 0 0 1rem;
            background-color: var(--base1);
            font-weight: 700;
            text-transform: uppercase;
            font-size: 1.5rem;
            color: var(--base2);
        }

        .ben-search input.et_pb_searchsubmit::placeholder,
        .ben-search.et_pb_search input.et_pb_s,
        .ben-search.et_pb_search input.et_pb_searchsubmit,
        .ben-search.et_pb_search input.et_pb_s::-webkit-input-placeholder {
            color: var(--base2);
        }
        /* *************** END Search *************** */
        /* *************** START SLICK SLIDER GRID VIEW 1 *************** */

        .mitglieder.slider_grid_1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1rem 1rem;
        }

        .mitglieder.slider_grid_1 .item {
            /* background-color: var(--base6); */
            margin: calc(var(--margin) / 2);
        }

        .mitglieder.slider_grid_1 .item img {
            width: 100%;
            height: 100%;
            filter: opacity(0.5);
        }

        .mitglieder.slider_grid_1 .item img:hover {
            filter: opacity(1);
        }

        .mitglieder.slider_grid_1 .item .title {
            font-size: 1.875rem;
            font-weight: 600;
            display: block;
            margin: 1rem 0;
            word-break: break-word;
            color: var(--base2);
            hyphens: auto;
        }
        /* *************** END SLICK SLIDER GRID VIEW 1 *************** */
        /* *************** START GRID VIEW 1 *************** */

        .mitglieder.grid_1 {
            display: grid;
            grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
            gap: 1rem 1rem;
        }

        .mitglieder.grid_1 .item {
            /* background-color: var(--base6); */
            margin: calc(var(--margin) / 2);
        }

        .mitglieder.grid_1 .item img {
            width: 100%;
            filter: opacity(0.5);
        }

        .mitglieder.grid_1 .item img:hover {
            filter: opacity(1);
        }

        .mitglieder.grid_1 .item .title {
            font-size: 1.875rem;
            font-weight: 600;
            display: block;
            margin: 1rem 0;
            word-break: break-word;
            color: var(--base2);
            hyphens: auto;
        }

        .mitglieder.grid_1 .item a {
            color: var(--base2) !important;
        }
        /* *************** END GRID VIEW 1 *************** */
        /* *************** START MITGLIEDER LIST VIEW 1 *************** */

        .mitglieder.list_1 .item {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            gap: 3rem;
            margin-bottom: 3rem;
        }

        .mitglieder.list_1 .item img {
            width: 223px;
            filter: opacity(0.5);
        }

        .mitglieder.list_1 .item .title {
            font-weight: 700;
            color: var(--base2);
        }

        .mitglieder.list_1 .item a {
            color: var(--base2) !important;
        }
        /* *************** END MITGLIEDER LIST VIEW 1 *************** */
        /* *************** START EXTERNE VERANSTALTUNGSLISTE *************** */
        .ben-externe-veranstaltungen__item {
            padding: 1.5rem 0;
            border-bottom: 1px solid var(--base4);
        }

        .ben-externe-veranstaltungen__title {
            font-weight: 700;
            color: var(--base2) !important;
            display: block;
        }

        .ben-externe-veranstaltungen__meta {
            color: var(--base3);
            font-size: 0.9rem;
            margin-top: 0.3rem;
        }
        /* *************** END EXTERNE VERANSTALTUNGSLISTE *************** */
        /* *************** START PODS FORM *************** */

        .entry-content .pods-form table,
        .entry-content .pods-form tr td {
            border: none;
        }

        .entry-content .pods-form thead th,
        .entry-content .pods-form tr th {
            padding: 0;
        }

        .pods-form abbr.required {
            font-size: 0.5rem;
            vertical-align: super;
            text-decoration: none;
        }

        .pods-form .pods-submit-button {
            padding: 0 1rem !important;
            font-weight: 300 !important;
            background: var(--accent2);
            border: none;
            font-size: 1.5rem;
            text-transform: uppercase;
        }

        .pods-form .pods-form-ui-comment {
            font-size: 1rem;
        }

        .pods-form .pods-field-option input[type=text],
        .pods-form .pods-field-option textarea {
            border: 1px solid var(--base2);
            padding: 0.25rem;
            color: var(--base2);
            font-size: 1.25rem;
        }
        /* *************** END PODS FORM *************** */
        /* *************** START X *************** */
        /* *************** END X *************** */
        /* ============== START DIVI BREAKPOINTS ============== */

        @media all and (min-width: 1405px) {}

        @media all and (min-width: 1100px) and (max-width: 1405px) {}

        @media all and (max-width: 980px) {}

        @media all and (min-width: 768px) and (max-width: 980px) {}

        @media all and (max-width: 767px) {}

        @media all and (max-width: 479px) {}
        /* ============== END DIVI BREAKPOINTS ============== */
        /* *************** START X *************** */
        /* *************** END X *************** */