/*
 Theme Name:   UnderStrap Child
 Theme URI:    https://www.understrap.com
 Description:  UnderStrap Child Theme
 Author:       Holger Koenemann
 Author URI:   http://www.holgerkoenemann.de
 Template:     understrap
 Version:      0.5.9
 License: GNU General Public License v2 or later
 License URI: http://www.gnu.org/licenses/gpl-2.0.html
 Text Domain:  understrap-child
 Tags: one-column, custom-menu, featured-images, theme-options, translation-ready
 GitHub Theme URI: holger1411/understrap-child
*/

body > div {
    overflow-x: hidden;
    position: relative;
}

.parallax-bg {
    background: url(imgs/bg-1600.png);
    background-size: cover;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
    background-position: center;
}

.faded-white-bg {
    background: rgba(255, 255, 255, 0.75);
}

img.divider {
    width: 100%;
    height: 2px;
}

.navbar-brand {max-width: 75%;}

.navbar-brand img {
    width: 330px;
}

ul {
    list-style-type: '» ';
}

.text-white a { color: inherit; }
/* Home */

section#welcome {font-family: 'Raleway', sans-serif;font-weight: 300;font-size: 24px;padding: 20px 0 197px;}
section#welcome h1 {font-size: 54px;font-weight: 300;margin-bottom: 40px;}
section#welcome .welcome-banner { position: absolute; z-index: -1; width: 900px; margin-left: -450px; height: 0; left: 50%; padding-bottom: 570px; background-repeat: no-repeat !important; background-size: contain !important; background-position: top center !important; }

section#pathways { padding: 45px 0 30px; }
section#pathways .pathway-block { margin-top: 20px; }
section#pathways .pathway-block a { color: #ffffff; padding-bottom: 46px; display: block; -webkit-transition: 0.1s all linear; -moz-transition: 0.1s all linear; -ms-transition: 0.1s all linear; -o-transition: 0.1s all linear; transition: 0.1s all linear; }
section#pathways .pathway-block a:hover { text-decoration: none; padding-bottom: 32px; }
section#pathways .pathway-block a:hover h3 { padding-top: 20px; }
section#pathways .pathway-block .icon { margin: -7px 0 -7px 15px; float: left; width: 60px; -webkit-border-radius: 15px; -moz-border-radius: 15px; border-radius: 15px; }
section#pathways .pathway-block h3 {font-family: 'Raleway', sans-serif;font-size: 22px;font-weight: 700;-webkit-transition: 0.1s all linear;-moz-transition: 0.1s all linear;-ms-transition: 0.1s all linear;-o-transition: 0.1s all linear;transition: 0.1s all linear;float: left;margin-left: 10px;line-height: 46px;}
section#pathways .pathway-block h4 { font-family: 'Anton', sans-serif; font-size: 14px; opacity: 0.5; float: left; line-height: 51px; margin-left: 10px; }

section#myblueprint {
    position: relative;
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 22px;
    /* text-align: center; */
}
section#myblueprint .container {
    padding: 20% 15px 18%;
    z-index: 1;
    position: relative;
    text-align: center;
}

#myblueprint .top-bg,
#myblueprint .bottom-bg {
    position: absolute;
    width: 1601px;
    max-width: none;
	min-width: 101%;
    /* bottom: 0; */
    /* left: -1px; */
}

#myblueprint .top-bg {
    top: 0;
    right: -1px;
    /* left: auto; */
}

#myblueprint .bottom-bg {
    bottom: 0;
    left: -1px;
}


section#myblueprint img.computer {
    /* max-width: none; */
    /* margin-left: -12px; */
    margin: 10px 0 15px;
}

section#myblueprint h3 {
    font-weight: 900;
    font-size: 32px;
    margin-bottom: 15px;
}

section#myblueprint a {
    /* font-weight: 100; */
    font-size: 11px;
    color: #ffffff;
    display: block;
    letter-spacing: 1px;
    font-family: 'Anton', sans-serif;
}

section#myblueprint .mbp-login-btn {
    font-size: 14px;
    /* font-weight: 100; */
    background: #1C2B46;
    display: inline-block;
    padding: 10px 20px;
    /* margin-left: -20px; */
    margin-bottom: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: 15px;
    letter-spacing: 0;
    font-family: inherit;
}

section#myblueprint .mbp-login-btn {
	text-decoration: none;
}

section#myblueprint .mbp-login-btn img {
    height: 24px;
    margin-top: -4px;
    margin-left: 2px;
    margin: -4px 0 -4px 2px;
}

