:root {
    --utm-blue:#0b2341;
    --utm-blue-rgb: 11, 35, 65;

    --utm-orange: #ff8204;
    --utm-orange-rgb: 255, 130, 4;
    --utm-gray: #a7a9ac;
    --utm-gray-rgb: 167,169,172;
    --utm-gray-light: #a7a9ac44;
    --utm-gray-ultralight: #fafafa;
    --utm-limestone:#f0ede3;
    --utm-limestone-rgb:240,237,227;

    
    --utm-robinegg: #b9e1e2;
    --utm-robinegg-rgb: 185,225,226;

    --utm-newblue: #006c93;
    --utm-newblue-rgb: 0,108,147;
    --utm-newblue-light: rgba(0,108,147,0.27);
    --utm-title-font: "Montserrat";
    --utm-body-font: "Montserrat";
    --utm-heading-evens: "Montserrat";
    --utm-heading-odds: "Zilla Slab";


    --utm-smokey: #58595b;
    --utm-smokey-dark: #333333;
   

    /* Accent Colors
    */

    --utm-torch: #E65933;
    --utm-sunsphere: #FED535;
    --utm-eureka: #EBEA64;
    --utm-switchgrass: #ABC178;

  
    --utm-legacy: #579584;
    --utm-valley: #00746F;
    --utm-globe: #006c93;
    --utm-river: #517C96;
    
    --utm-summitt: #B9E1E2;
    --utm-fountain: #2197A9;
    --utm-regalia: #754A7E;
    --utm-leconte: #8D2048;

    --utm-energy: #EE3E80;
    --utm-limestone: #F0EDE3;
    --utm-rock: #A7A9AC;
    --utm-buckskin: #705550;
    
    
    /* Special Web Palette
        text colors
    */
    --utm-text-gray: var(--utm-smokey);
    --utm-text-black: var(--utm-smokey-dark);
    --utm-text-blue: var(--utm-globe);
    /* texture colors 
        4 grays from light to dark
    */
    --utm-gray1: #F6F6F6;
    --utm-gray2: #E0E0E0;
    --utm-gray3: #CACACA;
    --utm-gray4: #B6B6B6;

}

body{
   
    font-family: Montserrat;
    font-style: normal;
    font-weight: normal;
    font-size: 16px;
    line-height: 25.6px;
    /* or 150% */

    letter-spacing: 0.04em;

    color: #000000;
}
.material-icons.md-18 {
    font-size: 18px;
}

.material-icons.md-24 {
    font-size: 24px;
}

.material-icons.md-36 {
    font-size: 36px;
}

.material-icons.md-48 {
    font-size: 48px;
}

/* desktop */
h1 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: bold;
    font-size: 65px;
    line-height: 100%;
    /* or 65px */


    /* UTM Blue */

    color: #0A2240;
}

h2 {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: bold;
    font-size: 38px;
    line-height: 110%;
    /* or 42px */

    letter-spacing: -0.5px;

    /* UTM Blue */

    color: #0A2240;

}
h2.large {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: bold;
    font-size: 52px;
    line-height: 110%;
    /* or 57px */

    letter-spacing: -0.5px;

    /* UTM Blue */

    color: #0A2240;

}

h2.narrow {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: normal;
    font-size: 44px;
    line-height: 110%;
    /* or 48px */

    letter-spacing: -0.5px;

    /* UTM Blue */

    color: #0A2240;

}


h3 {
    font-family: "Zilla Slab";
    font-style: normal;
    font-weight: 600;
    font-size: 24px;
    line-height: 110%;
    /* identical to box height, or 20px */

    text-transform: uppercase;

    /* UTM Blue */

    color: #0A2240;

}
h4 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: 600;
    font-size: 18px;
    line-height: 110%;
    /* identical to box height, or 20px */

    text-transform: uppercase;

    /* UTM Blue */

    color: #0A2240;

}

h5 {
    font-family: "Montserrat";
    font-style: normal;
    font-weight: normal;
    font-size: 18px;
    line-height: 22px;
    /* or 122% */

    letter-spacing: 0.04em;

    /* UTM Blue */

    color: #0A2240;
}

.text-white {

    color: #FFFFFF !important;
}

.margin-auto{
    margin: 0 auto;
}
.generic-cta{
    font-family:'Montserrat';
    font-size: 20px;
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 20px 44px;
    background: #ff8204;
    border-radius: 60px;
    max-width:400px;
    width: fit-content;
    color: white;

}

