/**
Theme Name: mad_conference
Author: ovau
Author URI: https://ovau.de/
Description: MAD conference is an accessible conference for dance and performance in berlin
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: mad_conference
Template: astra
*/




/* || HEADER STYLING */

/* Site description styles */
.site-description {
	margin-top: 1em;
}
/*styling search icon*/
.ast-inline-search.ast-search-menu-icon .search-submit {
	color:black;
}

/*Style wpastra social icons behaviour*/
.ast-header-social-1-wrap .ast-social-color-type-custom .ast-builder-social-element:focus svg {
	fill: white !important;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/* || LINK STYLING */

a.button {
	border: solid black 0.1em;
}

p.mad-event-single--button {
	margin-bottom:0;
}

/* styling current menue item */
.main-header-menu .current-menu-item >.menu-link {
    background-color: #000;
		color: white;
}

.main-header-menu .current-menu-item > .menu-link a {
	padding-bottom: 0.5em;
}

/* hover and focus styles */

:focus {
	display:inline-block;
	outline: 3px solid black !important;
}

.post-navigation a:focus {
	color:white;
}

a:hover, a:active, a:focus, a.button:hover, a.button:active, a.button:focus-visible, #astra-footer-menu .menu-item > a:hover, #astra-footer-menu .menu-item > a:focus-visible {
	background-color: black;
	color:white;
}


.site-logo-img a:hover,
.site-logo-img a:focus {
	background-color: transparent;
	padding: 0;
} 

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/* || WP ACCESSIBILITY HACKS */

/* remove button border from a11y-toolbar */
a.mad-a11y-button, .ltr.left.a11y-toolbar-widget button {
	border: none;
}

.mad-a11y-widget {
	display:flex;
	align-items:center;
}
/*remove margin from a11y toolbar container*/
.ltr.left.a11y-toolbar-widget ul {
	margin:0;
}

/*disable toolbar widget*/
.a11y-non-responsive.a11y-toolbar.ltr.left {
display:none;
}

.ltr.left.a11y-toolbar-widget ul {
	display:flex;
	flex-direction: row;
	list-style:none;
}