section#pathway-programs {
    padding: 10px 0 5px;
}

section#pathway-programs .program-intro h3 {
    font-weight: 800;
    font-family: 'Raleway', sans-serif;
    /* font-weight: 700; */
    font-size: 24px;
    margin-bottom: 50px;
}

section#pathway-programs .programs img {
    margin: 0 auto;
    display: block;
    margin-bottom: 10px;
    width: 80px;
}

section#pathway-programs .programs h3 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 19px;
    text-align: center;
    /* padding: 0 10px; */
}

section#pathway-programs .programs h3 a {
    color: inherit;
}

section#careers {
    padding-bottom: 40px;
    text-align: center;
}

section#faq {
    text-align: center;
}

section#careers .career-info,
section#faq .questions {
    padding: 39px 0 19px;
    /* margin-bottom: -17px; */
}

section#careers .career-info .col-md-auto, section#faq .questions .col-md-auto {
    /* width: 180px; */
    /* text-align: right; */
    margin-bottom: 20px;
}

section#careers .career-info .col,
section#faq .questions .col {
    padding: 0 70px;
}

section#faq .questions h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 20px;
    font-weight: 100;
    margin-bottom: 15px;
}


/* Pathway Archive */

#archive-wrapper {
    padding: 9px 0;
}

#pathway-intro.video-intro {
    border-bottom: 4px solid #E7B200;
}

.video-intro {
    /* margin-bottom: 120px; */
    padding-top: 20px;
}

.video-intro h1 {
    font-family: 'Raleway', sans-serif;
    font-size: 24px;
    font-weight: 700;
    -webkit-transition: 0.1s all linear;
    -moz-transition: 0.1s all linear;
    -ms-transition: 0.1s all linear;
    -o-transition: 0.1s all linear;
    transition: 0.1s all linear;
    margin-bottom: 20px;
    padding-left: 50px;
    line-height: 0.4;
}

.video-intro h1 img {
    width: 40px;
    margin-right: 10px;
    margin-left: -50px;
}

.video-intro h1 span {
    font-family: 'Anton', sans-serif;
    font-size: 15px;
    opacity: 0.5;
    margin-left: 0;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.video-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.video-container {
    position: relative;
    padding-bottom: 56.15%; /* 16:9 */
    height: 0;
}

.pathway-video {
    margin-bottom: -68px;
}

section#pathway-faqs {
    padding: 85px 0 0;
}

section#pathway-faqs .faqs {
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 290px 2;
    padding-top: 30px;
    text-align: center;
}

section#pathway-faqs .faqs .block {
    display: inline-block;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 10px;
}

section#pathway-faqs h4.question {
    font-family: 'Raleway', sans-serif;
    font-size: 22px;
    font-weight: 700;
}

section#pathway-faqs .faqs p {
    margin-bottom: 10px;
}
section#pathway-faqs li {
    text-align: left;
}
.pathway-support {
    /* background: #E7B200; */
    color: #4C3805;
    font-size: 16px;
    padding: 25px 25px 60px;
    /* margin-right: 15px; */
    /* padding-right: 10px; */
    position: relative;
    height: 100%;
}
.pathway-support a {
    color: inherit;
}
.pathway-support.mobile {
    /* background: #E7B200; */
    /* color: #4C3805; */
    /* font-size: 16px; */
    padding: 0 15px;
    /* margin-right: 15px; */
    /* padding-right: 10px; */
    /* position: relative; */
    /* height: 100%; */
}

.pathway-support.mobile.open {
    background: #E7B200;
    /* color: #4C3805; */
    /* font-size: 16px; */
    padding: 15px 15px 5px;
    /* margin-right: 15px; */
    /* padding-right: 10px; */
    /* position: relative; */
    /* height: 100%; */
}

.pathway-support h5 {
    font-weight: 600;
    font-family: 'Raleway', sans-serif;
    font-size: 18px;
    position: relative;
    z-index: 3;
}