.generic-cta-outline{       
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    padding: 20px 44px;
    background: white;
    border-radius: 60px;
    max-width: 25%;
    width: fit-content;
    color: #0A2240;
    border: 1px solid #0A2240;
}
@media only screen and (max-width: 1024px) {
    h1 {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: bold;
        font-size: 40px;
        line-height: 100%;
        /* or 40px */


        /* UTM Blue */

        color: #0A2240;
    }
    h2 {
        font-family: "Zilla Slab";
        font-style: normal;
        font-weight: bold;
        font-size: 32px;
        line-height: 102%;
        /* or 33px */

        letter-spacing: -0.5px;
        text-transform: capitalize;

        /* UTM Blue */

        color: #0A2240;

    }
    h2.large {
        font-family: "Zilla Slab";
        font-style: normal;
        font-weight: bold;
        font-size: 38px;
        line-height: 110%;
        /* or 42px */

        letter-spacing: -0.5px;
        text-transform: none;
        /* UTM Blue */

        color: #0A2240;

    }

    h2.narrow {
        font-family: "Zilla Slab";
        font-style: normal;
        font-weight: normal;
        font-size: 32px;
        line-height: 110%;
        /* or 35px */
        text-transform: none;
        letter-spacing: -0.5px;

        /* UTM Blue */

        color: #0A2240;

    }



    h3 {
        font-family: "Zilla Slab";
        font-style: normal;
        font-weight: bold;
        font-size: 22px;
        line-height: 110%;
        /* or 24px */

        letter-spacing: -0.5px;

        /* UTM Blue */

        color: #0A2240;

    }

    h3 {
        font-family: "Montserrat";
        font-style: normal;
        font-weight: 600;
        font-size: 16px;
        line-height: 110%;
        /* or 18px */

        text-transform: uppercase;

        /* UTM Blue */

        color: #0A2240;

    }

}

/* mobile */
html{
    overflow-y: unset;
}
.slate-template{
    background-image: url(https://www.utm.edu/_template/bg.gray.triangles.1600.jpg);
    background-position: center;
    background-size: cover;
}
.v-application a.app-bar-link{
    text-transform: uppercase;
    margin: 0 1em;
    color: var(--utm-blue);
    font-weight: 600;
    font-size: 0.9em;
}
.underlineAfter:after{
    
    content: "";
    display: block;
    width: 1rem;
    border-bottom: 2px solid var(--utm-primaryColor-orange);
    padding-top: .5rem;
 
}
.add-underline-below-page-title:after{
    border-bottom: 22px solid var(--utm-primaryColor-orange);
    width: 7%;
    margin-top: 0;
    margin-bottom: 0;
    margin-left: 1em;
    font-size: 67px;

 
}
.bold{
    font-weight: 600;
}
.underline-orange-thin{
    background-color: var(--utm-orange);
    width: 2.5em;
    
}
.word-break-keep {
    word-break: keep-all;
}

::selection {
    background-color: var(--utm-borderColor-concrete);
}

.v-responsive__content {
    display: flex;
}

.above-overlay {
    position: relative;

    z-index: 6;
}

.color--utm-orange {
    color: var(--utm-orange);
}

.color--utm-blue {
    color: var(--utm-blue);
}


.make-a-selection {
    max-width: 60%;
    text-align: center;
    font-size: 1.4em;
}

[v-cloak] > * {
    display: none;
}

/* [v-cloak]::before {
    content: " ";
    display: block;
    width: 80px;
    height: 80px;
    background-image: url(/_imgs/icons/loader.svg);
    background-size: cover;

} */

#header {
    position: absolute;
}

.d-none {
    display: none;
}

.d-flex>*,
.d-inline-flex>* {
    flex: none !important;
}

.navbar-brand {
    max-width: 175px;
}

.bread-crumb {
    font-size: .9rem;
}

.bread-crumb a:hover {
    text-decoration: underline;
    text-decoration-color: var(--utm-blue);
}

.max-w-80 {
    max-width: 80%;
}

.max-w-1200 {
    max-width: 1200px;
}



.navbar {
    padding: unset;
}

/* .pageContent {
    padding-top: 102px;
} */



input::placeholder {
    /* Chrome, Firefox, Opera, Safari 10.1+ */
    color: #999;
    opacity: 1;
    /* Firefox */

}



.section-title-underline {
    margin-left: 15px;
    height: 2px;
    width: 2.6rem
}





/*
.side-information,
.list {
     padding-bottom: 2rem; 
}
*/
.list-item {
    font-size: 1.1rem;
    line-height: 2.5rem;
}

.list-item:hover {
    text-decoration: underline;

}

.alert-text-updated {
    text-align: center;
    font-size: .8rem;
    color: rgba(240, 240, 240, .7);
}

.alert-body {
    z-index: 100;
    top: 100px;
    /* margin: 9px 0px; */
    background-color: var(--utm-blue);
    position: absolute;
    padding: 1.1rem 0;

}

.alert-icon-error {
    content: url("/_imgs/icons/outline-error_outline-24px.svg")
}





.btn-webrequest-submit {
    padding: 2rem 0;
}






.sectionBlurb {
    position: relative;
}

.footer-blurb,
.footer-blurb p {
    color: white;
    background-color: var(--utm-blue);
}
section.online a,
.sectionBlurb>.footer-blurb a {
    color: white !important;
}

.v-application a {
    text-decoration: none;
    /* color: #000 !important; */
}

/* .v-application a:hover {
    text-decoration: underline;
} */

.v-toolbar {
    box-shadow: none;
}

.v-card__title {

    font-size: 2em;
    line-height: 1.1em;
}

.v-card__inner-row {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
}

.v-card__subtitle,
.v-card__text {
    color: var(--utm-blue) !important;
    font-size: 1.2em;
    line-height: 1.5em;
    font-family: "Montserrat"
}

#Logo {
    max-width: 225px;
    width: 175px;
}

.v-stepper,
.v-stepper__header {
    box-shadow: none;
}

.underline-orange {
    background-color: var(--utm-orange);
    width: 2.5em;
    height: 0.5em;
    border: unset;
}

.underline-orange-thin {
    width: 1em;
    height: 0.2em;

}

