/*
 Theme Name:     BiBerlin e.V. 
 Theme URI:      https://sunnysundays.de
 Description:    BiB Theme
 Author:         Sunny Sundays
 Author URI:     https://sunnysundays.de
 Template:       Divi
 Version:        1.0.0
*/


/*****TYPOGRAPHY*****/

@font-face {
    font-family: 'Inter-Bold';
    src: url('/wp-content/fonts/Inter-Bold.woff2') format('woff2'),
        url('/wp-content/fonts/Inter-Bold.woff') format('woff'),
        url('/wp-content/fonts/Inter-Bold.ttf') format('truetype'),
        url('/wp-content/fonts/Inter-Bold.svg#Inter-SemiBold') format('svg');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/wp-content/fonts/Inter-SemiBold.woff2') format('woff2'),
        url('/wp-content/fonts/Inter-SemiBold.woff') format('woff'),
        url('/wp-content/fonts/Inter-SemiBold.ttf') format('truetype'),
        url('/wp-content/fonts/Inter-SemiBold.svg#Inter-SemiBold') format('svg');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/wp-content/fonts/Inter-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Inter-Regular.woff') format('woff'),
        url('/wp-content/fonts/Inter-Regular.ttf') format('truetype'),
        url('/wp-content/fonts/Inter-Regular.svg#Inter-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Anton';
    src: url('/wp-content/fonts/Anton-Regular.woff2') format('woff2'),
        url('/wp-content/fonts/Anton-Regular.woff') format('woff'),
        url('/wp-content/fonts/Anton-Regular.ttf') format('truetype'),
        url('/wp-content/fonts/Anton-Regular.svg#Anton-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Gambetta';
    src: url('/wp-content/fonts/Gambetta-Italic.woff2') format('woff2'),
        url('/wp-content/fonts/Gambetta-Italic.woff') format('woff'),
        url('/wp-content/fonts/Gambetta-Italic.ttf') format('truetype'),
        url('/wp-content/fonts/Gambetta-Italic.svg#Gambetta-Italic') format('svg');
    font-weight: normal;
    font-style: italic!important;
}

@font-face {
	font-family: 'ElegantIcons';
	src:url('/wp-content/fonts/ElegantIcons.eot');
	src:url('/wp-content/fonts/ElegantIcons.eot?#iefix') format('embedded-opentype'),
		url('/wp-content/fonts/ElegantIcons.woff') format('woff'),
		url('/wp-content/fonts/ElegantIcons.ttf') format('truetype'),
		url('/wp-content/fonts/ElegantIcons.svg#ElegantIcons') format('svg');
	font-weight: normal;
	font-style: normal;
}


h1 {
	font-family: 'Anton', Helvetica, Arial, sans-serif!important;
	text-transform:uppercase;
	font-size: clamp(5rem, 7.791vw + 3.159rem, 15.625rem);
line-height: clamp(5rem, 10.082vw + 2.618rem, 18.75rem);}

h2 {
	font-family: 'Anton', Helvetica, Arial, sans-serif!important;
	text-transform:uppercase;
	font-size: clamp(3.125rem, 2.288vw + 2.589rem, 6.25rem);
	line-height: clamp(3.125rem, 3.204vw + 2.374rem, 7.5rem);}

h3, h4, h5, h6 {
	font-family: 'Inter-SemiBold', Helvetica, Arial, sans-serif!important;
	font-size: clamp(1.25rem, 0.686vw + 1.089rem, 2.188rem);
	line-height: clamp(1.625rem, 1.053vw + 1.378rem, 3.063rem);
	padding-bottom:1vw;}


p, body {
	font-family: 'Inter-Regular', Helvetica, Arial, sans-serif!important;
	font-size: clamp(1rem, 0.183vw + 0.957rem, 1.25rem);
	line-height: clamp(1.5rem, 0.549vw + 1.371rem, 2.25rem);}

p strong  {
	font-family: 'Inter-Bold', Helvetica, Arial, sans-serif!important;}

.quote p, .quote body {
	font-family: 'Anton', Helvetica, Arial, sans-serif!important;
	font-size: clamp(1.25rem, 0.686vw + 1.089rem, 2.188rem);
	line-height: clamp(1.625rem, 1.053vw + 1.378rem, 3.063rem);}

.intro p, .intro body { 
	font-family: 'Inter-SemiBold', Helvetica, Arial, sans-serif!important;
	font-size: clamp(1.25rem, 0.686vw + 1.089rem, 2.188rem);
	line-height: clamp(1.625rem, 1.053vw + 1.378rem, 3.063rem);}

.spec p, .spec body {
	font-family: 'Gambetta', Garamond, Georgia, serif!important;}

.head h3{font-family: 'Anton', Helvetica, Arial, sans-serif!important;text-transform:uppercase;}

.et_pb_button, .bi-button, .ba_dual_button_0 {
	font-family: 'Inter-SemiBold', Helvetica, Arial, sans-serif!important;}

#et-top-navigation{
	font-family: 'Inter-SemiBold', Helvetica, Arial, sans-serif!important;}


/*list style*/

.list li, .list ul, .list ol{
	font-family: 'Inter-Regular', Helvetica, Arial, sans-serif!important;
	font-size: clamp(1rem, 0.183vw + 0.957rem, 1.25rem)!important;
	line-height: clamp(1.5rem, 0.549vw + 1.371rem, 2.25rem)!important;
padding-bottom:3%!important;}


.list ul li {
  list-style: none!important; 
}

.list ol li {
    list-style-type: none!important;
    counter-increment: list!important;
    position: relative!important;
}

.list ol li:before {
    content: counter(list) "."!important;
    position: absolute!important;
    left: -2.5em!important;
    width: 2em!important;
    text-align: right!important;
	font-family: 'Inter-Bold', Helvetica, Arial, sans-serif!important;
  color: #FF29C3!important; 
}

.list ul li::before {
  content: "\2022"!important; 
  color: #FF29C3!important; 
  display: inline-block!important; 
  width: 1em!important; 
  margin-left: -1em!important; 
}

/*****miscellaneous*****/

/*background*/

#main-content { background-color: #fafafa !important; }

/*fix backend font*/

.media-attachments-filter-heading, .media-frame-menu-heading {font-size:14px!important;}
.media-frame-title h1{font-size:22px!important;}

.mce-top-part {
    position: sticky!important;
    top: -60px;
}

/*vertical align content*/

.vert { 
    display: flex; 
    flex-direction: column; 
    justify-content: center;
} 

/*back to top*/

.et_pb_scroll_top {	background-color:rgba(255,41,195,0.8)!important;}

@media all and (min-width: 981px) {
	
	.et_pb_scroll_top {bottom:200px!important;}}

/*slider arrows*/

.et-pb-arrow-next {
     opacity: 1;
     right: 22px;
}
.et-pb-arrow-prev{
     opacity: 1;
     left: 22px;
}

/*custom gutter width*/

@media only screen and (min-width: 981px) {

    .custom-gutter .et_pb_row {
        display: flex;
        flex-wrap: nowrap;
        width: 100%;
        margin-left: 0 !important;
        margin-right: 0 !important;
    }

    .custom-gutter .et_pb_column {
        padding: 0 !important;
    }

    /* Erste Spalte */
    .custom-gutter .et_pb_column:nth-child(1) {
        width: calc(40% - 0.5%) !important; /* 1% Gutter zwischen den Spalten */
        margin-right: 1% !important;
    }

    /* Zweite Spalte (2/3 Breite) */
    .custom-gutter .et_pb_column:nth-child(2) {
        width: calc(60% - 0.5%) !important;
        margin-right: 0 !important; /* Letzte Spalte hat keinen Abstand */
    }
}

/*row img full height*/

.pic {
	height: 100%!important;
}

.pic .et_pb_image_wrap {
	height: 100%!important;
}

.pic img {
	object-fit: cover!important;
	height: 100%!important;
}

/*toggle icon*/

.et_pb_toggle_close .et_pb_toggle_title:before, .et_pb_toggle_open .et_pb_toggle_title:before {right:0em!important;}


/*****MENU STYLE*****/

header#main-header.et-fixed-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

#top-menu, .et-menu, nav#top-menu-nav, nav.et-menu-nav {
    float: none!important;
    text-align: center;
}