.pathway-support.mobile h5 {
    background: #E7B200;
    padding: 3px 10px 6px 10px;
    float: right;
    font-size: 16px;
    -webkit-border-radius: 0 0 8px 8px;
    -moz-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.pathway-support.mobile.open h5 {
    float: none;
    padding: 0;
    /* width: 100%; */
}

.support-content {
    /* display: none; */
    height: 0;
    overflow: hidden;
    /* -webkit-transition: all 0.2s linear; */
/*     -moz-transition: all 0.2s linear; */
/*     -ms-transition: all 0.2s linear; */
/*     -o-transition: all 0.2s linear; */
    /* transition: all 0.2s linear; */
    padding-left: 25px;
}
.open .support-content {
    /* display: none; */
    height: auto;
    /*     overflow: hidden; */
    /* padding-left: 25px; */
}


.pathway-support p {
    position: relative;
    z-index: 3;
}

.pathway-support .circle-notches {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    border: 2px solid #4C3805;
    width: 20px;
    display: inline-block;
    height: 20px;
    transform: rotate(45deg);
    margin-bottom: -3px;
}

.pathway-support .circle-notches:before, 
.pathway-support .circle-notches:after {
    content: '';
    display: block;
    width: 26px;
    margin: -5px;
    height: 3px;
    background: #e7b200;
}

.pathway-support .circle-notches:before {
    margin-top: 7px;
}

.pathway-support .circle-notches:after {
    transform: rotate(90deg);
}

section#pathway-faqs .pathway-support:before,
.pathway-support.show:before {
    position: absolute;
    bottom: 65px;
    top: 0;
    left: 0;
    right: 0;
    z-index: 0;
    content: '';
    /* height: 49px; */
    background: #e7b200;
}

section#pathway-faqs .pathway-support:after {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skew(0, -6.8deg);
    z-index: 2;
    content: '';
    height: 100px;
    background: #e7b200;
}

#archive-wrapper section#myblueprint {
    position: relative;
    margin-top: -104px;
    margin-bottom: -103px;
    z-index: 10;
}

/* #archive-wrapper section#myblueprint:before,
#archive-wrapper section#myblueprint:after {
    content: '';
    display: block;
    background: rgba(255, 255, 255, 0.75);
    height: 50%;
    position: absolute;
    width: 100%;
}

#archive-wrapper section#myblueprint:before {
    top: 0;
}
#archive-wrapper section#myblueprint:after {
    bottom: 0;
} */

#archive-wrapper section#myblueprint .skewed-bg {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    transform: skew(0, -6.8deg);
    z-index: 1;
}

#archive-wrapper section#myblueprint .container {
    /* padding: 30px 0 0; */
    z-index: 1;
    position: relative;
}



#archive-wrapper .white-top-angle {
    position: relative;
    height: 228px;
    overflow: hidden;
/*     margin-bottom: 9px; */
}

#archive-wrapper .white-top-angle:before {
    position: absolute;
    bottom: 114px;
    left: 0;
    right: 0;
    transform: skew(0, -6.8deg);
    z-index: 1;
    content: '';
    height: 320px;
    background: rgba(255, 255, 255, 0.75);
}

#archive-wrapper .white-bottom-angle {
    position: relative;
    height: 228px;
    overflow: hidden;
    /* margin-bottom: 9px; */
}

#archive-wrapper .white-bottom-angle:before {
    position: absolute;
    top: 114px;
    left: 0;
    right: 0;
    transform: skew(0, -6.8deg);
    z-index: 1;
    content: '';
    height: 320px;
    background: rgba(255, 255, 255, 0.75);
}


.program-block {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1.3;
    margin: 40px 0 80px;
    display: inline-block;
}

.program-block img {
    margin-top: -40px;
    margin-bottom: 15px;
	max-width: 81px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
}

.program-block h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 22px;
}

.program-block a {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
    color: #333333;
    opacity: 0.6;
    margin: 10px 0 15px;
    display: block;
    letter-spacing: 1px;
}

.school-block .school-video,
.program-block .program-video {
    margin-bottom: -35px;
    margin: 10px 0 -35px;
    padding-bottom: 56%;
}
section#pathway-extra-link .heading-col {
    border-bottom: 2px solid;
    /* padding: 10px 20px 0px 5%; */
    padding-top: 10px;
    /* padding-bottom: 10px; */
    margin-bottom: 20px;
}
section#pathway-extra-link h5 {
    font-weight: 700;
    font-family: 'Raleway', sans-serif;
}
section#pathway-extra-link ul.two-column-list {
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 300px 2;
    padding-top: 5px;
    padding-left: 40px;
    margin-bottom: 5px;
}

section#pathway-extra-link ul.two-column-list a {
    color: #ffffff;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 900;
    font-family: 'Raleway', sans-serif;
    letter-spacing: 2px;
}


#single-wrapper {
    padding: 0;
}
section#programs-intro {
    padding: 100px 0 50px;
}
section#available-schools img.divider {
    max-width: 370px;
    margin-bottom: 50px;
}

section#available-schools h4 {
    font-weight: 800;
    font-size: 24px;
    margin-bottom: 40px;
}