/*
    sections

*/
/* splash */
section.dates>div>div>div>ul>li {
    border-bottom: #eaeaea solid 1px;
    line-height: 2.5rem;
}
.student-outcomes{
    margin: unset !important;
    background-color: rgba(250,250,250,1);
}
.sections.student-outcomes .outcome-number{
    padding-left: .25em;
    font-size: 6em;
    font-weight: 800;
    color: var(--utm-orange);
    text-align: right;
    justify-content: center;
}


/* apply header */
.apply-header {

    margin: 1.5em 0 .75em 0;
    max-width: 90%;
    font-family: 'Zilla Slab';
    font-weight: 300;
    font-size: 4.5em;
    line-height: 1em;
}

.apply-blurb {
    border-left: var(--utm-primaryColor-orange) solid .1em;
    max-width: 80%;
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 1.2em;
    margin-bottom: 2em;
}

.apply-blurb-cta {
    font-weight: 900;

}

/* applications */
section.application {
    background-color: #fff;


}

section.application .row {
    padding-top: 1em;
}

section.application .icon-school {
    font-size: 36px;
}

section.application .applications-header {
    padding: 3em 0;
}

section.application .theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined) {
    background-color: #fff;
    border: 2px solid var(--utm-primaryColor-blue);
    font-size: 1.5em;
    font-family: "Montserrat";
}

section.application .v-btn:hover:before {
    background: #fff;

}

section.application div .v-btn--contained {
    box-shadow: none;
}

section.application div .v-btn--contained:hover {
    color: #1976d2;
}

section.application div .begin-applying-button {
    font-size: 1.3em;
    font-weight: bold;

}



/* helpfulhints */
section.helpful {
    max-width: 900px;

    margin: 0 auto;
    margin-bottom: 3em;
}

.helpful-header {
    font-family: 'Montserrat';

    font-size: 1.5em;
}

.helpful-body {
    font-family: 'Montserrat';
    font-weight: 300;
    font-size: 1em;
}

/* dates */
section.dates .dates-header {
    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 1.5em;
    padding-left: 2em;
}

section.dates>div>div>div>ul>li {
    border-bottom: #eaeaea solid 1px;
    line-height: 2.5em;
}



/* 
    requirements call to action 
*/
section.dates {
    padding-bottom: 1em;
}

section.requirements img {
    width: 100%;
    max-width: 208px;
    max-height: 160px;
    display: block;
    margin: 0 auto;
}

section.requirements>div {


    justify-content: center;
}

section.requirements>div>div {
    background-color: #eaeaea;
    padding: 2em 0;
}

.call-to-action {
    font-family: 'Zilla Slab';
    font-weight: 600;
    font-size: 2em;

    text-align: center;
}

section.requirements button.call-to-action-button.see-them-all a {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: 2em;

    text-transform: capitalize;
    color: #fff;

}

section.requirements:hover button.call-to-action-button.see-them-all {

    background-color: #fff;

}

/* 
    contact panel
*/

section.contact {
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    justify-content: center;
    background-color: var(--utm-newblue-light);
    padding: 1em 6em;
    margin-bottom: 5em;
}

section.contact .underline-orange {
    width: 1em;
    height: 1px;
}

section.contact .contact-header {
    font-family: 'Montserrat';
    font-weight: 600;
    font-size: 1.27em;
    color: black;

}

section.contact .contact-col-header {
    font-family: 'Montserrat';
    font-weight: 800;
    font-size: .7em;

}


section.contact .contact-col-body-note {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: .675em;
}

/*
    fonts
*/
.utm-headline-type {

    font-family: 'Montserrat';
    font-weight: 900;
    font-size: 4em;
}

.utm-block-type {
    font-family: 'Zilla Slab';
    font-weight: 800;
    font-size: 3.2em;

}

.utm-asphalts-brush {
    font-family: 'Asphalts Brush';
    font-weight: 300;


}

.slogon--top {
    font-size: 7.75em;
}

.blurb-general {
    font-family: 'Montserrat';
    font-weight: 400;
    font-size: 2.1vh
}

.theme--dark.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined).utm-blue,
.theme--light.v-btn:not(.v-btn--flat):not(.v-btn--text):not(.v-btn--outlined).utm-blue {
    color: white;
    background-color: var(--utm-blue);
    padding: 0 24px;
    height: 48px;
}

/* 
.theme--light.v-expansion-panels .v-expansion-panel {

    border-bottom: 1px solid #64646444;
} */

.stepperForm {
    max-width: 1200px;
    /* display: flex; */
    margin: 0 auto;
    /* background-color: rgba(0, 0, 0, .02); */
}

/* .v-stepper__content {
    background-color: rgba(0, 0, 0, .02);
} */

.theme--light.v-application,
.v-application-wrap {
    background: white !important;
}

.v-text-field--outlined>.v-input__control>.v-input__slot {
    background: white;
}




.max-w-70-percent {
    max-width: 70%;
}

.utm-text-gray {
    color: rgba(100, 100, 100, 1);
}

/* --------------------------------------------- *\
    Section FOOTER
\* --------------------------------------------- */

#footer a:hover,
.jumpToHere a {
    text-decoration: none
}

#footer {
    background-color: #fff;
    padding-top: 80px;

}

#footer p {
    margin-bottom: 5px;
    margin-left: 10px;

}


