/*
 Theme Name:     avl-theme
 Theme URI:      peppernet
 Description:    Divi Child Theme
 Author:         Elegant Themes
 Author URI:     http://www.elegantthemes.com
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */
/* G E N E R E L L ------------*/

:root {
  --link-color:#D67D5C;
}
h1.entry-title {
  display: none;
}
h1 {
  margin-bottom: 20px;
}
h1,h2,h3 {
  line-height: 1.15em;
}
#main-content div.entry-content .et_pb_text h3, #main-content div.entry-content .et_pb_text h4 {
  color: #555;
}
.single-post h1.entry-title {
  display: block;
}
a {
  color:var(--link-color)!important;
}
 a:hover{
   text-decoration: underline;
 }
 .et_pb_column_0{
   margin-top:20px;
 }
.et_pb_section {
  padding:10px!important;
}
p{
word-wrap: break-word;
overflow-wrap: break-word;
-webkit-hyphens: auto;
-moz-hyphens: auto;
hyphens: auto;
}
ul li a {
  line-height: 36px;
}
.et_pb_post {
  box-shadow:2px 2px 25px #ddd;
}
.et_pb_post h2, .et_pb_post .post-content {
  padding:20px;
}
.et_pb_divider{
  margin-top:50px;
}
.et_pb_button {
  font-size:16px;
}
.et_pb_button:after {
  font-size:26px;
}

/* H E A D E R ------------------*/
.et_fixed_nav #logo {
  max-height: 100px;
}
#main-header{
border-bottom:1px solid #EA4A00;
border-bottom:1px solid #ea4a0066;
padding-bottom:5px;
}
#main-header {
  background-color: #f9f4ed;
  background-color: #fdfdfe;
}
#main-content {
  min-height: 850px;
  margin-bottom:40px;
}

/* N A V I G A T I O N -------------------*/
#et-top-navigation{
  padding-left:0!important;
}
#top-menu-nav>ul>li>a:hover {
  -webkit-transition: all 0s ease-in-out;
  transition: all 0s ease-in-out;
}
ul#top-menu.nav li#menu-item-2537{
  margin-right:15px; 
  display: inline-flex;
  padding:40px 40px 5px 40px;
}
ul#top-menu.nav li#menu-item-2537{
  background: url('https://avlu.ch/archvl/wp-content/uploads/2024/02/20Jahre-AVL-def.png');
  background-repeat: no-repeat;
  background-size:100%;
  width:40px;
  height:auto;
}
ul#top-menu.nav li#menu-item-2537:hover{
  background-color:#333;
}
ul#top-menu.nav li#menu-item-2537 a{
margin-left:-20px;
margin-top:14px;
}

ul#top-menu.nav li#menu-item-2537.current-menu-item{
  background-color:#000;
  border:none;
}
#top-menu {
  margin-bottom:6px;
}
#top-menu li {
  padding:2px 4px 2px 4px;
  border-left:1px dashed #333;
  border-right:1px dashed #333;
  border-top:1px dashed #333;
  border-bottom:1px dashed #333;
}
#et-top-navigation nav>ul>li>a {
  padding: 5px!important;
}
#top-menu li{
  background-color: #fff;
}
#top-menu li a {
  color:rgba(0,0,0,1)!important;
}
.nav ul li a:hover {
  opacity:1!important;
}
#top-menu li a {
  font-size: 1.1em;
}
#top-menu li a:hover {
  opacity:1!important;
}
#top-menu li li{
  padding:0px;
}
#top-menu li a{
  padding:10px 5px;
}
#top-menu li li a {
  padding: 6px 0px 6px 10px;
  width: 253px;
  font-size:1.1em;
}
#top-menu li.current-menu-item, #top-menu li:hover {
  background-color: #333;
}
#top-menu li.current-menu-item a, #top-menu a:hover {
  color:#fff!important;
}
.nav li ul {
  padding:0px;
  border-top:0px;
}
.menu-item-has-children>a:first-child:after{
  content:""!important;
}
ul.sub-menu {
  margin-left:-5px;
  border-top:0px;
}

/* H O M E ----------- */
h3.entry-title {
  margin-bottom:15px;
}
.home .et_pb_post {
  margin-bottom:10px;
}
.aktuell .et_pb_module {
  margin-bottom:0px!important;
}

