@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
    background-color: white;
font-family: 'Open Sans', sans-serif;
}

.hovertext {
  position: relative;

}

.hovertext:before {
    content: attr(data-hover);
    visibility: hidden;
    opacity: 0;
    width: 124px;
    background-color: black;
    color: #fff;
    font-size: 85%;
    text-align: center;
    border-radius: 5px;
    padding: 5px 0;
     position: absolute;
    z-index: 1;
    left: 0;
    top: 150%;
}

.hovertext:hover:before {
  opacity: 1;
  visibility: visible;
}




.logo { width: 20%; margin: 10px; }

.tweet{
    padding: 65px;
    border-bottom: 1px solid;
    margin-bottom: 40px;
    font-size: 125%;
}

.ft-logo {width: 300px;}
/*Header Box*/
#hero-plus-header {
    display: block;
font-family: 'Open Sans', sans-serif;
}



.translations{width:100%; max-width:100%; text-align:center; margin-bottom:20px;}

.flags{width:100px; display:inline-block; margin:15px;}

/*Hero Box*/
#hero-plus-hero {
    align-items: start;
font-family: 'Open Sans', sans-serif;
}

/*Body Box*/
#hero-plus-body {
    font-size: 18px;
font-family: 'Open Sans', sans-serif;

}

.east{width:250px;}
.mykita{width:200px;}

.col-lg-3 {
    max-width: 50%;
    flex: 0 0 50%;
}

/*Footer Box*/
#hero-plus-footer {
    display: block;
    padding: 30px;
    text-align: center;
font-family: 'Open Sans', sans-serif;
background:#000;
color:#fff;
padding-bottom:60px;
}

.gal1{background:#000000; padding-top:2%; padding:3% 12%; }


.linked-url:hover{display:none!important;}


#txt {
    padding: 2% 15%;

}

#gallery {
    padding: 2% 5%;
    background: #e60033;
}

#gallery h2 {
    display: none;
}

.gallery-inline h2{
display: none;
}

.card-body {
    display: none;
}


.card {
    position: relative;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #ddd;
    background-clip: border-box;
    border: 1px solidrgba(0,0,0,.5);
    border-radius: 0.25rem;
box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
transition: background-color 0.35s ease;transition: box-shadow 0.35s ease;
}


.card:hover{box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.5) 0px 8px 16px -8px; transition: background-color 0.35s ease;transition: box-shadow 0.35s ease;}

.eastlogo {
    margin: 8px 25px ;
width:260px;
}

.mylogo {
    margin: 8px 25px ;
width:200px;
}

   .card-columns {
        -webkit-column-count: 2;
        -moz-column-count: 2;
        column-count: 2;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
.hero {
    max-width: 100%;
}

.ctab, .ctab:visited {
display:inline-block;
    background:#ddd;
    text-align: center;
    margin: 10px;
    text-decoration: none!important;
    color: #000;
    padding: 10px;
  font-size:18px;
border-radius:4px;
transition: background-color 0.35s ease;transition: box-shadow 0.35s ease;
}

.ctab:hover{
background-color: #000;
color:#fff;
box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
transition: background-color 0.35s ease;
}

.link{font-size:300%; 
color:#fff; 
transition: color 0.35s ease; 
text-decoration:none; 
 display:block;

}
.link:hover{font-size:300%; color:#e40d1c; text-transform:none; text-decoration:none; transition: color 0.35s ease; }



.soc, .soc:visited {
    color: #fff;
    padding: 5px;
    margin: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
transition: all 0.5s ease;
}

 .soc:hover {
    color: #e40d1c;
    padding: 5px;
    margin: 5px;
    text-align: center;
    display: inline-block;
    vertical-align: middle;
}

.play-overlay {
    position: absolute;
    color: #fff;
    background-color: rgba(0,0,0,0.0);
    font-size: 5em;
    top: 50%;
    left: 50%;
    text-decoration: none !important;
    bottom: 0;
    height: 1em;
    transform: translate(-50%, -50%);
}
a {
    color: #e40d1c;
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
}

h1 {
    text-align: center;
    font-size: 2.4rem;
font-weight:700;
margin-top:30px;
margin-bottom:30px;
}

h2 {
    text-align: center;
    font-size: 1.7rem;
    margin: 0px 0px 40px;
}

h3 {
    text-align: center;
    font-size: 1.4rem;
    margin: 0px 0px 40px;
}

#gallery-title-uuid{display:none;}






@media only screen and (max-width: 768px) {
   .ctab, .ctab:visited {
    background: #e40d1c;
    text-align: center;
    margin: 0px;
    text-decoration: none!important;
    color: #fff;
    padding: 7px;
    font-size: 16px;
    border-radius: 4px;
    transition: background-color 0.35s ease;
    transition: box-shadow 0.35s ease;
width:100%; max-width:100%;
}

    .logo {
        margin: 0px auto;
        display: block;
width:85px;
    }

.eastlogo {
    margin: 8px 5px;
    width: 204px;
    display: inline-block;
}

.tweet{
    padding: 15px;
    border-bottom: 1px solid;
    margin-bottom: 40px;
    font-size: 115%;
}

.mylogo {
    margin: 8px 5px;
    width: 140px;
   display: inline-block;
}

.gal1 {
    background: #000000;
    padding: 4% 4%;
}

.col-lg-3 {
    max-width: 100%;
    flex: 0 0 100%;
}

   #txt {
    padding: 2% 5%;
font-size:115%;
}

h1{font-size:1.7em;}

    .card-columns {
        -webkit-column-count: 1;
        -moz-column-count: 1;
        column-count: 1;
        -webkit-column-gap: 1.25rem;
        -moz-column-gap: 1.25rem;
        column-gap: 1.25rem;
        orphans: 1;
        widows: 1;
    }
}