.social-line-spacer {
    border-top: var(--utm-primaryColor-orange) solid .1em;
    width: 20px;
}

.float-right, .float-left {
    padding: 0px 10px 10px 10px;
}

div.footer-information-title {
    font-size: 0.7em;
    font-weight: 800;
}

ul.footer-information-links {
    columns: 2;
    padding-left: 0;
    font-size: .8em;
    font-weight: 400;
    color: #fff;
    list-style: none;
    padding-top: 2em;
}

.footer-address {
    font-size: .8em;
}

/* --------------------------------------------- *\
    Section COPYRIGHT
\* --------------------------------------------- */
#copyright {
    background-color: #fff;
    font-size: .9rem;
    padding-bottom: 1px;
}

#copyright a {
    text-decoration: underline;
}

.section-title-underline {
    background-color: var(--utm-primaryColor-orange);
    width: 101px;
    height: 3px;

    background-color: var(--utm-primaryColor-orange);
    border: none;

}

.Success {
    font-weight: 600;
    font-size: 2em;
    margin: 0 auto;

}


#outline {

    margin: 0 auto;

    width: 100%;
    max-width: 1200px;
    content: url("//www.utm.edu/strategic/img/bg/utmOutline.noground.png");

}

.utm-information {
    margin-top: 1em;
}

.utm-information-container {
    border-top: rgb(255, 255, 255, 0.4) 1px solid;
}

.left-col a {
    text-align: right;
    margin-left: auto;
}

.mid-col a {
    text-align: center;
    margin: 0 auto;
}

.card--application.v-sheet.v-card {
    border-left: 2px solid var(--utm-primaryColor-orange);
    background-color: white;
    font-family: "Zilla Slab";
    font-weight: 900;
}

.btn--application {
    font-size: .9em;
    font-weight: 800;
    font-family: "Montserrat"
}

.btn--checklist {
    font-size: 0.8em;
    font-weight: 800;
    font-family: "Montserrat";
}

/* 
.application-holder:nth-child(1)  .v-card__title {

    font-family: "Montserrat";
    
}
.application-holder:nth-child(1) > .card--application {
    border-left: 2px solid #0070b050;
    background-color: #dbeffb

} */

/* 
.card--application.v-sheet.v-card:hover {
    border-left: var(--utm-blue) 4px solid;

} */

.organization--topical .sep:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: .0625rem;
    height: 100%;
    content: "";
    background-color: #d2d8dd;
}


.who-are-you {
    font-family: 'Zilla Slab';
    font-size: 1.5em;
    font-weight: 800;
    max-width: 80%;
    text-align: center;

}
.utm-skyhawk-wording{
    font-size:10em;
    line-height: .5em;
}

.general-info { 
    padding-top:2em; 
    
}


.event-summary {

    font-size: 1rem;
    margin-top: 1rem;
    background-color: #0070b009;
    border-left: 2px solid #0070b050;
    padding: 1rem 1rem;

}

.tagline {
    padding: 0;
    font-size: 2.5em;
    text-align: center;
}

.right-blurb a {
    font-size: .9em;
}


body p {
    color: rgba(0, 0, 0, .87);
}


/* page header */
.page-header {

    max-width: 100%;

    background-color: var(--utm-gray-light);
}

.page-header-container {

    max-width: 1600px;
}

.page-header-container-title {
    width: 90%;
}
.page-header-container-tour{
    height: 250px;
}
.page-header-title {
    font-size: 2em;
    font-family: var(--utm-title-font);
    color: var(--utm-primaryColor-blue);
    font-weight: 900;
    line-height: 1.2;

}
.page-header-title-programs {
    font-size: 2em;
    font-family: var(--utm-title-font);
    color: #fff;
    font-weight: 900;
    line-height: 1.2;

}
.v-expansion-panel-header.secondary-links-header {
    color: var(--utm-primaryColor-blue);
    font-size: 18px;
    margin-bottom: 2em;
    font-weight: 700;
}

.page-content-full {
    padding: 0 2em;
}

.update-time {
    color: var(--utm-primaryColor-blue);
    font-size: 18px;
    margin-bottom: 2em;
    font-weight: 700;
}



div>ul.msgs {
    list-style: none;
    padding-left: 0;
}

ul.msgs>li {
    font-size: .9em;
}

.secondary-links {
    background-color: var(--utm-gray-light);

    border-color:  var(--utm-gray-light);

    padding: 2em;

}

.secondary-links>div>div {
    background-color: transparent !important;

}

.secondary-links>div>div:before {
    box-shadow: unset;

}

.secondary-links>ul {
    list-style: none;
}

.secondary-links>ul>li:before {
    content: '>';
    color: #646464;
    margin-left: -20px;
    margin-right: 10px;
}

.secondary-links>ul>li:hover:before {
    padding: .3em 0 .1em 0em;
    color: var(--utm-primaryColor-orange);
    font-size: 1.4em;
    margin-left: -30px;
    margin-right: 15px;
    margin-top: 10px;
}

.secondary-links-header {
    font-weight: bold;
}

.secondary-links-body #contact {
    margin: unset;
    display: none;
}

.secondary-links-body .links {
    display: none;
}

.menuFirst {
    order: -1;
}

