:root {
    --maroon: #8B1633;
    --gray: #717170;
    --yellow: #FFD24B;
    --black: #2B2B2B;
    --white: #ffffff;
}
@font-face {
    font-family: 'GlacialIndifference-Bold';
    src: url('../fonts/GlacialIndifference-Bold.woff2') format('woff2'), url('../fonts/GlacialIndifference-Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'GlacialIndifference-Regular';
    src: url('../fonts/GlacialIndifference-Regular.woff2') format('woff2'), url('../fonts/GlacialIndifference-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
#xticontent {
    padding: 0;
    font-family: GlacialIndifference-Regular;
    font-size: 14.5px;
    background: #fefdfc;
}
a {
    color: #212121;
    text-decoration: none;
}

    a:focus, a:hover {
        color: var(--black);
        text-decoration: underline;
    }

.ContentHoverAlt {
    padding: 10px;
    background: #f1f1f1;
    overflow: hidden;
    font-size: 1.25em;
    transition-delay: 300ms;
    transition: 0.6s;
}

.ContentHoverAlt:hover {
    background: #8C0335;
}

.quickLinks {
    z-index: 10;
    display: block;
    position: fixed;
    top: 200px;
    right: 0;
    transition: left 0.3s ease;
    text-align: center;
}

.btnBox {
    margin: 15px 0 0 0;
    text-align: center;
}


.btn-match {
    color: #fff;
    background-color: var(--maroon);
    border-color: #0e0e0e;
}


.btn-match:hover {
    color: #fff;
    font-weight: bolder;
    background-color: var(--maroon);
    border-color: #0e0e0e;
}

.btn-match-new  {
    color: #fff;
    background-color: var(--maroon);
    /* border-color: #0e0e0e; */
    min-width: 95%;
    font-family: 'GlacialIndifference-Bold';
    padding: 15px;
    border-radius: 25px;
    margin: 5px;
}

.btn-match-new:hover {
    border-color: #0e0e0e;
    color: #FFD24B;
}



.btn-gold {
    color: var(--black);
    background-color: #FFD24B;
    border-color: #ffffff;
    border-width: medium;
}


.btn-gold:hover {
    color: var(--black);
    font-weight: bolder;
    background-color: #FFD24B;
    border-color: #ffffff;
    border-width: medium;
}


.btn-gold-footer {
    color: var(--black) !important;
    background-color: #FFD24B;
    width: 80%;
    
}

.btn-gold-footer:hover {
    color: var(--black) !important;
    font-weight: bolder !important;
    text-decoration: none !important;
    background-color: #FFD24B;
    width: 80%;
    
}


.btn-gray {
    color: var(--black);
    background-color: #BFBFBF;
    border-color: #0e0e0e;
}


.btn-gray:hover {
    color: var(--black);
    font-weight: bolder;
    background-color: #BFBFBF;
    border-color: #0e0e0e;
}


/* home page icons */
.quickLinkIcon {
    display: block;
    margin: 10px 0;
    border-radius: 5px 0 0 5px;
    padding: 15px 10px 10px 15px;
    color: #ffffff;
    background-color: rgba(172, 22, 44, 0.8);
}

    .quickLinkIcon:hover {
        background-color: var(--black);
    }

    .quickLinkIcon a {
        color: #ffffff;
        text-decoration: none;
    }

    /* content icons */
.quickLinkBox {
    padding: 50px;
    text-align: center;
}
.quickLinkBoxIcon {
    border-right: solid 1px #e1e1e1;
    width: 22%;
    display: inline-block;
    text-align: center;
}
    .quickLinkBoxIcon a {
        color: var(--maroon);
        text-decoration: none;
       /* -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--black);
        */
    }
    .quickLinkBoxIcon a:hover {
        color: var(--black);
        text-decoration: none;
    /*    -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: var(--black); */
    }
#header {
    background: #fefdfc;
    color: #333;
    /* border-bottom: 2px solid var(--maroon); */
}
/* header nav pills in top bar */
.topNav {
    /* max-width: 860px; */
    /* margin: 0 auto; */
    /* text-align: left; changed 12-6-24*/
    text-align: right;
}
    #header .topNav .nav {
        margin-top: 0px;
    }
        #header .topNav .nav > li {
            color: #2B2B2B;
        }
        #header .topNav .nav > li > a {
            color: #2B2B2B;
        }
            #header .topNav .nav > li > a:focus, #header .topNav .nav > li > a:hover {
                background-color: #b23b4c;
                color: var(--white);
            }
    #header .topNav .nav .open > a, #header .topNav .nav .open > a:focus, #header .topNav .nav .open > a:hover {
        background-color: #b23b4c;
        border-color: var(--maroon);
    }