#top-menu>li:last-child {
    position: absolute;
    right: 30px;
	top:30px;
}


#et-top-navigation {
    width: 100%;
	    padding-left: 0!important;
}

#top-menu li a:hover, .et-fixed-header li a:hover{
	color:#ff29c3;opacity: 1 !important;}


/*donate button*/

.donate a, .et-fixed-header #et-top-navigation .donate a{
   background-color: #ff29c3;
  padding: 15px 25px !important;
  border-radius: 25px;
  color: #fff !important;
  text-align: center;
}

.donate a:hover, .et-fixed-header #et-top-navigation .donate a:hover{
	background-color: #003cff;}
	

/*mobile slide in menu*/

@media only screen and ( max-width:1149px ) {
    #et_mobile_nav_menu { 
		display:block !important; 
		margin: 0 0 0 20px;
	}
	
    #top-menu-nav { display:none; }
    .et-fixed-header #et_mobile_nav_menu { margin-bottom:0; }
	}

#mobile_menu { display: block !important; min-height: 100vh; top: 0; border-top: none; padding-top: 80px; z-index: 9998; }

.mobile_nav.closed #mobile_menu {
 transform: rotateY(90deg); -webkit-transform: rotateY(90deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: rgba(250,250,250,0.9); transition: .8s ease-in-out !important; }

