@import url('https://fonts.googleapis.com/css?family=Droid+Serif:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800,900');

/*
COLORS
Blue - #1E70B9
Green - #75A635
Black - #444
*/

html {
  scroll-behavior: smooth;
}

.bold {
    font-weight:bold;
}

.green {
    color:#75A635;
}

.blue {
    color:#1E70B9;
}

ul.topics {
    width: 50%;
    display: inline;
    float: left;
    font-size: 18px;
    margin: 0;
    list-style: none;
    padding: 0;
}

ul.topics a {
    background: #f2f2f2;
    border-radius: 100px;
    padding: 7px 20px;
    display: inline-block;
    margin: 0 5px 20px;
    line-height:1;
}

ul.topics li a img {
    width:24px;
    margin-right:10px;
}

.box {
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    min-height: 210px;
    text-align: center;
    margin: 2% 1% 0;
    padding: 35px;
    width: 23%;
    display: inline-block;
    float:left;
}

.box img {
    width: 64px;
    margin: 0 0 20px;
}

.info-block {
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 50px rgba(0,0,0,0.5);
    min-height: 210px;
    text-align: center;
    margin: 2% 1% 0;
    padding: 35px;
    width: 23%;
}

.info-block img {
    width: 64px;
    margin: 0 0 20px;
}

.desktop-info-title {display:block;}

.mobile-info-title {display:none;}

@media (max-width: 767px) {

.info-block {
	background: #fff;
    border-radius: 10px;
    box-shadow: 0 0 15px rgb(0 0 0 / 15%);
    min-height: 200px;
    text-align: center;
    margin: 4% 3% 0;
    padding: 35px;
    width: 44%;
}

.info-block img {
    width: 32px;
    margin: 0 0 10px;
}

}



body {
    font-family: 'Droid Serif';
    overflow-x: hidden;
    color:#4A4A4A;
    font-size:16px;
}

a, a:hover {
    color:#005288;
}

.white {
    color: #fff;
}

.center {
    text-align:center;
}

h1, h2, h3, h4, h5, h6 {
    font-family: Open Sans;
}

h1 {
    font-weight: bold;
    font-size: 36px;
    color: #1E70B9;
    margin: 0 0 40px;
}

h2 {
    font-weight: bold;
    font-size: 28px;
    color: #75A635;
    margin: 0 0 20px;
}

h3 {
    font-weight: bold;
    font-size: 20px;
    color: #4A4A4A;
    margin: 0 0 15px;
}

h4 {
    font-weight: 300;
    font-size: 13px;
    color: #4A4A4A;
    letter-spacing: 5px;
    margin:0 0 30px;
}

h6 {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 16px;
}

img {
    max-width:100%;
}

.container-fluid {
    padding: 0;
}

.padded {
    padding: 60px 0;
}

li.mobile-only {display:none;}

.next-session {
    padding:15px 0;
    background:#000;
    text-align:center;
    margin: 110px 0 0;
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-size: 16px;
    line-height: 1;
    text-align: center;
    color: #FFFFFF;
}

.next-session a {
    margin-left: 15px;
    color: #BCED7B;
    text-decoration: underline;
}

@media (max-width: 767px) {
    .next-session {
        margin: 70px 0 0;
        padding: 15px 25px;
        line-height: 1.25;
    }
    .next-session a {
        display: block;
        margin:0;
    }
}

.hero {
    padding:100px 0 100px;
    background:#666;
    background: url('../img/hero.jpg') no-repeat;
    background-size:cover;
    background-attachment:fixed;
    margin: 0;
}

.hero h1 {
    font-size: 55px;
    font-weight: 900;
    letter-spacing: -1px;
    color: #fff;
    line-height: 1; 
    margin: 0 auto 20px;
}

.hero h2 {
    font-weight: 600;
    margin: 0 0 40px;
    color:#D4FF9C;
    font-size:21px;
}

.hero a.button {
    border: 0;
    box-shadow: none;
    color: #fff;
    background: #75a635;
    border-radius: 1000px;
    padding: 12px 40px;
    margin: 0;
    text-decoration: none;
}