#header .topNav .nav-pills > li {
    float: none;
    display: inline-block;
}
    /* /header nav pills in top bar */
.logo {
    float: none;
    margin: 10px auto;
    max-width: 852px;
    padding: 0 0 10px 0;
    /* border-bottom: 2px solid; */
}
.navbar {
    border-radius: 0;
}
.nav > li > a {
    position: relative;
    display: inline-block;
    padding: 10px 15px;
    font-size: 14px;
   /* margin: 0 10px; */
}

.footer-third {
    margin: 80px auto;
    max-width: 360px;
}

.nav {
    color: var(--maroon);
    font-family: GlacialIndifference-Regular, sans-serif;
    /* changed margins 1-9-25 margin-top: 20px; */
    margin-top: 10px;
    margin-bottom: 10px;
}
.navbar-inverse {
    background-color: var(--maroon);
    border: transparent;
}

    .navbar-inverse .navbar-nav > li > a {
        color: var(--maroon);
        font-size: 1.25em;
        text-decoration: none;
    }
    .navbar-inverse .navbar-nav > li > a {
        color: var(--white);
        font-weight: normal;
        font-size: 1.5em;
        display: inline-block;
        margin: 0px;
        background: transparent;
        border-radius: 0;
        border-color: transparent;
        /*   padding: 10px 30px; */
    }

    .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > .open > a:hover {
        color: var(--white);
        background-color: transparent;
        border-color: transparent;
    }
    .navbar-inverse .navbar-nav > li > a:focus, .navbar-inverse .navbar-nav > li > a:hover {
        color: var(--white);
        background-color: transparent;
        border-color: transparent;
    }
.dropdown-menu {
    background-color: white;
    color: var(--black);
    margin: 0;
}

    .dropdown-menu > li > a:focus, .dropdown-menu > li > a:hover {
        color: var(--maroon);
        text-decoration: none;
        background-color: #f5f5f5;
    }

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
    color: var(--maroon);
    background-color: transparent;
}
.nav > li {
    color: var(--maroon);
}
.navbar {
    position: relative;
    min-height: 0;
    margin-bottom: 0;
    border-top: 2px solid #f1f3f4;
}
/* alt containers */
#header .ContentBlockAlt1 {
    position: relative;
    min-width: 1px;
    min-height: 1px;
    /* border-top: 5px var(--black) solid; */
    box-shadow: none;
    /*border-bottom: var(--maroon) solid 12px; changed 12/18/24 */
    padding: 5px;
    margin: 0 -15px;
    overflow: visible;
    /* border: 0; */
    font-size: 1.2em;
    background: #A6A6A6;
}


/*added 2-24-25 */
.Why-Woodward .ContentBlockAlt4 {
    background: #BFBFBF;
    padding: 25px;
    color: var(--black);
    overflow: hidden;
    margin-right: -15px;
    margin-left: -15px;
    margin-bottom: -50px;
}

.Why-Woodward .ContentBlockAlt1 {
    line-height: 2;
    font-size: 1.4em;
}

.Why-Woodward .ContentBlock {
    font-size: 1em;
    line-height: 2;
}

/*added 4-18-25 */
.Newsletter .ContentBlockAlt1 {
    margin-bottom: -40px;
}


