/**
 * Theme Name:  Lufthansa Sportverein Hamburg
 * Author:      Torsten Landsiedel (Workout Verlag)
 * Author URI:  https://workout-verlag.de/
 * Version:     1.0.0
 * License:     GNU General Public License v2 or later
 * License URI: http://www.gnu.org/licenses/gpl-2.0.html
 * Text Domain: astra-child
 * Template:    astra
*/

/* +-------------------
 * | Menu
 * +-------------------
 */

li.external-link a::after {
  content: '\2197';
  padding-left: 0.5em;
}

.ast-desktop .ast-primary-header-bar .main-header-menu > .menu-item {
  line-height: 40px;
}

.ast-desktop .ast-menu-hover-style-underline > .menu-item > .menu-link::before, 
.ast-desktop .ast-menu-hover-style-overline > .menu-item > .menu-link::before {
  height: 2px;
}


/* +-------------------
 * | Cover Block 100 -> 75
 * +-------------------
 */
.wp-block-cover.alignfull {
	min-height: 375px !important;
	height: 60vh !important;
}
.home .wp-block-cover.alignfull {
	min-height: 375px !important;
	height: 90vh !important;
}

/* +-------------------
 * | Move Caption below image
 * +-------------------
 */

.blocks-gallery-item figure {
    flex-direction: column;
}
figcaption.blocks-gallery-item__caption {
    position: relative !important;
}

/* +-------------------
 * | Make footer titles bold
 * +-------------------
 */

.site-footer .widget-title {
  font-weight: 700;
}

/* +-------------------
 * | Mitgliedsantrag
 * +-------------------
 */

#mitgliedsantrag input{
	text-decoration:none;
	color:#191919;
	font-family:"Lufthansa";
	border:0;
	background:transparent;
	cursor:pointer;
	transition:all 0.2s linear;
	border-radius: 0 !important;
}

#mitgliedsantrag textarea {
	border-radius: 0;
}

.form30,
.form40,
.form50,
.form60,
.form70,
.form100{
	float:left !important;
	height:40px;
	line-height:40px !important;
	border:0 !important;
	border-bottom:2px solid #ddd !important;
	background:transparent;
	padding:0 10px !important;
	font-size:14px !important;
	font-family:"Lufthansa";}

.form30{width:calc(30% - 10px) !important;margin:0 5px;}
.form40{width:calc(40% - 10px) !important;margin:0 5px;}
.form50{width:calc(50% - 10px) !important;margin:0 5px;}
.form60{width:calc(60% - 10px) !important;margin:0 5px;}
.form70{width:calc(70% - 10px) !important;margin:0 5px;}
.form100{width:calc(100% - 10px) !important;margin:0 5px;}

