/*
Theme Name: Islamic Legal Studies Program
Description: The custom theme Islamic Legal Studies Program using the parent theme Twenty Seventeen.
Author: Dragon Cloud Inc
Author URI: dragoncloud.io
Template: twentyseventeen
Version: 1.1
*/

/* Move these to the plugin */
body.page-template-page-builder .site-content .content-area .site-main {
    background: none;
    padding: 0;
}

body {
    font-family: futura-pt, sans-serif;
}

img {
    vertical-align: top;
    border: 0;
}

span.post-date {
    color: #666666;
    font-family: "franklin-gothic-urw", sans-serif;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 24px;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0 !important;
    height: 0;
}

.navigation-top {
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    line-height: 34px;
    z-index: 10;
}

.navigation-top .wrap {
    padding: 0;
}

.navigation-top .wrap .menu {
    display: flex;
    justify-content: center;
}

.navigation-top .wrap .menu li:hover {
    background: #fdd574;
}

.main-navigation ul li:hover > ul, .main-navigation ul li.focus > ul {
    left: 0;
}

.navigation-top .main-navigation ul li.astm-search-menu {
    position: absolute;
    padding: 4px;
    right: 75px;
}

.navigation-top .main-navigation ul li.menu-search-close-icon:hover {
    background-color: #e5ba54;
}

.navigation.post-navigation a .nav-subtitle,
.navigation.post-navigation a .nav-title {
    color: #860700;
    font-size: 10px;
}

.navigation.post-navigation a:focus .nav-title,
.navigation.post-navigation a:hover .nav-title {
    box-shadow: none; 
}

.navigation.post-navigation a .nav-title .nav-title-icon-wrapper {
    color: #860700;
}

.search-icon {
    background: url(./assets/images/search_icon_@2x.png) 0 0 no-repeat;
    background-size: 17px 34px;
    display: block;
    width: 17px;
    height: 16px;
    margin: 7px 0 0 0;
}

.close-icon {
    background: url(./assets/images/close_icon_@2x.png) 0 0 no-repeat;
    background-size: 13px 27px;
    /*display: block;*/
    width: 17px;
    height: 13px;
    margin: 4px 0 0 0;
    display: none;
}

.search-icon:hover {
    background-position: 0 -18px;
}

.close-icon:hover {
    background-position: 0 -14px;
}


.navigation-top .main-navigation ul li.astm-search-menu {
    display: none;
}

.navigation-top .main-navigation ul li.astm-search-menu .search-form .search-field {
    border: none;
    width: 219px;
    height: 32px;
    /* float: left; */
    font-family: "franklin-gothic-urw", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    padding: 0 12px;
    color: #666666;
    border-radius: 0;
    padding-left: 35px;
}

.navigation-top .main-navigation ul li.astm-search-menu .search-form .search-field::placeholder {
    font-family: "franklin-gothic-urw", sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    color: #666666;
}



.navigation-top .main-navigation ul li.astm-search-menu .search-form .search-submit {
    left: 4px;
    position: absolute;
    background: none;
    margin: 8px 0 8px 10px;
    padding: 0;
    width: 17px;
}

.navigation-top .main-navigation ul li.astm-search-menu .search-form .search-submit svg {
    color: #666666;
    height: 17px;
    width: 17px;
    top: -4px;
}

.navigation-top .wrap .menu .sub-menu,
.navigation-top .wrap .menu .sub-menu li:hover {
    width: 200px;
    background: #fdd574;
    font-family: "franklin-gothic-urw", sans-serif;
}

.navigation-top a {
    color: #fff;
    text-transform: uppercase;
    font-weight: 500;
    padding: 4px 20px 2px 20px;
    text-align: center;
    text-decoration: none;
    letter-spacing: 0.1em;
    outline: none;
}

.navigation-top a:hover, .navigation-top .sub-menu a {
    color: #860700;
}

.navigation-top .sub-menu a {
    padding: 0 20px;
    font-size: 14px;
    font-weight: 400;
    letter-spacing: 0;
    text-transform: capitalize;
    text-align: left;
    width: 200px;
}

.navigation-top .sub-menu a:hover,
.navigation-top .sub-menu a:focus {
    color: #860700;
    text-decoration: underline
}

.main-navigation ul li.menu-item-has-children:hover:after,
.main-navigation ul li.menu-item-has-children:hover:before { 
    display: none;
}

.overlay {
    position: fixed;
    left: 0;
    top: 0;
    background-color: rgba(0,0,0,.5);
    height: 100%;
    width: 100%;
    z-index: 9999999;
    overflow: auto;
}