.ContentBlockAlt1 {
    position: relative;
    min-width: 1px;
    min-height: 1px;
    box-shadow: none;
    padding: 15px;
    margin: 10px;
    overflow: hidden;
    border: 0;
    font-size: 1.2em;
}

.ContentBlockAlt2 {
    border: solid #6b6b6b 2px;
    padding: 0 5px;
    overflow: hidden;
}

.ContentBlockAlt3 {
    border: none;
    padding: 50px;
    color: var(--maroon);
    overflow: hidden;
    font-size: 2em;
    font-family: "the-seasons", sans-serif;
    font-style: italic;
}

.ContentBlockAlt4 {
    background: #BFBFBF;
    padding: 25px;
    color: var(--black);
    overflow: hidden;
}

.ContentBlockAlt5 {
    background: #333;
    padding: 25px;
    color: white;
    overflow: hidden;
}

.ContentBlockAlt6 {
    padding: 40px;
    color: white;
    overflow: hidden;
    font-size: 2em;
    margin-left: -15px;
    margin-right: -15px;
    background-color: var(--black);
    text-shadow: 0 1px 2px var(--black);
    border: solid 3px;
    border-color: var(--maroon);
    /* background: url(/_theme/assets/img/woodgrain.jpeg);
    background-position: center;
    background-repeat: no-repeat; 
    background-size: cover; */
}

.ContentBlockAlt7 {
    padding: 10px;
    background: #f1f1f1;
    overflow: hidden;
    font-size: 1.25em;
}
.ContentBlockAlt8 {
    background: var(--maroon);
    color: white;
    padding: 12px;
    font-size: 1em;
    margin: 0 -15px;
    overflow: hidden;
    position: relative;
    min-width: 1px;
    min-height: 200px;
    box-shadow: none;
    border-radius: unset;
}

    .ContentBlockAlt8::after {
        content: "";
        background-color: var(--black);
        background: url(/_theme/images/home/WoodwardSchool_housepic.png) no-repeat;
        /* background-size: 100%; */
        height: 100%;
        background-attachment: fixed;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
        opacity: 0.5;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        position: absolute;
        z-index: -1;
    }

.ContentBlockAlt9 {
    padding: 100px;
    background: #F2F2F2;
    color:#333;
    margin: 0 -15px;
    overflow: hidden;
    font-size: 1.25em;
    min-height: 400px;
    transition-delay: 300ms;
    transition: 0.6s;
}

    .ContentBlockAlt9:hover {
        padding: 100px;
        background: #8C0335;
        color: #F2F2F2;
        margin: 0 -15px;
        overflow: hidden;
        min-height: 400px;
    }

.ContentBlockAlt10 {
    padding: 0;
    background: transparent;
    margin: 0 -15px 0 -15px;
    overflow: hidden;
}
#header .SectionTitle {
    font-size: 22px;
    line-height: 0;
    letter-spacing: normal;
    margin-top: 0;
    margin-bottom: 0;
    padding-left: 0;
}

.SectionTitle {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
    padding-left: 15px;
}

.SectionTitleAlt1 {
    background: transparent;
    color: #212121;
    font-size: 46px;
    line-height: 100%;
    letter-spacing: normal;
    padding: 25px;
    border: 0;
    font-family: "the-seasons", sans-serif;
    text-align: center;
    margin-top: 25px;
}




.SectionTitleAlt2 {
    background: var(--maroon);
    color: white;
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
    padding-top: 6px;
    padding-bottom: 6px;
    text-align: center;
    margin-left: -15px;
    margin-right: -15px;
}

.SectionTitleAlt3 {
    background: transparent;
    color: #0D0D0D;
    font-size: 24px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
    text-decoration: underline #940036;
    padding-left: 0;
    border: 0;
    text-align: left;
    /* border-bottom: solid 2px #940036; */
}
.ContentBlockAlt9:hover .SectionTitleAlt3 {
    color: #F2F2F2;
    text-decoration: underline #0D0D0D;
}