/* Aktion Tasche */
.bagbox {
  position:absolute;
  right:-80px;
  top:280px;
  max-width:600px;
  transform:rotate(-7deg);
  background-color: #fff;
  box-shadow: 0 0 25px #555;
}
.bagbox .et_pb_code_inner {
  display:grid;
  grid-template-columns: 30% auto;
 }
.imgbag {
  width:200px;
  padding:0 10px 0 0;
}
.bagtext {
 /* width:380px; */
 font-size:0.8em!important;
 padding:15px 10px 10px 15px;
 }
.bagtext h2 {
  font-size:18px;
}
.bagtext p {
  font-size:0.8em!important;
} 
/* Ende Aktion Tasche */

/* K O N T A K T ----------------*/
.et_contact_bottom_container{
  float: left;
}

/* Programme-----------*/
.archivprog ul li {
padding: 10px 0;
}

/* A K T U E L L -------------------------*/
.et_pb_post h2 a{
  color:#555!important;
}

/* B L O G ------------------------------*/
/* DIVI-Theme: Strich ziwschen den zwei Spalten löschen */
.container:before {
  background-color:transparent !important;
}
.et_pb_widget_area_right {
  border-left:0 !important; 
}
.et_pb_widget_area_left {
  border-right:0 !important;
}
.page-id-2441 #left-area ul {
  list-style-type:none;
}
.page-id-2441 #left-area ul li {
  box-shadow:2px 2px 25px #ddd;
  padding:15px;
  margin-bottom:40px;
}
.page-id-2441 #left-area ul li > a{
  font-family: 'Francois One',Helvetica,Arial,Lucida,sans-serif;
  font-size:1.75em;
  font-weight:500;
  color:#555!important;
}
.wp-block-latest-posts__post-author {
  margin:10px 0 5px 0;
}
.wp-block-latest-posts__post-date {
  padding:3px 0 3px 8px;
  width: 160px;
  border:1px solid #000;
  margin-bottom: 20px;
}
a.wp-block-latest-posts__post-title{
  display:block;
}
#sidebar ul.wp-block-latest-posts__list{

}

#sidebar ul.wp-block-latest-posts__list li {
  background-color:#f3f3f3;
  margin:15px 0;
}
#sidebar a.wp-block-latest-posts__post-title {
  padding-left:5px;
}
/* Ende Anpassung*/

/* S I N G L E P O S T -------------------*/
.single-post #left-area article{
  padding:20px;
} 
/* V O R S T A N D ------------------ */
.page-id-604 .et_pb_team_member_image{
  max-width: 220px;
}
.page-id-2441 #side .category-blog {
  margin-bottom: 20px;
}
.page-id-2441 #side .category-blog .post-content{
  display: none!important;
  padding:0!important;
}
.page-id-2441 .wp-block-latest-post__post-excerpt a{
  font-size: 1em;
}

/* MITGLIEDERBEREICH-----------------*/

/* Seite Anmeldung------*/
.page-id-135 input[type=submit] {
  color:#98a54c!important;
}
.page-id-135 .ab-accordion-title {
  width:300px;
  font-size:20px;
  font-weight: 600;
}
.et_password_protected_form p input{
  font-size:18px;
}
.page-id-135 h2 {
  color:#333;
  border-bottom:1px solid #000;
  margin-top:60px;
}
.page-id-135 h4 {
  margin-top:15px;
}
.page-id-135 span.mobile_menu_bar::before {
  color: #000;
}
.logoutbut{
margin-bottom: 30px;
padding: 10px;
font-size: 18px;
border-left: 4px solid orange;
border-right: 4px solid orange;
}
.et_password_protected_form{
  width:60%;
  max-width: 1080px;
  margin:0 auto;
  margin-top:100px;
}
.et_password_protected_form .et_submit_button{
  float: left;
  border-color:#98a54c;
  color:#98a54c!important;
  /* background-color:#f3f3f3; */
  padding:0.2em 2.5em;
  }
.et_password_protected_form .et_submit_button:hover{
  padding:0.2em 2.5em;
  color: #333!important;
}
.et_password_protected_form p {
font-size: 18px;
}
.page-id-135 .et_submit_button:after{
  clear:left;
}
.page-id-135 #main-footer {
  background-color: rgba(30,7,4,0.53);
}
.page-id-135 .et_pb_button:hover, .et_pb_module .et_pb_button:hover{
  border: 2px solid transparent;
}

