/*
 Theme Name:     Deutsche Gesellschaft für Bauwerksmonitoring e.V.
 Theme URI:      https://www.degebam.de
 Description:    Child Theme von Divi für Deutsche Gesellschaft für Bauwerksmonitoring e.V.
 Author:         Kadir Sulanç
 Author URI:     https://www.makit.online
 Template:       Divi
 Version:        1.0.0
 Tags:           responsive-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, featured-images, full-width-template, post-formats, rtl-language-support, theme-options, threaded-comments, translation-ready
 License:        GNU General Public License v2
 License URI:    http://www.gnu.org/licenses/gpl-2.0.html
*/

/* Unter dieser Zeile kannst Du Deine eigenen Stile hinzufügen: */

@import url("assets/fonts/css/kanit.css");

/* -------------------- Page General Style -------------------- */

body {
    font-family: 'Kanit', sans-serif;
}

.degebam-disable-link .et_pb_post .entry-title,
.degebam-disable-link .et_pb_post .post-media a {
    pointer-events: none;
    cursor: default;
    display: inline-block;
}

.et_pb_text_inner a:hover,
.degebam-landing-termine a:hover {
    color: #000000;
    text-decoration: underline;
}


@media all and (max-width: 980px){
    .head-breadcrumb .et-pb-icon.show_icon {
        font-size: 26px !important;
    }
    
    .footer-social .et-pb-icon {
        font-size: 27px !important;
    }
}

@media all and (max-width: 768px){
    .head-breadcrumb .et-pb-icon.show_icon {
        font-size: 18px !important;
    }
    
    .footer-social .et-pb-icon {
        font-size: 24px !important;
    }
}

.et_pb_login_0.et_pb_login .et_pb_newsletter_button.et_pb_button:before,
.et_pb_login_0.et_pb_login .et_pb_newsletter_button.et_pb_button:after {
    content: "\35" !important;
}




/* ------------------ NAVIGATION ------------------ */
.degebam-header .dvcs_smooth_secondary_menu .et_pb_menu__wrap {
    justify-content: right !important;
}

/* desktop menu */
.degebam-header .et_pb_menu.dvcs_free_header_5 .et_pb_menu__menu {
    flex: 1 0 auto !important;
    justify-content: left !important;
}

/* mobile menu */
.degebam-header .et_pb_menu.dvcs_free_header_5 .et_mobile_menu {
    max-height: 75vh;
    overflow-y: auto;
}

@media all and (max-width: 980px){
    .degebam-header .et_pb_menu.dvcs_free_header_5 .et_mobile_menu {
        border-radius: 4px;
        width: 300px !important;
        right: 0;
        left: auto;
        top: calc(100% + 18px) !important;
    }
}

@media all and (max-width: 768px){
    .degebam-header .et_pb_menu.dvcs_free_header_5 .et_mobile_menu {
        width: calc(100% + 160px) !important;
        left: 0;
        right: auto;
        margin-left: -15px !important;
    }
    /* mobile menu links */
    .degebam-header .dvcs_free_header_5 .et_mobile_menu a {
        border-left: 5px solid #2c3333;
        margin-bottom: 4px;
        border-radius: 5px;
    }
}

/* mobile menu first link */
.degebam-header .dvcs_free_header_5 .et_mobile_menu > li:first-child > a {
    border-top: 1px solid rgba(0,0,0,.03) !important;
}

/* open mobile menu icon */
.degebam-header .et-db #et-boc .et-l .dvcs_free_header_5 .opened .mobile_menu_bar:before {
    content: "4d";
}

/* mobile menu parent menu items */
.degebam-header .dvcs_free_header_5 .et_mobile_menu .menu-item-has-children > a {
    background-color: transparent;
}

/**
 * SMOOTH SUBMENUS EFFECT CSS.
 * @author		Ivan Chiurcci
 * @site  		https://www.divicio.us/tutorials/menu/create-the-smooth-submenus-effect-for-divi-desktop-menu/
 */
/* Submenu background and arrow */
/* hide submenu */
.degebam-header .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > li > ul {
    animation: none;
    opacity: 0;
    transition: opacity 0.4s ease-in !important;
}

/* visible submenu */
.degebam-header .dvcs-item-enter > .sub-menu {
    display: block;
}

.degebam-header .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > .dvcs-item-enter-active > .sub-menu,
.degebam-header .dvcs_smooth_submenus .dvcs-item-enter-active > .sub-menu {
    opacity: 1;
}