section#available-schools .school-block {
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    font-size: 16px;
    line-height: 1.3;
    margin: 40px 0 100px;
    display: inline-block;
    background: #ffffff;
    width: 100%;
    /* padding: 0 35px; */
}

section#available-schools .school-block img {
    margin-top: -40px;
    margin-bottom: 15px;
	max-width: 81px;
	-webkit-border-radius: 15px; 
	-moz-border-radius: 15px; 
	border-radius: 15px;
}

section#available-schools .school-block h4 {
    font-family: 'Raleway', sans-serif;
    font-weight: 700;
    font-size: 22px;
    margin-bottom: .5rem;
}

section#available-schools .school-block .description {
    margin-bottom: 20px;
}

section#available-schools .school-block a {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 800;
    text-transform: uppercase;
    /* color: #333333; */
    /* opacity: 0.6; */
    margin: 10px 0 15px;
    display: block;
    /* letter-spacing: 1px; */
}

section#available-schools .school-block .program-video {
    margin-bottom: -35px;
    margin: 10px 7% -35px;
    padding-bottom: 48.5%;
}

.accordion-heading {
    cursor: pointer;
}

.accordion-content {
    padding-left: 25px;
}

.career-intro {
    padding: 50px 0 20px;
    font-family: 'Raleway', sans-serif;
}

.career-intro h1 {
    font-size: 44px;
    margin-bottom: 43px;
}

.career-intro p {
    font-size: 23px;
}

.career-block {
    background: #ffffff;
    border-radius: 25px;
    margin: 100px 0 60px;
    padding: 40px 70px 60px;
}



.career-block img.computer {
    /* margin: -110px 0 0 -110px; */
    /* max-width: none; */
    /* width: 137%; */
}

.career-block h2 {
    margin-bottom: 20px;
    font-size: 43px;
}


.career-block .mbp-login-btn {
    font-size: 14px;
    font-weight: 600;
    background: #1C2B46;
    display: inline-block;
    padding: 10px 20px;
    /* margin-left: 30px; */
    margin-bottom: 10px;
    -webkit-border-radius: 25px;
    -moz-border-radius: 25px;
    border-radius: 25px;
    margin-top: 15px;
    letter-spacing: 0;
    color: #ffffff;
    font-family: 'Raleway', sans-serif;
}

.career-block .mbp-login-btn img {
    height: 24px;
    margin-top: -4px;
    margin-left: 2px;
    margin: -4px 0 -4px 4px;
}

/* Footer */


div#wrapper-footer-full h3.widget-title {
    font-family: 'Raleway', sans-serif;
    font-size: 14px;
    font-weight: 900;
    text-transform: uppercase;
}

#wrapper-footer-full ul.menu {
    list-style: none;
    padding: 0;
    line-height: 1.1;
}

#wrapper-footer-full ul.menu li {
    margin-bottom: 10px;
    font-size: 16px;
}

#wrapper-footer-full a {
    color: inherit;
}

#wrapper-footer {
    background: #ffffff;
    margin-top: 7px;
    font-size: 12px;
    color: #60422A;
    text-align: right;
}

#wrapper-footer strong {
    color: #921E30;
    font-weight: 600;
}

#wrapper-footer p {
    margin-bottom: 0;
    line-height: 1.1;
}












@media (max-width: 510px) {

    #wrapper-footer div { width: 100%; display: block; text-align: center !important; margin-left: 0 !important; margin-right: 0 !important; max-width: none; }
    #wrapper-footer img { margin-bottom: 30px; }
 
}

@media (min-width: 450px) {
    .navbar .navbar-brand a { font-size: 44px; }

    section#pathways .pathway-block a { padding-bottom: 56px; }
    section#pathways .pathway-block .icon { margin-left: 30px; width: 70px; }
    section#pathways .pathway-block h3 {font-size: 30px;margin-left: 15px;line-height: 56px;}
    section#pathways .pathway-block h4 {font-size: 18px;line-height: 62px;margin-left: 25px;}

    section#myblueprint .container { padding: 16% 50px 16%; }

    section#pathway-programs .programs h3 { font-size: 22px; }

    .video-intro h1 {
        font-size: 34px;
        padding-left: 64px;
    }
    .video-intro h1 img {
        width: 54px;
        margin-left: -64px;
    }

    .video-intro h1 span {
        font-size: 23px;
    }

}


