/*
* Created By: MDC Web Services
* Description:
* Revised: 08/02/18
*/

@import url('https://fonts.googleapis.com/css?family=Oranienbaum|Raleway');

/*#calendar-preview {
    display: none;
    visibility: hidden;
}
*/

body .social-media .juicer-feed .j-meta a,
body .social-media .juicer-feed.modern .j-poster .j-date {
    color: #6b6b6b;
}

.clipped {
    overflow: hidden;
}

.social-media .juicer-feed .j-paginate {
    border-color: #d02a15;
    color: #d02a15;
}

.social-media .juicer-feed .j-paginate:hover {
    background: #d02a15;
}

html,
body {
    height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
    font-weight: 400;
    font-family: 'Oranienbaum', serif;
    text-transform: uppercase;
}

h4 {
    font-weight: bold;
}

h5 {
    text-transform: none;
}

.global-nav .navbar-nav .caret {
    display: none;
}

.alert {
    word-wrap: break-word;
    white-space: normal;
}





/*hide items until releaseie. High school pages from the navigation*/


/*.fashion .navbar-nav li:nth-child(2) {
    display: none;
}
*/

body .navbar-default .navbar-brand {
    color: #686868;
    padding: 0;
}

#siteNav .navbar-brand img {
    height: 100%;
}

body .navbar-default .navbar-collapse {
    /* border-color: #e7e7e7; */
    border:none;
}

/*Scroll to top button*/

body #back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 20px;
    right: 20px;
    display: none;
    padding: 10px 14px;
    z-index: 2;
}

#play-pause {
    position: absolute;
    top: 150px;
    right: 150px;
    color: white;
    border: 1px solid;
    border-radius: 40px;
    height: 40px;
    width: 40px;
    background-color: rgba(0, 0, 0, 0.6);
    margin: auto;
    z-index: 1;
    top: 50px !important;
}

#play-pause:hover {
    color: #5976a5;
}

#iammdc.exhibitionist {
    background-color: #5c6d8d;
    color: #fff;
    text-align: center;
}

body .fashion .btn.btn-outline {
    background-color: transparent !important;
    border: 2px solid #fff;
    color: #fff;
}

.exhibitionist .btn {
    max-width: 15.7em;
    margin-top: 1.5em;
}


#fashionforward h3,
.exhibitionist h3 {
    font-size: 2.2em;
    margin-bottom: 1.5em;
}

#fashionforward h4,
.exhibitionist h4 {
    font-size: 1.4em;
}


/*fixed on scrolling*/

body .fixed {
    position: fixed;
    top: 114px;
    z-index: 3;
    width: 100%;
}

/* ======= START: MDC Overrides ======= */

body .mdc-footer-links {
    margin-top: 0;
}

body.talent-night .mdc-footer-links {
    margin-top: 2.3em;
}

.cta-section-container {
    height: 100%;
}



/* ======= END: MDC Overrides ======= */

.fashion {
    font: normal 16px 'Raleway', sans-serif;
}

.fashion h1,
.fashion h2:first-of-type {
    font-size: 2.3em;
}

.fashion strong,
.fashion b {
    font-weight: 700;
}

.fashion a {
    text-decoration: underline;
}

.fashion #siteNav {
    position: fixed;
    width: 100%;
}

.center {
    margin: auto;
    width: 60%;
    padding: 10px;
}

.break {
    display: block;
}

.bold {
    font-weight: bold;
}

.fashion .btn-primary:not(.btn-primary-global-nav),
.fsSubmit .fsSubmitButton {
    background: #3c5d8b !important;
    border-radius: 7px !important;
    color: #fff;
    text-transform: uppercase;
    border-color: transparent;
    padding: 17px 22px;
}

.fashion .btn-primary:not(.btn-primary-global-nav):hover,
.fashion .btn-primary:not(.btn-primary-global-nav):focus,
.fsSubmit .fsSubmitButton:hover,
.fsSubmit .fsSubmitButton:focus {
    background-color: #21416d !important;
}

.btn-primary:hover {
    background: #5981b9;
    border-color: transparent;
}

.fsBody .fsForm {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.form .additional-info {
    background-color: #F2F2F2;
    padding: 15px;
}

.fashion .subtitle {
    font-style: normal;
}

.fashion hr {
    width: 117px;
    margin-left: auto;
    margin-right: auto;
    background-color: #7a93bb;
    padding: 0.5px;
    border: 0;
}

.title-img {
    max-width: 100%;
    display: block;
    margin: 1.5em auto;
}

/*==================================*/

.hero-section {
    position: relative;
    display: table;
    padding-top: 80px;
    width: 100%;
    /* Image doesn't repeat */
    background-repeat: no-repeat;
    /* Makes the image fixed in the viewport so that it doesn't move whenthe content height is greater than the image height */
    background-attachment: fixed;
    /* This is what makes the background image rescale based on its container's size */
    background-size: contain;
}

.hero-section .hero-section-text {
    color: #fefefe;
    text-shadow: 1px 1px 2px #0a0a0a;
}





/*=========================================*/


/* START: Secondary Nav */

.fashion .navbar-default {
    background-color: #fff;
}



.fashion .navbar-default .navbar-nav>li>a,
.fashion .navbar-default .navbar-nav>li>a:focus {
    color: #333;
}

.fashion .navbar-default .navbar-nav>li>a:hover {
    background: #6e7d98;
    color: #fff;
}

.fashion .navbar-default .navbar-nav>.active>a,
.fashion .navbar-default .navbar-nav>.active>a:hover,
.fashion .navbar-default .navbar-nav>.active>a:focus {
    background-color: #5c6d8d;
    color: #fff;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.fashion .mdc-nav {
    margin-bottom: 0;
    border: 0;
    padding: 7px 15px;
    font-weight: bold;
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 1px;
    box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.06);
}

.section-header {
    text-align: center;
}

/*START: HOME Page*/

.focus-items .entry h4 a,
.calendar-details h4 a {
    text-decoration: none !important;
}

.home .fsBody,
.home .fsBody .fsForm,
.landing .fsBody .fsForm {
    background-color: transparent;
}

.home .fsBody {
    border: 1px solid;
}

.home .fsRequiredMarker {
    color: red;
}

.home .fsBody .fsForm {
    margin-bottom: 0;
    padding-bottom: 0;
}

body .home .fsRowBody:not(.fsValidationError) .fsLabel,
body .home fsRowBody:not(.fsValidationError) label {
    color: #999 !important;
}

.fsValidationError .fsLabel,
.fsValidationError .fsRequiredLabel,
.fsValidationError .fsRequiredMarker {}





/* Hero Section */

.fashion-wrapper {}

.home .hero-content {
    height: 50%;
}

.home .hero-content h2 {
    font-family: 'Raleway', serif;
    color: #fff;
    text-transform: none;
}

.home .hero-content .down-arrow {
    left: 0;
    right: 0;
    top: auto;
    bottom: 5%;
    width: auto;
    font-size: 1.5em;
    text-decoration: none !important;
}

.home .hero-content .down-arrow:hover,
.home .hero-content .down-arrow.hover,
.home .hero-content .down-arrow:focus {
    color: #5976a5 !important;
}

.double-chevron {
    display: block;
    background: url(../img/double-chevron.png) center center no-repeat;
    width: 77px;
    height: 57px;
    background-size: 50% auto;
    margin: auto;
}

.home .hero-content .down-arrow:hover .double-chevron,
.home .hero-content .down-arrow.hover .double-chevron,
.home .hero-content .down-arrow:focus .double-chevron {
    background: url(../img/double-chevron-hover.png) center center no-repeat;
    color: #5976a5 !important;
    background-size: 50% auto;
}

.fill {
    width: 100%;
    height: 100%;
    background-position: center top;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    background-size: cover;
    -o-background-size: cover;
}

.home #fashion-on-social .social-icons {
    margin-bottom: 30px;
}

/*Fashion Forward*/
#fashionforward {
    position: relative;
}

body #fashionforward .btn.dark-bg {
    background-color: #000000 !important;
    color: #fff;
}

body #fashionforward .btn.dark-bg:hover {
    background-color: #666 !important;
    color: #fff;
}

#fashionforward picture img {
    width: 100%;
    position: relative;
}

#fashionforward article {
    z-index: 1;
}

#fashionforward.exhibitionist h2 {
    margin-bottom: 0.25em;
}

#fashionforward.exhibitionist h3 {
    font-weight: 800;
    line-height: normal;
    margin-bottom: 0.5em;
}

#fashionforward.exhibitionist h4 {
    font-size: 1.6em;
    text-transform: none;
}

#fashionforward.exhibitionist p {
    margin-bottom: inherit;
}

#fashionforward.exhibitionist .btn {
    max-width: 100%;
    box-shadow: 0px 5px 11.52px 0.48px rgba(0, 0, 0, 0.64);
    word-wrap: break-word;
    white-space: normal;
    text-transform: none;
    /*width: 70%;*/
}

.social-icons {
    padding-top: 50px;
    text-align: center;
}

.social-icons a {
    background-position: center 0;
    background-size: cover;
    background-repeat: no-repeat;
    height: 56px;
    width: 56px;
    margin: 0 7px;
    display: inline-block;
}

.social-icons .facebook {
    background-image: url(../img/icons-facebook.gif);
}

.social-icons .facebook:hover {
    background-position: center -56px;
}

.social-icons .twitter {
    background-image: url(../img/icons-twitter.gif);
}

.social-icons .twitter:hover {
    background-position: center -56px;
}

.social-icons .instagram {
    background-image: url(../img/icons-instagram.gif);
}

.social-icons .instagram:hover {
    background-position: center -56px;
}





/* Intro*/

.home .intro {
    position: relative;
}

