/*
Styles for ODAA Alumni, Families, and Giving Sites
*/


#feeds ul li { list-style: none; display: block; padding-bottom: 0px; border-bottom:none; margin-bottom: 0px; }

nav.about { display: none; }
nav.campus { display: none; }

body { }

body {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-weight: 400;}
h1, h2 {font-family: "Work Sans", Arial, sans-serif !important; font-weight: 700;}
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;color: #be0606;margin: 10px 0px 5px 0px;padding: 0px;font-size: 1.1em;font-weight: 600;}

#navigation_menu.mobile .logo-head {position: absolute;top: 10px; right: 50px !important;margin: 0;display: block;width: 200px;}


/* CMS Styles */
.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: 700; 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: 700; }
.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: 700; }
.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; 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; letter-spacing: 0px; }
.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; letter-spacing: 0px; }
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 }*/

/* animate on load */
.oho-animate{-webkit-transition:opacity 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms,-webkit-transform 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms;transition:opacity 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms,-webkit-transform 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms;transition:opacity 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms,transform 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms;transition:opacity 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms,transform 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms,-webkit-transform 550ms cubic-bezier(0.42,0.08,0.06,0.98) 250ms;-webkit-transform:none;transform:none;opacity:1}
.oho-animate--ready{-webkit-transition:none;transition:none}
.oho-animate--ready.fade-in,.oho-animate--out.fade-in{opacity:0}
.oho-animate--ready.fade-in-big,.oho-animate--out.fade-in-big{-webkit-transform:scale(0.5);transform:scale(0.5);-webkit-transform-origin:center;transform-origin:center;opacity:0}
.oho-animate--ready.fade-in-up,.oho-animate--out.fade-in-up{-webkit-transform:translateY(5rem);transform:translateY(5rem);opacity:0}
.oho-animate--ready.fade-in-right,.oho-animate--out.fade-in-right{-webkit-transform:translateX(5rem);transform:translateX(5rem);opacity:0}
.oho-animate--ready.fade-in-down,.oho-animate--out.fade-in-down{-webkit-transform:translateY(-5rem);transform:translateY(-5rem);opacity:0}
.oho-animate--ready.fade-in-left,.oho-animate--out.fade-in-left{-webkit-transform:translateX(-5rem);transform:translateX(-5rem);opacity:0}

.modal-content .imgshell {width:20%;height: auto;display:inline;float:left;margin-right: 10px; }
.modal-content .imgshell img {width:100%;height: auto;}