/*
    UT Martin
    Button Styles
*/
.cta,
.button,
a.button,
input[type="submit"],
input[type="button"],
input[type="reset"] {
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    border: unset;
    border-radius: 50px;
    color: #0C223F;
    text-decoration: none;
    /* padding: 15px 60px; */
    justify-content: center;
    text-transform: uppercase;
    background: #fff;
    font-size: .8em;
    font-weight: 800;
}
.btn.btn-call-to-action.cta-blue{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    border: unset;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    /* padding: 15px 60px;  */
    justify-content: center;
    text-transform: uppercase;
    background: #0c223f;
    font-size: .8em;
    font-weight: 800;
}
.btn.btn-call-to-action.cta-orange{
    display: -ms-inline-flexbox;
    display: inline-flex;
    -ms-flex-align: center;
    align-items: center;
    font-family: 'Montserrat', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    border: unset;
    border-radius: 50px;
    color: #fff;
    text-decoration: none;
    /* padding: 15px 60px;  */
    justify-content: center;
    text-transform: uppercase;
    background: var(--utm-primaryColor-orange);
    font-size: .8em;
    font-weight: 800;
}

/* 
.cta:hover,
.button:hover,
a.button:hover,
input[type="text"]:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
input[type="reset"]:hover {
    background: var(--utm-primaryColor-orange);
    border-color: white;
    color: white;
}

.cta:hover,
.button:hover,
a.button:hover,
input[type="text"].cta-orange:hover,
input[type="submit"].cta-orange:hover,
input[type="button"].cta-orange:hover,
input[type="reset"].cta-orange:hover {
    background: var(--utm-primaryColor-blue);
    border-color: unset;
    color: white;
}

.cta:focus,
.button:focus,
a.button:focus,
.cta:active,
.button:active,
a.button:active,
input[type="text"]:focus,
input[type="submit"]:active,
input[type="button"]:active,
input[type="reset"]:active {
    background: #0C223F;
    border-color: #FF8300;
    color: #fff;
    box-shadow: 0 0 0 3px rgba(131, 192, 253, 0.5);
    outline: none;
} */

.btn-call-to-action.btn-call-to-action--requirements {

    color: var(--utm-primaryColor-blue);
    border: 2px solid var(--utm-primaryColor-blue);
    background-color: #fff;
}
#divButtons,
div[id$="pnlButtons"] {
    display: flex;
    justify-content: center;
}

#divButtons .button {
    margin: 10px;
}



section.bread-crumbs {
    margin-top: 3em;
    padding-top: .5em;
    padding-bottom: .5em;
    max-width: 1600px;
}

section.bread-crumbs>ul {
    padding-left: .5em;
}

section.bread-crumbs li>a {
    /* color: #0096e0; twitter link */
    color: #0070b0;
    font-family: "Montserrat";
    font-size: .8em;
    font-weight: 600;

}

.bread-crumbs li>a.v-breadcrumbs__item.v-breadcrumbs__item--disabled {
    color: var(--utm-primaryColor-blue);
}

.expansion-panels-container {
    width: 90%;
    margin: 0 auto;
}

.v-expansion-panel {
    padding: 1em 0;
}

.v-expansion-panel:before {
    box-shadow: unset;

}

.v-expansion-panel-header {
    font-family: "Montserrat";


    color: var(--utm-primaryColor-blue);


    font-size: 1.5em;
    font-weight: 700;
}


section.general-info .left-column {
    padding-right: 5em;

}


.timestamp {
    font-style: italic;
    font-weight: bold;
    color: var(--utm-primaryColor-blue);

}

.first-p {
    /* font-weight: bold; */
    font-size: 1.1em;
}

.faq-container ul {
    list-style: none;
    padding-left: 0px;
}

.faq {
    padding-top: 2em;
}

.emphasis {
    font-weight: bold;
    color: var(--utm-primaryColor-blue);
}

div.qa {
    padding-top: .5em;
}

div.question {
    font-weight: bold;
    color: #646464;
}

div.answer {
    padding-bottom: .5em;
    padding-top: .5em;
}

.main-cta {
    font-family: "Zilla Slab";
    font-size: 2em;
    text-align: center;
}

.general-info .ul-no-decoration {
    list-style: none;
    padding-left: 0;
    margin: 0;
}

.cta-orange-banner {
    background-color: var(--utm-primaryColor-orange);
    color: white;
    padding: 1em;
}

.cta-blue-banner {
    background-color: var(--utm-primaryColor-blue);
    color: white;
    padding: 1em;
}

.cta-text {
    font-size: 1.5em;
    font-weight: 600;
}

.sections {
    padding-bottom: 3em ;
    padding-top: 3em ;
    
}


.programs>ul {
    list-style: none;
    padding-left: 0;
}

.programs>ul>li {
    font-size: .9em;

}
.programs a{
    color: var(--utm-newblue) !important;
}
.btn-call-to-action--footer {
    margin: 2em 0;
}

.cta-btn-schedule {
    padding: 15px 60px;
}

.embed-container {
    margin: 0 auto;
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
    max-width: 100%;
    width: 95%
}

.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* faculty staff employee pages */
.employee-title{
    font-size: 1.5rem;
    font-weight: 700;

}
.employee-position,
.employee-email,
.employee-office,
.employee-phone{
    font-size: .9rem;
}