a.button,
input#submit {
    border: 0;
    box-shadow: none;
    color: #fff;
    background: #75a635;
    border-radius: 1000px;
    padding: 7px 30px;
    margin: 0 0 30px;
    display: inline-block;
    text-decoration: none;
}

a.button.donate {
    font-weight: bold;
    padding: 3px 30px;
    margin: -3px 0 0 7px;
    font-size: 15px;
}

a.button:hover {
    opacity: 0.75;
    text-decoration: none;
}

.home-videos {
    text-align:center;
    padding:60px;
}

.home-videos img {
    margin: 0 0 20px;
}

.home-scrolling-image-1 {
    padding:300px 0;
    background: url('../img/home-scrolling-image-1.jpg') top center no-repeat;
    background-size:cover;
    background-attachment:fixed;
}

.why-eagle-u {
    padding: 80px 0;
}

.why-eagle-u img {
    padding:60px;
}

@media (max-width: 767px) {
    .why-eagle-u {
        padding: 40px 0;
    }
    .why-eagle-u img {
        margin-top:30px;
        padding:0 60px 20px;
    }
}

.home-scrolling-image-2 {
    padding:100px 0 60px;
    background: url('../img/home-scrolling-image-2.jpg') no-repeat;
    background-position: center 100px;
    background-size:cover;
    background-attachment:fixed;
}

.panel-group {
    margin-bottom: 5px;
}

.panel-title {
    font-size: 16px;
    letter-spacing: 0;
}

.home-featurettes {
    padding: 0 70px 70px;
    background: #fff;
    text-align:center;
}

.home-featurettes p {
    margin-bottom: 40px;
}

.home-featurettes img {
    margin: 70px 0 15px;
}

a.button-small {
    background: #005288;
    border-radius: 5px;
    font-family: Open Sans;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
    display: inline-block;
    padding: 11px 22px;
    text-decoration: none;
}

a.button-small:hover {
    opacity:0.75;
}

.friends {
    background: #F4F8FD;
    padding:60px;
    text-align: center;
}

p {
    margin: 0 0 30px;
}

p.smaller {
    font-size: 14px;
}

.navbar-default {
    background: #1E70B9;
    border:0;
}

.navbar-brand {
    line-height: 1;
    height: auto;
}

.navbar-nav {
    margin:-67px 0 0 0;
    clear:both;
}

.navbar-brand img {
    width: 194px;
    padding: 20px 0;
}

.navbar-collapse {
    max-height: inherit;
}

.navbar-toggle {
    margin-top: 20px;
    margin-bottom: 0;
}

.navbar-nav.navbar-right:last-child {
    margin-right: 0 !important;
}

ul.nav.navbar-nav.navbar-right.main-nav li.header-social > a {
    padding: 0 0 0 5px !important;
}

ul.nav.navbar-nav.navbar-right.main-nav li.header-social > a:hover {
    opacity: 0.75;
}

ul.nav.navbar-nav.navbar-right.main-nav li.header-social > a > img {
    height: 32px;
}

.content {
    min-height:500px;
}

#footer {
    background: #444;
    padding:50px 0 100px;
    font-family: Open Sans;
    text-align:center;
}

#footer img {
    width:150px;
}

#footer p.copyright {
    color: #ddd;
    padding: 0;
    margin:0;
}

.content {
    margin-top: 112px;
}

ul.nav.navbar-nav.navbar-right.main-nav li > a {
    padding: 0 0 0 22px !important;
    font-size: 18px;
    font-weight: 400;
    color: #fff;
    line-height:32px;
}

ul.nav.navbar-nav.navbar-right.main-nav li > a:hover {
    color: #afbf91;
}

.navbar-default .navbar-nav>li>a {
    color: #fff;
    font-family: Open Sans;
    font-size: 16px;
}

.navbar-default .navbar-nav>li>a:hover {
    color: #B4C9E0;
}

.about-band {
    padding: 80px 0;
    text-align:center;
}

.products-hero {
    padding: 80px 0;
    text-align:center;
    background: url('../img/hero.jpg') no-repeat;
    background-size:cover;
    margin-bottom:80px;
    color:#fff;
}

.inline-testimonial {
    padding: 50px;
}