header.fixed {position: fixed;width: 100%; top: 0; z-index:9999; border-bottom: 1px solid #999; height: 100px; }
header .container .logo { position: absolute; top: 0; left: 10%; display: block; box-sizing: border-box; list-style: none; margin: 0 0 20px 0; padding: 10px 0 0 0; width: 220px; height: 65px !important; float: left; color: #222222 !important; z-index: 1002; }
    body.giving header .container .logo { padding: 0 0 0 0; }
header .container .logo a { position: relative; display: block; font-size: 0px; width: 220px; height: 65px !important; margin: 0 10px 0 0; padding: 0 0 0 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://www.bard.edu/about/alumni/images/logo-circle.png) !important; background-size: 90px 90px !important; background-repeat: no-repeat !important; background-position: left top !important; }
header .container .logo a img { position: relative; display: block; font-size: 0px; width: 220px; height: 65px !important;}
header .container .logo a:hover, #navigation_menu .menu_nav > .logo a:active { background: transparent; }
header .container .givelogo { position: absolute; top: 10px; right: 10%; margin: 0; padding: 0; width: 80px; height: 80px !important; z-index: 999; }

main {top: 0px;}

/*.pr-news {position: relative; display: block; width: 100%; max-width: 1000px; overflow: visible; margin: 0 auto;}
.pr-news .pr-columns {position: relative; display: block; width: 100%; max-width: 1000px; overflow: visible; margin: 0 auto;}
.pr-news .pr-columns .pr-newscols { position: relative; height: auto !important; padding: 0 2% 0 0; margin: 0; display: inline; vertical-align: top; width: 31%; float: left;}
.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: 90%; height: auto !important; padding: 5%; margin: 0; display: block; vertical-align: top; background: #ededed;}*/

#introshell { position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 80px 0 0px 0 !important; padding: 0 0 20px 0; }
#introshell .introtype { position:relative; text-align: left; margin: 0px auto 0 auto; padding: 0 3%;min-height: 70px; }
#introshell .introtype #title { position:relative; margin: 30px auto 0 auto; padding: 0;}
#introshell .introtype .subtitle { 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: 700; }
#introshell>.sitetitle { position: absolute; top: 10px; left: 5%; width: auto; max-width: 1200px; height: 50px;overflow: hidden; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell .image .introbox {position: absolute;right: 30%;bottom: 0%;background: /*url(https://www.bard.edu/images/tints/80black.png) repeat*/ none;width: 50%;}
#introshell .image .introbox h1 {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-size: 3.0em; }
#introtext .ctabutton {background: #be0606; font-size: 1.0em;}
#introshell .image .introbox h1 {margin: 20px 0 10px 20px;}
#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; margin: 20px 0 10px 20px;}
#introtext {position: relative;display: block; margin: 0px auto; font-size: 1.1em; text-align: left; font-weight: 500;}
#introtext .intro {position:relative; margin: 20px auto 0 auto; padding: 0;text-align: left;font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;font-weight: 500;font-size: 1.1em;line-height: 2.0em; letter-spacing:-0.5px;}
#introtext button.modal-open {background: #be0606;}
#introtext button.modal-open {font-size: 1.0em; line-height: 1.0em; }
#introtext .intro .cms-subtitle1 { font-family: "Work Sans", Trebuchet, Helvetica, Arial, sans-serif !important; font-weight: 800; color: #222; font-size: 2.8em; line-height: 1.2em; margin: 0px 0px 10px 0px; z-index: 2000; }


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

#introshell>.image>.sitetitle>.sitelogo {
    position: relative;
    top: 0;
    margin: 0;
    padding: 0;
    height: auto;
    width: auto !important;
    display: block;
    max-width: 30%;
    background: transparent;
    overflow: hidden;
}

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


/*.faqs .content .words .multibuttons {background: #FFFFFF;}
.faqs .content .words .multibuttons ul {margin: 0;padding: 0;list-style: none;display: block;overflow: visible;border: none;}
.faqs .content .words .multibuttons ul li .multitext {margin: 0; padding: 0;}
.faqs .content .words .multibuttons ul li {position: relative;width: 96%;margin: 15px 0;padding: 2.5%;list-style: none;border-bottom: none;font-size: 1.0em;line-height: 1.0em; background: #f6f6f6;white-space: normal;text-align: left; }
.faqs .content .words .multibuttons ul li .multimgshell,
.faqs .content .words .multibuttons ul li .multimgleft,
.faqs .content .words .multibuttons ul li .multimgright,
.faqs .content .words .multibuttons ul li .multimgcenter {position: relative;float: left;display: inline;width: 7.5%;height: auto;margin-top: 0;padding-top: 0;top: -18px;padding-right: 0px;left: -18px;}
.faqs .content .words .multibuttons ul li .multimgshell img,
.faqs .content .words .multibuttons ul li .multimgleft img,
.faqs .content .words .multibuttons ul li .multimgright img,
.faqs .content .words .multibuttons ul li .multimgcenter img {postion:relative;width:100%; height:auto;padding:0;margin:0;}
.faqs .content .words .multibuttons ul li .multitext .linktitle {font-family: "Work Sans", Arial, sans-serif;text-align: left;font-size:1.2em;line-height: 1.1em;font-weight:700;}
.faqs .content .words .multibuttons ul li .ctabutton {position: relative;float: none;margin: 0;padding: 0;background: #f6f6f6;color: #be0606;text-transform: none;letter-spacing: 0px;text-align: left;line-height: 1.0em; }
.faqs .content .words .multibuttons ul li .ctabutton button.modal-open {float: left;padding: 0px 0 0 0; background: #f6f6f6; color: #be0606;font-size: 1.1em;font-weight:700;text-transform: none;letter-spacing: 0px;text-align: left;line-height: 1.0em;margin: 0;}*/

.modal-content .multimgleft {width: 30%; display: inline; float: left; margin: 0 15px 15px 0;}
.modal-content .multimgleft img {postion:relative;width:100%; height:auto;padding:0;margin:0;}
.modal-content .multimgright {width: 30%; display: inline; float: right; margin: 0 0 15px 15px;}
.modal-content .multimgright img {postion:relative;width:100%; height:auto;padding:0;margin:0;}

.fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 21%; display:table-cell; float: left; margin: 1%; padding-right: 1%;text-align: left; min-height: 100px; color: #222; border-right: 1px solid #222;}
.fourcol .cms-subtitle3 { font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; color: #be0606; font-size: 1.0em; text-transform: uppercase;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-size: 1.2em; text-align: left; color:#222;font-weight:700; margin: 10px auto 5px auto;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none; color: #222;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFF; text-decoration: none; font-weight: 800; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 1.1em; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;}
.fourcol>.content>.words>.padding>h2 {font-family: "Work Sans", Arial, sans-serif !important;font-weight: 800;text-transform: none;letter-spacing: 0px;text-align: left;color: #222;font-size: 1.8em;padding: 0;margin: 20px 0px 5px 0px;line-height: 1em;}
body#home .fourcol h2 {font-size: 1.8em;}

/*.highlight>.content>.words {position: relative;display: table-cell;text-align: left;width: 45%;max-width: 100%;min-height: 800px;margin: 0;padding: 0;background: #ededed;}
.highlight>.content>.words>.padding h2 {font-size: 1.8em; font-weight:800;}
.spotlight>.content>.words>.padding {position: relative;width: 90%;height: auto;overflow: visible;margin: 0px 5%;padding: 0%;text-align: left;color: #FFF;}*/
.highlight .content .embshell {background: #FFFFFF;}

/* 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);}

.highlight>.content>.words>.padding>.ctabutton {padding: 0;}
.highlight>.content>.words>.padding p {line-height: 2.2em;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open {padding: 8px 10px;}

/*.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;font-size: 1.2em;text-align: left;color: #FFF;font-weight: 700;margin: 0px;padding: 0;text-transform: none;}*/

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

/* added as margin fix 08/13/2025 */
.textbox>.content>.words>.padding {position: relative;display: block;width: 100%;max-width:1000px;height: 100%;margin: 30px auto;padding: 0;overflow: visible;}

.biography>.content>.words>.padding {position: relative;display: block;width: 100%;max-width:1000px;height: 100%;margin: 30px auto;padding: 0;overflow: visible;}
/* end of fix */

.textbox>.content>.words>.padding>.ctabutton {
    margin-bottom: 30px;
    padding: 5px 10px;
}

.subhead>.content>.words>.padding>h2 {text-transform: none; padding: 0;letter-spacing: 0px; font-size: 1.8em;}
.subhead>.content p {position: relative;display: block;width: 100%;background: #ffffff;margin: 0;padding: 0;}
.subhead>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;padding: 8px 15px;}
.subhead>.content>.words>.multibuttons ul li>.multitext>.linktitle a {color: #222;text-decoration: none;text-transform: none;letter-spacing: 0px;font-size: 1em;font-weight: 400;}
.subhead>.content>.words>.padding .subtitle {font-size: 1.05em;line-height: 1.5em;font-weight: 400;margin: 0;color: #333;}
.subhead>.content>.words>.padding>.ctabutton {position: relative;display: inline-block;text-align: center; background:#FFFFFF;color: #222222; border: 1px solid #CCCCCC;}
.subhead>.content>.words>.padding>.ctabutton>button.modal-open {background: #FFFFFF;color: #222222; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;font-size: 1.0em;text-transform: none !important;letter-spacing: 0px !important;font-weight: 600;}


.text .content .words .padding .subtitle {font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important;color: #be0606;margin: 20px 0px;padding: 0px;font-size: 1.3em;font-weight: 800;}


/* start Events styles */
.events { position: relative; width:80%; margin: 20px auto 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; flex-flow: row; /*display: table !important; table-layout: fixed; border-collapse: collapse;*/ margin: 0 auto; padding: 0; height: auto; border-left: 1px solid #222;}
.events ul.hpevents li { position: relative; list-style: none; width: calc(100% / 4) !important; display: flex !important; /*display: table-cell !important;*/ border-right: 1px solid #222; border-left: none; border-top: none; border-bottom: none; padding: 2%; vertical-align: top; word-wrap: break-word;}
.events ul.hpevents li .eventtext .eventdate {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 1.1em; color: #222; font-weight: 800; }
.events ul.hpevents li .eventtext .eventtype {position: relative; display: block; float: none; padding: 0; margin: 00; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #be0606;}
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.9em; padding: 20px;  }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}

.events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.3em; font-size: 1.8em; text-transform: none; letter-spacing: 0px; font-weight: 800; margin: 8px 0; }
body#home .section {margin-top: 0; }

footer { background: #000; color: #FFF !important; }
footer .content {
    position: relative;
    width: 100%;
    max-width: 1000px;
    padding: 20px 0px;
    margin: 0 auto;
    background: #000;
    display: table;
    height: auto;
    color: #FFF;
}

footer .content #footercontact { position: relative; width: 20% !important; display: table-cell; margin: 0; padding: 0; color: #FFF !important; vertical-align: top; }
footer .content #footercontact .imgshell {position: relative;display: inline; float: left; width: auto !important;height: 60px !important;margin: 0 10px 0 0;padding: 0; color: #FFF !important; top: 0; }
footer .content #footercontact .imgshell img {position: relative;width: 100%;height: auto;padding:0;margin:0;}
footer .imgshell img {position: relative;width: 100%;height: auto; padding:0;margin:0;}

footer .content #footercontent {position: relative;width: 70% !important;display: table-cell;margin: 0 10px;padding: 0 10px; border-left: 1px solid #CCC; color: #FFF !important;}
footer .content #footercontent .footercol { max-width: 50% !important;}
footer .footercol {position: relative; display: inline; float: left;width: auto;max-width: 50%;margin: 0px 20px 0px 0px;padding: 0px;/* border-left: 1px solid #CCC; */ color: #FFF !important;}
footer .content #footercontent .imgshell {width: 80px !important;height: auto !important;margin: 0px;padding: 0;}
footer .footercol img {position: relative;width: 100%;height: auto;padding:0;margin:0;}

footer .content a:link, footer .content a:visited {
    color: #FFF;
    text-decoration: none;
    border-bottom: none;
}
footer .content a:active, footer .content a:hover {
    color: #FFF;
    text-decoration: underline;
    border-bottom: none;
}

body#newsroom #hppr .hpprfeed { position: relative; width: 25%; padding: 0%; display: table-cell; float: left; }
body#newsroom #hppr .hpprevents { position: relative; width: 100%; padding: 0%; display: table-cell; float: left; }
body#newsroom #hppr .hpprevents>.hpcols {position: relative; width: 100%; padding: 3%; display: block; border: 1px solid #222; }
body#newsroom #hppr .hpprevents>.hpcols ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#newsroom #hppr .hpprevents>.hpcols ul.hpevents li {position: relative; display: table-cell; width: 22%;float: left;  padding: 0 1% 0 0; margin: 0 1% 0 0; list-style: none; border-right: 1px solid #ededed; min-height: 140px;}
body#newsroom #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#newsroom #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; color:#757575;}
body#newsroom #hppr>h2 , body#newsroom #hppr .subtitle, body#newsroom #hppr .hpprevents>h2 {color: #222;}
body#newsroom #hppr strong { font-weight: 600; }
body#newsroom #hppr .hpprevents li a:link, body#newsroom #hppr .hpprevents li a:visited { text-decoration: none; display:block; width: 100%; font-size: 1.1em; color: #be0606; clear: both; }
body#newsroom #hppr .hpprevents li a:active, body#newsroom #hppr .hpprevents li a:hover { text-decoration: underline;}
body#newsroom #hppr .hpprevents .hpcols ul.hpevents li button.modal-open { display: block; background: #fff; color: #ad1a1f; white-space: normal; text-align: left; line-height: 1.0em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 800; margin: 10px 0 10px 0;}

.cce-feature .cce-featcol .featimg button.modal-open {padding: 0; background: #FFFFFF;}
.cce-feature .cce-featcol .featimg button.modal-open:hover,
.cce-feature .cce-featcol .featimg button.modal-open:active {padding: 0; background: #FFFFFF;}
.cce-newscols .cce-highlights .cce-highcol .highimg button.modal-open {padding: 0;background: #FFFFFF; }
.cce-newscols .cce-highlights .cce-highcol .highimg button.modal-open:hover,
.cce-newscols .cce-highlights .cce-highcol .highimg button.modal-open:active {padding: 0;background: #FFFFFF; }

body#home #hppr .hpprfeed { position: relative; width: 25%; padding: 0%; display: table-cell; float: left; }
body#home #hppr .hpprevents { position: relative; width: 100%; padding: 0%; display: table-cell; float: left; }
body#home #hppr .hpprevents>.hpcols {position: relative; width: 94%; padding: 3%; display: block; border: 1px solid #222; }
body#home #hppr .hpprevents>.hpcols ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#home #hppr .hpprevents>.hpcols ul.hpevents li {position: relative; display: table-cell; width: 22%;float: left;  padding: 0 1% 0 0; margin: 0 1% 0 0; list-style: none; border-right: 1px solid #ededed; min-height: 140px; }
body#home #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; }
body#home #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; color:#757575;}
body#home #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}
body#home #hppr strong { font-weight: 600; }
body#home #hppr .hpprevents li a:link, body#home #hppr .hpprevents li a:visited { text-decoration: none; display:block; width: 100%; font-size: 1.1em; color: #be0606; clear: both; }
body#home #hppr .hpprevents li a:active, body#home #hppr .hpprevents li a:hover { text-decoration: underline;}
body#home #hppr .hpprevents .hpcols ul.hpevents li button.modal-open { display: block; background: #fff; color: #ad1a1f; white-space: normal; text-align: left; line-height: 1.0em; font-size: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 800; margin: 10px 0 10px 0; padding: 0;}
body#home #hppr .hpprevents .hpcols ul.hpevents li button.modal-open:hover,
body#home #hppr .hpprevents .hpcols ul.hpevents li button.modal-open:active { padding: 0;}

body#news .biography .content { width: 80%; margin: 0px auto; }
body#news .biography>.content>.words>.padding .imgshell { position: relative; width: 30%; height: auto; float: left; display: inline; margin: 0 10px 10px 0; padding: 0; }


body#weekend .subhead>.content {text-align: left;}

/* start Flex Events styles */
.events { position: relative; width:80%; margin: 20px auto 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; flex-flow: row; margin: 0 auto; padding: 0; height: auto; border-left: 1px solid #222;}
.events ul.hpevents li { position: relative; list-style: none; display: flex !important; flex-grow: 1; flex-basis: 0; border-right: 1px solid #222; border-left: none; border-top: none; border-bottom: none; padding: 2%; vertical-align: top; word-wrap: break-word;}
.events ul.hpevents li .eventtext .eventdate {position: relative; display: block; float: none; padding: 0; margin: 0; font-size: 1.1em; color: #222; font-weight: 800; }
.events ul.hpevents li .eventtext .eventtype {position: relative; display: block; float: none; padding: 0; margin: 00; font-size: 0.9em; text-transform: uppercase; letter-spacing: 1px; font-weight: 800; color: #b81b21;}
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.9em; padding: 20px; }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}

.events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.3em; font-size: 1.8em; text-transform: none; letter-spacing: 0px; font-weight: 800; margin: 8px 0; }
body#home .section {margin-top: 0; }


/* ---------------------------- Family Weekend STYLES ------------------------ */

body#weekend #introshell>.sitetitle {
	position: absolute !important;
	top: 25px !important;
	left: 5% !important;
	margin: 2px auto;
	padding: 0px;
	width: auto;
	max-width: 150px !important;
	height: auto !important;
	overflow: hidden !important;
	float: none;
	z-index: 1001;
}

body#weekend #introshell>.sitetitle>.sitelogo {
	position: relative;
	top: 0;
	margin: 0px;
	padding: 0;
	height: auto !important;
	width: auto !important;
	display: block;
	max-width: 100%;
	font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: lighter;
	font-size: 1.5em;
	line-height: 1em;
	background: none !important;
	overflow: hidden;
}

body#weekend #introshell>.sitetitle>.sitelogo a {
	display: block;
}

body#weekend #introshell>.sitetitle>.sitelogo img {
	margin: 0px;
	padding: 0px;
	z-index: 1001;
	height: auto;
	width: 100%;
}

/* ---------------------------- Reunion STYLES ------------------------ */

body#reunion #introshell>.image>.sitetitle {
	position: absolute !important;
	top: 25px !important;
	left: 5% !important;
	margin: 2px auto;
	padding: 0px;
	width: auto;
	max-width: 150px !important;
	height: auto !important;
	overflow: hidden !important;
	float: none;
	z-index: 1001;
}

body#reunion #introshell>.image>.sitetitle>.sitelogo {
	position: relative;
	top: 0;
	margin: 0px;
	padding: 0;
	height: auto !important;
	width: auto !important;
	display: block;
	max-width: 100%;
	font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: lighter;
	font-size: 1.5em;
	line-height: 1em;
	background: none !important;
	overflow: hidden;
}

body#reunion #introshell>.image>.sitetitle>.sitelogo a {
	display: block;
}

body#reunion #introshell>.image>.sitetitle>.sitelogo img {
	margin: 0px;
	padding: 0px;
	z-index: 1001;
	height: auto;
	width: 100%;
}

/* ---------------------------- Commencement STYLES ------------------------ */

body#commencement #introshell>.sitetitle {
	position: absolute !important;
	top: 25px !important;
	left: 5% !important;
	margin: 2px auto;
	padding: 0px;
	width: auto;
	max-width: 150px !important;
	height: auto !important;
	overflow: hidden !important;
	float: none;
	z-index: 1001;
}

body#commencement #introshell>.sitetitle>.sitelogo {
	position: relative;
	top: 0;
	margin: 0px;
	padding: 0;
	height: auto !important;
	width: auto !important;
	display: block;
	max-width: 100%;
	font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;
	color: #FFF;
	font-weight: lighter;
	font-size: 1.5em;
	line-height: 1em;
	background: none !important;
	overflow: hidden;
}

body#commencement #introshell>.sitetitle>.sitelogo a {
	display: block;
}

body#commencement #introshell>.sitetitle>.sitelogo img {
	margin: 0px;
	padding: 0px;
	z-index: 1001;
	height: auto;
	width: 100%;
}

/* top nav detail styles */
header.fixed { background: #FFF; }
header nav #topnav { position: relative; width: 100%; max-width: 1200px; color: transparent; z-index: 10000;  height: 15px; margin: 0px auto; padding: 0px;  }
header nav #topnav ul.topmenu { position: relative; display:block; width: auto; max-width: 50%; height: 15px; margin: 0 160px 0 0; padding: 0px; float: right; }
header nav #topnav ul.topmenu li.toplink { list-style: none; display: inline; margin: 0px; padding: 2px 10px; }
header nav #topnav ul.topmenu li.toplink a:link, header > nav > #topnav > ul.topmenu > li.toplink a:visited { font-size: 0.8em; color:#ad1a1f; text-decoration: none; font-weight: 600; }
header nav #topnav ul.topmenu li.toplink a:hover, header > nav > #topnav > ul.topmenu > li.toplink a:active { color:#ad1a1f; text-decoration: underline; }


/* Hide main nav items in desktop */
#navigation_menu .menu_nav .mob-only { display: none; }

/* Mobile(Responsive) */

/*@media only screen and (max-width: 940px) and (min-width: 640px) {

    .submenu_container > ul > li > a { padding: 8px 15px; font-size: 14px; }
.submenu_container > ul > li:hover > a { padding-left: 16px; }

}*/

@media only screen and (min-width: 1001px)  {



}

@media only screen and (min-width: 1001px) and (max-width: 1210px) {


}

@media only screen and (min-width: 901px) and (max-width: 1000px) {



}

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

@media only screen and (max-width: 1000px) {

	header > nav .logo { position: absolute; top: 0; left: 0 !important; display: block; box-sizing: border-box; list-style: none; margin: 0 0 20px 0; padding: 0; width: 140px; height: 135px; float: left; color: #222222 !important; z-index: 1002; }

	main { top: 0px; }

	#introshell .image .introbox {left: 5%;width: 95%;}
	#introshell .image .introbox .subtitle {line-height: 1.3em;}

	.events ul.hpevents { display: block !important; flex-flow: initial; }
	.events ul.hpevents li { display: block !important; border: none !important; }
	.events ul.hpevents li .date,
	.events ul.hpevents li .day,
	.events ul.hpevents li .eventtext { float: none;}

    /*header nav #topnav { display: none }*/
	#navigation_menu .menu_nav .mob-only { display: none; }

}

/* ---------------------------- Mobile ONLY  STYLES ------------------------ */

@media only screen and (max-width: 700px) {

    .modal-text-shell .modal-box { top: 50px; z-index: 10000; }

    header.fixed {background: #ffffff;}
	header .container .logo {left: 5%;}
	#navigation_menu .nav_menu_toggle { left: 8%; }

	.ctabutton>a:link, .ctabutton>a:visited {
    color: #FFF !important;
    text-decoration: none;
    background: #000000 !important;
    padding: 8px 10px;
    transition: 0.8s ease;
    line-height: 1.5em;
    display: block;
	}

    #introtext { padding: 0 !important; width: 100%; }
	#introtext .intro { width: 90%; margin: 0px auto 0 auto; padding: 0px 0;}
    #introshell { margin: 100px 0 0 0 !important; padding: 0 !important; }
    #introshell .image .introbox {left: unset; right: unset; bottom: unset; width: 90%; margin: 0 auto;}
    #introshell .introtype .subtitle {width: 100%;font-weight: 700;}
    #introshell .image { height: auto !important; }
	body#reunion #introshell > .sitetitle { top: 0px !important; }
	body#commencement #introshell > .sitetitle { top: 0px !important; }
    #introshell .image .introbox h1,
    #introshell .image .introbox .subtitle { color: #000 !important; margin: 0 0 10px 0 !important; }
	#introshell .image { position: relative; height: 180px; }
	#introshell .image img { height: 180px; }
	#introshell .image .introbox { position: relative;  }
	#introshell .image .introbox h1 { text-align: left; font-size: 2.4em; color: #000 !important; }

	body#board .subhead .content .words .padding table tr td {width: 48% !important; }
	body#reunion .fullscreen-bg .videoshell { margin-top: -30px;}

    .billboard>.content>.words>.padding {width: 100%;padding-left: 0%;color: #222;}
    .billboard>.content>.words>.padding>h2 {color: #222; font-size: 2.5em; font-family: "Work Sans", Arial, sans-serif !important; text-shadow: none;}

    .expandbars { width: 90%; margin: 10px auto; padding: 10px 0 0 0; }
    .expandbars .ctabutton { margin: 5px 0 0 0; }

    .faqs .content .words .multibuttons ul li .multitext .ctabutton {background: #F6F6F6;}
    .faqs .content .words .multibuttons ul li .multitext .ctabutton button.modal-open {background: #F6F6F6;}

    .fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 96%; display: block; float: none; margin: 2%; padding: 0; text-align: left; min-height: 100px; background: #F6F6F6; color: #222;}

	.highlight > .content > .words > .padding .ctabutton { width: auto !important;}

    .prnews-newscols3x .prnews-col {margin: 0 0 25px 0;}
	body#newsroom #hppr .hpprevents > .hpcols { width: 94%; }
	body#newsroom #hppr .hpprevents > .hpcols ul.hpevents li { display: block;width: 100%; float: none; padding: 0 0 0 0; margin: 0 0 0 0; border-right: none; min-height: 50px; }

    /*.threecol>.content>.words>.multibuttons>ul>li>.multimgshell, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter {margin: 2% 2% 0 2%;}
    .threecol>.content>.words>.multibuttons>ul>li {position: relative;width: 100%;margin: 0;padding: 0;text-align: left;border-right: none;}
    .threecol>.content>.words>.multibuttons>ul>li>.multitext .ctabutton {margin: 0; font-weight: 600;}*/

	.twocol { background: #FFF !important; }

    body#home #hppr .hpprevents>.hpcols ul.hpevents li {display: block; width: 95%; padding: 0 0 20px 0; margin: -0px 0 20px 0; border-right: none; border-bottom: 1px solid #ededed;}

    footer .content #footercontact {width: 90% !important; display: block; margin: auto;}
    footer .content #footercontent {width: 90% !important; display: block; margin: 0 auto;padding: 0; border-left: none;}
	footer .content #footercontact .imgshell { height: 30px;}
	footer .content #footercontact .imgshell img { width: 200px; }


    #navigation_menu .nav_menu_toggle {display: block;right: 20%;top: 60px;}

    header nav #topnav { display: unset;}
	#navigation_menu .menu_nav .nav_menu_item .mob-only { display: none; }
}



@media screen and (max-width: 1000px) {

	body#weekend #introshell>.sitetitle {
		margin-top: 20px;
		max-width: 15% !important;
	}
    body#reunion #introshell>.sitetitle {
		margin-top: 20px;
		max-width: 15% !important;
	}
    body#commencement #introshell>.sitetitle {
		margin-top: 20px;
		max-width: 15% !important;
	}

    header nav #topnav { display: unset; }
	#navigation_menu .menu_nav .mob-only { display: none; }

	.cmsnav .multibuttons { height: auto; }

}

@media screen and (max-width: 664px) {

	#introshell .image { position: relative; height: 180px; }
	#introshell .image img { height: 180px; }
	#introshell .image .introbox { position: relative; }
	#introshell .image .introbox h1 { text-align: left; font-size: 2.4em; color: #000 !important;}

    header nav #topnav { display: none; }
	#navigation_menu .menu_nav .mob-only { display: block; }
}