/* K O N T A K T ---------------------*/
p.et_pb_contact_field_5{
  width: 70%!important;
}

/* F O O T E R ----------------------------*/
.et_pb_gutters1.et_pb_footer_columns2 .footer-widget{
  width: 100%;
}
#footer-widgets {
  padding:2% 0 4% 0;
}
#footer-widgets #block-4{
  margin-top:20px;
}
.et_pb_gutters2 .footer-widget{
margin-bottom:0;
}
#main-footer #footer-bottom{
  display:none;
}
#block-4.fwidget{
  display: flex;
}
#block-4.fwidget ul li{
  display:inline;
  padding-right:40px;
}
#block-4.fwidget ul li::before{
  display: none;
}
#block-4.fwidget ul li.datenschutz a{
  color:#fff!important;
}
#block-4.fwidget ul li.datenschutz a:hover{
  text-decoration: underline;
}
#block-4.fwidget ul li.m-bereich a{
  border:1px solid #fff;
  padding:5px 8px;
  border-radius: 3px;
}
#block-4.fwidget ul li.m-bereich a{
  color: #fff!important;
}
#block-4.fwidget ul li.m-bereich:hover {
background-color: #ddd;
}
#block-4.fwidget ul li.m-bereich:hover a{
  color:#000!important;
}

#custom_html-5{
  float: right;
  padding:5px 10px;
  border:1px solid #fff;
  border-radius: 3px;
  color: #fff;
}
#custom_html-5 a{
  color:#fff!important;
  padding:10px;
  text-decoration: none;
}
#custom_html-5::after{
  clear:right;
}
#custom_html-5:hover{
  background-color: #C5B3B1;
}
#custom_html-5{
  "\35"
}
#custom_html-5 a:hover{
  padding-left:20px!important;
}

/* 4 0 4 -----------------*/
.error404 #left-area .et_pb_post{
  box-shadow:2px 2px 25px #ddd;
  width:90%;
}
.error404 #left-area .et_pb_post h1 {
  margin-bottom:20px;
}


/*---------------M E D I A Q U E R Y -------------------------
-------------------------------------------------------------
-------------------------------------------------------------*/

  /* R E S P O N S I V E ---D E S K T O P -----------------*/

  @media only screen and ( min-width:900px ) and (max-width:1200px) {
    #logo{
      max-height:60%!important;
    }
  } 
  @media only screen and ( min-width:981px ) {

/* H O M E Slider --------------*/
  .et_pb_slider, .et_pb_slider .et_pb_container {
    height: 550px !important;
    }
  .et_pb_slider, .et_pb_slider .et_pb_slide {
    max-height: 550px;
    }

/* MITGLIEDERBEREICH*/
  .page-id-135 header#main-header {
    height:105px!important;
    }
  .page-id-135 #logo {
    max-height: 94%;
    }
  .page-id-135.et_header_style_left #et-top-navigation {
    padding-top:65px;
    }
/* KONTAKT-------------------*/
  .page-id-144 .et_pb_contact_submit.et_pb_button {
    margin:20px 0 0 20px;
    }
  }

 @media only screen and (min-width:900px) {
   #et_mobile_nav_menu {
    display: none!important;
  }
  #top-menu {
    display: block!important;
    }
}

/* R E S P O N S I V E ---Handy------   PORTRAIT -----------------------------------------------------------------------------*/
  @media only screen and (max-width: 649px) {

  #main-header {
    padding-bottom: 15px;
  }
img#logo {
    max-height: 100%!important;
    margin-top:9px;
  } 
  .et_header_style_left .mobile_menu_bar {
    padding-bottom: 8px;
  }

  /* M O B I L E  - M E N U ---------*/
  .mobile_menu_bar:before{
    font-size: 45px;
  }
  .et_pb_row {
    padding:10px 0;
  }

/* H O M E  --------------*/
  .et_pb_slider, .et_pb_slider .et_pb_container {
    height: 250px !important;
    }
  .et_pb_slider, .et_pb_slider .et_pb_slide {
    max-height: 250px;
  }
  .home .et_pb_row_1.et_pb_row {
    padding-top:10px;
  }

/* MITGLIEDERBEREICH */
  .et_password_protected_form {
    margin-top:20px;
  }