.inline-testimonial p {
    font-style: italic;
    font-size: 24px;
    color: #83A3C6;
    letter-spacing: 0px;
}

ul.social-nav {
    float: right;
    margin: 10px;
    padding: 0;
}

ul.social-nav li {
    padding: 0;
    margin: 7px;
    list-style: none;
    float: left;
}

ul.social-nav li img {
    width: 24px;
    vertical-align: middle;
}

ul.social-nav li a:hover {
    opacity:0.75;
}

.navbar-nav ul.social-nav {
    display:none;
}

.page-hero {
    background: #444;
    text-align: center;
}

.page-hero h1 {
    color: #fff;
    font-size: 48px;
    margin: 0;
    padding: 15% 0;
}

.page-content {
    padding: 60px 0;
}

.about-hero {
    background: url('../img/about-hero.jpg') no-repeat;
    background-size:cover;
}

.contact-hero {
    background: url('../img/contact-hero.jpg') no-repeat;
    background-size:cover;
}

.resources-hero {
    background: url('../img/resources-hero.jpg') no-repeat;
    background-size:cover;
}

.austin-hero {
    background: url('../img/austin-hero.jpg') no-repeat;
    background-size:cover;
    background-position:center;
    padding:100px 0;
}

.donate-hero {
    background: url('../img/donate-hero.jpg') no-repeat;
    background-size:cover;
}

.apply-hero {
    background: url('../img/apply-hero.jpg') no-repeat;
    background-size:cover;
}

.results-hero {
    background: url('../img/results-hero.jpg') center no-repeat;
    background-size:cover;
}

.involved-hero {
    background: url('../img/home-scrolling-image-involved.jpg') center no-repeat;
    background-size:cover;
}

.alumni-hero {
    background: url('../img/home-scrolling-image-alumni.jpg') center no-repeat;
    background-size:cover;
}

.faculty {
}

.faculty .col-lg-2 {
    min-height: 260px !important;
}

.faculty img {
    border-radius:1000px;
    margin: 0 0 15px;
    width: 200px;
}

.modal-content.padded {
    padding: 40px 40px 20px;
    text-align: left;
}

h1.border {
    border-bottom:1px solid #ccc;
    margin: 40px 0;
    padding:0 0 20px;
}

.panel-default>.panel-heading {
    color: #333;
    background-color: #fff;
    border-color: #ddd;
    padding: 15px;
}

.panel-title {
    font-weight: bold;
    font-size:18px;
}

.panel-body {
    background: #f2f2f2;
}

label {
    font-weight: bold;
    font-size: 20px;
    color: #4A4A4A;
    margin: 0 0 5px;
    font-family: 'Open Sans';
}

.form-group {
    margin-bottom: 25px;
}

.form-control {
    padding: 20px 16px;
}

ul {
    margin: 30px 0 50px 10px;
    display: block;
}

li {
    line-height: 1.75;
}

.apply-scrolling-image {
    padding:300px 0;
    background: url('../img/workbook.jpg') top center no-repeat;
    background-size:cover;
    background-attachment:fixed;
}

.student-testimonial {
    padding: 25px;
}

.student-testimonial p {
    font-style: italic;
    margin: 0 0 15px;
}

.student-testimonial span.name {
    font-weight: bold;
    display: block;
    color: #1e70b9;
}

.student-testimonial span.location {
    color: #999;
}

/* WORDPRESS BLOG STYLES */
#main {
	margin:60px 0;
	padding: 0 30px;
}

h2.entry-title,
h1.entry-title {
    font-size: 40px;
    border-bottom: 1px solid #ccc;
    padding: 0 0 20px;
    margin: 0 0 40px;
    line-height: 1;
	font-weight:bold;
	color:#1e70b9;
}

h2.entry-title a {
	text-decoration:none;
	color:#1e70b9;
}

#main article {
    margin: 70px 0 0;
    border-bottom: 2px dotted #ccc;
    padding: 40px;
	background: #f8f8f8;
	border-radius: 5px;
}

#main article:first-child {
    margin: 0;
}

span.byline {
    display: none;
}

span.posted-on {
    display: block;
    font-size: 24px;
}

