@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;
}
a.share-floating-bar-pinterest {
    display: none !important;
}
.right{width:37%; float:right; margin:0px 3%;}


.logo { width: 320px; margin: 20px; }

.tweet {
    padding: 30px;
  
    margin-bottom: 40px;
    font-size: 110%;
font-weight:300;
    background: #003468;
    color: #fff;
}

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

li{padding-bottom: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;

}

strong{color: #003468;}



/*Footer Box*/
#hero-plus-footer {
    display: block;
    padding: 30px;
    text-align: center;
font-family: 'Open Sans', sans-serif;
background:#ddd;
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;
margin-bottom:40px;
}


.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: #003468;
    text-align: center;
    margin: 30px;
    text-decoration: none!important;
    color: #fff;
    padding: 20px;
    font-size: 22px;
    border-radius: 4px;
    transition: background-color 0.35s ease;
    transition: box-shadow 0.35s ease;
    float: right;
}

.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:#003468; text-transform:none; text-decoration:none; transition: color 0.35s ease; }



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

 .soc:hover {
    color: #003468;
    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: #003468;
    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;
color:#003468;
}

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) {

.right{width:100%; float:right; margin-bottom:2%;}


   .ctab, .ctab:visited {
    background: #003468;
    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: 10px auto;
    display: block;
}

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

.tweet{

width:100%;
}



.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;
    }
}