@charset "UTF-8"; /* CSS Document */

nav#subnavigation_menus.grad {display:none;}
#subnavigation_menu .menu_nav > .nav_menu_item a.linkbox {margin: 0.4em 5px 0em 5px !important;}

body {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 400 !important;}
h1, h2 {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 600 !important; text-transform: none !important; letter-spacing: 0px !important;}
body a:link, body a:visited {color: #be0606;}
.caption {margin: 15px auto;text-align: left;}
strong {font-weight: 600;}
.subtitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;color: #be0606;margin: 10px 0px 5px 0px;padding: 0px;font-size: 1.3em;font-weight: 600;}
.words {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 400 !important;}
.intro {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 400 !important;}
.linktitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 600 !important; text-transform: none !important;}
.pagetitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 600 !important;}
#introshell .introtype {height: 150px;}
h1.pagetitle {text-align: center;}

.cms-subtitle1 { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;color:#be0606; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.2em; font-weight: 600 !important; text-transform: none; }
.cms-subtitle2 { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;color:#222222; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.1em; font-weight: 600 !important; }
.cms-subtitle3 { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;color:#be0606; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.0em; font-weight: 600 !important; }
.cms-caption { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;}

.cms-button { font-size:1.1em; font-weight: 600 !important; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 0 0 20px 0; padding: 10px 0px; color: #FFF; background: #be0606; border-radius: 0px; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; text-transform: none !important; letter-spacing: 0px !important;}
.cms-button a { color: #FFF; text-decoration: none; }
.cms-button a:link, .cms-button a:visited { color: #FFF; text-decoration: none; background:#be0606; padding: 8px 10px; transition: 0.8s ease;}
.cms-button a:hover, .cms-button a:active { color: #FFF; text-decoration: none; background: #f70707; padding: 8px 10px; opacity: 1 }
a .cms-button { font-size:1.1em; font-weight: 600; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 0 0 20px 0; padding: 10px 0px; color: #FFF; background: #be0606; border-radius: 0px; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; text-transform: none !important; letter-spacing: 0px !important; }
a:link .cms-button, a:visited .cms-button  { color: #FFF; text-decoration: none; background:#be0606; padding: 8px 10px; transition: 0.8s ease;}
a:hover .cms-button, a:active .cms-button { color: #FFF; text-decoration: none; background: #f70707; padding: 8px 10px; opacity: 1 }

/* button styles */
.ctabutton { display: inline-block; width: auto; height: auto; margin: 5px 5px 20px 0px; padding: 0px; background: #be0606; border: none; border-radius: 0; color: #FFF; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; font-size:1.0em; line-height: 1.0em; text-transform: none !important; letter-spacing: 0px !important; font-weight: 400;}
.ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none; background:#be0606; padding: 8px 10px; transition: 0.8s ease;}
.ctabutton a:hover, .ctabutton a:active { color: #FFF; text-decoration: none; background: #f70707; padding: 8px 10px; opacity: 1 }

button.modal-open { font-size: 1.1em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; background: #be0606; border: none; border-radius: 0; color: #FFF; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: normal; line-height: 1.0em; text-transform: none !important; letter-spacing: 0px !important; font-weight: 600 !important;}
button.modal-open:link, button.modal-open:visited { color: #FFF; text-decoration: none; background:#be0606; padding: 10px 12px; transition: 0.8s ease;}
button.modal-open:hover, button.modal-open:active { color: #FFF; text-decoration: none; background: #f70707; padding: 10px 12px; opacity: 1;}

/* modal button styles */
.ctabutton>button.modal-open { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 0px; background: #be0606; border: none; border-radius: 0; color: #FFF; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-size: 1.1em; line-height: 1.0em; text-transform: none !important; letter-spacing: 0px !important; font-weight: 600 !important;}
.ctabutton>button.modal-open { color: #FFF; text-decoration: none; background:#be0606; padding: 10px 12px !important; transition: 0.8s ease; }
.ctabutton>button.modal-open:hover, .ctabutton>button.modal-open:active { color: #FFF; text-decoration: none; background: #f70707; padding: 10px 12px; opacity: 1;}

#introshell .introtype .subtitle { width: 80%; margin: 0 auto; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 600 !important; color: #be0606; margin-top: 20px; }
#introshell>#title { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;margin: 25px auto; padding: 10px 0; max-width: 1200px; }
#introshell>#title>h1.pagetitle { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;padding: 0px; margin: 0px auto 0px auto; text-transform: none; text-align: left; color: #222;font-weight: 600 !important; }
#introshell .image .introbox h1 {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;}
#introshell .image .introbox .subtitle {padding: 0 0 1% 0;font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;font-size: 1.6em;}
#introtext {padding: 0% 3%;}
#introtext .intro {position:relative; width: 94%; margin: 20px auto 0 auto; padding: 3%;text-align: left;font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;font-weight: 600 !important;font-size: 1.1em;line-height: 2.0em; letter-spacing:-0.5px;}

#introshell>.sitetitle>.sitelogo {position: relative; top: 0; margin: 0px auto; padding: 8%; height: 130px; width: auto !important; display: block; max-width: 200px; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; color: #FFF; font-weight: lighter; font-size: 1.5em; line-height: 1em; background: url(https://www.bard.edu/images/tints/80black.png) repeat; overflow: hidden; }
#introshell>.sitetitle>.sitelogo img {margin: 0px auto; padding: 0px; z-index: 1001; height: auto; width: 100%; }

h1.pagetitle {font-family: "Work Sans", Arial, sans-serif !important;font-weight: 600 !important;color: #222;font-size: 2.8em;line-height: 40px;margin: 0px 0px 10px 0px;z-index: 2000;}

#photocluster .content .cluster .clustimg .clusttext {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; text-shadow: #222 }

.billboard>.content>.words>.padding {position: relative;text-align: left;width: 40%; padding-left:30%; margin: 0 auto;color: #FFF;}
.billboard>.content>.words>.padding>h2 {color: #FFF;font-size: 2.5em;font-family: "Work Sans", Arial, sans-serif !important;text-shadow: 2px 2px 2px #000}
.billboard>.content>.words>.padding>.subtitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif;color: #be0606;margin: 10px 0px 5px 0px;padding: 0px;font-size: 1.2em;font-weight: 600 !important;}

.biography {margin: 30px auto;}
.biography>.content>.words>.multibuttons .linktitle { position: relative; margin: 5px; padding: 0px 15px; width: auto; background: #be0606; display: inline-block; line-height: 25px;}
.biography>.content>.words>.padding>h2 {font-weight: bold; text-transform: none; letter-spacing: 0px; font-size: 1.5em; padding: 0; margin: 0; line-height: 1em;}

.biography>.content>.words>.padding .imgshell { position: relative;width:30%;height:auto;float:left;display:inline;margin: 0 10px 10px 0;padding:0;}
.biography>.content>.words>.padding>.ctabutton>button.modal-open { padding: 8px 10px; }

.callout .content .words .multibuttons ul li .multitext .linktitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;}
.callout .content .words .multibuttons ul li .multitext .linktitle a {text-transform: none;letter-spacing: 0px;font-size: 0.9em;}
.callout h2 {font-size: 1.3em;}
	
.expandbars {display: block;width: 65%;max-width: 960px;margin: 10px auto 10px auto;padding: 5px 15px 0px 15px;border-top: 1px solid #CCC;border-bottom: none;background-color: #FFF;}
.expandbars .ctabutton button.modal-open {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; color: #be0606;font-weight: 600 !important;}

.faqs .content .words .multibuttons ul li .ctabutton button.modal-open {color: #666;font-size: 1.0em;}

/* zoom image on hover */
.highlight>.content>.imgright img,
.highlight>.content>.imgshell img, 
.highlight>.content>.imgleft img {transition: transform 2s ease;}
.highlight>.content>.imgright:hover img,
.highlight>.content>.imgshell:hover img,
.highlight>.content>.imgleft:hover img {transform: scale(1.1);}

.prnews-newscols3x .prnews-col .newsimg img {transition: transform 1.2s ease;}
.prnews-newscols3x .prnews-col .newsimg:hover img {transform: scale(1.1);}

.section>.content>.words>.padding>h2 {letter-spacing: 0px !important;}

.subhead>.content>.words>.padding>h2 {font-size: 1.3em;}
	
.threecol>.content>.words>.multibuttons>ul>li>.multimgleft img, 
.threecol>.content>.words>.multibuttons>ul>li>.multimgright img, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter img, .threecol>.content>.words>.multibuttons>ul>li>.multimgshell img {transition: transform 1.2s ease;}
.threecol>.content>.words>.multibuttons>ul>li>.multimgleft:hover img, .threecol>.content>.words>.multibuttons>ul>li>.multimgright:hover img, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter:hover img, .threecol>.content>.words>.multibuttons>ul>li>.multimgshell:hover img {transform: scale(1.1);}
.threecolw>.content>.words>.multibuttons>ul>li>.multimgleft img, .threecolw>.content>.words>.multibuttons>ul>li>.multimgright img, .threecolw>.content>.words>.multibuttons>ul>li>.multimgcenter img, .threecolw>.content>.words>.multibuttons>ul>li>.multimgshell img {transition: transform 1.2s ease;}
.threecolw>.content>.words>.multibuttons>ul>li>.multimgleft:hover img, .threecolw>.content>.words>.multibuttons>ul>li>.multimgright:hover img, .threecolw>.content>.words>.multibuttons>ul>li>.multimgcenter:hover img, .threecolw>.content>.words>.multibuttons>ul>li>.multimgshell:hover img {transform: scale(1.1);}

.twocolw>.content>.words>.multibuttons>ul>li>.multitext .cms-button {padding: 0px;}

footer .content #footercontent .imgshell { height: auto !important; width: 100px !important; margin: 0px; padding: 0;}
footer .footercol img { position: relative; width: 100%; height: auto !important; }

/* PR 2022 Newsroom Columns Styles */

.pr-newscols .pr-highlights { position: relative; width: 60%; height: auto !important; padding: 0; margin: 20px 0; display: table-cell; vertical-align: top; }
.pr-newscols .pr-highlights .pr-highcol { position: relative; width: 41%; height: auto !important; padding: 0 9% 0 0; margin: 0; display: table-cell; vertical-align: top; }
.pr-newscols .pr-highlights .pr-highcol .highimg { position: relative; width: 98%; height: auto !important; max-height: 310px; overflow: hidden; padding: 0; margin: 0; display: block; }
.pr-newscols .pr-highlights .pr-highcol .highimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.pr-newscols .pr-highlights .pr-highcol .highimg a { display: block; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0; z-index: 100;}
.pr-newscols .pr-highlights .pr-highcol .hightext { position: relative; width: 98%; height: auto !important; padding: 1%; margin: 0 auto; display: block; line-height: 1.8em; }
.pr-newscols .pr-highlights .pr-highcol .hightext h2 { color: #222; font-size: 1.2em; }
.pr-newscols .pr-highlights .pr-highcol .hightext h2 a { color: #222; text-decoration: none; }
.pr-newscols .pr-highlights .pr-highcol .hightext h2 a:hover { color: #222; text-decoration: underline; }
.pr-newscols .pr-highlights .pr-videocol { position: relative; width: 90%; height: auto !important; padding: 0; margin: 0 auto; display: block; vertical-align: top; }
.pr-newscols .pr-highlights .pr-videocol iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0 auto; display: block; }
.pr-newscols .pr-highlights .pr-videocol .hightext h2 { color: #222; font-size: 1.2em; }

.pr-newscols .pr-newslist { position: relative; width: 31%; height: auto !important; padding: 3%; margin: 20px 0; display: table-cell; vertical-align: top; background: #ededed; }
.pr-newscols .pr-newslist .pr-listcol { position: relative; width: 100%; height: auto !important; padding: 0; margin: 0 0 20px 0; display: block; }

/* PR 2022 Newsroom Feature Styles */
.pr-news .pr-feature { position: relative; width: 100%; height: auto !important; background: #f6f6f6; padding: 0; margin: 20px 0; display: table; }
.pr-news .pr-feature .pr-featcol { position: relative; width: 100%; max-width: 1200px; height: auto !important; padding: 50px; margin: 0 auto; }
.pr-news .pr-feature .pr-featcol .featimg { position: relative; width: 60%; height: auto !important; padding: 0; margin: 0; float: left;  display: table-cell;}
.pr-news .pr-feature .pr-featcol .featimg .featemb { position: absolute; top: 0; width: 100% !important; height: auto !important; padding: 0px; margin: 0; z-index: 1001; background: #f6f6f6;}
.pr-news .pr-feature .pr-featcol .featimg .featemb iframe { position:relative; width: 100%; height: 100%; min-height: 450px; padding: 0px; margin: 0; z-index: 1001; }
.pr-news .pr-feature .pr-featcol .featimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; z-index: 1000;}
.pr-news .pr-feature .pr-featcol .feattext { position: relative; width: 35%; height: auto !important; padding: 0 2% 2% 2%; margin: 0; float: left;  display: table-cell; line-height: 2em;}
.pr-news .pr-feature .pr-featcol .feattext h2 { line-height: 1.3em; margin: 0; padding: 0;}
.pr-news .pr-feature .pr-featcol .feattext p { line-height: 1.8em; margin: 0; padding: 0;}

/* PR 2022 Newsroom 3 Column Styles */
.pr-news .pr-columns {position: relative; display: table; width: 100%; max-width: 1100px; overflow: visible; margin: 0 auto;}
.pr-news .pr-columns .pr-newscols { position: relative; height: auto !important; padding: 0 2% 0 0; margin: 0; display: table-cell; vertical-align: top; width: 31%; }
.pr-news .pr-columns .pr-newscols .newsimg { position: relative; width: 98%; height: auto !important; max-height: 310px; overflow: hidden; padding: 0; margin: 0; display: block; }
.pr-news .pr-columns .pr-newscols .newsimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.pr-news .pr-columns .pr-newscols .newsimg a { display: block; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0; z-index: 100;}
.pr-news .pr-columns .pr-newscols .newstext h2 { color: #222; font-size: 1.2em; }
.pr-news .pr-columns .pr-newscols .newstext h2 a { color: #222; text-decoration: none; }
.pr-news .pr-columns .pr-newscols .newstext h2 a:hover { color: #222; text-decoration: underline; }
.pr-news .pr-columns .pr-newscols iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0 auto; display: block; }
.pr-news .pr-columns .pr-newscols .newstext h2 { color: #222; font-size: 1.2em; } 
.pr-news .pr-columns .pr-newscols .pr-morenews { position: relative; width: 95%; height: auto !important; padding: 2.5%; margin: 0; display: block; vertical-align: top; background: #ededed;}

.pr-news .pr-columns .prnews-col .newstext { position: relative; width: 98%; height: auto !important; padding: 1%; margin: 0 auto; display: block; line-height: 1.8em; }
	
/* ---------- Button Fixes -------- */
.twocol>.content>.words>.multibuttons>ul>li>.multitext .cms-button {padding: 10px 0px;}
.highlight>.content>.words>.padding>.ctabutton {padding: 10px 0px;}

@media screen and (max-width: 700px) {
    #introshell>.sitetitle {
        position: absolute !important;
        top: 0px !important;
        left: 0% !important;
        width: 100% !important;
        height: auto !important;
        overflow: visible !important;
        float: none;
        margin: 0;
        padding: 0;
        z-index: 1001;
    }
    #introshell>.sitetitle>.sitelogo {
        position: relative;
        top: 0;
        margin: 0px;
        padding: 2%;
        height: auto !important;
        width: auto !important;
        display: block;
        max-width: 125px;
        background: #000 repeat;
        overflow: hidden;
    }
    #introshell .image .introbox {
        position: relative;
        right: 0%;
        bottom: 0%;
        width: 100%;
        background: #FFF repeat;
    }
    #introshell .image .introbox h1 {
        font-size: 2.5em;
        margin: 10px 5px 0px 19px;
        color: #000;
    }
    #introtext {
        position: relative;
        width: 100%;
        margin: 30px auto;
        padding: 0px;
        font-size: 1.1em;
        line-height: 1.5em;
        max-width: 93%;
    }
}