.SectionTitleAlt4 {
    font-size: 22px;
    line-height: 36px;
    letter-spacing: normal;
    margin-top: 8px;
    margin-bottom: 10px;
    padding-left: 0;
    color: var(--maroon);
    border-bottom: #333 solid 1px;
    text-align: center;
}


.SectionTitleAlt5 {
    
    background: var(--maroon);
    color: white;
    font-size: 3em;
    line-height: 100%;
    letter-spacing: normal;
    margin-top: 25px;
    font-family: "the-seasons", sans-serif;
    padding: 25px;
    text-align: center;
}



.carousel-caption {
    position: absolute;
    right: 15%;
    bottom: 10%;
    left: 15%;
    z-index: 10;
    padding-top: 20px;
    padding-bottom: 20px;
    color: #fff;
    text-align: center;
 /*   text-shadow: 0 1px 2px rgba(0,0,0,.6);
    background-color: rgb(0 0 0 / 50%); */
    font-family: GlacialIndifference-Bold;
    text-transform:uppercase;
}

    .carousel-caption p {
        color: #ffffff;
        font-size: 3em;
    }
.footer {
    /*  background: #fff; changed 4/5/22 */
    /*  background: #3D3D3D; changed 12/3/24 */
    background: var(--maroon);
    margin: 50px auto 0px auto;
    position: relative;
    /*   color: var(--maroon); changed 4/5/22 */
    color: #e0e0e0;
    font-size: 16px;
    letter-spacing: 1px;
    text-align: center;
    padding: 10px;
    /*   border-top: 1px solid;   changed 4/5/22 */
    /* border-top: 10px solid var(--black); changed 12/18/24 */
    border-top: none;
}


    .footer a, .footer a:link, .footer a:visited {
        /*  color: var(--maroon);  changed 4/5/22 */
        color: #ffffff;
        font-size: 16px;
        /*   font-weight: bolder;   changed 4/5/22 */
        font-weight: normal;
    }

.footerText, .fBlock {
    text-align: right;
    margin: 16px;
}
.footer-copyright {
    background: var(--maroon);
    color: #eee;
}
    .footer-copyright a {
        color: #eee;
    }
.footer-nav {
    list-style: none;
    text-align: left;
    /*  background: #383838; changed 12/3/24 */
    background: #5C0E21;
    padding: 10px;
    border-radius: 5px;
}
    .footer-nav > li {
        border-bottom: 1px solid #7a7879;
        margin-top: 12px;
    }
.socialItem {
    width: 44px;
    display: inline-block;
    margin: 5px;
}
.newsocialItem {
    width: 33px;
    display: inline-block;
    margin: 3 px;
}

.panel-default {
    border-color: #8c0404;
}

.panel {
    margin-bottom: 20px;
    background-color: #f5f5f5;
    border: 1px solid transparent;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.05);
    box-shadow: 0 1px 1px rgba(0,0,0,.05);
}

.panel-default > .panel-heading {
    color: #fff;
    background-color: var(--maroon);
    border-color: #ddd;
}

.short-full {
    float: right;
    color: #fff;
}

.tickets {
    text-align: center;
    margin-bottom: -150px;
    position: absolute;
    z-index: 100;
    width: 250px;
    right: 100px;
}

.panel-title a:focus, .panel-title a:hover {
    color: #fff;
    text-decoration: underline;
}
.swipe-logo {
    float: none;
    margin: 0 auto;
    max-width: 300px;
    padding: 10px 10px 10px 10px;
    
}
.navbar-footer {
    display:none;
}

.btn-tws {
    color: #ffffff;
    background-color: #b73f50;
    border-color: var(--maroon);
}
.side-caption {
    position: relative;
    top: 50%;
    background: var(--maroon);
    color: white;
    font-size: 1.25em;
    padding: 50px;
    z-index: 100;
    width: 500px;
    right: 0;
    border-radius: 10px 0 0 10px;
}
.w80 {
    width: 80%;
}


