/*
 Theme Name:   Hannabachmann
 Theme URI:    http://example.com/twenty-fifteen-child/
 Description:  Theme for Hannabachmann.com based on twentyseventeen theme
 Author:       Alexander Leonhartsberger-Schrott
 Author URI:   http://algebros.org
 Template:     twentyseventeen
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-seventeen-child
*/
/* Removing the big underline from all links, and replacing it with a simple highlight color */
.entry-content a:focus, .entry-content a:hover, .entry-summary a:focus, .entry-summary a:hover, .widget a:focus, .widget a:hover, .site-footer .widget-area a:focus, .site-footer .widget-area a:hover, .posts-navigation a:focus, .posts-navigation a:hover, .comment-metadata a:focus, .comment-metadata a:hover, .comment-metadata a.comment-edit-link:focus, .comment-metadata a.comment-edit-link:hover, .comment-reply-link:focus, .comment-reply-link:hover, .widget_authors a:focus strong, .widget_authors a:hover strong, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .page-links a:focus .page-number, .page-links a:hover .page-number, .entry-footer a:focus, .entry-footer a:hover, .entry-footer .cat-links a:focus, .entry-footer .cat-links a:hover, .entry-footer .tags-links a:focus, .entry-footer .tags-links a:hover, .post-navigation a:focus, .post-navigation a:hover, .pagination a:not(.prev):not(.next):focus, .pagination a:not(.prev):not(.next):hover, .comments-pagination a:not(.prev):not(.next):focus, .comments-pagination a:not(.prev):not(.next):hover, .logged-in-as a:focus, .logged-in-as a:hover, a:focus .nav-title, a:hover .nav-title, .edit-link a:focus, .edit-link a:hover, .site-info a:focus, .site-info a:hover, .widget .widget-title a:focus, .widget .widget-title a:hover, .widget ul li a:focus, .widget ul li a:hover {
  box-shadow: initial !important;
  -webkit-box-shadow: initial !important;
	color: #B03B8D !important;
}

/* Remove Wordpress footer */
.site-info {
    display: none;
}

/* This puts Hanna's Signature to the right */
.site-branding {
    text-align: right;
}
#hanna-signature {
    max-width: 400px;
}

/* Making the distance between header and content smaller */
.page.page-one-column .entry-header {
    margin-bottom: 1em;
}
.site-content {
    padding: 2.5em 0 0;
}

/* Hanna prefers the texts justified */
.entry-content p {
	text-align: justify;
}

/*Event List*/

li.event {
    border: 0px !important;
    margin: 0px !important;
}


.entry-title a {
    font-size: 16pt;
}

.event-title h3 {
    font-size: 13pt;
}
.alertbar { 
    background-color: #004440; 
    color: #FFFFFF; 
    display: flex;
    flex-wrap: wrap;
    column-gap: 1rem;
    justify-content: center;
    align-content: center; 
    position: relative; 
    text-align: center; 
    text-decoration: none;
    padding: 15px 5px 15px 5px; 
    top: 0px; 
    width: 100%;
    z-index: 100;
}

.alertbar a {
    color: white!important;
}


.alertbar-img{
    max-width: 35px;
    max-height: 35px;
}

.alertbar div {
    display: flex;
    align-self: center;
}
.alertbar input[type="email"] {
    display: inline-block;
    width: 200px;
    padding: 0.2em;
}

.event-weekday,
.event-day,
.event-month,
.event-year {
    background: #B03B8D;
    color: #ffffff;
}

.event-weekday{
    border-radius: 5px 5px 0px 0px;
}

.mobile-only {
  display: none;
}

.event-year {
    border-radius: 0px 0px 5px 5px;
}

.past-events .event-weekday,
.past-events .event-day,
.past-events .event-month,
.past-events .event-year {
    background: #d3d3d3;
    color: #ffffff;
}

.event-time {
    color: #B03B8D;
}

.past-events .event-time {
    color: #d3d3d3;
}

#menu-item-58-en,
#menu-item-59-de {
    float: right;
}

.custom-header{
  min-height: 40vh;
}

.has-header-image.twentyseventeen-front-page .custom-header, .has-header-video.twentyseventeen-front-page .custom-header, .has-header-image.home.blog .custom-header, .has-header-video.home.blog .custom-header {
    display: table;
    height: 300px;
    height: 60vh;
    width: 100%;
}

.site-branding {
    text-align: right;
    position: absolute;
    bottom: 0;
    margin-left: auto;
    margin-right: auto;
    width: 100vw;
}


@media screen and (max-width: 480px) {
    .site-branding-text {
        margin-top: 50px;
    }
}

.custom-header-media:before {
    background: -moz-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: -webkit-linear-gradient(to top, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.0) 75%, rgba(0, 0, 0, 0.3) 100%);
}

.social-icons {
    font-size: 1.5rem;
}

.social-links{
    margin: 0 0 0 0!important;
}

.social-links a
{
    color: white!important;
    opacity: 0.8!important;

}

.social-links a:hover
{
    color: white!important;
    opacity: 1!important;
}

.site-header {
    background: url(http://hannabachmann.com/wp-content/uploads/2020/10/cropped-hannarework.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}


@media screen and (max-width: 768px) {
    #hanna-signature {
        max-width: 280px;
    }	#site-navigation .dashicons {
      padding-top: 4px;
  	}
	.mobile-only {
  		display: inline;
	}
    .social-icons {
        font-size: 1rem;
    }

    .alertbar {
        font-size: 12px;
        padding: 5px 0px 5px 0px
    }
    .alertbar-img{
        max-width: 70px;
    }
    .alertbar input[type="email"] {
        display: inline-block;
        width: 120px;
        padding: 0.2em;
    }

}