.degebam-header .et_pb_menu .et-menu-nav>ul ul {
    padding: 31px 0 10px 0;
}

/* submenu background wrapper */
.degebam-header .dvcs_submenu_bg_wrapper {
    position: absolute;
    z-index: 1;
    pointer-events: none;
    padding-top: 11px;
}

.degebam-header .dvcs_submenu_bg_wrapper.dvcs-animatable {
    /* transition: transform 0.2s; */
    transition: all 0.4s ease;
    transform-origin: 50% 0;
}

.degebam-header .dvcs_submenu_bg_wrapper:not(.dvcs-animatable) {
    pointer-events: none;
}

/* submenu background */
.degebam-header .dvcs_free_header_5 .dvcs_submenu_bg {
    width: 150px;
    height: 100px;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    background: #ffffff;
    border-radius: 5px;
    box-shadow: 0px 2px 18px 0px rgb(0 0 0 / 10%);
    transition: all 0.2s, opacity 0.1s, transform 0.1s;
    transform-origin: 50% 0;
    display: flex;
    justify-content: center;
    opacity: 0;
    border-top: 5px solid #1779ba;
}

.degebam-header .dvcs_submenu_bg.dvcs_open {
    opacity: 1;
}

/* submenu background arrow */
.degebam-header .dvcs_free_header_5 .dvcs_arrow {
    position: absolute;
    width: 7px;
    height: 7px;
    display: block;
    background: #1779ba;
    transform: translateY(-50%) rotate(45deg);
    pointer-events: none;
      top: -5px;
}
/* END Submenu background and arrow */

/* Menus CSS */
/* first level submenus */
.degebam-header .dvcs_smooth_submenus .et_pb_menu__menu nav .et-menu > li > ul {
    left: 50%;
    transform: translate(-50%, 0) translateZ(0);
    background-color: transparent !important;
}

/* remove submenu box-shadow */
.degebam-header .dvcs_smooth_submenus .nav li ul {
    box-shadow: none !important;
}

/* END Menus CSS */
/* END SMOOTH SUBMENUS EFFECT CSS */
/* Full width expand mobile menu that opens under the header */




/* X icon in expanded mobile menu */
.degebam-header-mobil .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
}

.degebam-header-mobil .mobile_nav.opened .mobile_menu_bar:before {
    color: #000000;
}

.degebam-header-mobil .et_pb_menu .et_mobile_menu {
    padding: 0;
    margin-top: 15px;
}


/* Make the mobile menu full height */
.degebam-header-mobil .et_mobile_menu {

}

/* Remove the animation to avoid delay */
.degebam-header-mobil .mobile_nav.opened .et_mobile_menu {
    display: block !important;
}





/* Mobil Menü */
.degebam-header-mobil #main-header .et_mobile_menu li ul,
.degebam-header-mobil .et_pb_fullwidth_menu .et_mobile_menu li ul,
.degebam-header-mobil .et_pb_menu .et_mobile_menu li ul {
    padding-left: 0;
}

.degebam-header-mobil .et_mobile_menu li li {
    padding-left: 0;
}

.degebam-header-mobil .et_mobile_menu .menu-item-has-children>a {
    background-color: rgba(0,0,0,.1);
}



/* News */
#degebam-news .et_pb_post {
    padding-bottom: 30px;
    margin-bottom: 30px;
}

#degebam-news .et_pb_post .post-content,
#degebam-news .et_pb_post .post-content p {
    color: #000000;
}

#degebam-news .et_pb_post a {
    font-weight: bold;
}
#degebam-news .et_pb_post a:hover {
    color: #000000;
    text-decoration: underline;
}

/* FOOTER */
.degebam-footer a {
    color: #ffffff;
}

.degebam-footer a:hover {
    color: #ffffff;
    text-decoration: underline;
}

/* Formular */
.wpcf7-list-item a:hover,
.recaptcha_form_text a:hover {
    text-decoration: underline;
}
@media all and (max-width: 980px) {
    .dvppl_cf7_styler_0 .wpcf7-form input[type=submit] {
        width: 100%;
    }
}

/*wpcf7-list-item-label*/
.wpcf7-list-item .form_datenschutz,
.wpcf7-list-item .form_verein_akzeptiert {
    color: #000000;
    font-weight: 400 !important;
}

.mandatory {
    color: #ff0000;
}

/* ReCaptcha Logo disable */
.grecaptcha-badge {
    display: none;
}