/*
    Request Info section - programs/program.php
    this is styling for the programs directory 
    request info section
*/
.request-info-blurb{
    font-family: 'Zilla Slab', sans-serif;
    font-size:1.75em;
    color: var(--utm-blue);
    width:100%;
}
.cost-and-aid-title {
    font-family: 'Zilla Slab';
    font-size: 3em;
}
/*
    panel-title is the title of a block of information

*/
.panel-title {
    font-size: 1.1rem;
    font-weight: 600;
    line-height: 1;
    color: var(--utm-primaryColor-orange);
}
.panel-title-center{
    text-align: center;
}
/*
    panel-title:after addes an orange underline to the title
*/
.panel-title:after {
    content: "";
    display: block;
    width: 1rem;
    border-bottom: 2px solid var(--utm-primaryColor-orange);
    padding-top: .5rem;
}
.panel-title-center:after{
    margin:0 auto;
}
/*
    inset blocks
*/
.inset-left{
    margin-left: -10%;
    background-color: white;
    z-index: 30;
    padding:2em;
}
.inset-right{
    margin-right: -10%;
    background-color: white;
    z-index: 30;
    padding:2em;
}

section.application,
section.intro-continue,
section.online,
section.cta-block,
section.cost-and-aid{
    margin-top: 3em;
}
section.cost-and-aid{
    margin-bottom: 3em;
}
.blurb-primary{
    font-family: "Zilla Slab";
    font-size: 3.8em;
    font-weight: 600;
    color: var(--utm-blue);
    line-height: .9em;
}
.blurb-secondary{
    font-family: "Zilla Slab";
    font-size: 2em;
    font-weight: 600;
    color: var(--utm-blue);
    line-height: 1em;
}
.blurb-primary-body{
    font-family: "Zilla Slab";
    font-size: 3.8em;
    font-weight: 600;
    line-height: .9em;
}
.blurb-secondary-body{
    font-family: "Zilla Slab";
    font-size: 2em;
    font-weight: 600;
    line-height: 1em;
}
.utm-landing-stem-splash-primary{
    font-size:2.2em;
    z-index: 10;
    position: relative;
}
.utm-landing-stem-splash-secondary{
    font-family: 'Asphalts Brush';
    font-weight: 300;
    font-size: 5em;
    line-height:1em;
}
section.application .application-title {
    font-family: "Zilla Slab";
    font-size: 3.8em;
    font-weight: 600;
    padding: 0 !important;
}
section.application {
    padding: 3em 0;
    background-color: var(--utm-blue);
    background-position: 0 0, 8px 8px;
    background-size: 16px 16px;
    background-repeat: repeat;
    color: white;
}
section.application .application--choice {
    box-shadow: none !important;
    background-color: var(--utm-blue) !important;
    border-left: 2px solid var(--utm-primaryColor-orange);
    padding-left: 1em;
}
section.application .application--choice>a {
    color: white;
    font-weight: 600;
    font-size: 1.2em;
}

.wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.vuetube{
    background-color: #000;
    position: relative;
    height:100vh;
    overflow: hidden;
    cursor: pointer
}

.youtube {
    background-color: #000;
    position: relative;
    padding-top: 52.6%;
    overflow: hidden;
    cursor: pointer
}
.vuetube img,
.youtube img {
    width: 100%;
    top: 0;
    left: 0;
    opacity: .7
}
.vuetube .play-button,
.youtube .play-button {
    width: 90px;
    height: 60px;
    background-color: #333;
    box-shadow: 0 0 30px rgba(0,0,0,.6);
    z-index: 1;
    opacity: .8;
    border-radius: 6px
}
.vuetube .play-button:before,
.youtube .play-button:before {
    content: "";
    border-style: solid;
    border-width: 15px 0 15px 26px;
    border-color: transparent transparent transparent #fff
}
.vuetube .play-button,.youtube img,
.youtube .play-button,.youtube img {
    cursor: pointer
}
.vuetube .play-button,.vuetube .play-button:before,.vuetube iframe,.vuetube img,
.youtube .play-button,.youtube .play-button:before,.youtube iframe,.youtube img {
    position: absolute
}
.vuetube .play-button,.vuetube .play-button:before,
.youtube .play-button,.youtube .play-button:before {
    top: 50%;
    left: 50%;
    transform: translate3d(-50%,-50%,0)
}


.vuetube iframe,
.youtube iframe {
    overflow: hidden;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.video-play-button-pulse {
    position: absolute;
    z-index: 5;
    top: 50%;
    left: 50%;
    transform: translateX(-50%) translateY(-50%);
    box-sizing: content-box;
    display: block;
    width: 32px;
    height: 44px;
    border-radius: 50%;
    padding: 18px 20px 18px 28px
}

.video-play-button-pulse-clicked,.video-play-button-pulse-clicked:after,.video-play-button-pulse-clicked:before {
    display: none
}

.video-play-button-pulse:before {
    content: "";
    position: absolute;
    z-index: 0;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: #ff8401;
    border-radius: 50%;
    animation: pulse-border 1.5s ease-out infinite
}

.video-play-button-pulse:after {
    content: "";
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translateX(-50%) translateY(-50%);
    display: block;
    width: 80px;
    height: 80px;
    background: var(--utm-primaryColor-orange);
    border-radius: 50%;
    transition: all .2s
}

.video-play-button-pulse:hover:after {
    background-color: var(--utm-primaryColor-orange)
}

.video-play-button-pulse img {
    position: relative;
    z-index: 3;
    max-width: 100%;
    width: auto;
    height: auto
}

.video-play-button-pulse span {
    display: block;
    position: relative;
    z-index: 3;
    width: 0;
    height: 0;
    border-left: 32px solid #fff;
    border-top: 22px solid transparent;
    border-bottom: 22px solid transparent
}
#video {
    display: none
}

