/*
 Theme Name:   Eventim Child
 Theme URI:    http://eventim.bold-themes.com
 Description:  Eventim Child Theme
 Author:       BoldThemes
 Author URI:   http://bold-themes.com
 Template:     eventim
 Version:      1.0.0
 Tags:         one-column, right-sidebar, fluid-layout, responsive-layout, custom-menu, featured-images, sticky-post, theme-options, threaded-comments, translation-ready
 Text Domain:  eventim_child
*/


/* =Theme customization starts here
-------------------------------------------------------------- */


.btStriped .btSuperTitle {
	font-weight: bold;
}

.btImage.square {
    width: 100%; /* take up full width of its parent */
    position: relative;
    overflow: hidden; /* hide parts of the image that overflow */
}

.btImage.square::before {
    content: "";
    display: block;
    padding-top: 100%; /* maintain 1:1 aspect ratio */
}

.btImage.square img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute; /* position the image over the pseudo-element */
    top: 0;
    left: 0;
}

.event_headline {
	margin-bottom: 0.3em;	
}


.program-text a {
    font-weight: bold;
}

.btContent em {
    font-weight: bold;
}

img[src="https://festiwalopowiadania.pl/wp-content/uploads/2021/10/piktogram-jezyk-migowy.png"] {
    vertical-align: bottom;
    float: right;
}

.program .btText:nth-of-type(3) p {
    padding: 15px 10px; border-radius: 5px;
}

.program .btText:nth-of-type(3) p:nth-of-type(odd) {
    background: #f6f6f6;
}

#spectiles .header .headline {
    cursor: pointer;
}

#spectiles .header .headline:hover {
    color: #e54566;
}

.page-id-2596 {
    background:#4e5565!important;
}

.additional {
    display: block;
    font-size: 0.8em;
    padding-top: 0.5em;
}

.topBarInMenu {
    display: none!important;
}

#header-img-wrapper, #header-img-small-wrapper   {
    background-color: #0c1f41;
}



#header-img-small {
    width: 100vw;
    height: 27vw;
    background-attachment: unset;
    background-position: 50% !important;
    will-change: background-position;
    transform: translate3d(0,0,0);
}



.btMenuHorizontal.btMenuRight .menuPort nav  {
    letter-spacing: -0.5px;
}


@media (max-width: 1200px) {
    #header-img-small-wrapper   {
        padding-top: 80px;
    }

    #header-img-small {
        width: 100vw;
        height: 40vw;
        background-attachment: unset;
        background-position: 50% !important;

    }
}

@media (max-width: 866px) {
    #header-img-wrapper   {
        padding-top: 80px;
    }

    #header-img {
        width: 100vw;
        height: 75vw;
        background-attachment: unset;
        background-position: 50% !important;
    }
}