/*
Theme Name: Divi Child
Description: Child theme for Divi theme
Author:
Author URI:
Template: Divi
Version: 1.0.0
Text Domain:  Divi
DKSB - Kinderschutzbund Lübeck
*/

@media only screen and (min-width: 601px) {
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-layout-column-50 {width: 50%!important;}
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-preset-50-50 .wpforms-layout-column-50:nth-child(odd){padding: 0 10px 0 0!important;}
  div.wpforms-container .wpforms-form .wpforms-field-layout .wpforms-field-layout-preset-50-50 
   
   .wpforms-layout-column-50:nth-child(even){padding: 0 0 0 10px!important;}
  }
.highlight {background-color: yellow;}
#search-input{padding: 8px 5px;}

#et-info {
    float: right!important;
    margin-left: 22px;
    }

/*PW-protected*/
.et_password_protected_form{max-width: 400px;margin: 150px auto 150px;text-align: center;}
/*BORLABS*/
._brlbs-google-maps{width: 100%;height: 400px;overflow: hidden;}
._brlbs-google-maps img{width: 100%;height:100%;}

.wpforms-submit,.wp-block-button__link{
  color: #FFFFFF!important;
    border-color: RGBA(255,255,255,0)!important;
    border-radius: 4px!important;
    font-size: 18px!important;
    font-weight: 600!important;
    background-color: #2264ad!important;
    padding: 12px 20px!important;
box-shadow: 0px 2px 90px 0px rgb(37 97 239 / 24%)!important;
    transition: background-color 300ms ease 0ms,letter-spacing 300ms ease 0ms!important;
}
.wpforms-submit:hover,.wp-block-button__link:hover{
letter-spacing: 0px!important;
    background-image: initial;
    background-color: #143e75!important;
  }


/*MODAL - Stand 08.11.2023/MW */
.page-with-modal .modal{animation: fade 1s forwards;animation-delay: 0s;display:none;position: fixed!important;top: 0;left: 0;width: 100%;height: 100%;overflow:hidden;z-index: 9999999;background-color: rgba(0,0,0,.5)!important;}
.page-with-modal .modal .modalinner {min-width: 300px;max-height: 90%!important;overflow-x: hidden;overflow-y: auto;padding: 15px 0;margin: 0 auto;width:100%;max-width: 700px!important;background-color: #fff;border-radius: 10px;position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);}
.page-with-modal .modalclose{z-index: 99;color:#006f43;transition:all.5s;position: absolute;top: 10px;right: 10px;font-size: 24px;width: 25px;height: 25px;text-align: center;line-height: 27px;font-weight: 600;z-index: 9;}
.page-with-modal .modalclose:hover, .modallink:hover, .modallink3:hover{cursor:pointer;opacity:.8}
.active_modal{display:inline-block!important;}
.active_modal_body{overflow:hidden!important;}
@keyframes fade {from {opacity: 0;}	to {opacity: 1;}}
.et-fb #page-container .modal{background-color: rgba(0,0,0,.5);}
.et-fb #page-container .modal::before {content: "MODAL";color: rgba(255,255,255,.1);font-size: 55px;position: absolute;text-align: center;width: 100%;top: 8px;}
.et-fb #page-container .modal .et_pb_row {background-color: #fff;padding:0 10px;}
.page-with-modal .modal:hover{cursor:zoom-out;}
.page-with-modal .modal .modalinner:hover{cursor:default!important;}
/* ENDE MODAL */


#top-header li.icon a .et-pb-icon{margin-right:5px; font-size: 12px;}
#top-menu li.not-active a, #top-menu li.current-menu-item.not-active>a{ color:#333333!important; }
#top-menu li.not-active a::before { display:none!important; }


@media (max-width: 980px) {
  .dtb_mobile #et_top_search {
    margin-right:12px!important;
  }
}




.text-button {
  color:#ffffff!important;
  background-color: #0064ad!important;
  padding: 8px 20px 11px 20px!important;
  border-radius: 4px;
  font-weight:600!important;
  line-height: 2.6;
}

.text-button:hover {
  background-color:#143e75!important;
}

.link-extern::before { 
  content: "\26"!important;
  font-family: "ETmodules";
  font-size: 14px;
  margin-right: 5px;
}


/* Kategorieseiten anpassen*/
.infotext-kategorieseite .et_pb_module_header, .infotext-kategorieseite .et_pb_blurb_description{
  padding-left:18px; padding-right:18px;
}

/* Über uns - Seite, Kontaktperson*/
@media screen and (max-width:980px) {
  #verwaltung .infotext-person .et_pb_blurb_container { padding-left: 22px!important;}  
}

@media screen and (max-width:768px) {
  #verwaltung .infotext-person .et_pb_blurb_container { padding-left: 0px!important;}  
}