.mobile_nav.opened #mobile_menu {
 transform: rotateY(0deg); -webkit-transform: rotateY(0deg);
 transform-origin: right; -webkit-transform-origin: right;
 background: rgba(250,250,250,0.9); transition: .8s ease-in-out; }

.mobile_nav.opened .mobile_menu_bar:before {
 content: "\4d"; color: #000!important;z-index: 9999!important; }


.et_mobile_menu li a {
	font-size: clamp(1.125rem, 0.616vw + 0.981rem, 1.375rem);
	line-height: clamp(1.688rem, 2.619vw + 1.074rem, 2.75rem);
	border-bottom:none;
	}

.et_mobile_menu li a:hover {opacity: 1 !important;background:transparent;}

@media(max-width: 980px) {
 
.et_header_style_split .mobile_menu_bar, .et_header_style_left .mobile_menu_bar { z-index: 9999; }

#main-header .container.clearfix.et_menu_container { width: 100%; }

.logo_container { padding-left: 10px; }

#et-top-navigation { padding-right: 10px; }
	
.donate a, .et-fixed-header #et-top-navigation .donate a{
  padding: 15px 25px !important;
  line-height: 1!important;
	margin-top:3vw!important;}}

@media(min-width: 980px) {

#mobile_menu { width: 450px; margin-left: calc(100% - 450px); }

} 

@media screen and (min-width: 341px) and (max-width:979px) {

#mobile_menu { width: 340px; margin-left: calc(100% - 340px); }

} 

@media(max-width: 340px) {

#mobile_menu { width: 90%; margin-left: 0; }
}



/*****BLOG*****/

