body {
background-color:#000 !important;
background-image:none !important;
}
#page {
background-color:#000 !important;
color:#fff !important;
}
.social-bar, #block-yara-socialmedia-menu {
display:none !important;
}
#social-media-icons {
float:left;
height:50px;
width:auto;
margin:15px 0 0 0px;
}
.social-media-icon, .social-media-icon img {
float:left;
height:50px;
width:auto;
padding:0 0 0 5px;
}
#language-icons {
float:left;
height:auto;
width:140px;
margin:20px 0 0 20px;
/* position:relative; */
/* top:320px; */
/* left:160px; */
/* right:40px; */
}
.language-icon {
float:left;
height:35px;
width:auto;
padding:0 0 0 0px;
}
.language-icon img {
height:40px;
width:auto;
}
.language-text {
text-align:center;
height:auto;
width:100%;
padding:0px;
margin: 0 auto;
font-size:0.8em;
}
.language-text a {
color:#fff;
text-decoration:none !important;
}
.language-english, .language-spanish {
float:left;
height:auto;
width:auto;
padding:0 0 0 5px;
}

.mobile-buttons {
margin-block-start: var(--sp0-75) !important;
}

.site-header__initial {
display:none !important;
}
.site-header {
min-height:0;
}
.site-header__inner {
background-color:#000 !important;
}
#yara-logo {
float:left;
width:auto;
margin:20px 0 0;
}
#yara-logo-image, #yara-logo a {
box-shadow:none !important;
text-decoration:none !important;
}
#yara-horse {
float:left;
/* width:70%; */
/* height:70%; */
margin:5px 0 0 0px;
}
#yara-o {
float:left;
width:auto;
height:50px;
margin:15px 0 0 10px;
}
#yara-text {
float:left;
width:auto;
height:auto;
margin:15px 20px 0 0;
}
#yara-text img {
width:70%;
}
#yara-o img, #yara-text img {
height:100%;
}
#yara-horse img {
width:60%;
}
.primary-nav__menu-item {
/* height:0.5em !important; */
}
.primary-nav__menu-link:hover {
color:rgb(28,117,188);
}
.main-content__container {
padding-block-start:0;
}
#block-yara-page-title {
text-align:center;
}
.page-title {
color:#fff !important;
}

#yara {
float:left;
width:100%;
}

.yara-text, .yara-text h3 {
color:#fff !important;
}
.yara-text {
font-size:1.1em;
}
#yara-shows {
float:left;
width:100%;
color:#fff !important;
}
#yara-upcoming-events, #yara-past-performances, #yara-past-performance-posters {
float:left;
width:100%;
}
#yara-upcoming-events h2, #yara-past-performances h2 {
color:#fff;
}
#yara-past-performance-posters {
columns:3;
column-gap:10px;
}
.yara-upcoming-event, .yara-past-performance {
float:left;
width:100%;
border-bottom: 1px #000 solid;
margin:0 0 10px;
padding:0 0 10px;
}
.yara-upcoming-event-image, .yara-past-performance-image {
float:left;
width:28%;
margin:0 10px 0 0;
}
.yara-upcoming-event-detail, .yara-past-performance-detail {
float:left;
width:69%;
}
.yara-upcoming-event-venue, .yara-past-performance-venue {
float:left;
width:auto;
font-size:1.3em;
font-weight:bold;
padding-right:10px;
}
.yara-upcoming-event-date-time, .yara-past-performance-date-time {
float:left;
width:auto;
font-size:1.2em;
font-weight:bold;
font-style: italic;
padding-right:10px;
}
.yara-upcoming-event-location-contact, .yara-past-performance-location-contact {
float:left;
width:100%;
font-size:1.1em;
padding-right:0px;
line-height:1.4em;
}
.yara-past-performance-poster {
margin:0 0px 10px 0;
}
.yara-past-performance-poster img {
/* loading:lazy; */
}

#yara-pictures {
/* float:left;
width:100%; */
display: inline-block;
columns:4;
column-gap:5px;
margin-top:0px;
-webkit-column-break-inside: auto;
page-break-inside: auto;
}

/*
#yara-pictures {
height: 300px;
display: flex;
flex-direction: column;
flex-wrap: wrap;
}

.yara-picture {
flex: 1 1 80px;
}
*/

#yara-picture {
float:left;
width:100%;
margin-bottom:5px;
}

.yara-picture {
/* float:left; */
/* width:100%; */
margin:0 0px 5px 0;
/* clear:both; */
/* display: inline-block; */
}

.yara-picture img {
loading:lazy;
}

#yara-instructions {
float:left;
width:100%;
margin:0 5px 10px 0;
color:#fff;
text-align:center;
clear:both;
}
#yara-videos {
float:left;
width:100%;
/* display:grid; */
/* grid-template-columns:50% 50%; */
/* grid-template-columns:repeat(auto-fit, minmax(20rem, 1fr)); */
columns:2;
}
.yara-video {
float:left;
width:100%;
/* aspect-ratio: 16 / 9; */
/* height: calc((100vw) * 0.5625); */
margin:0 5px 10px 0;
border-bottom:solid 1px #fff;
padding:0 0 10px;
}
.yara-video iframe {
width:100%;
aspect-ratio: 16 / 9;
}
.yara-video-title h4 {
float:left;
width:100%;
margin:0;
text-align:center;
}
#yara-song-list {
font-size:1.5em;
}
footer {
display:none !important;
background-color:#000 !important;
background-image:none !important;
color:#fff !important;
}
#yara-footer {
width:100%;
margin:0 auto;
text-align:center;
}
#yara-footer h4 {
color:#fff !important;
}

@media only screen and (max-width: 767px) {

.yara-video {
width: 100%;
}

#language-icons {
width:100px;
margin:20px 0 0 10px;
}
.language-icon {
height:30px;
}
.language-icon img {
height:30px;
}
.language-text {
font-size:0.7em;
}

#yara-pictures {
columns:3 !important;
}

#mississauga-latin-festival-videos {
columns:1 !important;
}

}


/*
@media (min-width: 15rem) {
#yara-pictures {
float:left;
width:100%;
columns:1;
column-gap:5px;
}
}
*/