/*  hover boxes */
.HoverBox {
    position: relative;
    width: 100%;
}

.HoverBoxImage {
    display: block;
    width: 100%;
    height: auto;
    opacity: 1;
}

.HoverBoxTextBox {
    position: absolute;
    opacity: 1;
    bottom: 0;
    right: 0;
    top: 90%;
    height: 100px;
    width: 100%;
    overflow: hidden;
    transition: .5s ease;
    background-color: var(--maroon);
}

.HoverBox:hover .HoverBoxImage {
    opacity: 0.7;
}

.HoverBox:hover .HoverBoxTextBox {
    top: 0;
    height: 100%;
    opacity: 0.9;
}

.HoverBoxText {
    color: white;
    font-size: 14px;
    padding: 10px 15px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
    .HoverBoxText a {
        color: white;
        text-decoration: none;
        font-size: 46px;
    }
/*  /hover boxes */




#Inflowsidebar a[aria-expanded="false"]::before, a[aria-expanded="true"]::before {
    display: none;
}

.Sandbox .ContentBlockAlt5 {
    background: #fbb03b;
    padding: 25px;
    color: white;
    overflow: hidden;
}
    .Sandbox .ContentBlockAlt5 .SectionTitleAlt1 {
        background: transparent;
        color: #fffbed;
        font-size: 2em;
        line-height: 100%;
        letter-spacing: normal;
        padding: 25px 0;
        border: 0;
        font-family: 'GlacialIndifference-Regular';
        text-align: left;
        margin-top: 25px;
        font-weight: bold;
    }
    .Sandbox .ContentBlockAlt5 .ContentBlockAlt5 {
        background: #b27c26;
        padding: 50px;
        color: white;
        font-size: 3em;
        overflow: hidden;
        border-radius: 50px;
        background-image: url(/_theme/images/Summer/6.png);
        background-attachment: fixed;
        background-size: cover;
    }
.Sandbox .ContentBlockAlt7 {
    padding: 50px;
    background: #fffbed;
    overflow: hidden;
    font-size: 1.25em;
}
.Sandbox .ContentBlockAlt4 {
    background: #1a4548;
    padding: 25px;
    color: var(--black);
    overflow: hidden;
}
    .Sandbox .ContentBlockAlt4 .ContentBlockAlt5 {
        background: #102c2e;
        padding: 50px 40% 50px 50px;
        color: #fffbed;
        font-size: 3em;
        overflow: hidden;
        border-radius: 50px;
        background-image: url(/_theme/images/Summer/14.png);
        background-attachment: fixed;
        background-size: cover;
    }

.Sandbox .ContentBlockAlt3 {
    border: none;
    padding: 50px;
    color: #0a3029;
    overflow: hidden;
    font-size: 1em;
    font-family: GlacialIndifference-Regular;
    font-style: normal;
    background: #1a4548;
    background-image: url(/_theme/images/Summer/25.png);
    /* background-attachment: fixed; */
    background-size: cover;
    background-position-y: bottom;
}

    .Sandbox .ContentBlockAlt3 .SummerFeatureText {
        background: #fbb03b;
        padding: 50px;
        color: #0d0903;
        font-weight: bold;
        font-size: 5em;
        overflow: hidden;
        border-radius: 25px;
        margin: 30px auto;
        width: 80%;
    }


.SummerInstitute .ContentBlockAlt5 {
    background: #fbb03b;
    padding: 25px;
    color: white;
    overflow: hidden;
}
    .SummerInstitute .ContentBlockAlt5 .SectionTitleAlt1 {
        background: transparent;
        color: #fffbed;
        font-size: 2em;
        line-height: 100%;
        letter-spacing: normal;
        padding: 25px 0;
        border: 0;
        font-family: 'GlacialIndifference-Regular';
        text-align: left;
        margin-top: 25px;
        font-weight: bold;
    }
    .SummerInstitute .ContentBlockAlt5 .ContentBlockAlt5 {
        background: #b27c26;
        padding: 50px;
        color: white;
        font-size: 3em;
        overflow: hidden;
        border-radius: 50px;
        background-image: url(/_theme/images/Summer/6.png);
        background-attachment: fixed;
        background-size: cover;
    }