.introductory,
.feature-event-photo {
    background-size: cover;
    background-repeat: no-repeat;
    color: #fff;
}

.introductory .entry {
    display: table-cell;
    vertical-align: middle;
    width: 100%;
}

.introductory .entry p {
    font-size: 20px;
    line-height: 1.3em;
}

.main-headline .event-title,
.fancy .main-headline h3 {
    /*new insert*/
    margin-bottom: 0;
    text-transform: none;
}

.call-to-action .entry .main-headline small {
    color: #5976a5;
    font-size: 1.2em;
}

.cta-link {
    color: inherit;
    font-weight: bold;
    margin-top: 1.5em;
    display: inline-block;
}

.secondary-headline h3 {
    margin-top: 20px;
    font-size: 27px;
}

p {
    font-size: 16px;
}

.highlight {
    color: #4e6891;
}

.highlight-secondary {
    color: #a71e65
}

.details-area {
    margin-top: 30px;
    padding-bottom: 30px;
}

.details-area h3 {
    color: #81A2C3;
    border-bottom: 1px solid #81A2C3;
    margin-bottom: 20px;
    font-size: 30px;
}

.details-area ul {
    margin: 25px 0;
}

.details-area ul li {
    font-size: 16px;
    margin-bottom: 4px;
}

.mfi-form {
    margin-bottom: 50px;
}

.media-list li {
    border-bottom: none;
}

.details-area .media-body {
    vertical-align: middle;
}

.details-area img.img-responsive.center-block {
    margin-bottom: 20px;
}

.fashion-wrapper .details-area .col-sm-8>ul+p>strong {
    font-size: 20px;
    color: #81A2C3;
    font-weight: 400;
    line-height: 40px;
}





/* Programs of Study*/

.subtitle {
    color: #5976a5;
    text-transform: uppercase;
}

#programs ul {
    text-align: left;
}

.focus-items .entry {
    background-color: #fff;
    position: relative;
    margin: auto;
}

.focus-items .entry h4,
.focus-items .entry h4 a {
    color: #000;
}

.item {
    background-size: contain;
    background-repeat: no-repeat;
}





/** Landing page **/

body.landing {
    padding-top: 0;
}

body.landing .fashion .mdc-nav {
    padding: 1em 15px;
}

.landing #siteContent {
    margin-top: 0;
}

.landing .fashion #siteNav {
    position: static;
    width: initial;
}

body.landing #partnership {
    border: 1px solid #eee;
}

.landing .navbar-inverse.navbar-fixed-top,
.landing .mdc-footer-links,
.landing .mdc-footer-bottom {
    display: none;
}

.big-tel {
    font-family: "Open sans", sans-serif;
    color: rgb(147, 40, 63);
    font-weight: bold;
    line-height: 1.722;
}

#siteNav .tel {
    display: block;
}

.landing .spec-sheets img {
    border: 1px solid #eee;
}

.landing .fsBody {
    padding: 20px !important;
}

.landing .link-to-all-classes {
    margin-top: 2em;
    text-align: center;
}

.landing .link-to-all-classes a {
    font-size: 1em;
}

.landing section:not(#hero) {
    padding: 2em 0;
}

.landing .article-center {
    background-color: rgb(246, 246, 246);
    text-align: center;
    padding: 2em;
}

.article-center article {
    margin: auto;
}

#hero {
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
    color: #fff;
    height: 800px;
}

#hero .filter {
    height: 100%;
}

#hero .headline {
    text-align: left;
    font-family: 'Raleway', sans-serif;
    z-index: 2;
}

#hero .headline h2 {
    font-weight: 600;
    font-family: inherit;
    text-transform: none;
}

.landing .fsBody {
    border: 3px solid rgb(55, 160, 244);
    background-color: rgb(235, 235, 235);
    opacity: 0.949;
}

.landing .fsBody .fsForm {
    margin: auto;
}

body.landing .fsForm .fsSubmitButton,
body.landing .fashion a.btn-primary {
    background-color: rgb(3, 3, 3) !important;
    cursor: pointer;
    white-space: inherit;
}

body.landing .fsForm .fsSubmitButton:hover,
body.landing .fashion a.btn-primary:hover {
    background-color: rgb(68, 68, 68) !important;
}

body.landing .fashion #contact .bold span {
    margin: 0.45em auto;
    display: block;
}

body.landing .fashion #contact a.btn-primary {
    background: #3c5d8b !important;
    cursor: pointer;
}

body.landing .fashion #contact a.btn-primary:hover {
    background: #21416d !important;
}

.landing .fsForm .fsSubmit {
    margin-top: 2em;
    padding: 0;
}

.landing .fsForm .fsFirst {
    font: 600 1em/1.3 'Raleway', sans-serif;
    color: #000;
}

.landing .fsBody .fsLabel,
.landing .fsBody label {
    color: #000;
}

body.landing figure a {
    text-decoration: none !important;
    color: inherit;
}

.landing figure a:hover {
    text-decoration: underline !important;
}

.landing .open-classes figcaption {
    font: 600 1.2em 'Oranienbaum', serif;
    text-transform: uppercase;
    margin-top: 0.5em;
}

.landing #stories h4 {
    font-size: 1.3em;
    letter-spacing: 1.2px;
    margin-bottom: 1em;
}

.landing #stories h4 span {
    font-weight: 100;
    font-size: 0.9em;
    letter-spacing: 0;
    padding-top: 0.3em;
    display: block;
}

.landing #contact {
    background-color: #000;
    color: #eee;
    margin-bottom: 0 !important;
}

.landing #contact strong {
    font-size: 1em;
    text-transform: uppercase;
}

.landing #contact p {
    font-size: 1.4em;
}


/*Portfolios*/

.fashion-portfolio {
    background-color: #c7c7c7;
    color: #000;
    text-align: center;
    padding: 50px 25px;
}

.fashion-portfolio .btn {
    max-width: 15.7em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
}

#portfolio h3,
.exhibitionist h3 {
    font-size: 2.2em;
    margin-bottom: 1.5em;
}

#portfolio h4,
.exhibitionist h4 {
    font-size: 1.4em;
}

#portfolio {
    position: relative;
}

#portfolio.fashion-portfolio .btn {
    max-width: 100%;
    word-wrap: break-word;
    white-space: normal;
    text-transform: none;
}

body #portfolio .btn.dark-bg {
    background-color: #000000 !important;
    color: #fff;
}

body #portfolio .btn.dark-bg:hover {
    background-color: #666 !important;
    color: #fff;
}



/*High school promo*/

#high-school-promo {
    background-color: #333333;
    color: #899cc8;
}

#high-school-promo h3,
.exhibitionist h3 {
    margin-top: 0;
    text-transform: none;
    text-align: center;
    margin-bottom: 1.5em;
}


#high-school-promo p {
    color: #c3c3c3;
}

.calendar-date .day {
    font-family: 'Oranienbaum', serif;
}

.calendar-date .month {
    font-family: 'Raleway', sans-serif;
}

#high-school .btn-default {
    border-color: #c3c3c3;
    background: none;
}

#high-school-promo .btn,
.exhibitionist .btn {
    width: 100%;
    background: none;
    color: #eee;
    text-transform: uppercase;
    text-align: center;
}

#high-school-promo .btn:hover,
#high-school-promo .btn.hover,
.exhibitionist .btn:hover,
.exhibitionist .btn.hover {
    background: #eee;
    color: #333;
    -webkit-transition: all 0.45s ease-in;
    transition: all 0.45s ease-in;
}

#high-school-promo .btn .glyphicon,
.exhibitionist .btn .glyphicon {
    margin-left: 20px;
}





/* Calendar Preview*/

#calendar-preview {
    position: relative;
    background-size: 65% auto;
}

.calendar-listing .calendar-date {
    text-align: center;
}

.calendar-details h4 a {
    color: #4B618B;
    text-transform: none;
    font-family: 'Raleway', sans-serif;
}

.module-footer {
    text-align: center;
}





/*Social media preview*/

#fashion-on-social .referral {
    display: none;
}





/*START: About us page */

.about .highlight {
    font-size: inherit;
    font-style: italic;
}





/*START: High school page */

.hs .hero-content {
    text-align: center;
}

.hero-content {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.hero-content .subtitle+hr {
    margin: 0 auto;
}

body .hero-content .subtitle {
    text-transform: initial;
    font-style: normal;
}

.hero-content h1,
.hero-content h2 {
    position: static;
}

.hero-content p {
    color: #2d5aa9;
}

.hero-content hr {
    margin: auto;
}

.event-info .main-headline {
    box-shadow: 0px 0px 4px 0px rgba(53, 53, 53, 0.35);
}

.event-info .share {
    background: transparent;
    position: absolute;
    right: 0;
    top: 0;
    width: 57px;
    height: 57px;
}

.event img {
    width: 100%;
    height: auto;
}

.share {
    color: #a4a3a3;
    border: 1px solid rgb(224, 224, 224);
}

.event .item .share {
    position: relative;
    border-radius: 50%;
    background-color: transparent;
    border: 1px solid rgba(53, 53, 53, 0.35);
}

.focus-items .item .btn.cta-link {
    width: auto;
    color: #fff;
}





/*Single Event Post*/

#single-event-photo img {
    width: 100%;
    height: auto;
}

body:not(.landing) .fsPage .fsLastRow:first-of-type,
.fsSectionHeader {
    display: none;
}

.form .subtitle+hr {
    margin: 19px auto;
}





/* START: Talent Night Page*/

.hero-banner {
    margin-bottom: 1.5em;
}

.hero-banner.talent-night img {
    border: 1px solid #f2f2f2;
}

.talent-night .call-to-action {
    height: auto;
}

