@charset "UTF-8";
/* CSS Document for 2024 Subsites */


/* ---------------------------- GLOBAL STYLES ------------------------ */

nav.academics { display: none; }

body { }

nav#navigation_menus {min-height: 100px !important;}

#introshell {margin: 100px 0 0 0;}

#navigation_menu .menu_nav > .bcomlogo a {
    margin: 0 50px 0 0px;
    padding: 0px !important;
}

#navigation_menu .menu_nav > li.first  {
    margin: 0 50px 0 0 !important;
}

#navigation_menu .menu_nav > .nav_menu_item.bcomlogo img {
    position: relative;
    display: block;
    height: 90px;
}

#navigation_menu .menu_nav > .nav_menu_item > a[aria-expanded], #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a, #navigation_menu .menu_nav > .nav_menu_item > a.mainlink {
    padding: 1.5em 10px 0em 10px;
}
#navigation_menu .menu_nav > .nav_menu_item.no_subnav > a.linkbutton {
    margin: 1.5em 0px 0.4em 20px;
}
#navigation_menu .menu_nav > .nav_search.nav_menu_item {
    float: right;
    margin-top: 1.0em;
}
#navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:hover, #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a:focus, #navigation_menu .menu_nav > .nav_menu_item > a.mainlink:hover, #navigation_menu .menu_nav > .nav_menu_item > a.mainlink:focus {
    color: #c11c1c !important;
}
#navigation_menu .menu_nav > .nav_menu_item.no_subnav > a.linkbutton:hover, #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a.linkbutton:focus {
    color: #FFF !important;
}

.highlight .content .words {
    padding: 3% 0 3% 0;
}
.highlight>.content>.words>.padding a {
    text-decoration: none;
}
.highlight>.content>.words>.padding a:hover {
    text-decoration: underline;
    font-weight: 700;
}
.highlight>.content>.words>.padding h2 {
    font-size: 1.7em;
}
.highlight>.content>.imgright .caption {
    line-height: 1.0em;
    padding: 0 0 0 20px;
}

.subtitle {
    line-height: 1.0em;
}

.events ul.hpevents li .eventtext .subtitle { color: #6e3939 !important; }

body#events .events ul.hpevents li .eventtext .subtitle {
    font-family: "Work Sans", Arial, sans-serif;
    margin: 0;
    padding: 0px;
    position: relative !important;
    top: unset;
    right: unset;
    font-size: 1.1em !important;
    display: block;
}

footer .content #footercontent .footercol .imgshell {
    width: 80% !important;
}

body#home .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell, .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter {
    position: relative;
    width: 100%;
    height: auto;
    display: block;
    overflow: hidden;
    margin: 0;
    border-radius: 50%;
    max-height: 220px;
}
body#home .words .padding .events ul.hpevents {
    background: transparent;
}
body#home .words .padding .events ul.hpevents li {
    background: #FFF;
}
body#home .words .padding .events ul.hpevents li .eventpic {
    max-height: 110px;
}
body#home .words .padding .events ul.hpevents li .dateday .date {
    background: #6e3939;
}

body#events .events ul.hpevents li .eventpic {
    max-height: 110px;
}
body#events .events ul.hpevents li .dateday .date {
    background: #6e3939;
}

body#faculty .threecol>.content>.words>.multibuttons>ul>li>.multimgshell {
	border-radius: 50% !important;
	max-height: 300px;
}


.threecol.bgwhite>.content>.words>.multibuttons>ul>li>.multimgshell {
	border-radius: 50% !important;
	max-height: 300px;
}

#navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
    visibility: hidden
}
/* ---------------------------- MEGA SCREEN DISPLAY STYLES ------------------------ */

@media only screen and (min-width: 1201px) and (max-width: 3000px) {

#navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
    visibility: hidden
}
}


/* ---------------------------- LARGE SCREEN DISPLAY STYLES ------------------------ */

@media only screen and (min-width: 1400px) and (max-width: 1835px) {
#navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
    visibility: hidden
}

}


/* ---------------------------- DESKTOP STYLES ------------------------ */

@media only screen and (min-width: 1200px) and (max-width: 1401px) {

#navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
    visibility: hidden
}
}


/* ---------------------------- LAPTOP STYLES ------------------------ */

@media only screen and (min-width: 1001px) and (max-width: 1201px) {
#navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
    visibility: hidden
}	
	
}

/* ---------------------------- TABLET STYLES ------------------------ */

@media only screen and (min-width: 701px) and (max-width: 1000px) {
	
#navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
    visibility: visible;
}
    #navigation_menu .logo-head a {
        position: relative;
        top: 0;
        display: block;
        font-size: 0px;
        /* width: 50%; */
        height: 50px;
        margin: 0 0 10px 0;
        padding: 0 0 0 0;
        text-indent: -9999px;
        color: #222 !important;
        text-decoration: none;
        outline: none;
        z-index: inherit;
        background-image: url(https://www.bard.edu/conservatory/images/bcom-logo.png) !important;
        background-size: 100px auto;
        background-repeat: no-repeat;
        background-position: left top;
    }

    #navigation_menu li.bcomlogo { visibility: hidden;}
}

/* ---------------------------- MOBILE STYLES ------------------------- */
@media screen and (max-width: 700px) {

    body#home .words .padding .events ul.hpevents li .eventpic {
        max-height: 100%;
    }
    body#home .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell, .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter {
        border-radius: 50%;
        max-height: 400px;
    }
    body#home .biography .content, .highlight .content, .subhead .content, .text .content {
        width: 90% !important;
    }
    
    .pr-news .pr-columns {
        width: 100%;
    }
    #navigation_menu.nav2:not(.mobile) .nav_menu_toggle {
        visibility: visible;
    }
    #navigation_menu li.bcomlogo { visibility: hidden;}

    #navigation_menu .logo-head {
        width: 400px;
    }
    #navigation_menu .logo-head a {
        position: relative;
        top: 0;
        display: block;
        font-size: 0px;
        width: 90% !important;
        height: 100px !important;
        margin: 0 0 10px 0;
        padding: 0 0 0 0;
        text-indent: -9999px;
        color: #222 !important;
        text-decoration: none;
        outline: none;
        z-index: inherit;
        background-image: url(https://www.bard.edu/conservatory/images/bcom-logo.png) !important;
        background-size: 300px auto !important;
        background-repeat: no-repeat;
        background-position: left top;
    }
    #introshell {
        margin: 10px 0 0 0;
    }
    #navigation_menu li.bcomlogo {
        visibility: hidden !important;
        display: none !important;
    }
    #navigation_menu .menu_nav_container {
        margin-top: 100px;
    }
    #navigation_menu .menu_nav > li.first {
        margin: 0 0px 0 0 !important;
    }
     #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a, #navigation_menu .menu_nav > .nav_menu_item > a.mainlink {
        padding: 0.5em 10px 0.5em 10px;
    }
    #navigation_menu .navigation_submenu a {
        margin-bottom: 0.5em;
    }
    #navigation_menu .menu_nav > .nav_menu_item.no_subnav > a.linkbutton {
        margin: 0.5em 0px 0.4em 0px;
    }
    #navigation_menu .menu_nav > .nav_search.nav_menu_item {
        float: right;
        margin-top: 0em;
        border: none !important;
    }
}

/* ---------------------------- MINI MOBILE STYLES ------------------------- */
@media screen and (max-width: 400px) {
	
	
}