.SummerInstitute .ContentBlockAlt7 {
    padding: 50px;
    background: #fffbed;
    overflow: hidden;
    font-size: 1.25em;
}
.SummerInstitute .ContentBlockAlt4 {
    background: #1a4548;
    padding: 25px;
    color: var(--black);
    overflow: hidden;
}
    .SummerInstitute .ContentBlockAlt4 .ContentBlockAlt5 {
        background: #102c2e;
        padding: 50px 40% 50px 50px;
        color: #fffbed;
        font-size: 3em;
        overflow: hidden;
        border-radius: 50px;
        background-image: url(/_theme/images/Summer/14.png);
        background-attachment: fixed;
        background-size: cover;
    }

.SummerInstitute .ContentBlockAlt3 {
    border: none;
    padding: 50px;
    color: #0a3029;
    overflow: hidden;
    font-size: 1em;
    font-family: GlacialIndifference-Regular;
    font-style: normal;
    background: #1a4548;
    background-image: url(/_theme/images/Summer/25.png);
    /* background-attachment: fixed; */
    background-size: cover;
    background-position-y: bottom;
}

    .SummerInstitute .ContentBlockAlt3 .SummerFeatureText {
        background: #fbb03b;
        padding: 50px;
        color: #0d0903;
        font-weight: bold;
        font-size: 5em;
        overflow: hidden;
        border-radius: 25px;
        margin: 30px auto;
        width: 80%;
    }

    .FeatureText {
        background: #1a4548;
        padding: 50px;
        color: #fffbed;
        font-size: 2em;
        overflow: hidden;
        border-radius: 25px;
        margin: 30px auto;
    }
.SummerFeatureText {
    background: #fbb03b;
    padding: 50px;
    color: #0d0903;
    font-size: 2em;
    overflow: hidden;
    border-radius: 25px;
    margin: 30px auto;
}

.Apply .SectionTitleAlt5 {
    margin-bottom: 25px;
}
.SessionBoxContainer {
    width: 100%;
    margin-bottom: 180px;
}
.SessionBox {
    width: 90%;
    background: #fffbed;
    color: #0a3029;
    margin: 0 auto;
    text-align: center;
    font-size: 2.5em;
    padding: 50px;
    border-radius: 25px;
}
.SessionBoxTitle {
    width: 100%;
    font-weight: bold;
}
.SessionBoxText {
    width: 100%;
}
.Div60 {
    width: 60%;
}


    .alumni-text {
        margin: 8px;
        padding: 10px;
    }

    .btn-apply {
        font-size: 2em;
    }



.btn-wsi {
    color: #fff;
    background-color: #EF2D56;
    border-color: #0e0e0e;
}


.btn-wsi:hover {
    color: #fff;
    font-weight: bolder;
    background-color: #EF2D56;
    border-color: #0e0e0e;
}


/* 7-30-25 update for new admissions */

.box-title  {
    color: maroon; 
    font-family: 'GlacialIndifference-Bold'; 
    line-height: 2;
}

.left-box  {
    text-align: center; 
    flex: 1; 
    margin-left: 200px; 
    padding: 5px; 
    background: #ccc; 
    border-radius: 25px; 
    font-size: 1.4em; 
    margin-bottom: 10px; 
    margin-top: 10px;
}

.right-box  {
    text-align: center; 
    flex: 1;  
    margin-right: 200px; 
    padding: 5px; 
    background: #ccc; 
    border-radius: 25px; 
    font-size: 1.4em; 
    margin-bottom: 10px; 
    margin-top: 10px;
}

.showbox-title  {
    text-align: center;
    font-family: 'GlacialIndifference-Bold';
    color: #8b1633;
    font-size: 3em;
    letter-spacing: 3px;
}