span.edit-link {
	display:none;
}

span.tags-links,
span.cat-links {
    display: block;
}

span.tags-links span,
span.cat-links span {
    font-weight: bold;
}

#secondary {
    padding: 30px;
    margin: 60px 0 0 0;
    border-radius: 5px;
}

span.page-numbers, a.page-numbers {
    padding: 10px 30px;
    background: #333;
    border-radius: 1000px;
    margin: 0 10px 0 0;
    color: #fff;
}

span.page-numbers.current {
    background: #1e70b9;
}

.tagcloud a {
    display: block;
    margin: 10px 0;
}

.entry-content h1, .entry-content h1 span {
    color: #000 !important;
    font-size: 32px;
    font-weight: bold;
    margin: 0 0 15px;
}

.entry-content h2, .entry-content h2 span {
    color: #000 !important;
    margin: 0 0 10px;
    text-transform: uppercase;
    font-size: 24px;
    font-weight: bold;
}

h2.widget-title {
    font-size: 20px;
    font-weight: bold;
    text-transform: uppercase;
    border-bottom: 2px solid #000;
    color: #000;
    margin: 0;
    padding: 0 0 5px;
}

.widget {
    margin: 0 0 40px;
}

.widget ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.widget ul li {
    line-height: 1;
    font-size: 16px;
    margin: 15px 0;
}

input.search-field {
    width: 100%;
}

@media (max-width: 1199px) {
    
    #footer {
        font-size: 15px;
    }
    
    #footer ul li {
        margin: 0 15px;
    }
    
    .content {
        margin-top: 112px;
    }
    
    .navbar-brand {
        padding: 15px 0;
    }
    
    ul.nav.navbar-nav.navbar-right.main-nav li > a {
        padding: 0 0 0 25px !important;
        font-size: 16px;
    }

}

@media (max-width: 992px) {
    
    .hero {
        margin: 0;
    }
    
    #footer {
        font-size: 13px;
    }
    
    #footer ul li {
        margin: 0 7px;
    }
    
    .homepage-highlight .col-sm-6 {
        padding:40px;
    }
    
    .navbar-brand img {
        width: 155px;
        padding: 5px 0 5px 15px;
    }
    
    ul.social-nav {
        display:none;
    }
    
    ul.topics {
        width: 100%;
        display:block;
        font-size:16px;
    }
    
    ul.topics li a img {
        width:16px;
        margin-right:0px;
    }
    
}

@media (min-width: 768px) {
    
    div.mobile-nav {
        display: none !important;
    }
    
}

@media (max-width: 767px) {
    
    #footer {
        font-size: 14px;
    }

    .hero h1 {
        font-size: 45px !important;
    }

    h1 {
        font-size: 32px !important;
    }
    
    .content {
        margin-top: 70px;
    }
    
    ul.nav.navbar-nav.navbar-right {
        margin: 10px -5px;
    }
    
    div.desktop-nav {
        display: none;
    }
    
    .homepage-highlight {
        padding:0;
    }
    
    .homepage-highlight .col-sm-6 {
        padding:60px;
    }

    .homepage-highlight .image-left {
        height:250px;
    }

    .homepage-highlight .image-right {
        height:250px;
    }
    
    .testimonial p {
        font-size: 18px;
    }
    
    img {
        max-width:100%;
    }
    
    ul.social-nav {
        display:none;
    }
    
    .navbar-nav ul.social-nav {
        display:block;
        float:none;
    }
    
    .page-hero h1 {
        font-size:36px;
    }
    
    .hero,
    .home-scrolling-image-1,
    .home-scrolling-image-2,
    .apply-scrolling-image {
        background-attachment:scroll;
        background-size:cover;
        background-position: center center;
    }

	li.mobile-only {display:block;}

	.desktop-info-title {display:none;}

	.mobile-info-title {display:block;}

}

@media (max-width: 480px) {
    
}

.covid-banner {
background:#b30000;
color:white;
font-weight:bold;
font-family:sans-serif;
text-align:center;
padding: 20px 10%;
}

.formFooter, .formFooter-wrapper {
    display:none !important;
}
}