.talent-night .call-to-action .entry .main-headline {
    background-color: #f2f2f2;
    box-shadow: none;
}

.talent-night .main-headline .event-title {
    margin: 0;
}

.talent-night .call-to-action .entry .main-headline small {
    color: initial;
}

.talent-night .main-headline hr {
    width: auto;
    background-color: #333;
}

.talent-night .notice {
    margin-top: 1em;
}

.talent-night .event-info .center-format {
    margin-left: auto;
    margin-right: auto;
}

.talent-night .event-info li {
    line-height: 1.5;
    padding-bottom: 1em
}





/* START: Fashion Lab Page */

.ce-logo {
    margin: 1em auto;
    text-align: center;
}

.fashion-lab article:focus {
    background: red;
}

.fashion-lab .hero-banner {
    background-color: #f4f4f4;
    margin-bottom: 0;
}

.fashion-lab .cta-section h3 {
    font-family: 'Raleway', sans-serif;
    text-transform: none;
    font-weight: bold;
}

.fashion-lab #siteContent a.btn-secondary {
    background-color: #0F2961;
    /*1744a4 | 0E275D*/
    border-radius: 7px;
    color: #fff;
}

.fashion-lab #siteContent .btn-secondary:hover,
.fashion-lab #siteContent .btn-secondary:focus {
    background-color: #1744a4;
}

.fashion-lab .contain {
    margin: auto;
}

.fashion-lab .contain .btn-secondary {}

.fashion-lab .featured-panel {
    background-color: #fff;
}

.term-navi {
    background-color: #346fea;
    padding: 0.5em;
    color: #fff;
    text-align: center;
    position: relative;
}

.term-navi p {
    margin-bottom: 1em;
}

.footnotes {
    font-size: 0.8em;
    padding-left: 1em;
    margin-bottom: 0;
    margin-top: 1em;
}

.well.disclaimer {
    margin-top: 2em;
}

.campus {
    color: #a71e65;
    font-weight: bold;
    border-bottom: 1px solid #333;
}

.term,
.banner {
    font-family: 'Raleway', sans-serif;
}

.term {
    font-weight: bold;
    margin-bottom: 1.2em;
    text-align: center;
}

.open-classes .final-price {
    color: #901856;
}

.banner {
    background-color: #eaf1f8;
    color: #22527c;
    padding: 0.8em;
    margin: 1em 0 2em;
    text-transform: none;
    text-align: center;
}

.open-classes article {
    margin-bottom: 2em;
}

.open-classes .well:last-of-type {
    margin-bottom: 0;
}

.fashion-lab h5 {
    color: #952961;
    font-size: 1.2em;
}

.fashion-lab .section-header h2 {
    color: #a71e65;
}

.fashion-lab .open-classes article img {
    margin-bottom: 1em;
}

.fashion-lab .open-classes article ul {
    margin-bottom: 1.5em;
}
.fashion-lab .open-classes article details{
    /*position: relative;*/
    overflow-x: hidden;
}
.fashion-lab .open-classes article details[open] summary {
    border-bottom: 1px solid;
    margin-bottom: 2em;
}

.fashion-lab .open-classes article h4 {
    font-size: 2em;
    font-weight: normal;
    position: relative;
}

.fashion-lab .open-classes article:not(.promo) h4 {
    cursor: pointer;
}

.fashion-lab .open-classes article header dl {
    /*margin-bottom: 0;*/
}

.fashion-lab .open-classes article:not(.promo) li,
.fashion-lab .open-classes article:not(.promo) dd,
.fashion-lab .open-classes article:not(.promo) dt {
    /*border-right: 1px solid #777;*/
    padding: 0 0.8em;
    display: inline-block;
}
.fashion-lab .open-classes article:not(.promo) li:first-child,
.fashion-lab .open-classes article:not(.promo) dd,
.fashion-lab .open-classes article:not(.promo) dt {
    border-right: 1px solid #777;
}

.fashion-lab .open-classes dd,
.fashion-lab .open-classes dt {
    display: inline-block;
}

.fashion-lab .open-classes li:first-child,
.fashion-lab .open-classes dt {
    padding-left: 0;
}

.fashion-lab .open-classes li:last-child,
.fashion-lab .open-classes dd:last-child {
    border-right: none;
    padding-right: 0;
}

.fashion-lab .open-classes .price {
    font-size: 1.3em;
}

.fashion-lab .description a {
    display: block;
    margin-top: 1em;
    line-height: 1.5;
}

.fashion-lab .description .glyphicon-circle-arrow-right {
    color: #337ab7;
}

.promo {
    border: 2px solid #37a0f4;
    margin: 1em auto;
}

.promo .content {
    padding: 1.5em 3em;
}

.promo .disclaimer {
    background-color: #f7f7f7;
}

.promo .btn.dark {
    background-color: #000;
    color: #fff;
    border-radius: 7px !important;
    width: 100%;
}

.promo .btn.dark:hover,
.promo .btn.dark:focus {
    background-color: #444;
}

.promo .price {
    font-size: 2em;
    font-family: "Raleway";
    font-weight: bold;
}

.promo .label {
    color: #333;
    font-weight: normal;
}

.price-point {
    text-align: center;
}

.price-summary {
    text-align: right;
}

.price-summary p {
    margin-bottom: 0;
}

.price-point span,
.price-summary span {
    display: block;
}

.price-summary span {
    line-height: 1.8em;
}





/* START: About Us Page*/

.meet-the-people figure {
    margin-bottom: 30px;
}

.meet-the-people h4 {
    font-size: 1.3em;
}

.staff {
    text-align: center;
}

.staff picture {
    width: 25%;
    display: block;
    margin: auto;
}

.staff p {
    text-align: left;
}

.board-members {
    background-color: #f2f2f2;
    text-align: center;
}

.board-members .subtitle {
    color: #4e6891;
}

.board-members h5 {
    font-weight: bold;
    font-size: 1em;
}





/*Contact Us Page*/

.contact .social-icons {
    text-align: left;
}

body .form-disclaimer {
    font-size: 0.8em !important;
    color: #6b6b6b;
}

.contact .social-icons h4 {
    border-bottom: 3px solid;
    padding-bottom: 15px;
}

.contact .fsRowBody:not(.fsValidationError) .fsLabel,
.contact .fsRowBody:not(.fsValidationError) label {
    color: #333;
}

.contact label.fsOptionLabel {
    /*add styles to radio buttons so the width on the contact page looks consistent*/
    /*border: 1px solid #cfd4d8;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    border-radius: 0;
    background-color: rgba(150,150,150, 0.4);
    color: #595d64;
    margin: .5em 0;
    padding: .5em 1em;
    cursor: pointer;
    */
}





/*Centering BS Modal*/

.vertical-alignment-helper {
    display: table;
    height: 100%;
    width: 100%;
    pointer-events: none;
    /* This makes sure that we can still click outside of the modal to close it */
}

.vertical-align-center {
    /* To center vertically */
    display: table-cell;
    vertical-align: middle;
    pointer-events: none;
}

.modal-content {
    /* Bootstrap sets the size of the modal in the modal-dialog class, we need to inherit it */
    width: inherit;
    height: inherit;
    /* To center horizontally */
    margin: 0 auto;
    pointer-events: all;
}


#video {
    /* margin-top: 4.7em !important; */
    top: -48.5px !important;
    margin-left: 0px !important;
    width: 100% !important;
    margin-bottom: -1em !important;
    /* height: 0px !important; */
}


/* Upcyle page */

.banner-upcycle {
    background: url(../img/upcycle/hero-bg-upcycle.jpg) no-repeat 0 0;
    background-size: cover;
    background-position: top;
    height: 13em;
}
.banner-upcycle .container.banner-content {
    color: #fff;
    text-align: center;
}
h2.h2banner-title  {
    font-family: monospace;
    font-weight: 800;
    font-size: 5em !important;
    margin-top: 45px;
}
.container.banner-content p {
    font-size: 1.8em;
    margin-top: -25px;
}
.grey-background {
    background-color: #f2f2f2;
    align-content: center;
    padding-top: 40px;
    padding-bottom: 40px;  
}
.grey-background img {
    width: 70%;
    margin-top: 12.5%;
    margin-bottom: 12.5%;
}
.word-et {
    font-size: 2em;
}
.text-bold {
    font-weight: bold;
}
.underline-title {
    border-bottom: 1px solid #f2f2f2;
    padding-bottom: 4px;
    text-align: center;
    font-weight: 700;
    text-transform: capitalize;
    margin-bottom: 25px;
}

.media-list.prizes li {
    border-bottom: none;
    font-size: 14px;
    padding-bottom: 5px;
}

.media-list.prizes .media-left {
    padding-right: 10px;
} 
.media-list.prizes ul {
    padding-left: 20px;
}
.col-sm-8.judges img {
    display: block;
    margin: auto;
}
.col-sm-8.judges .col-sm-3 {
    text-align: center;
}

.col-sm-8.judges p {
    font-size: 14px;
}
.col-sm-8.judges p.name {
    margin-top: 15px;
}
.col-sm-8.judges p a {
    font-weight: bold;
}
.col-sm-8.judges p a,
.col-sm-8.judges p a:link,
.col-sm-8.judges p a:visited {
    text-decoration: none !important;
}
.col-sm-8.judges p a:hover,
.col-sm-8.judges p a:active,
.col-sm-8.judges p a:focus {
    text-decoration: underline !important;
}
.contest-rules h4 {
    font-family: 'Raleway';
    font-size: 16px;
    text-transform: capitalize;
    margin-top: 0px;
}
.row.grey-background {
    margin-right: 0px;
    margin-left: 0px;
}
.child {
    margin-top: 3%;
    align-self: center;
}
.parent {
    display: flex;
    height: 100%;
    align-content: center;
}