.showbox-text {
    line-height: 1.5;
    font-size: 1.4em;
    text-align: center;
}

.application-text {
    color: #8b1633;
    font-size: 4em;
    text-align: center;
    letter-spacing: 3px;
    font-family: 'GlacialIndifference-Bold';
}

.application-description {
    line-height: 2; 
    font-size: 1.4em;
}


.one-third-photo {
    text-align: center; 
    line-height: 2;
    width: 100%;
}

/* Aspect ratio box for image (1545x2000) */
.image-wrapper {
    position: relative;
    width: 100%;
    padding-bottom: 129.45%; /* 2000/1545 * 100 */
    overflow: hidden;
}

    .image-wrapper img {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        object-fit: cover; /* Fallback for modern browsers */
    }

@media screen and (min-width: 768px) {
    .navbar-nav {
        float: none;
        text-align: center;
    }
        .navbar-nav li {
            display: inline;
            float: none;
            color: var(--maroon);
        }



}
@media screen and (max-width: 1540px) {
.tickets {
    text-align: center;
    margin-bottom: 0px;
    position: relative;
    z-index: 100;
    width: 250px;
    right: 0;
    margin: 0 auto;
}
}


@media (max-width: 1255px) {
.btn-apply {
font-size: 1em;
 }


    .right-box  {
        text-align: center;
        flex: 1;
        margin-right: 50px;
        padding: 10px;
        background: #ccc;
        border-radius: 25px;
        font-size: 1.2em;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .left-box  {
        text-align: center;
        flex: 1;
        margin-left: 50px;
        padding: 10px;
        background: #ccc;
        border-radius: 25px;
        font-size: 1.2em;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .showbox-title  {
        text-align: center;
        font-family: 'GlacialIndifference-Bold';
        color: #8b1633;
        font-size: 2em;
        letter-spacing: 2px;
    }

    
    .showbox-text {
        line-height: 1.5;
        font-size: 1.2em;
        text-align: center;
    }

.application-text {
    color: #8b1633;
    font-size: 2.6em;
    text-align: center;
    letter-spacing: 3px;
    font-family: 'GlacialIndifference-Bold';
    }

.application-description {
    line-height: 1.65; 
    font-size: 1.3em;
}



}



@media screen and (max-width: 1024px) {
    .Sandbox .ContentBlockAlt5 .ContentBlockAlt5 {
        background: #b27c26;
        padding: 50px;
        color: white;
        font-size: 2em;
        overflow: hidden;
        border-radius: 50px;
        background-image: url(/_theme/images/Summer/6.png);
        background-attachment: fixed;
        background-size: cover;
    }
    .Sandbox .ContentBlockAlt4 .ContentBlockAlt5 {
        font-size: 2em;
    }
    .SummerInstitute .ContentBlockAlt5 .ContentBlockAlt5 {
        background: #b27c26;
        padding: 50px;
        color: white;
        font-size: 2em;
        overflow: hidden;
        border-radius: 50px;
        background-image: url(/_theme/images/Summer/6.png);
        background-attachment: fixed;
        background-size: cover;
    }

    .SummerInstitute .ContentBlockAlt4 .ContentBlockAlt5 {
        font-size: 2em;
    }
    .SummerFeatureText {
        font-size: 1em;
    }
    .Sandbox .ContentBlockAlt3 .SummerFeatureText {
        background: #fbb03b;
        padding: 50px;
        color: #0d0903;
        font-weight: bold;
        font-size: 2em;
        overflow: hidden;
        border-radius: 25px;
        margin: 30px auto;
        width: 100%;
    }
    .SummerInstitute .ContentBlockAlt3 .SummerFeatureText {
        background: #fbb03b;
        padding: 50px;
        color: #0d0903;
        font-weight: bold;
        font-size: 2em;
        overflow: hidden;
        border-radius: 25px;
        margin: 30px auto;
        width: 100%;
    }



    .SessionBoxContainer {
        width: 100%;
        margin-bottom: 20px;
    }
}


    @media screen and (max-width: 768px) {
        .SummerInstitute .ContentBlockAlt5 {
            padding: 8px;
        }
            .SummerInstitute .ContentBlockAlt5 .ContentBlockAlt5 {
                padding: 10px;
            }
        .SummerInstitute .ContentBlockAlt7 {
            padding: 0;
        }
        .SummerInstitute .ContentBlockAlt4 .ContentBlockAlt5 {
            font-size: 1em;
        }
        .SummerInstitute .ContentBlockAlt3 .SummerFeatureText {
            padding: 15px;
        }
        .SessionBox {
            font-size: 1.5em;
            padding: 20px;
        }
        .Div60 {
            width: 90%;
        }
        .FeatureText {
            font-size: 1.25em;
            padding: 20px;
        }
        .quickLinkBoxIcon {
            border-right: 0px;
            border-bottom: solid 1px #e1e1e1;
            width: 100%;
            padding: 50px;
        }

	/* 2-26-25 btn on mobile */
	.btn-lg  {
	    width: 100%;
	    text-wrap: auto;

	}

        .quickLinkBox {
            padding: 0px;
        }

        .carousel-caption {
            position: relative;
            right: 0;
            bottom: 0;
            left: 0;
            font-size: .5em;
            background: var(--black);
        }

        .SectionTitleAlt5 {
            font-size: 1.75em;
        }

        .ContentHoverAlt {
            padding: 10px;
            background: #8C0335;
            overflow: hidden;
            font-size: 1.25em;
            transition-delay: 300ms;
            transition: 0.6s;
        }

            .ContentHoverAlt:hover {
                background: #f1f1f1;
            }

        .ContentBlockAlt3 {
            border: none;
            padding: 50px;
            color: var(--maroon);
            overflow: hidden;
            font-size: 1.5em;
            font-weight: bold;
            font-family: "the-seasons", sans-serif;
            font-style: italic;
        }

        .carousel-indicators {
            display: none;
        }

        .nav-pills {
            display: none;
        }

        .navbar-footer {
            display: block;
        }

        .navbar-inverse .navbar-toggle {
            border-color: #333;
            background: var(--maroon);
        }

        .navbar-inverse .navbar-nav .open .open .dropdown-menu > li > a:focus .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
            color: var(--white);
            background-color: white;
        }


        .navbar-inverse .navbar-nav > li > span {
            color: var(--white);
            width: 46%;
            text-align: right;
            padding: 13px 20px;
            border-color: transparent;
            /*   background: #222222; */
        }

            .navbar-inverse .navbar-nav > li > span:hover {
                color: var(--white);
                cursor: pointer;
                border-color: transparent;
                /* background: #080808; */
            }

        .navbar-inverse .navbar-nav > li > a {
            color: var(--white);
            width: 50%;
        }

        .navbar-inverse .navbar-nav > li > span:hover {
            color: var(--white);
            cursor: pointer;
            background: transparent;
            border-color: transparent;
        }

        .navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
            color: var(--white);
            border-color: transparent;
        }
            .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:focus, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
                color: var(--white);
                background-color: transparent;
            }
        .quickLinks {
            z-index: 1;
            display: block;
            position: fixed;
            top: 0;
            right: 0;
            transition: left 0.3s ease;
            text-align: center;
            width: 100%;
        }

        .quickLinkIcon {
            display: inline-block;
            margin: 10px 0;
            border-radius: 5px 5px 5px 5px;
            padding: 0;
            color: #ffffff;
            background-color: rgba(172, 22, 44, 0.8);
            width: 22%;
        }

        #header {
            margin-top: 60px;
        }

        .ContentBlockAlt10 {
            margin: 0 -15px 0 -15px;
        }

        .side-caption {
            position: relative;
            width: 100%;
            border-radius: 0 0 0 0;
        }

        .w80 {
            width: 100%;
        }






    }

/* added 1/1325 to address gap between nav and slider */
#SortOrder_52141 {
    min-height: 0px;
}