/* Colors & Fonts

Dark Blue: #2397ae
Light Blue: #34c4e6
Purple: #592c82

Chunkfive: font-family: 'chunkfiveroman';
Open Sans: font-family: 'Open Sans', sans-serif;

*/



/* -------------------- Typography --------------------*/

@font-face {
    font-family: 'chunkfiveroman';
    src: url('../fonts/chunkfive-webfont.woff2') format('woff2'),
         url('../fonts/chunkfive-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

h1 {
    font-family: 'chunkfiveroman';
}

/* -------------------- Header --------------------*/

#top-bar {
    background-color: #592c82;
    padding: 15px 0 10px 0;
    font-family: 'chunkfiveroman';
    color: #fff;
    font-size: 14px;
    text-align: center;
    }
    #top-bar a {
        color: #fff;
        text-decoration: none;
    }

.apply {
    color: #592c82;
    font-weight: bold;
    }

/* -------------------- Headers --------------------*/

.header001 {
    background: url(../images/header001.jpg) top center no-repeat;
    background-size: cover;
}

.header002 {
    background: url(../images/header002.jpg) top center no-repeat;
    background-size: cover;
}

.header003 {
    background: url(../images/header003.jpg) top center no-repeat;
    background-size: cover;
}

.header004 {
    background: url(../images/header004.jpg) top center no-repeat;
    background-size: cover;
}

.header005 {
    background: url(../images/header005.jpg) top center no-repeat;
    background-size: cover;
}

/* -------------------- Main Content --------------------*/

#upcoming-courses {
    background: url(../images/upcoming-courses-bg.jpg) top center no-repeat;
    background-size: cover;
    }
    #upcoming-courses h1,
    #upcoming-courses h4,
    #upcoming-courses p {
        color: #fff;
    }
    #upcoming-courses h1 {
        border-bottom: 2px dotted #fff;
        padding-bottom: 15px;
    }
    #upcoming-courses hr {
        border: 0;
        height: 1px;
        background: #fff;
        opacity: 0.3;
    }
    #upcoming-courses .btn {
        background-color: #fff;
        font-family: 'chunkfiveroman';
        text-transform: uppercase;
        color: #34c4e6;
        padding: 10px 15px;
        }
        #upcoming-courses .btn:hover {
        background-color: #34c4e6;
        color: #fff;
        border: 1px solid #fff;
        }

/* -------------------- Forms --------------------*/

#mc_embed_signup {
    background: #34c4e6; clear:left; font:14px Helvetica,Arial,sans-serif; width:100%;
}

#mc_embed_signup input.email {
    height: 60px !important;
    padding: 15px !important;
    font-size: 24px !important;
    color: #808080 !important;
    font-family: 'Open Sans', sans-serif !important;
    width: 70% !important;
    text-transform: uppercase !important;
    font-weight: 300 !important;
    letter-spacing: 2px;
}

input#mc-embedded-subscribe.button {
    height: 60px !important;
    background-color: #592c82 !important;
}

/* -------------------- Footer --------------------*/

footer {
    background-color: #592c82;
    padding: 40px 0;
    color: #fff;
}
footer h1 {
    font-family: 'Open Sans', sans-serif;
    font-size: 18px;
    text-transform: uppercase;
    font-weight: bold;
    color: #fff;
}

footer p {
    font-size: 14px;
    line-height: 30px;
    padding: 0 0 0 5px;
    }
    footer p a {
        color: #fff;
    }
    footer p a:hover {
        color: #b4e0e6;
        border-bottom: 1px dotted #b4e0e6;
        text-decoration: none;
    }

/* -------------------- Misc Items --------------------*/

.sololearn {
  padding-top: 50px;
  padding-bottom: 50px;
  margin-bottom: 30px;
  color: inherit;
  background: url(../images/sololearn-bg.jpg) bottom center no-repeat;
    background-size: cover;
}
.jumbotron .btn {
    color: #fff;
    background-color: #34c4e6;
    border-color: #2e6da4;
    margin-top: 30px;
    }
.jumbotron .btn:hover {
    color: #34c4e6;
    background-color: #fff;
    border-color: #fff;
    }

.reg-btn {
    color: #fff;
    background-color: #592b82;
    border-color: #2e6da4;
    margin-top: 30px;
    }
.reg-btn:hover {
    color: #ffb71b;
    background-color: #fff;
    border-color: #fff;
    border: solid 1px #ffb71b;
    }

.add-pad {
    padding-top: 40px;
    padding-bottom: 40px;
}

.testimonial {
    font-size: 26px;
    line-height: 32px;
    font-weight: 300;
}

.testimonial-name {
    font-size: 40px;
    color: #592c82;
    font-family: 'chunkfiveroman';
}

#subscribe {
    font-size: 24px;
    line-height: 32px;
    color: #fff;
    font-weight: 300;
    background-color: #34c4e6;
    padding: 60px 0;
}

.blue-block {
    background-color: #592c82;
    padding: 30px 0;
    }
    .blue-block p {
        color: #fff;
    }
    .blue-block h1 {
        color: #fff;
    }

.light-grey-block {
    background-color: #f4f4f4;
    padding: 30px 0;
}


.navbar-brand-centered {
        position: absolute;
        left: 50%;
        display: block;
        width: 205px;
        text-align: center;
        background-color: transparent;
    }
    .navbar>.container .navbar-brand-centered, 
    .navbar>.container-fluid .navbar-brand-centered {
        margin-left: -103px;
    }

.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.finance-block {
    padding: 15px;
}