/*.overlay .show-msg {
    position: relative;
    top: 40%;
    left: 0;
    border: 2px solid #770600;
    background-color: #fff;
    width: 344px;
    margin: 0 auto;
    display: block;
    opacity: 1;
    padding: 20px 20px 20px 20px;
}

.overlay .show-msg h1 {
    color: #000;
    display: block;
    width: 100%;
    text-align: center;
    font-family: "futura-pt", sans-serif;
    font-size: 20px;
    font-style: normal;
    font-weight: 400;
    margin: 0px 0 0 0;
}

.overlay .show-msg input {
    display: table;
    margin: 20px auto 0px auto;
    clear: both;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 14px;
    text-align: center;
    color: #fff;
    letter-spacing: 0.1em;
    background-color: #e5ba54;
    border: 1px solid #fff;
    box-shadow: 0px 0px 0px 2px #e5ba54;
    text-transform: uppercase;
    border-radius: 0;
    padding: 7px 20px;
}*/

    /* CONTENT */
    /*.entry-meta {
        display: none;
    }*/

    .site-content-contain {
        /*min-width: 1000px;*/
        padding: 0px 0 0 0;
        background: url(./assets/images/body_conatainer_bg.png) 0 0 repeat;
        z-index: 5;
    }

    .site-content-contain h6 {
        color: #666666;
        font-family: "futura-pt", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 400;
    }

    /*.page .site-content,
    .single .site-content,
    .category .site-content,
    .search .site-content*/
    body .site-content {
        padding-top: 0;
        width: 100%;
        padding: 0;
    }

    .has-sidebar .site .site-content #primary {
        float: unset;
        width: 100%;
    }

  /* .home.has-sidebar .site .site-content .wrap {
        width: 1300px;
        max-width: 1300px;
    }

    .home.has-sidebar .site .site-content #primary {
        float: left;
        width: 884px;
        margin-left: 60px;
        margin-top: 20px;
    }

    .home.has-sidebar #main {
        padding-left: 2px;
        padding-right: 2px;
        background-position: -60px -30px, 0 8px, 436px 5px, 656px 7px, 862px 8px, 438px 223px, 656px 226px, 877px 223px, -2px 444px, 217px 446px, 438px 444px, -1px 651px, 215px 666px, 435px 664px, 862px 651px;
    }*/

    .has-sidebar .site .site-content #secondary {
        width: 260px;
        margin-top: 72px;
        margin-right: 30px;
    }

    /*.page .site-content .content-area,
    .single .site-content .content-area,
    .category .site-content .content-area,
    .search .site-content .content-area*/
    body .site-content .content-area {
        font-family: "minion-pro", serif;
    }

    .search .site-content .content-area {
        margin: 25px 0 80px 0;
        max-width: unset;
    }

    /*.page .site-content .content-area a,
    .single .site-content .content-area a,
    .category .site-content .content-area a,
    .search .site-content .content-area a*/
    body .site-content .content-area a {
        color: #860700;
	    text-decoration: none;
        box-shadow: none;
    }

    /*.page .site-content .content-area a:hover,
    .single .site-content .content-area a:hover,
    .category .site-content .content-area a:hover,
    .search .site-content .content-area a:hover*/
    body .site-content .content-area a:hover {
        text-decoration: underline;
    }

    body .site-content .content-area h4 {
        color: #666666;
        font-size: 14px;
        line-height: 24px;
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        letter-spacing: .1em;
    }

    /*.page .site-content .content-area h5,
    .single .site-content .content-area h5,
    .category .site-content .content-area h5,
    .search .site-content .content-area h5*/
    body .site-content .content-area h5 {
        color: #860700;
        font-family: "arial", sans-serif;
        font-size: 24px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        text-transform: unset;
        letter-spacing: unset;
        margin: 0;
        padding: 0;
        padding-bottom: 30px;
        /*margin-bottom: 20px;*/
    }

    /*This selector gets overwritten so using the one below
    .page .site-content .content-area {
        margin: 25px 0 0 0;
        max-width: 25px;
    }*/

    .page.page-one-column:not(.ilsp-front-page) #primary,
    .single.page-one-column:not(.ilsp-front-page) #primary,
    .category.page-one-column:not(.ilsp-front-page) #primary,
    .search.page-one-column:not(.ilsp-front-page) #primary {
        max-width: unset;
        margin-left: auto;
        margin-right: auto;
    }

    body.page-one-column:not(.ilsp-front-page) #primary,
    body.single:not(.ilsp-front-page) #primary {
        margin: 25px 0 0 0;
    }

    .category.page-one-column:not(.ilsp-front-page) #primary,
    .single.page-one-column:not(.ilsp-front-page) #primary,
    .single-post:not(.has-sidebar) #primary {
        margin: 25px 0 80px 0;
        max-width: unset;
    }

    /*.page .site-content .content-area .site-main .entry-header,
    .single .site-content .content-area .site-main .entry-header,
    .category .site-content .content-area .site-main .entry-header,
    .search .site-content .content-area .site-main .entry-header*/
    body .site-content .content-area .site-main .entry-header {
        margin-bottom: 0;
    }

    .page .site-content .content-area .site-main,
    .single .site-content .content-area .site-main {
        /*padding: 35px 45px 25px 45px;*/
        padding: 0 45px 25px 45px;
        background: #fff;
    }

    .single .site-content .content-area .site-main {
        padding-top: 35px;
    }

    .page .site-content .content-area .site-main h3 {
        height: 60px;
        text-align: center;
        display: block;
        width: 100%;
        margin: 40px auto 30px;
        padding: 10px 0;
        font-size: 30px;
        line-height: 34px;
        color: #860700;
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        background: url(./assets/images/feculty_border_@2x.png) 50% 46px no-repeat;
        background-image: url(./assets/images/feculty_border_@2x.png), url(./assets/images/feculty_border.png);
        background-position: 50% 55px, 50% 56px;
        background-size: 262px 12px, 262px 12px;
        text-transform: none;
        letter-spacing: 0;
    }

    .search .site-content #primary .site-main article {
        width: 100%;
        float: unset;
    }


    /*.page .site-content .content-area .site-main .entry-content h2*/
    body .site-content .content-area .site-main h2 {
        margin-bottom: 0px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0px;
        color: #860700;
        font-family: arial, sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    body .site-content .content-area .site-main h1 {
        color: #860700;
        font-family: arial, sans-serif;v
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;
    }

    /*.page .site-content .content-area .site-main .entry-content .adj-height,
    .single .site-content .content-area .site-main .entry-content .adj-height,
    .category .site-content .content-area .site-main .entry-content .adj-height,
    .search .site-content .content-area .site-main .entry-content .adj-height*/
    body .site-content .content-area .site-main .entry-content .adj-height {

        height: 395px;
        position: relative;
    }

    body .site-content .content-area .site-main .post-content .image {
        height: auto;
        width: auto;
    }

    body .site-content .content-area .site-main .post-content .image img {
        display: none;
    }

    .page .site-content .content-area .site-main .entry-content .window-width,*/
    .single .site-content .content-area .site-main .entry-content .window-width {
        position: absolute;
        left: 0;
        right: 0;
        border-bottom: 4px solid #25adc0;
    }

    .page .site-content .content-area .site-main .entry-content .window-width .inner-cell,
    .single .site-content .content-area .site-main .entry-content .window-width .inner-cell {
        position: relative;
        z-index: 2;
        /* display: table-cell; */
        vertical-align: middle;
        font-family: arial, sans-serif;
        color: #e6be69;
        font-size: 38px;
        line-height: 48px;
        font-style: normal;
        font-weight: 400;
        text-align: center;
        padding: 0 0;
        left: 0;
        right: 0;
        height: 100%;
        width: 100%;
        display: flex;
    }

    .page .site-content .content-area .site-main .entry-content .window-width .inner-cell .cell-text-container,
    .single .site-content .content-area .site-main .entry-content .window-width .inner-cell .cell-text-container  {
        width: 798px;
        margin: 0 auto;
        display: flex;
        align-items: center;
    }


    .page .site-content .content-area .site-main .entry-content p,
    .single .site-content .content-area .site-main .entry-content p  {
        font-size: 20px;
        line-height: 28px;
        margin: 1.5em 0 1.5em;
    }

    .page .site-content .content-area .site-main .entry-content ul,
    .single .site-content .content-area .site-main .entry-content ul {
        font-family: "minion-pro", serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: disc;
        margin-bottom: 30px;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        padding: 0 0 0 40px;
        color: #333;
    }

    .page .site-content .content-area .site-main .entry-content ol,
    .single .site-content .content-area .site-main .entry-content ol {
        font-family: "minion-pro", serif;
        font-size: 20px;
        font-style: normal;
        font-weight: 400;
        line-height: 28px;
        list-style-image: none;
        list-style-position: outside;
        list-style-type: decimal;
        margin-bottom: 30px;
        margin-left: 30px;
        margin-right: 30px;
        margin-top: 30px;
        padding: 0 0 0 40px;
        color: #333;
    }

    .page .site-content .content-area .site-main .entry-content .bsr,
    .single .site-content .content-area .site-main .entry-content .bsr,
    body.post-type-archive-tribe_events .site-content .content-area .site-main .entry-content .bsr {
        background: url(./assets/images/body_conatainer_bg.png) 0 0 repeat;
        margin: 0 -45px;
        display: block;
    }

    .page .site-content .content-area .site-main .entry-content h3,
    .single .site-content .content-area .site-main .entry-content h3,
    body.post-type-archive-tribe_events .site-content .content-area .site-main .entry-content h2 {
        height: 114px;
        text-align: center;
        display: block;
        width: 100%;
        /*margin: 40px auto 30px;*/
        margin: 0 auto 30px;
        padding: 10px 0;
        font-size: 30px;
        line-height: 34px;
        color: #860700;
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        background: url(./assets/images/feculty_border_@2x.png) 50% 46px no-repeat;
        background-image: url(./assets/images/feculty_border_@2x.png), url(./assets/images/feculty_border.png);
        background-position: 50% 55px, 50% 56px;
        background-size: 262px 12px, 262px 12px;
        text-transform: none;
        letter-spacing: 0;
        padding: 27px 0 27px 0;
        background-position: 50% 72px, 50% 73px;
    }

    .page .site-content .content-area .site-main .comments-area .comment-form .submit,
    .single .site-content .content-area .site-main .comments-area .comment-form .submit {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        letter-spacing: 0.1em;
        background-color: #e5ba54;
        text-transform: uppercase;
        border-radius: 0;
    }

    .page .site-content .content-area .site-main .comments-area .comment-form .submit:hover,
    .single .site-content .content-area .site-main .comments-area .comment-form .submit:hover {
        background-color: #fdd574;
    }

    #reply-title {
        height: 80px;
    }

    /* CATEGORY TEMPLATES */
    .category .site-content .content-area .site-main,
    .search .site-content .content-area .site-main,
    #main.harvard-events {
        background: #fff;
        padding: 30px 30px 25px 30px;
    }

    .category .site-content .content-area .site-main .news-block,
    .search .site-content .content-area .site-main .news-block {
        padding-bottom: 0;
        padding-left: 15px;
        padding-right: 15px;
        padding-top: 0;
    }

    .category .site-content .content-area .site-main .news-block .desktop,
    .search .site-content .content-area .site-main .news-block .desktop,
    .category .site-content .content-area .site-main .news-block .mobile,
    .search .site-content .content-area .site-main .news-block .mobile {
        display: none;
    }

    .category .site-content .content-area .site-main .news-block .desktop img,
    .search .site-content .content-area .site-main .news-block .desktop img,
    .harvard-events .news-block img {
        height: 210px;
        width: 210px;
        display: inline-block;
        float: left;
        margin-right: 20px;
        margin-bottom: 10px;
        object-fit: cover;
    }

    .category .site-content .content-area .site-main .news-block .mobile img,
    .search .site-content .content-area .site-main .news-block .mobile img
    .harvard-events .news-block .mobile img {
        width: 100%;
    }


    .category .site-content .content-area .site-main .horz-sep,
    .search .site-content .content-area .site-main .horz-sep,
    .harvard-events .horz-sep,
    .tag-video .horz-sep {
        margin: 40px 15px;
        background: url(./assets/images/horz_sep_@2x.png) 0 0 repeat-x;
        background-size: 12px 10px;
        clear: both;
        height: 10px;
    }

    article.tag-video:first-of-type {
        padding-top:20px;
    }

    .category .site-content .content-area .site-main nav,
    .search .site-content .content-area .site-main nav,
    #harvard-events-nav {
        padding: 0;
        border: none;
        width: 100%;
    }

    #harvard-events-nav span.screen-reader-text {
        clip: auto;
        font-size: 16px;
        font-size: 1rem;
        font-weight: 400;
        height: auto;
        position: relative !important;
        width: auto;
    }

    nav#harvard-events-nav {
        float: none;
    }

    .category .site-content .content-area .site-main .events-archive p,
    .search .site-content .content-area .site-main .events-archive p  {
        text-align: center;
        padding: 0 0 35px 0;
        margin: 0 0 0 0;
    }

    .category .site-content .content-area .site-main .events-archive p a,
    .category .site-content .content-area .site-main nav a,
    .search .site-content .content-area .site-main .events-archive p a,
    .search .site-content .content-area .site-main nav a,
    #harvard-events-nav a  {
        color: #999999;
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: .1em;
        text-align: center;
    }

    .category .site-content .content-area .site-main .events-archive p a:hover,
    .category .site-content .content-area .site-main nav a:hover,
    .category .site-content .content-area .site-main nav span,
    .search .site-content .content-area .site-main .events-archive p a:hover,
    .search .site-content .content-area .site-main nav a:hover,
    .search .site-content .content-area .site-main nav span,
    #harvard-events-nav a:hover,
    #harvard-events-nav span {
        color: #860700;
        box-shadow: none;
    }


    .category .site-content .content-area .site-main .news-block h2,
    .search .site-content .content-area .site-main .news-block h2,
    .category .site-content .content-area .site-main .news-block h5,
    .search .site-content .content-area .site-main .news-block h5,
    .harvard-events .news-block h2 {
        clear: unset;
        padding: 0;
    }

    .category .site-content .content-area .site-main .news-block .txt-block,
    .search .site-content .content-area .site-main .news-block .txt-block {
        display: inline-block;
        padding-left: 25px;
        width: 510px;
    }

    body .site-content .content-area .site-main  span.tag-list {
        color: #25adc0;
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-size: 14px;
        font-style: normal;
        font-weight: 500;
        letter-spacing: 0.1em;
        text-transform: uppercase;
    }

    body .site-content .content-area .site-main  span.tag-list a {
        color: #25adc0;
        text-decoration: none;
    }


    .category .site-content .content-area .site-main .news-block h2,
    .search .site-content .content-area .site-main .news-block h2,
    .single .site-content .content-area .site-main .post-title h2,
    .harvard-events .news-block h2 {
/*        margin-bottom: 0px;
        margin-left: 0;
        margin-right: 0;
        margin-top: 0px;
        color: #860700;
        font-family: "futura-pt", sans-serif;
        font-size: 30px;
        font-style: normal;
        font-weight: 400;
        line-height: 34px;*/
        padding: 0;
    }

    .category .site-content .content-area .site-main .news-block  p,
    .search .site-content .content-area .site-main .news-block  p {
        margin-bottom: 0;
        margin-left: 0;
        margin-right: 0;
        margin-top: 10px;
        color: #333333;
        font-family: "minion-pro", serif;
        font-size: 16px;
        font-style: normal;
        font-weight: 400;
        line-height: 22px;
        padding-bottom: 25px;
    }