.upcycle-subheader {
    /* font-family: monospace; */
    font-weight: 800;
    text-transform: initial;
}

@media (max-width: 768px) {
    .grey-background img {
        margin-left: auto;
        margin-right: auto;
    }
}

@media (max-width: 991px) {
    /* .grey-background img {
        width: 30%;
        margin-left: auto;
        margin-right: auto;
    } */
}
@media (max-width: 991px) {
    .fashion.page-content.upcycle {
        padding-top: 0px; 
    }
}
.anchor-margin:before {
    content: "";
    display: block;
    height: 160px;
    margin: -160px 0 0;
  }

/* Upcycle - end */

/*Responsive Queries*/

@media (min-width: 1300px) and (max-width: 1600px) and (min-height: 1000px) {
    body .hs.hero-section {
        height: 650px;
    }
}

@media (min-width: 991px) and (max-width: 1299px) and (min-height: 1000px) {
    body .hs.hero-section {
        height: 550px;
    }
}

@media (min-width: 1200px) and (min-height: 900px) {

    /* decrease the gap between the hero section and the contentwhen the screen height taller*/
    body .hero-section {
        height: 70%;
    }
}

@media (min-width: 1850px) {
    #fashionforward.exhibitionist {
        padding: 107px 25px;
    }
}

@media (min-width: 1601px) and (max-width: 1849px) {
    #fashionforward.exhibitionist {
        padding: 90px 25px;
    }
}

@media (min-width: 1440px) and (max-width: 1600px) {
    #fashionforward.exhibitionist {
        padding: 58px 25px;
    }
}

@media (min-width: 1440px) and (max-width: 1439px) {
    #fashionforward.exhibitionist {
        padding: 30px 25px;
    }
}

@media (min-width: 1280px) {
    #fashionforward picture img {
        width: 96%;
        left: 12em;
    }
}

@media (min-width: 1280px) and (max-width: 1439px) {
    #fashionforward.exhibitionist {
        padding: 20px 25px 55px;
    }
}

@media (min-width: 1200px) and (max-width: 1280px) {
    #fashionforward.exhibitionist {
        padding: 25px;
    }

    #fashionforward picture img {
        /*width: 110%;*/
        width: 101%;
        left: 6em;
    }
}

@media (min-width: 1200px) {

    .sh-talk {
        position: absolute;
        width: 1px;
        height: 1px;
        padding: 0;
        margin: -1px;
        overflow: hidden;
        clip: rect(0, 0, 0, 0);
        border: 0;
    }

    .intro-text {
        padding-top: 95px;
    }

    .home .hero-content h2 {
        font-size: 4.5em;
    }

    .featured-panel img {
        width: 100%;
        height: auto;
    }

    #programs .entry {
        margin: 263px auto 0;
        height: 356px;
    }
    #fashion-pattern-making .entry {
        height: 400px;
    }

    .focus-items .entry .cta-link {
        bottom: 31px;
    }

    .hero-section {
        background-image: url(../img/HS-banner.jpg);
        background-position: center 114px;
        height: 100%;
    }

    .hero-section .down-arrow {
        top: 92%;
        left: 25%;
        color: #000;
        text-align: center;
        width: 50%;
        font-size: 1.2em;
    }

    .hero-section .down-arrow.dark .double-chevron {
        background: url(../img/double-chevron-dark.png) center center no-repeat
    }

    .hs .hero-content {
        top: 40%;
    }

    .hero-content h2 {
        font-size: 24px;
    }

    .hero-content .subtitle {
        font-size: 1.3em;
    }

    #hero {
        background-image: url('../img/ready-for-fashion-lab.jpg');
    }

    #hero .headline {
        width: 33%;
        max-width: 450px;
    }

    #hero .headline h2 {
        font-size: 2.3em;
        line-height: 1.2;
    }

    #hero .headline p {
        font-size: 1.3em;
        line-height: 1.2;
    }

    .landing section:not(#hero) {
        margin: 5em auto;
    }

    .landing section:not(#hero) {
        padding: 3em 0;
    }

    .landing .term {
        margin-bottom: 2em;
    }

    body.landing #partnership {
        margin: -5em auto 5em !important;
        padding: 5em 0 !important;
    }

    /*#fashionforward picture img {
        width: 96%;
        left: 12em;
    }*/
    #fashionforward picture {
        left: 3em;
    }
}

@media (min-width: 993px) and (max-width: 1200px) and (min-height: 768px) {
    body .hero-section {
        height: 63%;
    }
}

@media screen and (max-height: 660px) {
    /*make term nav static on smaller device height*/
    body .term-navi.fixed {
        position: static;
    }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .hero-section {
        background-image: url(../img/HS-banner_iu3is4_c_scale,w_1237.jpg);
        height: 71%;
        background-position: center 122px;
    }

    .hs .hero-content {
        top: 50%;
        width: 58%;
    }

    .hs .hero-content h2 {
        font-size: 24px;
    }

    .hero-content .subtitle {
        font-size: 1.2em;
    }
}

@media (max-width: 1024px) and (min-height: 1360px) {

    .introductory,
    .call-to-action {
        height: 568px;
    }

    .introductory {
        padding: 4em;
    }
}

@media (min-width: 1025px) and (max-width: 1250px) {
    body #calendar-preview {
        background-size: 81% auto !important;
    }
}

@media (max-width: 1199px) {
    .open-classes .price {
        padding-left: 0;
        display: inline-block !important;
    }

    .open-classes .price span {
        font-weight: bold;
    }
    .navbar-default .navbar-toggle .icon-bar {
        background-color: #5c6d8d !important;
    } 
}

@media (min-width: 1025px) and (max-width: 1199px) {
    #hero {
        background-image: url('../img/ready-for-fashion-lab_1120.jpg');
    }

    #hero .headline {
        width: 40%;
        max-width: 450px;
    }

    #hero .headline h2 {
        font-size: 2em;
        line-height: 1.2;
    }

    #hero .headline p {
        font-size: 1.2em;
        line-height: 1.2;
    }

    #fashionforward.exhibitionist {
        /*padding-top: 40px;*/
        /*padding: 77px 0;*/
        padding: 89px 0;
    }

    #fashionforward picture img {
        width: auto;
    }

    #fashionforward picture {
        left: 0;
    }

}

@media (min-width: 992px) and (max-width: 1199px) {
    .home .hero-content h2 {
        font-size: 3.5em;
    }

    .cta-section {
        height: 500px;
    }

    .featured-panel img {
        height: 500px;
        width: auto;
        position: relative;
        left: -4em;
    }

    #programs .entry {
        margin: 227px auto 0;
        height: 356px;
    }
    #fashion-pattern-making .entry {
        height: 460px;
    }

    .focus-items .entry .cta-link {
        font-size: 1em;
    }

    .focus-items .entry .cta-link {
        bottom: 32px;
    }
}

@media (min-width: 1025px) {
    #calendar-preview {
        background-size: 65% auto !important;
    }

    .calendar-listing {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 0;
        max-width: 556px;
    }

    .introductory {
        padding: 10em;
    }

    .introductory,
    .call-to-action {
        height: 768px;
    }

    /*#fashionforward.exhibitionist h3 {
        font-size: 2.5em;
    }

    #fashionforward.exhibitionist h4 {
        font-size: 1.6em;
    }*/
}

@media (max-width: 1024px) {
    #calendar-preview {
        background-size: 100% auto !important;
    }

    .focus-items .entry .cta-link {
        bottom: 20px;
    }

    #play-pause {
        /* left: 0; */
        right: 20px;
    }
}

@media (min-width: 768px) and (max-height: 799px) {

    /*Give sufficient height for smaller laptops/devices*/
    body #hero {
        height: 850px !important;
    }
}

@media (max-width: 992px) {
    .center.mobile-full {
        width: 100%;
    }
}

@media (min-width: 992px) and (max-width: 1024px) {
    .calendar-listing {
        position: absolute;
        left: auto;
        right: auto;
        bottom: 0;
        max-width: 556px;
    }

    #hero {
        background-image: url('../img/ready-for-fashion-lab_1050.jpg');
    }

    #hero .headline {
        width: 40%;
    }

    #hero .headline h2 {
        font-size: 2em;
        line-height: 1.2;
    }

    #hero .headline p {
        font-size: 1.1em;
        line-height: 1.2;
    }

    #fashionforward.exhibitionist {
        padding: 8px 25px 42px;
    }

    #fashionforward picture img {
        width: 150%;
        max-width: 38em;
        position: relative
    }
}

@media (min-width: 768px) and (max-width: 1024px) {
    .introductory {
        padding: 6em;
    }

    .introductory,
    .call-to-action {
        height: 568px;
    }

    #featured-event-description.call-to-action {
        padding: 40px 0;
    }

    .focus-items .item .btn.cta-link .glyphicon-triangle-right {
        display: none;
    }
}