.container1,
.container2,
.container3{float:left;width:calc(100% - 25px);display:block;position:relative;padding-left:25px;margin:5px 0;line-height:22px;cursor:pointer;font-size:14px;}
.container2{width:calc(25% - 25px);min-width:200px;}
.container3{width:calc(33.333% - 25px)}
.container1 input,
.container2 input,
.container3 input{position:absolute;opacity:0;cursor:pointer;}
.checkmark{position:absolute;top:0;left:0;height:20px;width:20px;background-color:#ddd;border-radius:50%;}
.container1:hover input ~ .checkmark,
.container2:hover input ~ .checkmark,
.container3:hover input ~ .checkmark{background-color:#ccc;}
.container1 input:checked ~ .checkmark,
.container2 input:checked ~ .checkmark,
.container3 input:checked ~ .checkmark{background-color:#05164D;}
.checkmark:after{content:"";position:absolute;display:none;}
.container1 input:checked ~ .checkmark:after,
.container2 input:checked ~ .checkmark:after,
.container3 input:checked ~ .checkmark:after{display:block;}
.container1 .checkmark:after,
.container2 .checkmark:after,
.container3 .checkmark:after{top:7px;left:7px;width:6px;height:6px;border-radius:50%;background:white;}

/* ### BOXES ### */
	.box25p,
	.box33p,
	.box33pl,
	.box40p,
	.box50p,
	.box60p,
	.box75p,
	.box100p{float:left;padding:20px;}
	
	.box25p{width:25%;}
	.box33p{width:33.333%;text-align:center;}
	.box33pl{width:33.333%;}
	.box40p{width:40%;}
	.box50p{width:50%;}
	.box60p{width:60%;}
	.box75p{width:75%;}
	.box100p{width:100%;}

	#box25p,
	#box33p,
	#box33pl,
	#box40p,
	#box50p,
	#box60p,
	#box75p,
	#box100p{float:left;padding:20px;}
	
	#box25p{width:25%;}
	#box33p{width:33.333%;text-align:center;}
	#box33pl{width:33.333%;}
	#box40p{width:40%;}
	#box50p{width:50%;}
	#box60p{width:60%;}
	#box75p{width:75%;}
	#box100p{width:100%;}
	
	.box50pImg{float:left;width:100%;}
	
	.box33pImg{width:160px;height:160px;margin:0 auto 30px auto;border-radius:80px;}
	.box33pInfo{float:left;width:100%;line-height:20px;font-size:16px;color:#787878;}
	.box33pTitle{float:left;width:100%;font-size:25px;padding:5px 0 15px 0;font-family:light;}
	.box33pFon,
	.box33pMail{float:left;width:100%;line-height:30px;font-size:16px;}
	
	#box20n{float:left;width:20%;padding:20px 10px;text-align:center;}
	#box20n:hover{opacity:0.6;transition:all 0.2s linear;}
	.box20Img{float:left;width:100%;margin-bottom:10px;background:#eee;aspect-ratio: 250 / 350;}
	
	#box25n{float:left;width:25%;padding:5px;margin:5px 0 40px 0;}
	#box25n:hover{opacity:0.6;transition:all 0.2s linear;}
	.box25nImg{float:left;padding:10px;width:100%;height:170px;background:#eee;margin:0 0 20px 0;}
	.box25nTitle{font-size:20px;padding:5px 0 10px 0;}
	.box25nInfo{font-size:14px;padding:0 0 15px 0;color:#787878;}
	.box25nSubTitle{font-size:14px;font-family:textbold;padding:0px 0;}
	.box25nText{font-size:16px;line-height:24px;font-family:light;}
	
	#boxGallery{float:left;width:20%;padding:5px;}
	#boxGallery:hover{opacity:0.6;transition:all 0.2s linear;}
	.boxGalleryImg{float:left;padding:10px;width:100%;height:160px;background:#eee;margin:0;}
	
	
	#box40s,
	#box60s{float:left;height:450px;margin:5px 5px 0 5px;}
	#box40s{width:calc(40% - 10px);}
	#box60s{width:calc(60% - 10px);}
	
	#box40s:hover,
	#box60s:hover{opacity:0.8;transition:all 0.2s linear;}
	
	.boxBackS{float:left;width:100%;height:450px;background:linear-gradient(rgba(0,0,0,0.5),rgba(0,0,0,0.3) 40%,rgba(0,0,0,0.6));padding:250px 50px 0 50px;}
	
	.boxBackS h2{color:#fff;font-size:30px;}
	.boxBackS h3{color:#fff;font-family:textbold;font-size:18px;}
	.boxBackS h4{color:#fff;font-family:thin;font-size:16px;}

.clear {
  clear: both;
}

#mitgliedsantrag .BtnLink1,
#mitgliedsantrag .artBtn,
#mitgliedsantrag .BtnLink2:hover{font-family:"Lufthansa";font-size:14px;float:left;margin:20px 20px 20px 0;padding:12px 15px;border:2px solid #05164D;background:#05164D;color:#fff;}
#mitgliedsantrag. BtnLink1:hover,
#mitgliedsantrag .artBtn:hover,
#mitgliedsantrag .BtnLink2{font-family:"Lufthansa";font-size:14px;float:left;margin:20px 20px 20px 0;padding:12px 15px;border:2px solid #05164D;background:transparent;color:#05164D;}


/* +-------------------
 * | Sparten im Menü auf 5 Spalten
 * +-------------------
 */

.astra-megamenu.sub-menu.astra-mega-menu-width-content {
  display: grid !important;
  grid-template-columns: repeat(5, 1fr); /* 5 Spalten */
  grid-template-rows: repeat(8, auto);
  grid-auto-rows: auto;
  grid-auto-flow: column;                /* Elemente füllen Spaltenweise statt Zeilenweise */
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
}

.astra-megamenu.sub-menu.astra-mega-menu-width-content > li {
  box-sizing: border-box;
  text-align: left;
  padding: 0 !important;
}

.astra-megamenu.sub-menu.astra-mega-menu-width-content > li > a {
  display: block;
  padding: .25rem;
  text-decoration: none;
  color: inherit;
  font-weight: 400;
}

.astra-megamenu.sub-menu .menu-link {
  white-space: nowrap;
}

.sub-menu .menu-link {
  font-weight: 400;
}



/* +-------------------
 * | Orphaned gallery items should not stretch
 * +-------------------
 */

.wp-block-gallery.has-nested-images figure.wp-block-image {
  flex-grow: 0;
}