/* Default to display the image on all devices */
#videosubstitute {
    display: block;
    width: 100%;
    height: auto;

}

html,
body {
    height: 100%;
    margin: 0;
}



#fullScreenDiv {
    background-image: url(/_imgs/_videos/08032020_CampusTimelapseVideos001.jpg);
    background-color: #000;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    height: 100vh;
    position: relative;
    width: 100%;

    padding: 0 !important;
    margin: 0 !important;
    background-color: gray;
    position: relative;
}

#video {
    width: 100vw;
    height: auto;
    object-fit: cover;
    left: 0px;
    top: 0px;
    z-index: 1;
}
.library-alert{
   
    border: 2px solid #ff8204;
    padding: 10px;
}
@media (min-aspect-ratio: 16/9) {
    #video {
        height: 150%;
        top: -100%;
    }

    #videosubstitute {
        display: block;
        width: 100%;
        height: auto;
    }
}

@media (max-aspect-ratio: 16/9) {
    #video {
        width: 100%;
        height: 100%;
        position: absolute;
        z-index: 0;
    }

    #videosubstitute {
        display: block;
        /* height: 100%; */
    }
}

@media screen and (min-width: 1024px) {
    #title.asphalts-brush {
        font-size: 9.7vh;
    }
}

/*if there is 992  pixels or more, then display the video but hide the image*/
@media only screen and (min-width : 992px) {
    #video {
        display: block;
    }

    #fullScreenDiv {
        background: unset;
    }
}
@keyframes pulse-border {
    0% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1);
        opacity: 1
    }

    100% {
        transform: translateX(-50%) translateY(-50%) translateZ(0) scale(1.5);
        opacity: 0
    }
}
.v-btn__content{
    
    font-family: 'Montserrat';
    font-size: 0.9em;

}

.btn-orange{
    background-color: var(--utm-primaryColor-orange) !important;
    color: white !important;
    
}
.btn-orange:hover{
    background-color: white !important;
    color: var(--utm-primaryColor-blue)!important;

}
.btn-blue{
    background-color: var(--utm-primaryColor-blue)!important;
    color: white!important;
}
.btn-blue:hover{
    background-color: white !important;
    color: var(--utm-primaryColor-blue) !important;
 
}

.btn-white{
    background-color: #fff !important;
    color: var(--utm-primaryColor-blue) !important;
}
.btn-white:hover{
    background-color: var(--utm-primaryColor-blue) !important;
    color: #fff !important;

}
.btn-border-blue{
    border: var(--utm-primaryColor-blue) 3px solid;
}
.btn-border-orange{
    border: var(--utm-primaryColor-orange) 3px solid;
}
.btn-border-white{
    border: #fff 3px solid;
}

.utm-section-intro{
    font-size: 1.3em;
    font-style: italic;
}

section.intro-continue .intro-title {
    font-size: 3em;
    font-weight: 700;
    line-height: 1;
}

section.intro-continue  .intro-blurb {
    font-size: 1em;
    font-style: italic;

    font-weight: 400;
}
.blurb-and-image-text{
    background-color: white;
}
.programs-heading{
    font-size: 1.2em;
    font-family: 'Montserrat', Arial, Helvetica, sans-serif;
    color: var(--utm-blue);

}
.programs-program{
    font-size: 1.2em;
    font-family: 'Montserrat';
    color: var(--utm-blue);
    margin: .4em 0;

}
.programs-program:hover{
    background-color: var(--utm-gray-light);
    
}
.programs-program-secondary{
    font-size: .8em;
    font-style: italic;

}

.expansion-programs-header.v-expansion-panel-header--active{
    background-color: var(--utm-gray-light);
}
/*disable icon in alert*/
div[role=alert] .v-alert__wrapper > .v-icon{
    display: none;
}
/*alert specific css for when the alert is the  info type (blue)*/
div[role=alert].info .v-alert__wrapper .alert-text a{
    color: var(--utm-blue);
}
/* remove box-shadow from expansion panels */
.v-expansion-panel:before {
    box-shadow: unset;
}
.search-input label {
    z-index: 1;
}
.theme--light.v-icon:focus:after {
    opacity: 0;
}

.grid-item div.v-image__image{
    transition: all .5s;
}
.grid-item:hover div.v-image__image {
    -moz-transform: scale(1.2);
    -webkit-transform: scale(1.2);
  
    transform: scale(1.2);
}
.menu-main{
    transition: ease-out .25s all;
  
}
a.menu-primary-link{
    text-align: center;
    padding-bottom: 0.5em;
}

a.menu-primary-link span{
    font-size: 3.3vh;
    line-height: 3.2vh;   
    font-family: 'Zilla Slab',serif;
    color: #0a223e;
}
a.menu-primary-link:hover span{
  
    font-weight: 600;
    
}

