﻿/* Hallmark */
h1.big { font-size: 45px; font-weight: 500; text-transform: none; font-family: Oxygen; letter-spacing: normal; }

h1.program { font-size: 45px; line-height: 1.1; text-transform: none; letter-spacing: 0.1px; }

h2.program { background-image: url('../img/MFI/h2-mfi.jpg'); background-position: top right; background-repeat: no-repeat; background-size: auto; border-top: 0; width: 100%; height: 34px; }

    h2.program::before { content: ""; height: 5px; display: block; position: relative; background-color: #afbec5; top: -8px; border-radius: 2px; }

div.single-program h2.spot { margin-top: 35px; border-top-color: #dee8df; border-top-width: 3px; border-top-style: solid; background-image: none; }

h3.programlink { text-align: left; font-family: 'Oxygen', 'Open Sans', Arial, sans-serif; font-size: 23.5px; font-weight: 500; line-height: 1.1; color: inherit; padding-right: 0; }

div.mfi-group h2 { margin-bottom: 5px; border-color: #a8cfe7; }

div.mcln-group h2 { margin-bottom: 5px; border-color: #9c572c; }

div.mcln-group article > h3 { color: rgba(156, 87, 44, 0.69) !important; }

div.mcln-group article > h4 > a { color: #9c572c !important; }

div.mcln-group article > p { color: #9c572c; }

div.mcln-group article { /*border-bottom: 1px solid #f4dfcc;*/ /*border-bottom: 1px solid #a8cfe7;*/ border-bottom: 0px solid #a8cfe7; }

div.north h2 { /*margin-bottom: 5px;
    border-color: #187121;*/ }

div.mcln-group h2 { margin-bottom: 5px; border-color: #9c572c; }

div.mcn-group h2 { margin-bottom: 5px; border-color: #187121; }

div.mcn-group article > h3 { color: rgba(24, 113, 33, 0.7) !important; }

div.mcn-group article > h4 > a { color: #187121 !important; }

div.mcn-group article > p { color: #187121; }

div.mcn-group article { border-bottom: 0px solid #a8cfe7; }

h4.program { line-height: 1.5; margin-top: 20px; margin-bottom: 20px; font-weight: 500; color: #0088BF; }

h3.f { font-family: 'Open Sans', 'Open Sans Hebrew', Oxygen, Arial, 'Segoe UI', serif; font-weight: 600; font-size: 16px !important; padding-top: 0; margin-bottom: 0; margin-left: 0 !important; margin-right: 0 !important; margin-top: 0; text-transform: none; padding-left: 0 !important; padding-right: 0 !important; text-align: left; }

p.f { line-height: 1.2; }

h4.f { margin-top: 0; padding-top: 0; font-size: 15px; font-weight: 300; margin-bottom: 0; padding-bottom: 0; text-transform: none; }

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    h3.f { font-size: 28px !important; }
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
    h3.f { font-size: 24px !important; }
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
    h3.f { font-size: 22px !important; }
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    h3.f { font-size: 18px !important; }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
}

div.coursesgrid h3 { margin-top: 0; padding-top: 0; color: #0d4e70; font-size: 24px; line-height: 30px; font-weight: 500; text-align: left; margin-left: 0; padding-left: 0; }

button.single-program { width: 100%; height: 80px; background-image: none; border-radius: 6px; background-color: #0088BF; color: white; font-size: 18px; text-transform: uppercase; _padding-left: 70px; }

    button.single-program:hover { background-color: #48AAD1; color: white; }

    button.single-program i { background-image: url("../img/mli_icons.png"); background-position: -645px -205px; width: 45px; height: 32px; position: absolute; margin-left: -50px; }
@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    /* IE10+ CSS styles go here */
    button.single-program i {
        margin-left: 10px;
    }
}

a.single-program { width: 100%; height: 80px; background-image: none; border-radius: 6px; background-color: #0088BF; color: white; font-size: 18px; text-transform: uppercase; padding-top: 22px; }

    a.single-program span { color: white !important; display: inline; display: inline-table; display: inline-block; vertical-align: middle; line-height: 20px; *margin-top: expression(this.offsetHeight < this.parentNode.offsetHeight ? parseInt((this.parentNode.offsetHeight - this.offsetHeight) / 2) + "px" : "0"); }

    a.single-program:hover { background-color: #48AAD1; color: white !important; }

    a.single-program:visited { color: white !important; }

    a.single-program i { background-image: url("../img/mli_icons.png"); background-position: -645px -205px; width: 45px; height: 32px; position: absolute; margin-left: -50px; }

div.single-program h2 { background-repeat: no-repeat; background-size: auto; border-top: 0; width: 100%; height: 34px; }

div.single-program h4 { font-weight: 500; padding-top: 20px; line-height: 1.5; }

div.single-program button.btn { width: 100%; height: 80px; background-color: #0D4E70; border-radius: 6px; color: white; font-size: 18px; text-transform: uppercase; _padding-left: 68px; }

div.single-program button i { width: 45px; height: 32px; position: absolute; _margin-left: 0px; }

div.hallmark { background-color: #e6ecf0; margin: 20px 0 20px 0; }

    div.hallmark div { padding: 0 !important; }

        div.hallmark div img { width: 100%; }

        div.hallmark div.blockquote { font-family: Oxygen, 'Open Sans', Arial, sans-serif; }

div.single-news div.img-row div.description { padding-top: 10px; color: #898989; font-size: 13px; }

div.single-news div.img-row div.credit { padding-top: 10px; color: #898989; font-style: italic; font-size: 13px; }

div.single-news blockquote { border-left: 4px solid #dfe7ef !important; font-size: 15px; }

div.single-news hr { background-color: #dfe7ef; height: 4px; border: 0 !important; margin-bottom: 5px; }

@media (min-width:320px) {
    div.hallmark div.blockquote blockquote { margin-left: 10px; border-left: 0; margin-top: 10px; margin-right: 5px; font-size: 20px; color: #096092; padding-bottom: 0; margin-bottom: 10px; font-family: Oxygen; }

    div.hallmark div.blockquote small { text-align: right; float: right; color: #096092; margin-right: 30px; margin-bottom: 10px; }
}

@media (min-width:641px) {
    div.hallmark div img { width: 100%; }

    div.hallmark div.blockquote blockquote { margin-left: 20px; margin-top: 30px; font-size: 24px; margin-right: 60px; }

    div.hallmark div.blockquote small { margin-left: 59px; float: left; }

    div.newsindex-container article { min-height: 200px; }

        div.newsindex-container article img { width: 280px; float: left; margin-right: 20px; _margin-bottom: 50px; }

        div.newsindex-container article h3 { padding-top: 0; font-size: 14px; text-transform: uppercase; margin-top: 10px; margin-bottom: 10px; }
}

@media (min-width:961px) {
    div.hallmark div.blockquote small { font-size: 17px; margin-right: 80px; }
}


/* End Hallmark */

/* UNITS NAVIGATOR*/
div.units { }

    div.units article { padding-bottom: 40px; min-height: 470px; }

        div.units article a.link { width: 29px; height: 29px; background-image: url('../img/mli_icons.png'); display: block; position: absolute; right: 20px; top: 420px; }

        div.units article img { margin-top: 8px; }

        div.units article.msel { border-top: 5px solid #8c0808; }

            div.units article.msel a { color: #8c0808; }

                div.units article.msel a.link { background-position: -193px -168px; }

        div.units article.graduates { border-top: 5px solid #0d4e70; }

            div.units article.graduates a { color: #0d4e70; }

                div.units article.graduates a.link { background-position: -193px -12px; }

        div.units article.mli { border-top: 5px solid #782753; }

            div.units article.mli a { color: #782753; }

                div.units article.mli a.link { background-position: -203px -100px; background-image: url("../img/elemnts_machon_new.png"); }

        div.units article.mcln { border-top: 5px solid #9D5726; }

            div.units article.mcln a { color: #9D5726; }

                div.units article.mcln a.link { background-position: -193px -247px; }

        div.units article.mcn { border-top: 5px solid #187121; }

            div.units article.mcn a { color: #187121; }

                div.units article.mcn a.link { background-position: -193px -326px; }

    div.units div.col { }

/* END UNITS NAVIGATOR*/

/* Programs */
.owl-carousel .owl-wrapper-outer { border: 1px solid #ccc; margin-bottom: 8px; }

#owl-programs .item h1 { font-weight: 600; font-size: 22px; text-transform: none; letter-spacing: normal; }

#owl-programs .item p { font-size: 15px; min-height: 115px; }

#owl-programs .item img { display: block; width: 100%; height: auto; }

#owl-programs .owl-controls { margin-top: 0; text-align: right; margin-bottom: 8px; }

    #owl-programs .owl-controls .owl-page span { display: block; width: 9px; height: 9px; margin: 2px 3px; border-radius: 5px; background: #e6f0f4; opacity: 1; }

    #owl-programs .owl-controls .owl-page.active span { background: #0088BF; }

@media (min-width:320px) { /* smartphones, iPhone, portrait 480x320 phones */
    #owl-programs .item h1 { margin-top: 2px; padding-left: 5px; padding-right: 5px; }

    #owl-programs .item p { font-size: 16px; padding-left: 5px; padding-right: 5px; min-height: 115px; }
}

@media (min-width:481px) { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */
}

@media (min-width:641px) { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */
}

@media (min-width:961px) { /* tablet, landscape iPad, lo-res laptops ands desktops */
    #owl-programs .item h1 { font-size: 26px !important; margin-top: 20px; padding-left: 15px; padding-right: 15px; }

    #owl-programs .item p { font-size: 15px; padding-left: 45px; padding-right: 45px; min-height: 115px; }
}

@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */
    #owl-programs .item h1 { font-size: 22px !important; margin-top: 20px; padding-left: 45px; padding-right: 45px; }

    #owl-programs .item p { font-size: 15px; padding-left: 45px; padding-right: 45px; min-height: 115px; }
}

@media (min-width:1281px) { /* hi-res laptops and desktops */
}

/* Contact US*/
div.address h3 { text-align: left; font-family: 'Open Sans'; font-size: 20px; font-weight: 600; padding: 0; margin: 0; line-height: 100%; margin-bottom: 15px; }

div.address p { font-family: Oxygen; }


/* MLI SUBNAV */
div.mli-subnav { text-align: left; /*width: 1103px;*/ margin-top: 29px; }

    div.mli-subnav div:hover { opacity: 0.7; }

    div.mli-subnav div a { text-decoration: none; }

    div.mli-subnav div { font-family: 'Oxygen', Arial, sans-serif; }

        div.mli-subnav div span { width: 100%; float: left; margin-bottom: 13px; }

        div.mli-subnav div h4 { line-height: 1.3; font-weight: bolder; }

        div.mli-subnav div.blue { color: #0088bf; width: 260px; min-height: 94px !important; }

            div.mli-subnav div.blue h4 { color: #792754; }

            div.mli-subnav div.blue i { width: 29px; height: 29px; background-image: url("../img/elemnts_machon_new.png"); background-position: -848px -100px; }

        div.mli-subnav div.red { color: #8e0400; width: 239px; }

            div.mli-subnav div.red h4 { color: #8e0400; width: 265px; }

            div.mli-subnav div.red i { width: 29px; height: 29px; background-image: url('../img/mli_icons.png'); background-position: -193px -168px; }

        div.mli-subnav div.yellow { color: #9d5726; width: 259px; }

            div.mli-subnav div.yellow h4 { color: #9d5726; }

            div.mli-subnav div.yellow i { width: 29px; height: 29px; background-image: url('../img/mli_icons.png'); background-position: -193px -247px; }

        div.mli-subnav div.green { color: #187121; width: 200px; }

            div.mli-subnav div.green h4 { color: #187121; width: 230px; }

            div.mli-subnav div.green i { width: 29px; height: 29px; background-image: url('../img/mli_icons.png'); background-position: -193px -326px; }

        div.mli-subnav div.darkblue { color: #0d4e70; width: 260px; min-height: 94px !important; }

            div.mli-subnav div.darkblue i { width: 29px; height: 29px; background-image: url('../img/mli_icons.png'); background-position: -193px -12px; }

            div.mli-subnav div.darkblue h4 { color: #0d4e70; }

div.faculty-grid h1 { font-size: 14px; margin-top: 10px; color: #0088BF; margin-bottom: 0; font-weight: 500; text-transform: none; letter-spacing: normal; }

/* FACULTY */
div.faculty-grid p { white-space: pre-line; }

@media (min-width:320px) {

    div.faculty-grid h1 { font-size: 24px; margin-top: 10px; color: #0088BF; margin-bottom: 0; font-weight: 500; text-transform: none; letter-spacing: normal; }

    div.faculty-grid h2 { border-top: 0 !important; font-family: 'Open Sans Hebrew', Arial, sans-serif !important; font-size: 14px; font-weight: 300; color: #898989; text-transform: none; border: 0; margin-bottom: 10px; line-height: 1.5; letter-spacing: normal; letter-spacing: 0.1em; }

    div.faculty-grid p { font-size: 16px !important; color: #333 !important; }
}

@media (min-width:641px) {
    div.faculty-grid h1 { margin-top: 0; }

    div.faculty-grid p { /*padding-top: 20px;*/ font-size: 16px !important; color: #333 !important; }
}



div.faculty-grid hr { border-bottom: 1px solid #EDF8FA; }

.effect7 { position: relative; box-shadow: 0 1px 4px rgba(0,0,0,0.3), 0 0 40px rgba(0,0,0,0.1) inset; width: 100%; }

    .effect7:before, .effect7:after { content: ""; position: absolute; z-index: -1; box-shadow: 0 0 20px rgba(0,0,0,0.8); top: 0; bottom: 0; left: 10px; right: 10px; border-radius: 100px / 10px; }

    .effect7:after { right: 10px; left: auto; -moz-transform: skew(8deg) rotate(3deg); -ms-transform: skew(8deg) rotate(3deg); -o-transform: skew(8deg) rotate(3deg); -webkit-transform: skew(8deg) rotate(3deg); transform: skew(8deg) rotate(3deg); }


article.book { padding-top: 0 !important; border: 0; }

    article.book h4 { color: rgb(34, 89, 136); font-size: 21px; font-family: Oxygen; font-weight: 600; margin-top: 0; line-height: 1.2; font-style: oblique; margin-top: 4px; }

    article.book h3 { font-family: 'Open Sans Hebrew Condensed', Arial, sans-serif !important; font-weight: 300; font-style: italic; font-size: 13px; text-transform: none; color: #333; margin: 0; padding: 0; text-align: left; line-height: 1.2; }

    article.book p { margin-top: 20px; line-height: 1.4; font-size: 14px; }

div.resources-container article { border-bottom: 0 !important; }

div.faculty-grid hr:last-child { visibility: hidden; }

div.search-open-ex { display: block; position: absolute; top: 2px; width: 0; background: #0d4e70; right: -1038px; -webkit-transition: width 0; -moz-transition: width 0; -ms-transition: width 0; -o-transition: width 0; transition: width 0; }

div.input-group-ex { float: right; width: 100%; }

div.search-open-ex1 { display: block; position: absolute; top: 2px; width: 560px; background: #0d4e70; right: 38px; -webkit-transition: width 0.5s; -moz-transition: width 0.5s; -ms-transition: width 0.5s; -o-transition: width 0.5s; transition: width 0.5s; }

@media (min-width:767px) and (max-width:780px) {
    div.units article a.link { width: 29px; height: 29px; background-image: url('../img/mli_icons.png'); display: block; position: absolute; right: 20px; top: 540px; }

    div.units article { padding-bottom: 40px; height: auto; }
}