@media (min-width: 992px) {
    .hide-ontablet {
        display: inherit;
    }

    .ce-logo {
        width: 300px;
    }

    .show-ontablet {
        display: none;
    }

    .site-branding {
        padding: 10px 0;
    }

    .details-area p.text-center {
        margin-top: 5px;
    }

    .home .hero-content h2 {
        top: 30%;
        font-weight: bold;
        text-shadow: 0 4px 3px rgba(0, 0, 0, 0.5);
    }

    .home .hero-content .down-arrow {
        top: auto;
        bottom: 5%;
        font-size: 1.5em;
        letter-spacing: 7px;
        text-transform: uppercase;
        color: white;
    }

    #fashionforward article {
        float: right;
    }

    #fashionforward.exhibitionist .btn {
        width: 70%;
    }

    #fashionforward.exhibitionist h3 {
        font-size: 2em;
    }

    #programs,
    #fashion-on-social,
    #future-events {
        padding: 70px 0 50px;
    }

    #programs ul {
        text-align: left;
        line-height: 1.5em;
    }

    #programs .section-header {
        margin-bottom: 30px;
    }

    .section-header h3,
    .section-header h2 {
        font-size: 2.3em;
        font-weight: bolder;
    }

    .subtitle {
        font-size: 1.2em;
    }

    #programs p {
        font-size: 1.1em;
    }

    #programs .subtitle {
        font-size: 1.3em;
    }

    .subtitle+hr {
        margin: 19px auto 60px;
    }

    .focus-items .entry {
        padding: 30px 15px;
        width: 85%;
    }

    .item .subtitle+hr {
        margin: 19px auto;
    }

    .focus-items .entry .cta-link {
        width: 100%;
        margin: auto;
    }

    .focus-items .entry .event-description {
        height: 6em;
        overflow: hidden;
    }

    .focus-items .entry h4,
    .focus-items .entry h4 a {
        font-size: 1.4em;
    }

    .item:first-of-type {
        margin-left: 5%;
    }

    #calendar-preview {
        padding-top: 110px;
        min-height: 750px;
    }

    .calendar-listing {
        max-width: 556px;
        width: 100%
    }

    .calendar-listing .calendar-head {
        margin-bottom: 45px;
    }

    .calendar-listing .calendar-body {
        padding: 30px 50px 15px;
    }

    .calendar-listing .calendar-date .month {
        text-transform: uppercase;
        font: normal 1em 'Raleway', sans-serif;
    }

    .calendar-listing .calendar-date .day {
        text-transform: uppercase;
        font: bold 3em 'Oranienbaum', serif;
    }

    .calendar-details {
        margin-bottom: 25px;
    }

    #high-school-promo h3,
    .exhibitionist h3 {
        font-size: 2.2em;
    }

    #high-school-promo p,
    .exhibitionist p {
        font-size: 1.2em;
    }

    .calendar-date .day {
        font-size: 4em;
    }

    .calendar-date .month {
        font-size: 2em;
    }

    #high-school-promo,
    .exhibitionist {
        padding: 100px 25px;
    }

    #high-school-promo .btn {
        font-size: 1.2em;
        padding: 20px 6px 20px 30px;
    }

    .exhibitionist .btn {
        font-size: 1.2em;
    }

    .hs .hero-content {
        border: 10px solid rgb(255, 255, 255);
        background-color: rgba(252, 250, 250, 0.922);
        box-shadow: 0px 0px 7.92px 0.08px rgba(53, 53, 53, 0.22);
        text-align: center;
        position: absolute;
        left: 50%;
        transform: translate(-50%, -50%);
        padding: 20px;
    }

    .hs .focus-items .entry {
        bottom: 52px;
    }

    .hs .main-headline .event-title {
        font-size: 4em;
        line-height: 1.2em;
    }

    .main-headline .event-title,
    .fancy .main-headline h3 {
        /*new insert*/
        font-size: 3em;
    }

    .event .item .share {
        top: 4em;
        font-size: 1.3em;
        width: 57px;
        height: 57px;
    }

    .focus-items .item .btn.cta-link {
        width: 70%;
        font-size: 0.9em;
    }

    #single-event-description .main-headline {
        padding: 94px 30px;
    }

    .board-members {
        padding: 50px 25px;
    }

    .board-members .member {
        width: 25%;
        display: table-cell;
        vertical-align: middle;
    }

    .board-members .container>.row:nth-child(2) {
        border-top: 1px double #b3b3b3;
    }

    .board-members .member:first-child {
        border-left: 1px double #b3b3b3;
        border-right: 1px double #b3b3b3;
    }

    .board-members .member {
        border-bottom: 1px double #b3b3b3;
        border-right: 1px double #b3b3b3;
        padding: 15px;
    }

    .board-members .row:last-of-type .member {
        display: inline-block;
        float: left;
        padding-top: 2.2em;
        /* make the last row */
        width: 25.02%;
    }

    .talent-night .event-info .center-format {
        width: 85%;
    }

    /*Fashion Lab*/
    .fashion-lab .hero-banner {
        padding: 1.5em 0 5em;
    }

    .fashion-lab .cta-section h3 {
        font-size: 1.6em;
    }

    .title-img {
        width: 30%;
    }

    .fashion-lab .term-navi .contain {}

    .fashion-lab .contain .btn-secondary {
        /*width: 25%;
        margin: auto 2%;
        font-size: 1.1em;*/
        width: 22%;
        margin: auto 1%;
        font-size: 1em;
    }

    .term-navi {
        padding: 3em 0;
        margin-bottom: 4em;
    }

    .term-navi.fixed {
        padding: 1em 0;
    }

    .term-navi p {
        font-size: 1.3em;
    }

    .fashion-lab .open-classes article details summary {
        height: 2em;
        height: auto;
    }
}

@media (max-width: 991px) {
    .hide-ontablet {
        display: none;
    }

    .show-ontablet {
        display: inherit;
    }

    /*Fashion Lab*/
    .cta-section {}

    .cta-section-content {
        padding-bottom: 1.5em;
    }

    .featured-panel img {
        width: 100%;
    }

    .open-classes article:not(.promo):nth-child(even) {
        background-color: #f8f8f8;
        padding: 1.5em;
    }

    /* .open-classes article:not(.promo) {
        padding: 2em;
        border-top: 2px dotted #777;
    }
    */
    .promo .price-point {
        margin-top: 5em;
    }

    .promo .price-point .label {
        font-size: 1em;
    }

    .promo .price-point em {
        display: block;
        margin-top: 0.75em;
    }

    .promo .btn.dark {
        padding-top: 1em;
        padding-bottom: 1em;
        font-size: 1em;
        width: 75%;
    }

    #fashionforward.exhibitionist .btn {
        width: 100%;
    }

    .landing #stories figure,
    .landing #courses figure {
        margin-bottom: 2.5em;
    }

    
}

@media (min-width: 768px) and (max-width: 991px) {
    #siteNav .navbar-toggle {
        margin-top: 8px;
    }

    .page-content {
        padding-top: 80px;
    }

    .home .hero-content h2 {
        top: 20%;
        font-size: 3.2em;
    }

    body .hero-content .down-arrow {
        font-size: 2em !important;
    }

    body .hero-content .double-chevron {
        width: 120px;
    }

    #calendar-preview {
        min-height: 408px;
    }

    #calendar-preview .section-header h3 {
        font-size: 2.5em;
        text-shadow: 2px 2px 1px rgba(255, 255, 255, 0.75);
    }

    #fashionforward.exhibitionist {
        padding: 8px 25px 42px;
        /* padding: 40px 25px; */
    }

    #fashionforward picture img {
        /*width: 125%;*/
        width: 112%;
        position: relative
    }

    #fashionforward article {
        float: right;
    }

    #fashionforward h2 {
        font-size: 2.5em;
    }

    #fashionforward.exhibitionist h3 {
        font-size: 1.4em;
    }

    #programs .entry {
        margin: 150px auto 0;
        height: 355px;
    }

    #fashion-pattern-making .entry {
        height: 380px;
    }

    #future-events .event-description {
        height: 95px;
        overflow: hidden;
    }

    .focus-items .entry {
        padding: 30px 15px;
        font-size: 15px;
        bottom: 52px;
        width: 90%;
    }

    #programs .entry p {
        font-size: 14px;
    }

    #programs .item {
        margin: 1.25%;
        width: 45%;
    }

    #high-school-promo h3,
    .exhibitionist h3 {
        font-size: 1.7em;
    }

    #high-school-promo p,
    .exhibitionist p {
        font-size: 1.1em;
    }

    .calendar-date .day {
        font-size: 3em;
    }

    .calendar-date .month {
        font-size: 1.5em;
    }

    .calendar-listing .calendar-body {
        padding: 30px 50px 15px;
    }

    #high-school-promo,
    .exhibitionist {
        padding: 50px 0;
    }

    #high-school-promo .btn,
    .exhibitionist .btn {
        font-size: 1em;
        padding: 12px 6px 12px 12px;
    }

    .focus-items .entry .cta-link {
        bottom: 30px;
    }

    .hs.hero-section {
        margin-bottom: 30px;
    }

    .hs #featured-event-description.call-to-action {
        width: 100%
    }

    .hs .call-to-action .entry .main-headline {
        left: auto;
        width: 90%;
        margin: -200px auto 0;
    }

    .hs .main-headline .event-title {
        font-size: 2em;
    }

    .event .item .share {
        top: 4em;
        font-size: 1.3em;
        width: 57px;
        height: 57px;
    }

    .board-members {
        padding: 50px 10px;
    }

    .board-members .member {
        width: 50%;
        float: left;
    }

    .talent-night .call-to-action .entry .main-headline {
        padding: 2em;
    }

    /*Fashion Lab*/
    .open-classes .promo .disclaimer div[class*="col-"] {
        margin-left: auto;
        margin-right: auto;
    }

    .open-classes .promo .disclaimer .price-summary {
        border: 1px dotted;
        padding: 1em;
    }

    .fashion-lab .hero-banner {
        padding: 1em 0 3em;
    }

    .fashion-lab .cta-section h3 {
        font-size: 1.5em;
    }

    .title-img {
        width: 43%;
    }

    .fashion-lab .contain .btn-secondary {
        /*width: 27%;*/
        width: 34%;
        margin: 1%;
        font-size: 1.05em;
    }

    .term-navi {
        padding: 2em 0;
        margin-bottom: 4em;
    }

    .term-navi p {
        font-size: 1.3em;
    }

    #hero {
        background-image: url('../img/ready-for-fashion-lab_944.jpg');
    }

    #hero .headline {
        width: 50%;
    }

    #hero .headline p {
        font-size: 1.2em;
        line-height: 1.2;
    }
}