.et_pb_blog_grid .et_pb_post{background: #FAFAFA;}

.et_pb_widget li a:before {content:'\25CF \00a0';color:#FF29C3;font-size: clamp(0.875rem, 0.092vw + 0.854rem, 1rem);
line-height: clamp(1.4rem, 0.439vw + 1.297rem, 2rem);}

.et_pb_widget li a{
	font-family: 'Inter-SemiBold', Helvetica, Arial, sans-serif!important;
		font-size: clamp(1rem, 0.092vw + 0.979rem, 1.125rem);
line-height: clamp(1.6rem, 0.476vw + 1.488rem, 2.25rem);
	}

/*custom order*/

.et_pb_post {
	display: flex;
	flex-direction: column;
}

/*blog post featured image*/

.et_pb_post .et_pb_image_container, .et_pb_post .entry-featured-image-url {
	order: 1;
}
.et_pb_image_container{margin-bottom: 0!important;}

/*blog post meta*/

.et_pb_post .post-meta {
	order: 2;
}

/*blog post title*/

.et_pb_post .entry-title {
	order: 3;
	padding-top:5%;

}

/*blog post excerpt and button*/

.et_pb_post .post-content {
	order: 4;
	padding-bottom:8%;
}

/*****press*****/

.vlp-layout-biberlin .vlp-block-1{
	font-family: 'Anton', Helvetica, Arial, sans-serif!important;
	text-transform:uppercase;
	font-size: clamp(1.25rem, 0.686vw + 1.089rem, 2.188rem)!important;
	line-height: clamp(1.625rem, 1.053vw + 1.378rem, 3.063rem)!important;}

/*****downloads*****/

.vlp-layout-downloads .vlp-block-1{
	font-family: 'Inter-SemiBold', Helvetica, Arial, sans-serif!important;}

.vlp-layout-downloads .vlp-block-0 {
	font-family: 'Anton', Helvetica, Arial, sans-serif!important;
	text-transform:uppercase;
	font-size: clamp(1.25rem, 0.686vw + 1.089rem, 2.188rem)!important;
	line-height: clamp(1.625rem, 1.053vw + 1.378rem, 3.063rem)!important;}

/*****TRANSLATION*****/

/***footer***/
:lang(en).hide-de {
display: none!important;
}

:lang(de).hide-en {
display: none!important;
}

/*****EVENTS*****/



/*******MOBILE ONLY*****/

/***toggle text***/

@media all and (min-width: 981px){.pa-toggle-text .pa-text-expand-button .pa-text-collapse-button{display:none!important;}} 

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

/*collpse and set the height of the toggle text*/

.pa-toggle-text .et_pb_text_inner {
	max-height: 200px;
	transition: max-height 0.8s ease-out;
	overflow: hidden;
}


/*add gradient to the collapsed text*/

.pa-toggle-text .et_pb_text_inner:after {
	content: "";
	display: inline-block;
	position: absolute;
	pointer-events: none;
	height: 100px;
	width: 100%;
	left: 0;
	right: 0;
	bottom: 0;
	
}


/*style the expand text link*/

.pa-toggle-text .pa-text-expand-button {
	font-family: 'Anton', Helvetica, Arial, sans-serif!important;
	text-transform:uppercase;
	font-size:18px;
	padding: 0.8em 0;
	text-align: left;
	color: #7C03FF!important;
}


/*change the curor to a pointed when hovering over the expand text link*/

.pa-toggle-text .pa-text-expand-button span {
	cursor: pointer;
}


/*define the font family for the toggle icon*/

.pa-toggle-text .pa-text-expand-button .pa-text-toggle-icon {
	font-family: 'ElegantIcons', "sans-serif";
}


/*set the max height and transition of the expanded toggle*/

.pa-toggle-text .pa-text-toggle-expanded {
	max-height: 2000px;
	transition: max-height 0.8s ease-in;
}


/*hide the gradient when the toggle is expanded*/

.pa-toggle-text .pa-text-toggle-expanded.et_pb_text_inner:after {
	background: none;
}


/*keep columns on mobile*/

@media only screen and (min-width: 768px) and (max-width: 980px) {
 
.two-columns .et_pb_column {
width: 50%!important;
	}

.three-columns .et_pb_column {
width: 33.33%!important;
}
}


/*column stacking order mobile*/

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

.custom_row {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
-webkit-flex-wrap: wrap; /* Safari 6.1+ */
flex-wrap: wrap;
}
 
.first-on-mobile {
-webkit-order: 1;
order: 1;
}
 
.second-on-mobile {
-webkit-order: 2;
order: 2;
}
 
.third-on-mobile {
-webkit-order: 3;
order: 3;
}
 
.fourth-on-mobile {
-webkit-order: 4;
order: 4;
}
	
.fifth-on-mobile {
-webkit-order: 5;
order: 5;
}
	
.sixth-on-mobile {
-webkit-order: 6;
order: 6;
}

.custom_row:last-child .et_pb_column:last-child {
margin-bottom: 30px;
}}