/* FOOTER SECTION */
    .site-footer {
        margin-bottom: -1px;
        margin-top: 0;
        background: #fff;
    }

    .site-footer .footer-info {
        background-color: #770600;
        border-top: 4px solid #25adc0;
        height: 104px;
        width: 100%;
        margin: 0;
    }

    .site-footer .footer-info .site-info {
        width: 100%;
        margin: 0;
    }

    .site-footer .footer-info .site-info .sub-wrapper {
        width: 1000px;
        margin: 0 auto;
    }

    .site-footer .footer-info .site-info .sub-wrapper a {
        box-shadow: none;
        color: #FFF;
    }

    .site-footer .footer-info .footer-info-left {
        padding: 10px 22px 0px 22px;
        float: left;
    }

    .footer-info-left a img {
        max-width: 400px;
        border: none;
    }

    .site-footer .footer-info .footer-info-right {
        padding: 15px 22px 0px 0px;
        float: right;
    }

    .site-footer .footer-info .footer-info-right .fbr-big {
        font-family: "franklin-gothic-urw", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        text-decoration: none;
        padding: 0px 0 0 0;
        text-align: right;
        margin: 0;
    }

    .site-footer .footer-info .footer-info-right .fbr-small {
        margin: 0;
        font-family: "franklin-gothic-urw", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        line-height: 18px;
        text-decoration: none;
        padding: 16px 0 0 0;
        text-align: right;
    }
    
    .site-footer .footer-info .footer-info-right a:hover {
        text-decoration: underline;
    }

    .subscribe {
        background: url(./assets/images/subscription_bg.png), url(./assets/images/triangle_TL_@2x.png), url(./assets/images/triangle_TR_@2x.png), url(./assets/images/triangle_BL_@2x.png), url(./assets/images/triangle_BR_@2x.png);
        background-position: 0 0, 4px 0, 878px 0, 4px 61px, 878px 61px;
        background-size: 887px 68px, 6px 6px, 6px 6px, 6px 6px, 6px 6px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        width: 887px;
        height: 68px;
        margin: 25px auto 35px auto;
    }

    .site-footer .footer-content .subscribe .txtbox-subscribe {
        font-family: "minion-pro", serif;
        font-style: italic;
        font-weight: 400;
        border: 1px solid #d4b261;
        width: 258px;
        height: 38px;
        float: left;
        font-size: 14px;
        margin: 12px 0 0 21px;
        padding: 0 16px;
        color: #666666;
        border-radius: 0;
    }

    .site-footer .footer-content .subscribe .txtbox-subscribe::placeholder {
        font-family: "minion-pro", serif;
        color: #666666;
    }

    .lbl-subscribe {
        padding: 14px 0 0 26px;
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        color: #860700;
        display: block;
        float: left;
    }

    .btn-subscribe {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        color: #fff;
        letter-spacing: 0.1em;
        display: block;
        float: left;
        background-color: #e5ba54;
        width: 400px;
        height: 40px;
        text-decoration: none;
        margin: 12px 32px 0 32px;
    }

    .btn-subscribe:hover {
        background-color: #fdd574;
        color: #fff;
    }

    .mailing-list-subscribe {
        cursor: pointer;
    }

    .btn-subscribe > a {
        box-shadow: none;
        color: white;
    }

    .social-media {
        padding: 10px 0 0 39px;
        float: left;
        float: right;
        padding: 10px 120px 0 39px;
    }

    .social-media span.col-title {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        color: #860700;
        letter-spacing: 0.1em;
        display: block;
    }

    .btn-subscribe span {
        border: 1px solid #fff;
        margin: 2px 2px;
        padding: 8px 0 8px 0;
        display: block;
        line-height: 1.25;
    }

    .clear {
        display: block;
        clear: both;
        height: 1px;
        line-height: 1px;
        font-size: 1px;
    }

    footer .subscribe .horz-sep {
        margin: 40px 0 60px;
        background: url(./assets/images/horz_sep_@2x.png) 0 0 repeat-x;
        background-size: 12px 10px;
        clear: both;
        height: 10px;
    }

    .div-subscribe {
        width: 1px;
        height: 57px;
        background: url(./assets/images/subscription_divider.png) 0 0 no-repeat;
        display: block;
        float: left;
        margin: 4px 0px 0 0;
    }

    .social-navigation {
        width: unset;
    }

    .social-navigation a {
        background: transparent;
        margin: 0;
        color: #fcd575;
        margin-right: 10px;
        height: 25px;
        width: 25px;
    }

    .social-navigation a:hover {
        color: #d5b561;
        background: transparent;
    }

    .social-navigation a .icon {
        height: 25px;
        width: 25px;
        top: unset;
    }

    .site-footer .widget-area {
        width: 887px;
        margin: 38px auto 40px auto;
        padding: 0;
        padding-top: 40px;
    }

    .site-footer .widget-column.footer-widget-1 {
        float: unset;
        width: 100%;
    }

    .widget {
        padding: 0;
    }

    .widget .menu {
        /*margin-right: 20px;*/
        width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .widget .menu > li {
        float: left;
        border: none;
    }

    .widget .menu > li > a {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "franklin-gothic-urw-cond", sans-serif;
        letter-spacing: 0.1em;
    }

    .widget .menu li {
        padding: 0;
    }

    .widget .menu a {
        box-shadow: none;
        color: #860700;
    }

    .widget .menu a:hover {
        color: #860700;
        box-shadow: none;
        text-decoration: underline;
    }

    .widget .menu .sub-menu {
        margin-top: 14px;
    }

    .widget .menu .sub-menu a {
        font-size: 12px;
        line-height: 18px;
        font-family: "franklin-gothic-urw", sans-serif;
    }


    /* SUB-NAVIGATION SECTION */
    .navigation-sub-menu {
        display: flex;
        justify-content: center;
        width: 100%;
        background: #fff;
        margin: 0px auto 0;
        text-align: center;
        margin: 0 auto;
        padding: 9px 0;
    }

    .sub-sub-menu-background {
        position: absolute;
        top: 38px;
        height: 25px;
        width: 100%;
        background: url(./assets/images/body_conatainer_bg.png) 0 0 repeat;
        z-index: 0;
        display: none;
    }

    /*.navigation-sub-menu.site-navigation-fixed .sub-sub-menu-background {
        display: block;
    }*/

    .navigation-sub-menu .menu-item.menu-item-has-children .sub-menu {
        display: none;
    }

    .navigation-sub-menu .menu-item.current-menu-item.menu-item-has-children .sub-menu {
        position: absolute;
        width: 100%;
        left: 0;
        display: flex;
        list-style: none;
        margin: 0;
        justify-content: center;
        top: 42px;
    }

    .navigation-sub-menu .menu-item.current-menu-item.menu-item-has-children .sub-menu li.current-menu-item a {
        color: #860700;
    }

    .navigation-sub-menu .menu-item.current-menu-item.menu-item-has-children .sub-menu li a {
        color: #666666;
    }

    .navigation-sub-menu .sub-navigation .menu li.current-menu-item a {
        color: #860700;
        font-size: 14px;
    }

    .navigation-sub-menu .end-separator img {
        width: 12px;
        height: 10px;
    }

    .navigation-sub-menu .sub-navigation .menu {
        display: flex;
        list-style: none;
        margin: 0;
    }

    .navigation-sub-menu .sub-navigation .menu li a {
        color: #666666;
        font-size: 14px;
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 700;
        padding: 0 18px 0 36px;
        background: url(./assets/images/horz_sep_@2x.png)0 50% no-repeat;
        background-size: 12px 10px;
        text-transform: uppercase;
        text-decoration: none;
        letter-spacing: .1em;
    }

    .navigation-sub-menu .sub-navigation .menu li:last-child a,
    .navigation-sub-menu .sub-navigation .menu li .sub-menu li:last-child a {
        background: url(./assets/images/horz_sep_@2x.png)0 50% no-repeat, url(./assets/images/horz_sep_@2x.png)0 50% no-repeat;
        background-size: 12px 10px;
        background-position: 0, 100%;
        padding-right: 36px;
    }

.no-svg .social-navigation a {
    color: #fcd575;
    width: 25px;
    height: 25px;
}

.no-svg .social-navigation li a .screen-reader-text {
    display: none;
}

.overlay .fsBody.fsEmbed {
    position: relative;
}

.overlay .fsBody.fsEmbed > span {
    top: 50px;
    right: 30px;
    cursor: pointer;
    height: 20px;
    width: 20px;
    position: absolute;
}

.overaly .fsBody.fsEmbed span img {
    height: 20px;
    width: 20px;
}

.overlay .fsBody.fsEmbed .fsForm {
    background: #FFFFFF;
    font-family: arial, sans-serif;
    letter-spacing: .05em;
    border-radius: 0;
}

.overlay .fsBody.fsEmbed .fsForm .fsPage {
    margin-top: 20px;
}

.overlay .fsBody.fsEmbed .fsForm input[type="email"] {
    font-family: "minion-pro", serif;
    font-style: italic;
    font-weight: 400;
    border: 1px solid #d4b261;
    font-size: 14px;
    color: #666666;
    background: #FFFFFF;
    border-radius: 0;
}

.overlay .fsBody.fsEmbed .fsForm .fsRowBody input[type="checkbox"]:before {
    border-color: #d4b261;
    background-color: #ffffff;
}

.overlay .fsBody.fsEmbed .fsForm .fsRowBody input[type="checkbox"]:checked:before {
    border-color: #d4b261;
    background-color: #e5ba54;
}

.overlay .fsBody.fsEmbed .fsForm .fsSubmitButton {
    background-color: #e5ba54 !important;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-style: normal;
    font-weight: 500;
    /*font-size: 14px;*/
    text-align: center;
    color: #fff !important;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    border-radius: 0 !important
}
.overlay .fsBody.fsEmbed .fsForm .fsSubmitButton:hover {
    background-color: #fdd574 !important;
}

/** new subscribe modal **/
#subscribeModal div.mc4wp-form-fields label {
    width: 100%;
}