@media (min-width: 769px) {
    #calendar-preview {
        background: #d5d5df url(../img/calendar-bg.jpg) no-repeat right bottom;
        background-attachment: fixed;
    }

    #featured-event-photo {
        padding: 40px 0;
    }
}

@media (min-width: 768px) {
    .show-onmobile {
        display: none;
    }

    #siteContent {
        margin-top: 60px;
    }

    .introductory,
    .feature-event-photo {
        display: table;
    }

    .home .introductory {
        background: url('../img/sewing-background.jpg') 0 0 no-repeat;
    }

    .fancy .call-to-action {
        /*new insert*/
        display: table;
    }

    .intro .introductory h2 {
        font-size: 2em;
    }

    .fancy .call-to-action {
        display: table;
    }

    .fancy .call-to-action .entry {
        position: relative;
        vertical-align: middle;
        display: table-cell;
    }

    .fancy .call-to-action .entry .main-headline {
        position: relative;
        left: -10%;
        top: 0;
    }

    .call-to-action .entry .main-headline {
        background-color: #fff;
        padding: 50px 60px;
    }

    .call-to-action .entry .main-headline small span {
        border-bottom: 1px solid;
        padding-bottom: 1.6em;
        margin-bottom: 0.6em;
        display: inline-block;
    }

    #fashion-design {
        /* background-image: url(../img/mdc-fashion-design.jpg); */
        background-image: url(../img/fashion_design_149_full.jpg);
    }

    #fashion-merchandising {
        /* background-image: url(../img/mdc-fashion-merchandising.jpg); */
        background-image: url(../img/Cubavera_presentation_full.jpg);
    }

    #fashion-pattern-making {
        /* background-image: url(../img/pattern-making_2.jpg); */
        background-image: url(../img/ccc_fashion_full.jpg);
        margin-left: 29% !important;
        /*margin-left: 33% !important;*/
        margin-top: 20px;
    }

    .item {
        background-position: 0 0;
        background-repeat: no-repeat;
    }

    #fashionforward {
        background-color: #c7c7c7;
    }

    #fashionforward picture {
        position: absolute;
        bottom: 0;
        left: 0;
        z-index: 1;
    }

    #fashionforward picture img {
        max-width: 36.25em;
    }

    #fashionforward article {
        text-align: left;
        position: relative;
    }

    #fashionforward.exhibitionist h3 {
        text-align: left;
    }

    #high-school-promo .vert-bar {
        background: url('../img/vert-bar.gif') center 0 repeat-y;
        height: 7em;
    }

    .calendar-listing .calendar-body {
        background-color: #fff;
    }

    .focus-items .entry .cta-link {
        position: absolute;
        left: 0;
        right: 0;
    }

    #featured-event-description .main-headline .btn-primary {
        margin-right: 15px;
    }

    #single-event-photo {
        padding-right: 0;
    }

    #single-event-description {
        padding-left: 0;
    }

    .adjunct-faculty {
        padding: 70px 0 50px;
    }

    .board-members .member {
        height: 170px;
    }

    .board-members p {
        margin-bottom: 0;
    }

    .contact main {
        margin-bottom: 50px;
    }

    #siteNav .big-tel {
        font-size: 1.3em;
    }

    #hero .headline {
        position: absolute;
        top: 50%;
        -ms-transform: translate(0, -50%);
        /* IE 9 */
        -webkit-transform: translate(0, -50%);
        /* Safari */
        transform: translate(0, -50%);
    }

    #hero .headline h2 {
        margin-top: 0;
    }

    .article-center article {
        width: 75%;
    }

    .fashion-lab .open-classes article:not(.promo) h4 {
       /* top: -1.15em;*/
        padding-left: 0.5em;
    }
}

@media (max-width: 767px) {
    #siteNav .navbar-toggle {
        margin-top: 8px;
    }


    .hide-onmobile {
        display: none;
    }

    .show-onmobile {
        display: block;
    }

    aside {
        padding-bottom: 50px;
    }

    .page-content {
        padding-top: 80px;
    }

    .home .introductory {
        background-color: #7591b6;
        background-image: url(../img/introuduction-to-mfi-mobile.jpg);
    }

    .img-responsive.feature-image {
        display: block;
        max-width: 100%;
        height: 200px;
        margin: 0 auto;
    }

    .intro .introductory {
        text-align: center;
    }

    .intro .introductory h2 {
        font-size: 2em;
    }

    .introductory .entry p {
        font-size: 18px;
    }

    .intro .call-to-action {
        border-bottom: 3px solid #eee;
    }

    .intro .call-to-action .cta-link {
        display: inline-block;
        padding: 12px;
        margin-bottom: 0;
        font-size: 14px;
        font-weight: normal;
        line-height: 1.42857143;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid;
        border-radius: 4px;
    }

    .intro .call-to-action .cta-link:hover,
    .intro .call-to-action .cta-link:active {
        color: #333;
        background-color: #e6e6e6;
        border-color: #adadad;
        text-decoration: none;
    }

    .call-to-action .entry {
        text-align: center;
    }

    .home .call-to-action .entry,
    #single-event-photo {
        padding: 30px 0;
    }

    .hs .call-to-action .entry,
    #single-event-description .entry {
        position: relative;
        top: -3em;
        width: 90%;
        margin: auto;
        text-align: center;
    }

    .hs.hero-section {
        margin-bottom: 30px;
    }

    #featured-event-description .main-headline .btn-primary {
        display: block;
        margin-bottom: 15px;
    }

    .hs .call-to-action .entry .main-headline,
    #single-event-description .entry .main-headline {
        padding: 30px;
        background-color: #fff;
    }

    .call-to-action .entry .main-headline .event-title {
        font-size: 2em;
    }

    .call-to-action .entry .main-headline .event-title>br {
        display: none;
    }

    .call-to-action .entry .main-headline small {
        border-bottom: 1px solid;
        padding-bottom: 1.6em;
        margin-bottom: 0.6em;
        display: inline-block;
    }

    .item {
        background-position: center 0;
    }

    #high-school-promo,
    .exhibitionist {
        text-align: center;
    }

    #high-school-promo .vert-bar {
        width: 117px;
        margin: 20px auto;
        height: 1px;
        background-color: #7a93bb;
        padding: 0.5px;
    }

    #high-school-promo h3,
    .exhibitionist h3 {
        font-size: 2em;
    }

    #high-school-promo p,
    .exhibitionist p {
        font-size: 1.3em;
        line-height: 1.5em;
    }

    #fashionforward article {
        position: sticky;
        position: -webkit-sticky;
        background-color: rgba(255, 255, 255, 0.9);
        box-shadow: 0px 0px 13px -1px rgba(0, 0, 0, 0.1);
        padding: 1em 1em 3em;
    }

    #fashionforward {
        font-size: inherit;
    }

    /*#fashionforward picture{
        position: sticky;
        position: -webkit-sticky;
        top: 0;
        display: block;
    }*/

    .hero-content {
        width: 100%;
    }

    .focus-items .entry {
        padding: 30px 15px;
        font-size: 15px;
        top: -50px;
    }

    #programs .entry p {
        font-size: 14px;
    }

    .event .item .share {
        font-size: 1.3em;
        width: 57px;
        height: 57px;
    }

    #calendar-preview {
        background-color: #dddee8;
    }

    #calendar-events {
        text-align: center;
    }

    .calendar-listing .calendar-date {
        background: white;
        border: 1px solid aliceblue;
        display: inline-block;
        padding: 10px 20px;
    }

    .calendar-item {
        margin-bottom: 40px;
    }

    .board-members {
        padding: 50px 25px;
    }

    .talent-night .call-to-action .entry .main-headline {
        padding: 1.5em;
    }

    .talent-night .call-to-action .entry .event-description {
        text-align: left;
    }

    .talent-night .hero-banner {
        margin-top: 5.5em;
    }

    .talent-night .call-to-action .entry .main-headline .event-title {
        font-size: 3em;
    }

    .talent-night .call-to-action .entry .main-headline small {
        font-size: 1em;
    }

    /*Fashion Lab*/
    /*.open-classes .promo .disclaimer div[class*="col-"] {
        width: 90%;
    }
    */
    .open-classes .promo .disclaimer .price-summary {
        border: 1px dotted;
        padding: 1em;
    }

    .fashion-lab .hero-banner {
        padding: 1em 0 2em;
    }

    .fashion-lab .contain .btn-secondary {
        width: 70%;
        margin: 0.5em auto;
        padding: 0.3em;
        font-size: 1em;
    }

    .fashion-lab .open-classes article h4 {
        /*top: -1.2em;*/
        left: 1em;
        padding-right: 1em;
    }

    .term-navi {
        padding: 2em 0;
        margin-bottom: 2em;
    }

    .term-navi p {
        font-size: 1.3em;
    }

    body.landing .navbar-header img {
        padding: 0;
        height: auto;
        width: 100%;
    }

    .landing .navbar-brand {
        float: none;
        height: auto;
    }

    #hero>.container>img {
        margin-top: 2em;
    }

    #hero {
        height: auto !important;
        color: #333;
    }

    #hero .headline {
        width: 75%;
        margin: auto;
    }

    .landing #contact article p:nth-child(2) {
        text-align: center;
    }

    .article-center article {
        padding: 0 !important;
    }

    .company-logos img {
        margin: 1em auto 3em;
    }

    #hero .filter {
        display: none;
    }
}