@media (min-width: 576px) {
    section#welcome { padding: 20px 0 219px; }
    section#welcome .welcome-banner { width: 1000px; margin-left: -500px; }

    section#pathways .pathway-block { margin-top: 60px; }
    section#pathways .pathway-block a { padding-bottom: 52px; }
    section#pathways .pathway-block .icon { margin-top: -35px; margin-bottom: 15px; margin-left: 0; float: none; }
    section#pathways .pathway-block h3 { font-size: 23px; float: none; margin-left: 0; line-height: 1.2; }
    section#pathways .pathway-block h4 { font-size: 17px; float: none; line-height: 1.5; margin-left: 0; }

    section#myblueprint .container { padding: 13% 50px 13%; }

.school-block .school-video,
.program-block .program-video {
    margin-left: 6%;
    margin-right: 6%;
    padding-bottom: 49.5%;
}

    .video-intro h1 {
        font-size: 38px;
    }


.career-block img.computer {
    /* margin: -110px 0 0 -110px; */
    /* width: 137%; */
}

}



@media (min-width: 768px) {
    section#welcome { padding: 20px 0 263px; }
    section#welcome .welcome-banner { width: 1200px; margin-left: -600px; }

    section#myblueprint {font-size: 15px;}
    section#myblueprint .container {padding: 10% 0 7%;text-align: left;}
    section#myblueprint img.computer { max-width: none; width: 120%; margin: 0px 0 0 -40px; }
    section#myblueprint h3 { font-size: 28px; }
    section#myblueprint a { font-family: inherit; }
    section#myblueprint .mbp-login-btn {margin-top: 5px;margin-left: -20px;}

section#careers .career-info .col-md-auto, section#faq .questions .col-md-auto {
    width: 180px;
    text-align: right;
}
section#careers,
section#faq {
    text-align: left;
}
section#pathway-extra-link .heading-col {
    border-right: 2px solid;
    /* padding: 10px 20px 0px 5%; */
    /* padding-top: 10px; */
    /* padding-bottom: 10px; */
    border-bottom: 0;
    text-align: right;
    margin: 0;
}

section#pathway-extra-link ul.two-column-list {
    -webkit-columns: 300px 2;
    -moz-columns: 300px 2;
    columns: 300px 2;
    padding-top: 5px;
    padding-left: 15px;
    margin-bottom: 5px;
}
section#pathway-faqs .faqs {
    padding-top: 30px;
    text-align: left;
}
section#pathway-faqs .faqs p {
    padding-left: 20px;
}
#pathway-intro.video-intro {
    border-bottom-width: 9px;
}

#archive-wrapper section#myblueprint img.computer {
    margin-bottom: -35px;
}
#archive-wrapper section#myblueprint .container {
    padding: 30px 0 0;
}

.career-block img.computer {
    margin: -110px 0 30px;
    /* width: 137%; */
}



}


@media (min-width: 992px) {
    section#welcome { padding: 20px 0 306px; }
    section#welcome .welcome-banner { width: 1400px; margin-left: -700px; }

    section#myblueprint {font-size: 21px;}
    section#myblueprint .container { padding: 9% 0 5%; }
    section#myblueprint img.computer { width: 115%; }
    section#myblueprint h3 { font-size: 32px; }
    section#myblueprint .mbp-login-btn { margin-top: 15px; }

section#pathway-faqs .faqs p {
    padding-left: 40px;
}
    section#pathways .pathway-block h3 {font-size: 30px;/* float: none; *//* margin-left: 0; *//* line-height: 1.2; */}
    section#pathways .pathway-block h4 {font-size: 21px;/* float: none; *//* line-height: 1.5; *//* margin-left: 0; */}


.career-block img.computer {
    margin: -80px 0 0 -110px;
    width: 141%;
    max-width: none;
}
.career-block .col-lg-6 p {
    padding-left: 30px;
}

.career-block .mbp-login-btn {
    margin-left: 30px;
}




}



@media (min-width: 1200px) {
    .navbar-brand img {width:450px;}
    section#welcome { padding: 20px 0 351px; }
    section#welcome .welcome-banner { width: 1600px; margin-left: -800px; }

    section#myblueprint img.computer { margin-left: -12px; width: auto; }
    section#myblueprint {font-size: 22px;}

    section#pathways .pathway-block h3 {font-size: 23px;/* float: none; *//* margin-left: 0; *//* line-height: 1.2; */}
    section#pathways .pathway-block h4 {font-size: 17px;/* float: none; *//* line-height: 1.5; *//* margin-left: 0; */}

.career-intro h1 {
    font-size: 52px;
}

.career-block img.computer {
    margin: -110px 0 0 -110px;
    width: 129%;
}

}