/*visually hide button descriptions from shortcode toolbar*/
.offscreen {
	 border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*icon size*/
.aticon, .mad-a11y-button {
	font-size: 2em;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/*  || EVENT ARCHIVE STYLES  */

/*styling text*/
.mad-event-block li p {
	font-size: 1.3rem
}

/*limit width of title block*/
.mad-event--title {
	flex-basis:0;
}
@media screen and (max-width: 455px) {
.mad-event-block {
	flex-flow:column wrap !important;
	}
	.mad-event-block p {
		margin-bottom:0;
	}
}

/*horizontal line styling*/
hr.mad-horizontal-line {
	height: 0.1em;
}

/*styling text*/
.mad-event-block li p {
    font-size: 1.3rem
}

/*limit width of title block*/

.mad-event--title {
    flex-basis:0;
}
@media screen and (max-width: 455px) {
.mad-event-block {
    flex-flow:column wrap !important;
    }
    .mad-event-block p {
        margin-bottom:0;
    }
}

/*made time column equal width*/

li.mad-event--time {
	width: 11rem;	
}

/* disable Archive Header */
.page-title.ast-archive-title {
	display: none;
}

.mad-event-list {
	margin-bottom: 4em;
}

.mad-event-list h2 {
	padding-bottom:0.5em;
	border-bottom: solid #000 0.06em;
}

ul.mad-event, .mad-event-block {
	list-style: none;
	margin: 0;
}
.mad-event-block {
flex-grow: 4;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 0;
}

@media screen and (max-width: 455px) {
	.mad-event--title {
		margin-left:0 !important;
	}
}

.mad-event-block:first-child {
	margin-top:2em;
}


.mad-event--title {
	flex-grow: 3;
  margin-left: 2em;
}

.mad-event--title >* {
	margin-bottom: 0;
}

/* disable white borders of archive and sidebar */
.ast-archive-description, .ast-left-sidebar #secondary, .ast-left-sidebar #primary {
	border: 0;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/*  || SINGLE PAGE */

/*single post navigation hover behaviour*/
.post-navigation a:hover {
	color:#fff;
}

.mad-event-single-flex {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: top;
}
@media screen and (max-width:455px) {
.mad-event-single-flex {
	flex-direction:column;
	}
	.mad-event-single--button {
		margin-top:1em;
	}
}
.mad-event-single--paragraph {
	font-size:1.2em;
	margin-bottom: 0;
}
hr.mad-line {
	height:0.1em;
	background-color: black;
}
.mad-event-single--button a {
	display: inline-block;
	font-size: 0.8em;
}

/*adapt height post navigation to focus style*/
.nav-links {
	height:3em;
}
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/* || LOGO GALLERY */

/*horizontal scrolling area of images*/

.mad-horizontalscroll .uagb-column__inner-wrap {
	display:flex;
	align-items:center;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mad-horizontalscroll figure {
	margin-right:1em;
}

@media screen and (max-width:800px) {
.mad-horizontalscroll figure {
	flex:none;
	}
}
.mad-horizontalscroll .uagb-column__inner-wrap::-webkit-scrollbar {
  display: none;
}

.mad-logo img {
	
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* || Size Text Styles */

.fontsize .mad-event--title h3  {
	font-size: 110% !important;
}
a:hover, a:active, a:focus, a.button:hover, a.button:active, a.button:focus {
	background-color: black;
	color:white;
}

.site-logo-img a:hover,
.site-logo-img a:focus {
	background-color: transparent;
	padding: 0;
} 

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/* || WP ACCESSIBILITY HACKS */

/* remove button border from a11y-toolbar */
a.mad-a11y-button, .ltr.left.a11y-toolbar-widget button {
	border: none;
}

.mad-a11y-widget {
	display:flex;
	align-items:center;
}
/*remove margin from a11y toolbar container*/
.ltr.left.a11y-toolbar-widget ul {
	margin:0;
}

/*disable toolbar widget*/
.a11y-non-responsive.a11y-toolbar.ltr.left {
display:none;
}

.ltr.left.a11y-toolbar-widget ul {
	display:flex;
	flex-direction: row;
	list-style:none;
}

/*visually hide button descriptions from shortcode toolbar*/
.offscreen {
	 border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

/*icon size*/
.aticon, .mad-a11y-button {
	font-size: 2em;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/*  || EVENT ARCHIVE STYLES  */

/*styling text*/
.mad-event-block li p {
	font-size: 1.3rem
}

/*limit width of title block*/
.mad-event--title {
	flex-basis:0;
}
@media screen and (max-width: 455px) {
.mad-event-block {
	flex-flow:column wrap !important;
	}
	.mad-event-block p {
		margin-bottom:0;
	}
}

/*horizontal line styling*/
hr.mad-horizontal-line {
	height: 0.1em;
}

/*styling text*/
.mad-event-block li p {
    font-size: 1.3rem
}

/*limit width of title block*/

.mad-event--title {
    flex-basis:0;
}
@media screen and (max-width: 455px) {
.mad-event-block {
    flex-flow:column wrap !important;
    }
    .mad-event-block p {
        margin-bottom:0;
    }
}

/*made time column equal width*/

li.mad-event--time {
	width: 11rem;	
}

/* disable Archive Header */
.page-title.ast-archive-title {
	display: none;
}

.mad-event-list {
	margin-bottom: 4em;
}

.mad-event-list h2 {
	padding-bottom:0.5em;
	border-bottom: solid #000 0.06em;
}

ul.mad-event, .mad-event-block {
	list-style: none;
	margin: 0;
}
.mad-event-block {
flex-grow: 4;
display: flex;
flex-flow: row wrap;
justify-content: space-between;
margin: 0;
}

@media screen and (max-width: 455px) {
	.mad-event--title {
		margin-left:0 !important;
	}
}

.mad-event-block:first-child {
	margin-top:2em;
}


.mad-event--title {
	flex-grow: 3;
  margin-left: 2em;
}

.mad-event--title >* {
	margin-bottom: 0;
}

/* disable white borders of archive and sidebar */
.ast-archive-description, .ast-left-sidebar #secondary, .ast-left-sidebar #primary {
	border: 0;
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/*  || SINGLE PAGE */

/*single post navigation hover behaviour*/
.post-navigation a:hover {
	color:#fff;
}

.mad-event-single-flex {
	display:flex;
	flex-direction:row;
	justify-content: space-between;
	align-items: top;
}
@media screen and (max-width:455px) {
.mad-event-single-flex {
	flex-direction:column;
	}
	.mad-event-single--button {
		margin-top:1em;
	}
}
.mad-event-single--paragraph {
	font-size:1.2em;
	margin-bottom: 0;
}
hr.mad-line {
	height:0.1em;
	background-color: black;
}
.mad-event-single--button a {
	display: inline-block;
	font-size: 0.8em;
}

/*adapt height post navigation to focus style*/
.nav-links {
	height:3em;
}
/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/



/* || LOGO GALLERY */

/*horizontal scrolling area of images*/

.mad-horizontalscroll .uagb-column__inner-wrap {
	display:flex;
	align-items:center;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
}

.mad-horizontalscroll figure {
	margin-right:1em;
}

@media screen and (max-width:800px) {
.mad-horizontalscroll figure {
	flex:none;
	}
}
.mad-horizontalscroll .uagb-column__inner-wrap::-webkit-scrollbar {
  display: none;
}

.mad-logo img {
	
}

/*------------------------------------------------------------------------*/
/*------------------------------------------------------------------------*/

/* || Size Text Styles */

.fontsize .mad-event--title h3  {
	font-size: 110% !important;
}