@media (max-width:968px) and (min-width: 641px)  {
    #fashion-pattern-making {
        /* background-image: url(../img/pattern-making_2.jpg); */
        margin-left: 25% !important;
        /* margin-top: 20px; */
    }
}

@media (min-width: 641px) {
    .show-onsmallphones {
        display: none !important;
    }

    body .form-disclaimer {
        padding-left: 40px;
    }

    .fashion-lab .open-classes article:not(.promo) ul {
        padding-left: 0;
    }

    /*.fashion-lab .open-classes article:not(.promo) li {
        display: inline-block;
    }*/

    .big-tel {
        float: right;
    }
}

@media (min-width: 700px) and (max-width: 767px) {
    .focus-items .entry .cta-link {
        position: absolute;
        left: 0;
        right: 0;
    }
}

@media (min-width: 641px) and (max-width: 767px) {
    .home .hero-content h2 {
        font-size: 2em;
    }

    #fashion-design {
        /* background-image: url(../img/mdc-fashion-design.jpg); */
        background-image: url(../img/fashion_design_149_full.jpg);
    }

    #fashion-merchandising {
        /* background-image: url(../img/mdc-fashion-merchandising.jpg); */
        background-image: url(../img/Cubavera_presentation_full.jpg);
    }

    #fashion-pattern-making {
        /* background-image: url(../img/pattern-making_2.jpg); */
        background-image: url(../img/ccc_fashion_full.jpg);
    }

    .hero-content h2 {
        top: 22%;
        font-size: 2em;
    }

    .home .introductory {
        background-position: center 0px;
        height: 611px;
    }

    .calendar-date .day {
        font-size: 3em;
    }

    .calendar-date .month {
        font-size: 1.5em;
    }

    #high-school-promo,
    .exhibitionist {
        padding: 50px 25px;
    }

    #high-school-promo .btn,
    .exhibitionist .btn {
        /*font-size: 0.9em;*/
        padding: 12px 6px 12px 12px;
        width: 30%;
    }

    #high-school-promo .btn .glyphicon,
    .exhibitionist .btn .glyphicon {
        display: none;
    }

    #programs .entry {
        margin: 150px auto 0;
        height: 330px;
    }

    #fashion-pattern-making .entry {
        height: 400px;
    }



    .focus-items .entry {
        top: -7em;
        width: 90%;
    }

    .event .item .share {
        top: 5.5em;
    }

    .focus-items .item .btn.cta-link {
        width: 80%;
        margin: auto;
    }

    #programs .entry p {
        font-size: 14px;
    }

    #programs .item {
        margin: 1.25%;
        width: 47%;
        float: left;
    }

    #featured-event-photo,
    #single-event-photo {
        height: 300px !important;
        overflow: hidden;
    }

    .board-members .member {
        width: 50%;
        height: 150px;
        float: left;
    }

    /*fashion lab*/
    .open-classes .promo .disclaimer div[class*="col-"] {
        margin-left: auto;
        margin-right: auto;
    }

    .fashion-lab .section-header {
        margin-top: 5em;
    }

    .title-img {
        width: 45%;
    }

    .landing .navbar-header {
        width: 50%;
        float: left;
    }

    .landing #stories figure,
    .landing #courses figure {
        width: 75%;
        margin-left: auto;
        margin-right: auto;
    }

    #hero .headline h2 {
        font-size: 1.6em;
        line-height: 1.2;
    }

    #hero .headline p {
        font-size: 1.2em;
        line-height: 1.4;
    }

    .article-center article p {
        text-align: left;
    }

    .company-logos img {
        width: 50%;
    }
}

@media (min-width: 641px) and (max-width: 767px) and (min-height: 640px) {
    #fashionforward article {
        /*bottom: -10em;*/
        bottom: -2em;
    }

    #fashionforward h3 {
        font-size: 1.2em;
    }
}

@media (max-width: 640px) {
    body .form-disclaimer {
        text-align: center;
    }

    #calendar-preview {
        background-color: #dddee8;
    }

    #calendar-events {
        text-align: center;
    }

    .calendar-listing .calendar-date {
        background: white;
        border: 1px solid aliceblue;
        display: inline-block;
        padding: 10px 20px;
    }

    .calendar-item {
        margin-bottom: 40px;
    }

    .focus-items .entry {
        width: 90%;
    }

    .event-info .share {
        position: static;
        margin: 0 auto 20px;
        display: block;
    }

    .event .call-to-action .entry .main-headline small {
        font-size: 1em;
    }

    .navbar-brand {
        font-size: 13px;
        font-size: 4vw;
    }

    .focus-items .entry h4,
    .focus-items .entry h4 a {
        font-size: 1.4em;
    }

    .show-onsmallphones {
        display: block;
    }

    img[class*="show-"] {
        width: 100%;
        height: auto;
    }

    #play-pause {
        right: 50px;
        /* left: 0; */
    }

    .board-members .member {
        margin-bottom: 30px;
    }

    .meet-the-people picture,
    .adjunct-faculty picture {
        padding: 15px;
    }

    /*fashion lab*/
    .fashion-lab .open-classes h3 {
        font-size: 1.3em;
    }

    .fashion-lab .open-classes article h4 {
        font-size: 1.8em;
    }

    .fashion-lab .open-classes ul {
        display: block;
        padding-left: 0;
        list-style: none;
    }

    .fashion-lab .open-classes li {
        border-right: 0;
        padding: 0;
    }

    .landing .navbar-header {
        margin: 1em auto 0.5em;
    }

    .big-tel {
        text-align: center;
    }

    #hero .headline {
        width: 85%;
        text-align: center;
    }

    #hero .headline form {
        text-align: left;
    }

    .landing #contact article p {
        font-size: 1.2em;
    }

    .landing #contact article p:nth-child(2) {
        font-size: 1em;
    }

    .company-logos img {
        width: 60%;
    }
}

@media (max-width: 736px) and (max-height: 415px) {
    #play-pause {
        bottom: 62px;
        right: 15px;
        left: auto;
        top: auto;
    }
}

@media (min-width: 480px) and (max-width: 640px) {
    .title-img {
        width: 65%;
    }

    .fashion-lab .section-header {
        margin-top: 4em;
    }

    .calendar-details h4 {
        font-size: 1.5em;
    }

    body .calendar-date .month {
        font-size: 1.5em;
        font-size: 5vw;
    }

    body .calendar-date .day {
        font-size: 4em;
        font-size: 10vw;
    }

    .landing .navbar-header {
        width: 50%;
    }

    .big-tel {
        margin-top: 1.5em;
    }

    #hero .headline h2 {
        font-size: 1.8em;
        line-height: 1.2;
    }

    #hero .headline p {
        font-size: 1.2em;
        line-height: 1.4;
    }

    #hero .headline form p {
        font-size: 1em;
    }

    body.landing #hero .fsBody {
        padding-bottom: 0 !important;
    }

    #fashionforward article {
        /*bottom: -5em;*/
        bottom: -2em;
    }

    /*#fashionforward h2{
        font-size: 2em;
     }*/
    #fashionforward h3 {
        font-size: 1.8em;
    }
}

@media (max-width: 479px) {
    body:not(.landing) .navbar-brand {
        width: 75%;
    }

    .navbar-brand img {
        /* width: 100%; */
        max-width: 100%;
        height: auto;
    }

    .banner {
        font-size: 1.2em;
    }

    .landing .navbar-header {
        width: 75%;
    }

    .big-tel {
        font-size: 0.85em;
    }

    .title-img {
        width: 75%;
    }

    .fashion-lab .section-header {
        margin-top: 3em;
    }

    #hero .headline p {
        font-size: 1.1em;
    }

    #hero .headline form p {
        font-size: 1em;
    }

    .landing .fsBody .fsForm {
        padding: 0;
    }

    #fashionforward h2 {
        font-size: 2em;
    }

    #fashionforward h3 {
        font-size: 1.7em;
    }

    #fashionforward p {
        font-size: 1.2em;
    }
}

@media (max-width: 374px) {
    #hero .headline h2 {
        font-size: 1.3em;
        line-height: 1.2;
    }

    #hero .headline p {
        line-height: 1.2;
    }
}

@media (min-width: 375px) and (max-width: 479px) {
    #hero .headline h2 {
        font-size: 1.6em;
        line-height: 1.2;
    }

    #hero .headline p {
        line-height: 1.4;
    }
}

@media (min-width: 350px) and (max-width: 640px) {
    .hero-content h2 {
        top: 30%;
        font-size: 1.7em;
    }

    .home .hero-content h2 {
        font-size: 2em;
    }

    .home .introductory {
        background-position: center 81px;
        height: 567px;
    }

    #high-school-promo h3,
    .exhibitionist h3 {
        font-size: 2em;
        letter-spacing: 0.5px;
    }

    .calendar-date .day {
        font-size: 2em;
        font-size: 14vw;
    }

    .calendar-date .month {
        font-size: 1.5em;
        font-size: 8vw;
    }

    #high-school-promo,
    .exhibitionist {
        padding: 50px 25px;
    }

    #high-school-promo .btn,
    .exhibitionist .btn {
        padding: 12px 8px;
        letter-spacing: 1px;
    }

    #high-school-promo .btn .glyphicon,
    .exhibitionist .btn .glyphicon {
        display: none;
    }
}

@media (max-width: 349px) {
    .home .hero-content h2 {
        font-size: 2em;
    }

    .hero-section {
        position: relative;
        display: block;
        float: left;
        vertical-align: baseline;
        margin: 0 auto;
        padding: 80px 0 0 0;
    }

    .hero-content {
        display: inline;
        margin: 0 auto;
        vertical-align: baseline;
    }

    .home .introductory {
        background-position: center 210px;
        height: 728px;
    }

    #high-school-promo,
    .exhibitionist {
        padding: 30px 0;
    }

    .calendar-date .day {
        font-size: 2em;
        font-size: 14vw;
    }

    .calendar-date .month {
        font-size: 1.5em;
        font-size: 8vw;
    }
}