/* EVENTS CALENDAR */
#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar a {
    box-shadow: none;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav {
    background: none;
    border: none;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav td {
    background: none;
    color: black;
    border: none;
    padding-bottom: 5px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav td span {
    color: black;
    font-size: 10px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav td a span {
    color: #337ab7;
    font-size: 14px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-nav .tribe-mini-calendar-dayofweek {
    background: none;
    color: #333;
    border: none;
    height: 20px;
    vertical-align: middle;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar td {
    /*background: none;*/
    border-color: #eee;
    color: #333;
    vertical-align: middle;
    height: 29px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-future,
#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-past {
    background: none;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-today {
    background: #21759b;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-othermonth {
    opacity: .35;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-mini-calendar-no-event {
    color: #333;
    padding: 0;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-has-events a {
    color: #333;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-has-events a:before {
    background: #333;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-has-events a:hover {
    color: #fff;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar .tribe-events-has-events a:hover:before {
    background: #fff;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-events-loop {
    overflow: auto;
    height: 175px;
    max-height: 175px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-events-loop .tribe-mini-calendar-event:nth-of-type(1) {
    margin-top: 0;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event {
    float: unset;
    display: flex;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event .list-date {
    float: unset;
    height: 50px;
    width: 40px;
    margin-top: 10px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event .list-date .list-dayname {
    font-size: 10px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event .list-date .list-daynumber {
    font-size: 14px;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event .list-info a {
    text-decoration: none;
    box-shadow: none;
}

#secondary .widget.tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event .list-info a:hover {
    box-shadow: none;
}

/* EVENTS_CALENDAR */
.tribe-mini-calendar-list-wrapper {
    display: none;
    position: relative;
    /*overflow: auto;*/
}

/*#secondary .tribe_mini_calendar_widget .tribe-mini-calendar-list-wrapper .tribe-mini-calendar-event.first {
    margin-top: 0;
}*/

.tribe-mini-list-header {
    /*position: -webkit-sticky;
    position: sticky;
    top: 0;*/
    height: 20px;
}

.tribe-mini-list-month {
    text-transform: uppercase;
    font-size: 12px;
    text-align: center;
    font-weight: 600;
    color: #860700;
}

.tribe-list-section {
    margin-bottom: 40px;
}

.tribe-list-section-header {
    position: -webkit-sticky;
    position: sticky;
    top: 83px;
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    color: #860700;
    z-index: 1;
}

.admin-bar .tribe-list-section-header {
    top: 115px;
}

.tribe-mini-list-controls {
    color: #337ab7;
    cursor: pointer;
    position: absolute;
    right: 20px;
    font-size: 12px;
    top: 0;
}

/*#event-calendar-back-button:hover*/
#tribe-mini-list-controls {
    color: #333;
}

/* EVENTS CALENDAR */
.type-tribe_events .list-info a {
    font-size: 16px;
}
.type-tribe_events .tribe-mini-calendar-event .list-date {
    width: 60px;
    margin-top: 20px;
}

/* HOMEPAGE EVENTS */
.date {
    text-transform: uppercase;
    color: #25adc0;
    font-size: 14px;
    font-family: "franklin-gothic-urw-cond", sans-serif;
    font-style: normal;
    font-weight: 500;
    letter-spacing: .1em;
}

/* EMBEDDED IFRAMES */
.page .site-content .content-area .site-main .entry-content p.iframe-container {
    margin-left: -45px;
    margin-right: -45px;
}

.page .site-content .content-area .site-main .entry-content p.iframe-container iframe {
    border: none;
}


/* Bootstrap Styling */
body .entry-content .container {
    width: 100%;
    padding: 0;
}

body .entry-content .container p {
    margin-top: 0 !important;
}

body .entry-content .container h5,
body .entry-content .container h4 {
    padding: 0 !important;
    margin: 0 !important;
}

h4.text-center.journal-vol-title {
    padding-bottom: 10px !important;
}

body .entry-content .container img.alignleft {
    margin-top: 10px;
}

body .entry-content .container.credits .row h4,
body .entry-content .container.credits .row h5 {
    clear: unset;
}

/* Making site branding work the same way as the header image */
@media screen and (min-width: 48em) {

    /* HEADER SECTION */
    .site-header {
        min-width: 1000px;
    }

    .has-header-image .custom-header {
        width: 1000px;
        margin: auto;
    }

    .has-header-image .custom-header .custom-header-media {
        z-index: 0;
        min-width: 1000px;
    }

    .admin-bar.home.blog.has-header-image .site-branding {
        height: calc(100vh - 32px);
        top: 32px;
        z-index: 0;
        max-height: unset;
    }

    .admin-bar.home.blog.has-header-image .site-branding.logo {
        z-index:1;
        padding: 0;
        margin: 0;
        height: 130px;
    }

    /*.page.has-header-image .site-header,
    .single.has-header-image .site-header,
    .category.has-header-image .site-header,
    .search.has-header-image .site-header*/
    body.has-header-image:not(.home) .site-header  {
        height: 390px;
    }

    /*.category.has-header-image .site-header .custom-header,
    .single.has-header-image .site-header .custom-header,
    .search.has-header-image .site-header .custom-header*/
    body.has-header-image .site-header .custom-header {
        height: 100%;
        width: 100%;
        margin-bottom: 0 !important;
    }

    /*.page.has-header-image .site-header .single-featured-image-header,
    .single.has-header-image .site-header .single-featured-image-header,
    .category.has-header-image .site-header .single-featured-image-header,
    .search.has-header-image .site-header .single-featured-image-header*/
    body.has-header-image .site-header .single-featured-image-header {
        position: fixed;
        max-height: 390px;
    }

    /*.page.has-header-image .site-header .single-featured-image-header img,
    .single.has-header-image .site-header .single-featured-image-header img,
    .category.has-header-image .site-header .single-featured-image-header img,
    .search.has-header-image .site-header .single-featured-image-header img*/
    body.has-header-image .site-header .single-featured-image-header img {
        min-height: 390px;
    }

    .category.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media:before {
        background: none;
    }

    .category.has-header-image:not(.twentyseventeen-front-page):not(.home) .custom-header-media img {
        height: 650px;
    }

    /*.page.has-header-image .site-header .site-branding,
    .single.has-header-image .site-header .site-branding,
    .category.has-header-image .site-header .site-branding,
    .search.has-header-image .site-header .site-branding*/
    body.has-header-image .site-header .site-branding {
        /*top: 78px;*/
        top: 42px;
        position: fixed;
        width: 100%;
        height: 100%;
        max-height: 348px;
        padding: 0;
        z-index: 0;
    }

    /*.page.has-header-image .site-header .site-branding.logo,
    .single.has-header-image .site-header .site-branding.logo,
    .category.has-header-image .site-header .site-branding.logo,
    .search.has-header-image .site-header .site-branding.logo*/
    body.has-header-image .site-header .site-branding.logo {
        z-index: 1;
        height: 130px;
    }

    /*.admin-bar.page.has-header-image .site-header .site-branding,
    .admin-bar.single.has-header-image .site-header .site-branding,
    .admin-bar.category.has-header-image .site-header .site-branding,
    .admin-bar.search.has-header-image .site-header .site-branding*/
    body.admin-bar.has-header-image .site-header .site-branding { 
        top: 78px;
    }

    /*.page.has-header-image .site-header .site-branding .wrap, 
    .single.has-header-image .site-header .site-branding .wrap,
    .category.has-header-image .site-header .site-branding .wrap,
    .search.has-header-image .site-header .site-branding .wrap*/
    body.has-header-image .site-header .site-branding .wrap {
        height: 100%;
        padding: 0;
    }

    /*.page.has-header-image .site-header .site-branding .custom-logo-link,
    .single.has-header-image .site-header .site-branding .custom-logo-link,
    .category.has-header-image .site-header .site-branding .custom-logo-link,
    .search.has-header-image .site-header .site-branding .custom-logo-link*/
    body.has-header-image .site-header .site-branding .custom-logo-link {
        margin: 20px 0 0 0;
        padding: 0 3em;
    }

    .home.blog.has-header-image .site-branding {
        height: 100vh;
        position: fixed;
        top: 0px;
        z-index: 0;
        max-height: unset;
    }

    .home.blog.has-header-image .site-branding .wrap{
        padding: 0;
        height: 100%;
        display: flex;
        justify-content: center;
        width: 1000px;
    }

    .site-branding .custom-logo-link {
        position: absolute;
        margin: 32px 0 0 45px;
        width: 100%;
        z-index: 1;
    }

    .site-branding .custom-logo-link img {
        position: fixed;
        max-width: 450px;
    }

    .home.blog.has-header-image .site-branding .site-branding-text {
        padding: 0px;
        height: 100%;
    }

    .home.blog.has-header-image .site-branding .site-branding-text .site-description {
        position: absolute;
        top: 45%;
        /*height: 100%;*/
        width: 100%;
        padding: 0 100px;
    }

    body .site-branding .site-branding-text {
        position: absolute;
        /*display: flex;
        align-items: center;*/
        height: 100%;
        padding-left: 100px;
        padding-right: 100px;
        width: 100%;
        /*bottom: 45%;
        bottom: 0;
        font-family: "futura-pt", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 66px;
        z-index: 10;
        color: #fff;
        padding: 260px 0 0 0;
        text-align: center;
        width: 100%;
        max-width: 1000px;*/
    }

    /*.page.has-header-image .site-header .site-branding .site-branding-text,
    .single.has-header-image .site-header .site-branding .site-branding-text,
    .category.has-header-image .site-header .site-branding .site-branding-text,
    .search.has-header-image .site-header .site-branding .site-branding-text*/
    body.has-header-image .site-header .site-branding .site-branding-text {

        bottom: 0;
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 66px;
        z-index: 10;
        color: #fff;
        /*padding: 260px 0 0 0;*/
        text-align: center;
        width: 100%;
        max-width: 1000px;
        height: auto;
    }
    
    body .site-branding .site-branding-text h1 {
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 66px;
        margin-bottom: 40px;
    }


    /* Might need to set this for only the header */
    body .site-branding .site-branding-text .site-description {
        font-weight: 500;
        font-size: 38px;
        text-align: center;
        opacity: 1;
        line-height: 48px;
    }

    .navigation-top {
        background: #e5ba54;
        border: none;
        border-bottom: 4px solid #25adc0;
        min-width: 1000px;
    }

    body:not(.home) .navigation-top {
        bottom: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 0;
        width: 100%;
        z-index: 7;
    }

    body.admin-bar:not(.home) .navigation-top {
        top: 32px;
    }

    .admin-bar.category .navigation-top,
    .admin-bar.single .navigation-top,
    .admin-bar.search .navigation-top {
        top: 32px;
    }

    .category .navigation-top,
    .single .navigation-top,
    .search .navigation-top {
        position: fixed;
        top: 0;
        bottom: auto;
    }

    .navigation-top .current-menu-parent > a {
        color: #767676;
    }

    .site-header .menu-scroll-down-wrap {
        position: absolute;
        display: flex;
        justify-content: center;
        bottom: 75px;
        width: 100%;
        height: 70px;
        right: unset;
        z-index: 10;
    }


    .site-header .menu-scroll-down-wrap .menu-scroll-down {
        right: unset;
        background: url(assets/images/down_arrow_@2x.png) 50% 100% no-repeat;
        background-size: 50px 18px;
        height: 60px;
        padding: 10px 0 10px 0;
        top: 0px;
        text-decoration: none;
        /*margin: 19px auto 0 auto;
        text-decoration: none;
        display: block;
        height: 60px;
        padding-bottom: 10px;
        bottom: 90px;*/
    }

    .site-header .menu-scroll-down-wrap .menu-scroll-down h6 {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 12px;
        line-height: 34px;
        text-align: center;
        color: #fff;
        margin: 0 0 0 0;
        letter-spacing: 0.1em;
    }

    .navigation-top .main-navigation ul li.astm-search-menu .search-form .search-field {
        float: left;
    }

    .navigation-top .main-navigation ul li.astm-search-menu .search-form .search-submit {
        margin: 2px 0 8px 10px;
    }

    .navigation-top.site-navigation-up .sub-menu {
        top: unset;
        bottom: 40px;
    }

    /* NAVIGATION SUB-MENU */
    .admin-bar .navigation-sub-menu.site-navigation-fixed {
        top: 76px;
    }

    .navigation-sub-menu.site-navigation-fixed {
        bottom: auto;
        position: fixed;
        left: 0;
        right: 0;
        top: 44px;
        width: 100%;
        z-index: 7;
    }

    #menu-sub-menu ul.sub-menu ul.sub-menu {
        margin-top: 0px;
    }
    
    #menu-sub-menu ul.sub-menu li.menu-item-has-children {
        padding-bottom: 10px;
    } 
    
    #menu-sub-menu ul.sub-menu li.menu-item-has-children > a:first-child {
       font-weight:bold; 
    }


    /* CONTENT */
    .site-content-contain {
        min-width: 1000px;
    }

    .category .site-content .content-area .site-main .news-block .desktop,
    .search .site-content .content-area .site-main .news-block .desktop,
    .harvard-events .news-block .desktop {
        display: block;
    }

    body .site-content .content-area .site-main .post-content .image {
        margin-right: 1.5em;
    }

    body .site-content .content-area .site-main .post-content .image img.landscape {
        /*margin-top: 10px;*/
        width: 210px;
        height: 150px;
        display: block;
    }

    body .site-content .content-area .site-main .post-content .image img.portrait {
        width: 210px;
        height: 300px;
        display: block;
    }

    .img-cover{
        object-fit: cover;
    }

    body .site-content .content-area .site-main .post-content .text h6,
    body .site-content .content-area .site-main .post-content .text h5,
    body .site-content .content-area .site-main .post-content .text h4,
    body .site-content .content-area .site-main .post-content .text h2 {
        clear: unset;
    }

    .category .site-content .content-area .site-main .news-block .mobile,
    .search .site-content .content-area .site-main .news-block .mobile,
    .harvard-events .news-block .mobile {
        display: none;
    }


    .overlay .fsBody.fsEmbed {
        width: 500px;
        margin: auto;
    }

    .overlay .fsBody.fsEmbed .fsSubmitButton {
        margin: 0 20px;
    }


    /* FOOTER SECTION */
    /*.site-footer {
        margin-bottom: -1px;
        margin-top: 0;
        background: #fff;
    }

    .site-footer .footer-info {
        background-color: #770600;
        border-top: 4px solid #25adc0;
        height: 104px;
        width: 100%;
        margin: 0;
    }

    .site-footer .footer-info .site-info {
        width: 100%;
        margin: 0;
    }

    .site-footer .footer-info .site-info .sub-wrapper {
        width: 1000px;
        margin: 0 auto;
    }

    .site-footer .footer-info .site-info .sub-wrapper a {
        box-shadow: none;
        color: #FFF;
    }

    .site-footer .footer-info .footer-info-left {
        padding: 10px 22px 0px 22px;
        float: left;
    }

    .footer-info-left a img {
        width: 293px;
        height: 53px;
        border: none;
    }

    .site-footer .footer-info .footer-info-right {
        padding: 15px 22px 0px 0px;
        float: right;
    }

    .site-footer .footer-info .footer-info-right .fbr-big {
        font-family: "franklin-gothic-urw", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 18px;
        text-decoration: none;
        padding: 0px 0 0 0;
        text-align: right;
        margin: 0;
    }

    .site-footer .footer-info .footer-info-right .fbr-small {
        margin: 0;
        font-family: "franklin-gothic-urw", sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 12px;
        color: #fff;
        line-height: 18px;
        text-decoration: none;
        padding: 16px 0 0 0;
        text-align: right;
    }
    
    .site-footer .footer-info .footer-info-right a:hover {
        text-decoration: underline;
    }

    .subscribe {
        background: url(./assets/images/subscription_bg.png), url(./assets/images/triangle_TL_@2x.png), url(./assets/images/triangle_TR_@2x.png), url(./assets/images/triangle_BL_@2x.png), url(./assets/images/triangle_BR_@2x.png);
        background-position: 0 0, 4px 0, 878px 0, 4px 61px, 878px 61px;
        background-size: 887px 68px, 6px 6px, 6px 6px, 6px 6px, 6px 6px;
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        width: 887px;
        height: 68px;
        margin: 25px auto 35px auto;
    }

    .site-footer .footer-content .subscribe .txtbox-subscribe {
        font-family: "minion-pro", serif;
        font-style: italic;
        font-weight: 400;
        border: 1px solid #d4b261;
        width: 258px;
        height: 38px;
        float: left;
        font-size: 14px;
        margin: 12px 0 0 21px;
        padding: 0 16px;
        color: #666666;
        border-radius: 0;
    }

    .site-footer .footer-content .subscribe .txtbox-subscribe::placeholder {
        font-family: "minion-pro", serif;
        color: #666666;
    }

    .lbl-subscribe {
        padding: 14px 0 0 26px;
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        color: #860700;
        display: block;
        float: left;
    }

    .btn-subscribe {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        text-align: center;
        color: #fff;
        letter-spacing: 0.1em;
        display: block;
        float: left;
        background-color: #e5ba54;
        width: 110px;
        height: 40px;
        text-decoration: none;
        margin: 12px 32px 0 11px;
    }

    .btn-subscribe:hover {
        background-color: #fdd574;
        color: #fff;
    }

    .social-media {
        padding: 10px 0 0 39px;
        float: left;
    }

    .social-media span.col-title {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        text-align: left;
        color: #860700;
        letter-spacing: 0.1em;
        display: block;
    }

    .btn-subscribe span {
        border: 1px solid #fff;
        margin: 2px 2px;
        padding: 8px 0 8px 0;
        display: block;
        line-height: 1.25;
    }

    .clear {
        display: block;
        clear: both;
        height: 1px;
        line-height: 1px;
        font-size: 1px;
    }

    footer .subscribe .horz-sep {
        margin: 40px 0 60px;
        background: url(./assets/images/horz_sep_@2x.png) 0 0 repeat-x;
        background-size: 12px 10px;
        clear: both;
        height: 10px;
    }

    .div-subscribe {
        width: 1px;
        height: 57px;
        background: url(./assets/images/subscription_divider.png) 0 0 no-repeat;
        display: block;
        float: left;
        margin: 4px 0px 0 0;
    }

    .social-navigation {
        width: unset;
    }

    .social-navigation a {
        background: transparent;
        margin: 0;
        color: #fcd575;
        margin-right: 10px;
        height: 25px;
        width: 25px;
    }

    .social-navigation a:hover {
        color: #d5b561;
        background: transparent;
    }

    .social-navigation a .icon {
        height: 25px;
        width: 25px;
        top: unset;
    }

    .site-footer .widget-area {
        width: 887px;
        margin: 38px auto 40px auto;
        padding: 0;
        padding-top: 40px;
    }

    .site-footer .widget-column.footer-widget-1 {
        float: unset;
        width: 100%;
    }

    .widget {
        padding: 0;
    }

    .widget .menu {*/
        /*margin-right: 20px;*/
        /*width: 100%;
        display: flex;
        justify-content: space-between;
    }

    .widget .menu > li {
        float: left;
        border: none;
    }

    .widget .menu > li > a {
        font-size: 14px;
        font-weight: 500;
        text-transform: uppercase;
        font-family: "franklin-gothic-urw-cond", sans-serif;
        letter-spacing: 0.1em;
    }

    .widget .menu li {
        padding: 0;
    }

    .widget .menu a {
        box-shadow: none;
        color: #860700;
    }

    .widget .menu a:hover {
        color: #860700;
        box-shadow: none;
        text-decoration: underline;
    }

    .widget .menu .sub-menu {
        margin-top: 14px;
    }

    .widget .menu .sub-menu a {
        font-size: 12px;
        line-height: 18px;
        font-family: "franklin-gothic-urw", sans-serif;
    }*/

    /* CAROUSEL */
    body .site-content .content-area .carousel-control.left,
    body .site-content .content-area .carousel-control.right {
        background: none;
        height: 30px;
        width: 30px;
        top: 320px;
        color: #e5ba54;
    }

    .carousel-control .glyphicon {
        margin: 0;
        left: 0;
        top: 0;
    }

    .carousel-control.left {
        left: -60px;
    }

    .carousel-control.right {
        right: -60px;
    }

    .carousel-indicators li {
        width: 30px;
        height: 4px;
        border: none;
        border-radius: 0;
        margin: 0 3px 0 3px;
        background-color: rgb(229,186,84, .5);
    }

    .carousel-indicators li.active {
        background-color: #e5ba54;
        width: 30px;
        height: 4px;
    }

    /* EVENTS_CALENDAR */
    .tribe-mini-calendar-list-wrapper {
        height: 195px;
        max-height: 195px;
        margin: 0 0 1.5em;
    }

    /* Bootstrap Styling */
    body .entry-content .container.credits .col-sm-10 {
        padding-right: 0;
    }

    /* Bootstrap Styling */
    body .entry-content .container.credits .col-sm-2 {
        padding-left: 0;
    }
}

@media screen and (max-width: 767px) {
    #wpadminbar {
        position: fixed;
    }

    /*body:not(.home) header {
        height: 51px;
    }*/

    body:not(.home) header .custom-header-media {
        position: relative;
    }

    body:not(.home) header .custom-header-media .wp-custom-header {
        height: 215px;
    }

    body:not(.home) header .custom-header-media .wp-custom-header img {
        object-fit: unset;
    }

    .home.has-header-image .site .site-header .custom-header {
        height: 100vh;
    }

    .site .site-header .single-featured-image-header img {
        height: 215px;
    }

    .site .site-header .site-branding  {
        margin-bottom: 0px;
        padding: 0;
        position: fixed;
        width: 100%;
        height: 50px;
    }

    .site .site-header .site-branding.logo {
        z-index: 5;
        height: 51px;
        border-bottom: 1px solid #25adc0;
        /*position: fixed;*/
        background: url(./assets/images/ilsp_curtain_mob.jpg) 50% 0 no-repeat;
        background-size: cover;
        z-index: 5;
        /*display: block;*/
        background-color: #6e6e6e;
        background-color: rgba(0,0,0,0.45);
        position: fixed;
        top: 0;
    }

    .admin-bar .site .site-header .site-branding.logo {
        top: 46px;
    }

    .site .site-header .site-branding.logo .wrap {
        height: 50px;
        float: none;
        clear: both;
        padding: 0;
        padding-left: 60px;
    }

    .site .site-header .site-branding .custom-logo-link {
        /*padding: 5px 10px 0px 10px;*/
    }

    .site .site-header .site-branding .custom-logo-link img {
        height: 45px;
    }

    .home .site .site-header .site-branding .site-branding-text {
        /* position: fixed; */
        position: absolute;
        top: 45vh;
        /* height: 100%; */
        /* width: 100vw; */
        /* display: table-cell; */
        /* vertical-align: middle; */
        left: 0;
        right: 0;
        padding: 0 20px;
    }

    .site .site-header .site-branding .site-branding-text p {
        font-size: 22px;
        line-height: 27px;
        text-align: center;
        /* padding: 0 15px; */
        font-weight: 500;
    }

    .home .site .site-header .site-branding.text {
        top: 0;
    }

    .site .site-header .site-branding.text {
        top: 149px;
        text-align: center;
    }

    .admin-bar .site .site-header .site-branding.text {
        top: 195px;
    }

    .site .site-header .site-branding.text .site-branding-text {
        display: block;
    }

    .site .site-header .site-branding.text .site-branding-text h1 {
        bottom: 0;
        font-family: arial, sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 32px;
        z-index: 10;
        color: #fff;
        text-align: center;
        padding: 0;
    }


    .site-header .menu-scroll-down-wrap {
        position: absolute;
        display: flex;
        justify-content: center;
        bottom: 50px;
        width: 100%;
        height: 70px;
        right: 0;
        top: 85vh;
    }

    .admin-bar .site-header .menu-scroll-down-wrap {
        top: 75vh;
    }


    .site-header .menu-scroll-down-wrap .menu-scroll-down {
        right: unset;
        background: url(assets/images/down_arrow_@2x.png) 50% 100% no-repeat;
        background-size: 59px 25px;
        height: 60px;
        padding: 0 0 10px 0;
        top: 0px;
        display: block;
        /*margin: 19px auto 0 auto;
        text-decoration: none;
        display: block;
        height: 60px;
        padding-bottom: 10px;
        bottom: 90px;*/
    }

    .site-header .menu-scroll-down-wrap .menu-scroll-down h6 {
        font-family: "franklin-gothic-urw-cond", sans-serif;
        font-style: normal;
        font-weight: 500;
        font-size: 14px;
        line-height: 34px;
        text-align: center;
        color: #fff;
        margin: 0 0 0 0;
        letter-spacing: 0.1em;
    }


    /* Navigation */
    .navigation-top {
        position: fixed;
        top: 0;
        width: 50px;
        border: none;
    }

    .admin-bar .navigation-top {
        top: 46px;
    }

    .navigation-top a {
        color: #830a00;
        text-align: left;
    }

    .navigation-top .menu-toggle {
        margin: 0;
        padding: 10px;
        width: 51px;
        height: 50px;
        background-color: #e5ba54;
        color: #FFFFFF;
        border-radius: 0;
    }

    .navigation-top .menu-toggle:focus {
        outline: none; 
    }

    .navigation-top nav .menu-main-navigation-container {
        display: none;
        position: fixed;
        width: 80vw;
        height: 96%;
        overflow: auto;
    }

    .navigation-top nav #top-menu {
        position: relative;
        top: 50px;
        width: 100%;
        /*background: #FFFFFF;
        box-shadow: -5px 0 6px 0 rgba(0, 0, 0, 0.14) inset;*/
        background: none;
        height: 100%;
        padding: 0 10px 20px 0px;
        border-top: 1px solid #830a00;
    }

    .navigation-top nav #top-menu .svg-fallback {
        display: none;
    }

    /*.admin-bar .navigation-top nav #top-menu {
        top: 50px;
    }*/

    .admin-bar .navigation-top nav .menu-main-navigation-container {
        height: 89%;
    }

    .navigation-top nav.toggled-on {
        width: 80vw;
        height: 100vh;
        background: #FFFFFF;
        box-shadow: -5px 0 6px 0 rgba(0, 0, 0, 0.14) inset;
    }

    .navigation-top nav.toggled-on .menu-main-navigation-container {
        display: block;
    }

    .navigation-top nav.toggled-on #top-menu .menu-item:hover,
    .navigation-top nav.toggled-on #top-menu .menu-item .sub-menu {
        background: none;
    }

    .navigation-top nav.toggled-on #top-menu li:hover {
        background: #FFFFFF;
    }


    .navigation-top nav.toggled-on .menu-toggle {
        position: absolute;
        left: 80vw;
    }

    .navigation-top .menu-toggle svg {
        width: 25px;
        height: 25px;
        margin: 0;
        top: 0;
    }

    /* Search */

    .navigation-top .main-navigation ul li.menu-search-close-icon {
        display: none;
    }

    .navigation-top .main-navigation ul li.astm-search-menu {
        display: block;
        display: list-item;
        position: absolute;
        top: -53px;
        height: 52px;
        width: 80vw;
        left: 0;
        background: #FFFF;
        box-shadow: -5px 0 6px 0 rgba(0, 0, 0, 0.14) inset;
    }

    .navigation-top .main-navigation ul li.astm-search-menu .search-form {
        margin-top: 4px;
    }

    .navigation-top .main-navigation ul li.astm-search-menu .search-form .search-field {
        padding-left: 40px;
        top: 14px;
        position: absolute;
    }


    .navigation-top .main-navigation ul li.astm-search-menu .search-form .search-submit {
        margin-top: 12px; 
    }


    /* Content */
    .site-content-contain {
        z-index: 4;
    }


    .home #content {
        padding: 2.5em 0 0;
        padding-bottom: 60px;
    }

    #content {
        padding-top: 0;
        background: url(./assets/images/body_conatainer_bg.png) 0 0 repeat;
        /* padding: 260px 0 0 0; */
    }

    #content .wrap {
        padding: 0;
    }

    #content .wrap .content-area {
        margin: 25px 10px 80px 10px;
    }

    #content .wrap .content-area .site-main {
        padding: 0 45px 25px 45px;
        background: #FFFFFF;
    }

    .category #content .wrap .content-area .site-main {
        padding: 15px 10px 20px 10px;
    }

    #content .wrap .content-area .site-main p {
        font-size: 20px;
        line-height: 28px;
        margin-bottom: 20px;
        font-family: "minion-pro", serif;
        /*width: 100%;*/
    }

    #content .wrap .content-area .site-main ul {
        font-size: 16px;
        line-height: 22px;
        margin-bottom: 15px;
        margin-left: 15px;
        margin-right: 15px;
        margin-top: 15px;
        padding: 0 0 0 20px;
    }

    .page.page-one-column:not(.ilsp-front-page) #primary,
    .single.page-one-column:not(.ilsp-front-page) #primary {
        max-width: unset;
        margin-left: 10px;
        margin-right: 10px;
    }

    .search:not(.ilsp-front-page) #primary {
        margin-left: 0;
        margin-right: 0;
    }


    .search:not(.ilsp-front-page) #primary .site-main,
    .category.page-one-column:not(.ilsp-front-page) #primary .site-main {
        margin-left: 10px;
        margin-right: 10px;
        padding-left: 10px;
        padding-right: 10px;
    }




    .page .site-content .content-area .site-main .entry-content h3,
    .single .site-content .content-area .site-main .entry-content h3 {
        padding-bottom: 37px;
        background-position: 50% 91%, 50% 91%;
        height: auto;
    }

    .category .site-content .content-area .site-main .news-block,
    .search .site-content .content-area .site-main .news-block {
        padding: 0;
    }

    .category .site-content .content-area .site-main .news-block .desktop,
    .search .site-content .content-area .site-main .news-block .desktop,
    .harvard-events .news-block .desktop {
        display: none;
    }

    .category .site-content .content-area .site-main .news-block .mobile,
    .search .site-content .content-area .site-main .news-block .mobile,
    .harvard-events .news-block .mobile {
        display: block;
        margin-bottom: 10px;
    }

    .category .site-content .content-area .site-main .horz-sep,
    .search .site-content .content-area .site-main .horz-sep
    .harvard-events .horz-sep {
        margin: 30px 0;
    }


    .category .site-content .content-area .site-main .news-block .txt-block,
    .search .site-content .content-area .site-main .news-block .txt-block {
        display: block;
        width: 100%;
        padding: 0;
        margin-top: 10px;
    }

    .category .site-content .content-area .site-main .news-block h2,
    .search .site-content .content-area .site-main .news-block h2,
    .harvard-events .news-block h2 {
        font-size: 22px;
        line-height: 28px;
    }

    .category #content.site-content .content-area .site-main .news-block  p,
    .search #content.site-content .content-area .site-main .news-block p {
        font-size: 16px;
        line-height: 22px;
        padding-bottom: 0;
    }

    body.post-type-archive-tribe_events #content .wrap .content-area .site-main,
    .page-template-page-builder #content .wrap .content-area .site-main {
        background: none;
    }

    body .site-content .content-area .site-main .post-content .image {
        width: 100%;
        margin-bottom: 10px;
    }

    body .site-content .content-area .site-main .post-content .image img{
        width: 100%;
        display: block;
    }

    ol.pil-responsive,
    ul.pil-responsive {
        margin: 0 !important;
        padding: 0 !important;
    }

    ol.pil-responsive  ul.pil-responsive {
        padding-left: 20px !important;
        padding-top: 10px !important;
    }

    /* FOOTER */
    .site-footer .footer-content .subscribe {
        width: 80%;
        height: auto;
        background: url(./assets/images/mob_homefooter_border.png) 0 0 no-repeat;
        background: url(./assets/images/mob_homefooter_border.png), url(./assets/images/triangle_TL_@2x.png), url(./assets/images/triangle_TR_@2x.png), url(./assets/images/triangle_BL_@2x.png), url(./assets/images/triangle_BR_@2x.png);
        background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, no-repeat;
        background-size: 100% 190px, 6px 6px, 6px 6px, 6px 6px, 6px 6px;
        background-position: 0 0, 0 0, 100% 0, 0 175px, 100% 175px;
    }

    .site-footer .footer-content .subscribe form {
        display: flex;
        flex-direction: column;
        text-align: center;
    }

    .site-footer .footer-content .subscribe .div-subscribe {
        display: none;
    }

    .site-footer .footer-content .subscribe form .fields-subscribe {
        display: flex;
        justify-content: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    .site-footer .footer-content .subscribe .lbl-subscribe {
        float: unset;
        padding: 0;
    }

    .site-footer .footer-content .subscribe .social-media {
        float: unset;
        text-align: center;
        padding: 0;
        padding-top: 20px;
    }

    .site-footer .footer-content .subscribe .social-media span {
        text-align: center;
    }


    .site-footer .footer-content .subscribe .txtbox-subscribe,
    .site-footer .footer-content .subscribe .btn-subscribe {
        display: inline-block;
        float: unset;
        margin: auto;
    }

    .site-footer .footer-content .subscribe .txtbox-subscribe {
        margin-top: 5px;
    }

    .site-footer .footer-content .subscribe .btn-subscribe {
        margin-top: 40px;
        width: 95%;
        height: auto;
    }

    .site-footer .footer-content .subscribe .social-media .horz-sep {
        margin: 0;
        margin-top: 40px;
    }

    .site-footer .widget-area {
        width: 95%;
        padding: 0;
        margin-top: -30px;
        margin-bottom: 30px;
    }

    .site-footer .widget-area .widget .menu {
        flex-direction: column;
    }

    .site-footer .widget-area .widget .menu li {
        padding-left: 15px;
    }

    .site-footer .widget-area .widget .menu .sub-menu {
        display: none;
    }

    .site-footer .footer-info {
        height: auto;
    }

    .site-footer .footer-info .site-info .sub-wrapper {
        width: 100%;
    }

    .site-footer .footer-info .site-info .sub-wrapper .footer-info-left,
    .site-footer .footer-info .site-info .sub-wrapper .footer-info-right {
        display: block;
        float: unset;
        padding-left: 20px;

    }

    .site-footer .footer-info .site-info .sub-wrapper .footer-info-right .fbr-small, 
    .site-footer .footer-info .site-info .sub-wrapper .footer-info-right .fbr-big {
        text-align: left;
        padding: 0;
    }

    .site-footer .footer-info .site-info .sub-wrapper .footer-info-right .fbr-small {
        padding-bottom: 20px;
    }

    /* NAVIGATION SUB-MENU */
    .navigation-sub-menu {
        z-index: 7;
        padding: 0;
    }

    .navigation-sub-menu .sub-navigation {
        padding: 9px 0;
        overflow-x: scroll;
    }

    .navigation-sub-menu.site-navigation-fixed {
        position: fixed;
        top: 51px;
    }

    /* NAVIGATION SUB-MENU */
    .admin-bar .navigation-sub-menu.site-navigation-fixed {
        top: 97px;
    }

    .navigation-sub-menu.site-navigation-fixed .sub-menu {
        position: fixed;
        top: 88px;
    }

    .admin-bar .navigation-sub-menu.site-navigation-fixed .sub-menu {
        top: 134px;
    }


    .navigation-sub-menu .sub-navigation .menu {
        margin-left: 10px;
        margin-right: 10px;
    }

    .navigation-sub-menu .sub-navigation .menu li {
        /*display: none;*/
        white-space: nowrap;
    }

    .navigation-sub-menu .sub-navigation .menu li.current-menu-item {
        display: block;
    }

    /* EVENT CALENDAR */
    .tribe-mini-calendar-wrapper {
        height: 201px;
        max-height: 201px;
    }

    #event-calendar-back-button {
        /*display: none;*/
    }

    #tribe-events-content.tribe-events-list {
        overflow: unset;
    }

    .overlay .fsBody.fsEmbed > span {
        top: 10px;
        right: 10px;
    }

    .tribe-list-section-header {
        /*position: -webkit-sticky;
        position: sticky;*/
        top: 89px;
        /*text-transform: uppercase;
        font-size: 16px;
        text-align: center;
        font-weight: 600;
        color: #860700;
        z-index: 1;*/
    }

    .admin-bar .tribe-list-section-header {
        top: 134px;
    }


    /* Bootstrap Styling */
    body .entry-content .container .row.header {
        display: none;
    }

    body .entry-content .container.credits p {
        font-size: 16px !important;
        line-height: 22px !important;
    }

    body .entry-content .container.credits .col-xs-4 {
        padding: 0 !important;
    }

    body .entry-content .container.credits .col-xs-8 {
        padding: 0 !important;
    }

    body .entry-content .container.credits .row img.alignleft {
        margin-right: 20px;
        margin-bottom: 10px;
    }
}

/*@media screen and (max-width: 400px) {
    .category .site-content .content-area .site-main .news-block .txt-block1.portrait img,
    .search .site-content .content-area .site-main .news-block .txt-block1.portrait img {
        width: 40%;
        min-width: unset;
    }
}*/

.event-single {
    width: 75%;
}

.tribe-events-event-image {
    max-width: 50%;
}

.tribe-events-schedule.tribe-clearfix h2 {
    margin-top: 0px;
}
.single-tribe_events .tribe-events-event-image {
    float: left;
    margin-right: 20px;
}
@media screen and (max-width: 767px) {
    .harvard-events .news-block .mobile img {
        width: 100%;
        height: auto;
    }

    .event-single {
        width: 100%;
    }

    .tribe-events-event-image {
        max-width: 100%;
    }

    .single-tribe_events .tribe-events-event-image {
        float: none;
        margin-right: 0px;
    }
}