/* K O N T A K T -------------------*/
  .page-id-144 .et_pb_contact_submit.et_pb_button {
    margin:20px 0 0 10px;
  }

/* F O O T E R ---------------------------------*/
  #footer-widgets {
    padding-bottom:20px!important;
}
  #custom_html-5{
    float: left;
    margin:10px 0!important;
  }
}

/* R E S P O N S I V E --------------
M o b i l e   M e n u   -------------*/

@media screen and (min-width:650px) and (max-width: 899px) {
img#logo{
  max-height: 100%!important;
  }
}

@media screen and (max-width: 980px) {
  .et_header_style_centered #main-header {
    position: fixed;
  }
  .et_header_style_centered #main-header .mobile_nav {
    background-color: transparent;
  }
  .mobile_nav.closed .select_page {
    display: none;
  }
  .et-fixed-header#main-header {
    background-color: transparent !important;
  }
  .et_mobile_menu {
    top: 0;
    left: 0;
    position: fixed;
    z-index: 9998;
    overflow: scroll !important;
    background-color: rgba(10, 10, 10, 0.95) !important;
    padding: 25% 0;
    height: 100%;
    width: calc( 100% + 60px);
    border-top: none;
  }
  .et_mobile_menu li a {
    text-align: left;
    font-size: 1.55em;
    border: 0;
    padding: 4% 20px;
    text-transform: uppercase;
    letter-spacing: 2px;
  }
  #mobile_menu.et_mobile_menu li a{
    font-weight: 700;
  }
  .mobile_nav ul#mobile_menu .current_page_item > a {
    color: #5376F6;
    color:#fff!important;
    background-color: rgba(255,255,255, 0.1);
  }
  .mobile_nav ul#mobile_menu li ul li a {
    font-size: 1.05em !important;
    margin: auto;
  }
  .et_mobile_menu li a:hover {
    color: #999;
    -webkit-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
  }
  .mobile_nav.opened .mobile_menu_bar:before {
    content: '\4d';
    z-index: 9999;
    color: #fff;
  }
  /* Anpassung abgesetzter neuer Link Blog --------*/
  ul#mobile_menu li#menu-item-2537{
    margin-right:0px;
    height:80px;
    width:100%; 
    display:inline-flex;
    
  }
  ul#mobile_menu li#menu-item-253 a{
    width:50%;
  }
  ul#mobile_menu li#menu-item-2537::after{
    content:url('https://avlu.ch/archvl/wp-content/uploads/2024/02/20Jahre-AVL-def.png');
    display:inline-flex;
    transform:scale(0.3);
    margin-top:-40px; 
    margin-left:-120px;
  }
  .page-id-2441 ul#mobile_menu li#menu-item-2537, .page-id-2475 ul#mobile_menu li#menu-item-2537{
    display:inline-flex;
  }
  
  /* MITGLIEDERBEREICH--------*/
  .et_password_protected_form {
    width: 100%;
  }
/* F O O T E R */
#block-4.fwidget ul li{
  display:block;
  padding-right:0px;
}
}


  /*------------------------------------------------------------------------------
  R E S P O N S I V  -- M E D I U M ---TABLET-PORTRAIT--DESKTOP SCHMAL -----------------------------------------------------------------------------*/

/* Spezial Aktion */

@media only screen and (max-width:980px) {
  .bagbox {
    position:relative;
    top:0;
    right:-10px;
  }
}
@media only screen and (max-width:733px) {
  .bagbox {
    top:-30px;
    left:-10px;
    margin-bottom:-30px!important;
  }
  .bagbox .et_pb_code_inner {
    grid-template-columns: 100%;
   }
  .imgbag {
    width:220px;
    margin:0 auto;
  }
  .bagtext {
    margin-top:-30px;
    padding:15px;
  }
}

@media only screen and (min-width: 706px) and (max-width:979px) {
 .et_pb_row {
  padding:10px;
  }
 img#logo {
  /* max-width:80%!important; */
  margin-top:9px;
  padding-bottom:10px;
  }
  #custom_html-5{
    float: left;
    margin:10px 0!important;
    }
  #footer-widgets .footer-widget .fwidget, #footer-widgets .footer-widget:nth-child(n){
    margin-bottom:20px!important;
    }
  }

/* Portrait Mode Phones (smaller than 480px) */
@media only screen and (max-width:479px) {
  .home .aktuell, . {
    padding-top:15px;
  }
}