a.menu-secondary-link span{
    color: #0a223e;
    font-size: 1.9vh;  
}
.v-toolbar__content{
    max-width: 1600px;
    margin: 0 auto;
    padding: 0 ;
}
.secondary-links hr {
    background-color: var(--utm-primaryColor-orange);
    width: 100%;
    height: 3px;
    border: unset;
    margin-bottom: 2em;
}
div.homepage>header.v-app-bar.v-toolbar.v-sheet{
    background-color: transparent;   
}
header.v-app-bar.v-toolbar.v-sheet{
    z-index: 7;
}

.w-100{
    width:100%
}
/* SPLASH */
.sectionSplash #blurb{
    font-weight: 600;
    font-size: 2.1vh;
    padding-bottom: 4rem;
    width: 90%;
    color: #fff;
}
/* overlay */
.overlay-triangles {
    background-image: url(/_imgs/Triangles.png);
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-position: center;
    height: inherit;
}
/* MENU */
.sidebar-footer-container {
    padding: 2rem;
    background-color: var(--utm-gray-light);
    margin-top: 2rem;
}

/* NEWS */
.section-news{
    background-color: var(--utm-gray-ultralight);
}
/* EVENTS */
#dates{
    background-color: var(--utm-gray-ultralight);
}
@media only screen and (min-width: 1908px) {
    .outcome:not(:last-child) {

        border-right: var(--utm-primaryColor-blue) 1px solid;
    }
}
@media only screen and (max-width: 1907px) and (min-width:601px)  {
 
    .outcome:nth-child(2n+1){

        border-right: var(--utm-primaryColor-blue) 1px solid;
    }
}

@media (max-width: 1906px) {

    .inset-left{
        margin-left:unset;
        background-color: white;
        z-index: unset;
        padding:2em;
    }
    .inset-right{
        margin-right: unset;
        background-color: white;
        z-index: unset;
        padding:2em;
    }
}


@media (max-width: 1264px) {
    .utm-block-type {


        font-size: 2em;

    }

    .utm-asphalts-brush {


        font-size: 5.75em;

    }

    .max-w-1200 {
        max-width: 80%;
    }

    .listings-row {
        padding: 1rem 0;
    }


}


/*MD BREAKPOINT and up*/
@media (min-width: 960px){
    .calendar-items:nth-child(2n+1) {
        text-align: right;
    }
}
/*SM Breakpoint and UP*/
@media (min-width: 601px) {
    section.dates>div>div>div>ul>li:nth-child(4) {
        border-bottom: unset;
    }

    section.application .icon-school {
        font-size: 48px;
    }

    .apply-header {


        max-width: 70%;

    }

    .apply-blurb {

        max-width: 60%;

    }

    .who-are-you {

        font-size: 1.4em;


    }

}
@media only screen and (max-width: 600px) {
    section.general-info .left-column {
        padding: 0 1em;

    }

    #divButtons .button {
        margin: 5px;
    }
    .outcome:not(:last-child) {

        border-right: none;
    }
    .utm-landing-stem-splash-primary{
        font-size: 1.8em;
    }

    .utm-landing-stem-splash-secondary{
        font-family: 'Asphalts Brush';
        font-weight: 300;
        font-size: 3.4em;
        line-height: 1em;
    }
    section.intro-continue .intro-title {
        font-size: 2em;
    }
    .cta,
    .button,
    a.button,
    input[type="submit"],
    input[type="button"],
    input[type="reset"] {
        margin-bottom: 30px;
    }
    section.contact .contact-col-body {
        font-size: 1em;

    }

    div.footer-address-container,
    div.footer-information-title {
        text-align: center;
    }

    .footerlogo {
        display: flex;
        justify-content: center;
    }

    .max-w-80 {
        max-width: 100%;
    }

    .make-a-selection {
        max-width: 85%;
        text-align: center;
        font-size: .9em;
    }

    .max-w-70-percent {
        max-width: 100%;
    }

    .max-w-70-percent>ul {
        columns: auto !important;
    }

    section.dates,
    section.contact {
        padding: 0;
    }

    .utm-headline-type {

        font-family: 'Montserrat';
        font-weight: 900;
        font-size: 1.5em;
    }

    .underline-orange {
        width: 1em;
        height: .3em;
    }

    .apply-header {
        font-size: 1.5em;
    }

    .apply-blurb {

        font-size: .9em;

    }


    .v-card__title {

        font-size: 1.3em;

    }

    .v-card__inner-row {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
    }

    .v-card__subtitle,
    .v-card__text {
        font-family: "Montserrat";
        font-size: 1em;
    }



    .helpful-header,
    section.contact .contact-header {


        font-size: 1em;
    }

    .helpful-body {
        font-size: 1em;
    }

    .call-to-action {

        font-size: 1em;


    }

   
    .utm-skyhawk-wording{
        font-size:4em;
        line-height: .5em;
    }
    .utm-block-type {
        font-family: 'Zilla Slab';
        font-weight: 800;
        font-size: 3.2em;

    }

    .utm-asphalts-brush {
        font-family: 'Asphalts Brush';
        font-weight: 300;


    }

    .slogon--top {
        font-size: 7.75em;
    }

    .blurb-general {
        font-family: 'Montserrat';
        font-weight: 400;
        font-size: 2.1vh
    }



    .utm-asphalts-brush {


        font-size: 4.25em;

    }

    .Success {
        font-weight: 600;
        font-size: 1em;
        margin: 0 auto;

    }
}