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

/* sticky header background, in case option is checked */
.sticky-top > #hero-plus-header {
  background: #6495ed;
}
/*Header Box*/
#hero-plus-header {  
 background: #6495ed;
}

.ctab-mobile{display:none;}

.center{text-align:center;}

h1{text-align:center; color:#002868; font-weight:300;}

.hero{
    width: 100%;
    max-width: 100%;
}

.gallery{
    background: #6495ed;
    padding: 4% 6% 3% 6%;
}

.play-overlay {
    position: absolute;
    background-color: rgba(0, 0, 0, 0);
    font-size: 6em;
    top: 50%;
    left: 50%;
    bottom: 0px;
    height: 1em;
    transform: translate(-50%, -50%);
    color: #ffca00;
    text-decoration: none !important;
}


.logo{width:130px; margin:6px 30px;}

.tweet{
    background: #ffca00;
font-weight:300;
    padding: 3% 16%;
    text-align: center;
    font-size: 160%;
color:#fff;
display:block;
width:100%;
max-width:100%;
}

.foot{
    background: rgb(100, 149, 237);
font-weight:300;
    padding: 3% 16%;
    text-align: center;
    font-size: 160%;
color:#fff;
display:block;
width:100%;
max-width:100%;
}

.social{
    height: 44px;
    margin-top: -10px;
    margin-right: 10px;
}
.social:hover{ opacity:.8; color:#fff;}


.social-link{
    color: #fff;
    margin: 20px 10px;
}

.social-link:hover{
opacity:.8;
opacity:.8; color:#fff;}

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

.card-body {
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
    display: none;
}


.social-icons{padding-top:20px; padding-bottom:20px; display:block;}


.right {
    width: 40%;
    float: right;
    margin: 2%;

}


/*Hero Box*/
#hero-plus-hero {
 background: #6495ed;
padding-bottom:15px;
}
/*Body Box*/
#hero-plus-body {
font-family: 'Source Sans Pro', sans-serif;
font-weight:400;
font-size:118%;
line-height:165%;
background: #1150b4;
}



.press-body{
padding:4% 6%;
background:#fff;
margin:4% 16%;
}

.ctab, .ctab:visited{
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ffca00;
    color: #ffffff!important;
    padding: 10px 15px;
    font-size: 125%;
font-family: 'Source Sans Pro', sans-serif;
font-weight:300;
    display: inline-block;
    text-align: center;
    text-decoration: none;

    max-width: 100%;
    transition: 0.2s all ease-in-out;
    margin: 30px 10px;
}

.ctab:hover, .ctab:active, .ctab:focus {
    background: #c41d00;
    color: #ffffff!important;
    text-decoration: none;
}


a {
    text-decoration: none;
    background-color: transparent;
    -webkit-text-decoration-skip: objects;
    color: #b24936;
word-break: break-all;
}

.gallery-inline h2{display:none;}


/*Footer Box*/
#hero-plus-footer{
}

.icons{
    font-size: 200%;
    margin: 4% 5%;
    display: inline-block;
}

.icons:hover{
    font-size: 200%;
    display: inline-block;
color:#fcadad;
}














.gallery{
    background: #6495ed;
    padding: 4% 6% 3% 6%;
}



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

h1{font-size:130%;}

.ctab{display:none;}

.ctab-mobile, .ctab:visited{
    -moz-background-clip: padding;
    -webkit-background-clip: padding-box;
    background-clip: padding-box;
    background: #ffca00;
    color: #ffffff!important;
    padding: 10px 5px;
    font-size: 125%;
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 300;
    display: block!important;
    text-align: center;
    text-decoration: none;
    width: 100%;
    max-width: 100%;
    transition: 0.2s all ease-in-out;
    margin: 30px 0px;
    word-break: normal;
}

.press-body{
padding:4% 6%;
background:#fff;
margin:2% 2%;
width: 100%;
    max-width: 100%;
}

.right {
    width: 100%;
    float: right;
    margin: 0%;
}

.foot {
    background: rgb(100, 149, 237);
    font-weight: 300;
    padding: 3% 2%;
    text-align: center;
    font-size: 160%;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 100%;
}

.tweet {
    background: #ffca00;
    font-weight: 300;
    padding: 3% 3%;
    text-align: center;
    font-size: 140%;
    color: #fff;
    display: block;
    width: 100%;
    max-width: 100%;
}

.logo{width:100px;}

}