/* ======= START: Device specific media Queries =======*/

@media (min-width: 319px) and (max-width: 740px) and (max-height: 600px) {
    body.landing #hero {}
}

@media (min-width: 350px) and (max-width: 640px) and (min-height: 728px) {
    .home .introductory {
        background-position: center 100px;
        height: 728px;
    }
}

/* Eliniate the scroll button on mobile devices */
@media (min-width: 300px) and (max-width: 768px) {
    .home .hero-content .down-arrow,
    .double-chevron {
        display: none !important;
    }

    /* #play-pause {
        display: none;
    } */
}


/* ----------- Galaxy S5 ----------- */


/* Portrait */

@media (min-width: 350px) and (max-width: 640px) and (height: 640px) {
    .home .introductory {
        background-position: center 199px;
    }
    .homepage-hero-module {
        height: 258px !important;
    }
    #video {
        height: 400px !important;
    }
    .home .hero-content .down-arrow {
        height: 20% !important;
        font-size: 0.9em;
    }
    #play-pause {
        top: 70px;
        right: 20px;
    }
    .double-chevron {
        width: 10%;
        height: 80%;
    }
    #play-pause {
        top: 70px;
        right: 20px;
    }
}

/* ----------- Pixel 2,  Pixel 2 XL ----------- */
@media (min-width: 411px) and (max-width: 731px) and (height: 731px),
(min-width: 411px) and (max-width: 823px) and (height: 823px) {
    .homepage-hero-module {
        height: 300px !important;
    }
    #video {
        height: 450px !important;
    }
    .home .hero-content .down-arrow {
        height: 10% !important;
        font-size: 0.9em;
    }
    .double-chevron {
        width: 10%;
        height: 70%;
    }
    #play-pause {
        top: 80px;
        right: 20px;
    }
}

/* ----------- iPhone 5/SE ----------- */
@media (min-width: 320px) and (height: 568px) {
    .homepage-hero-module {
        height: 245px !important;
    }
    #video {
        height: 395px !important;
    }
    .home .hero-content .down-arrow {
        height: 20% !important;
        font-size: 0.9em;
    }
    .double-chevron {
        width: 10% !important;
        height: 80% !important;
    }
    #play-pause {
        top: 80px;
        right: 20px;
    }
}

/* ----------- iPhone 6/7/8, iPhone 6/7/8 Plus, iPhone X----------- */
@media (min-width: 375px) and (height: 667px),
(min-width: 414px) and (height: 736px),
(min-width: 375px) and (height: 812px) {
    .homepage-hero-module {
        height: 300px !important;
    }
    #video {
        height: 450px !important;
    }
    .home .hero-content .down-arrow {
        height: 10% !important;
        font-size: 0.9em;
        bottom: 0;
    }
    .double-chevron {
        width: 10% !important;
        height: 80% !important;
    }
    #play-pause {
        top: 80px;
        right: 20px;
    }
}


/* ----------- iPad  ----------- */
@media (min-width: 768px) and (height: 1024px) {
    .homepage-hero-module {
        height: 420px !important;
    }
    #video {
        height: 500px !important;
    }
    .home .hero-content .down-arrow {
        height: 20% !important;
        font-size: 0.9em !important;
        bottom: 0;
    }
    .double-chevron {
        width: 10% !important;
        height: 90% !important;
    }
    #play-pause {
        top: 40px;
        right: 20px;
    }
}

/* ----------- iPad Pro ----------- */
@media (min-width: 1024px) and (height: 1366px) {
    .homepage-hero-module {
        height: 520px !important;
    }
    #video {
        height: 600px !important;
    }
    .home .hero-content .down-arrow {
        height: 10% !important;
        font-size: 1.5em;
        bottom: 0;
    }
    .double-chevron {
        width: 10% !important;
        height: 100% !important;
    }
    #play-pause {
        top: 50px;
        right: 20px;
    }
}

/* Portrait */


/* ----------- Galaxy S8 ----------- */


/* Portrait */

@media (min-width: 350px) and (max-width: 564px) and (min-height: 564px) and (max-height: 740px) {
    .home .introductory {
        background-position: center 160px;
        height: 567px;
    }
}

/* ----------- iPad Pro ----------- */


/* Portrait */

@media (width: 1024px) and (height: 1366px) {
    #calendar-preview {
        background-position: 240px bottom;
    }

    .hs.hero-section {
        height: 38% !important;
        background-position: center 122px;
    }

    body .hs .main-headline .event-title {
        font-size: 3em;
    }

    #featured-event-photo img {
        width: auto;
        height: 392px;
    }
}





/* Landscape */

@media (width: 1366px) and (height: 1024px) {
    .hs.hero-section {
        background-position: center 114px;
        height: 67%;
    }
}





/* ----------- iPad ----------- */


/* 1st GEN Portrait */

@media only screen and (device-width: 768px) and (height: 928px) {
    #play-pause .glyphicon {
        left: -4px;
    }

    #calendar-preview {
        background: #dddee8;
    }

    .calendar-listing .calendar-body {
        background-color: transparent;
    }
}





/* ----------- Pixel 2 XL ----------- */


/*Landscape*/

@media only screen and (device-width: 823px) and (height: 411px) {
    body.landing #hero {
        height: 600px !important;
    }

    #hero .headline h2 {
        font-size: 1.8em;
    }

    #hero .headline p {
        font-size: 1.1em;
    }

    #hero .headline .hidden-xs {
        display: none;
    }

    #hero .headline form p {
        font-size: 1em;
    }

    body.landing .fsBody {
        padding-bottom: 0 !important;
    }
}





/* ----------- iPhone X ----------- */


/*Landscape*/

@media only screen and (device-width: 812px) and (height: 375px) {
    body.landing #hero {
        height: 600px !important;
    }

    #hero .headline h2 {
        font-size: 1.8em;
    }

    #hero .headline p {
        font-size: 1.1em;
    }

    #hero .headline .hidden-xs {
        display: none;
    }

    #hero .headline form p {
        font-size: 1em;
    }

    body.landing .fsBody {
        padding-bottom: 0 !important;
    }
}





/* Portrait */

@media (width: 768px) and (height: 1024px) {
    #calendar-preview {
        background: #dddee8;
    }

    .calendar-listing .calendar-body {
        background-color: transparent;
    }
}





/* Landscape */

@media (width: 1024px) and (height: 768px) {
    #featured-event-photo img {
        width: auto;
        height: 392px;
    }

    .hs .main-headline .event-title {
        font-size: 3em;
    }
}

@media (min-width: 768px) and (max-width: 1024px) and (max-height: 1024px) {
    #calendar-preview {
        background-position: 180px bottom;
    }

    .calendar-listing .calendar-date {
        display: inline-block;
        padding: 10px 20px;
    }

    .calendar-item {
        margin-bottom: 40px;
    }

    .hs .hero-content h2 {
        font-size: 1.6em;
    }
}

/* Landscape */

@media (min-width: 375px) and (max-width: 736px) and (max-height: 420px) {
    .video-container .title-container {
        top: 20% !important;
    }
}





/* ----------- iPhone 6 ----------- */


/* Portrait */

@media (min-width: 375px) and (max-width: 667px) and (height: 667px) {
    .home .introductory {
        background-position: center 138px;
    }
}





/* Landscape */

@media (min-width: 375px) and (max-width: 667px) and (height: 375px) {
    .focus-items .entry .cta-link {
        position: absolute;
        left: 0;
        right: 0;
        bottom: -7px;
    }
}





/* ----------- iPhone 6+ ----------- */


/* Portrait */

@media (min-width: 375px) and (max-width: 736px) and (max-height: 740px) {}





/* Landscape */

@media (min-width: 375px) and (max-width: 736px) and (max-height: 420px) {}

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}

.no-video .video-container video,
.touch .video-container video {
    display: none;
}

.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}

.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
/* 
#video {
    margin-top: 6.5em;
    top: -48.5px;
    margin-left: 0px;
    margin-bottom: -1em;
  } */


.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}

.filter {
    z-index: 1;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.4);*/
    background: rgba(0, 0, 0, 0.3);
    width: 100%;
}

.video-container .title-container {
    z-index: 2;
    position: absolute;
    top: 35%;
    width: 100%;
    text-align: center;
    color: #fff;
}

.video-container .title-container .headline {
    font-family: 'Raleway', serif;
    font-weight: bold;
}

.video-container .description .inner {
    font-size: 1em;
    width: 45%;
    margin: 0 auto;
}

.video-container video,
.video-container picture {
    position: absolute;
    z-index: 0;
    bottom: 0;
}

.video-container video.fillWidth,
.video-container picture.fillWidth {
    width: 100%;
}

/* ----------- iPhone 6 ----------- */


/* Landscape */

@media (min-width: 320px) and (max-width: 568px) and (height: 320px) {
    .home .hero-content .down-arrow {
        bottom: -15px;
    }
}



@media (max-width: 1100px) {
    #siteNav .navbar-nav{
        margin-top: 1rem;
    }

    .navbar-default .navbar-toggle:hover,
    .navbar-default .navbar-toggle:focus {
        background-color: #3c5d8b;
    }

     /* .navbar-default .navbar-toggle .icon-bar {
        background-color: #000;
    }  */

    

    .navbar-default .navbar-toggle:hover .icon-bar,
    .navbar-default .navbar-toggle:focus .icon-bar {
        background-color: #fff !important;
    }
}