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

/* ----------- Helper Classes ---------- */
.hideForMobile, .hideForTablet { display: none; }

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

html { }
body { margin: 0px; padding: 0px; font-family: "Wix Madefor Display", sans-serif; font-size: 16px; line-height: 26px; color: #000; }
body a:link, a:visited { color:#C4052C; text-decoration: none; }
body a:hover, a:active { color:#C4052C; text-decoration: underline; }

.bgwhite {background-color: #fff !important;}
.bggrey {background-color: #f6f6f6 !important;}

/*font-family: "Source Sans Pro", "SourceSans", "Poppins",  Helvetica, sans-serif; */

h1 { font-family: "Wix Madefor Display", sans-serif; font-weight: 700; color:#222222; margin: 10px 0px 20px 0px; padding: 0px; display: block; font-size: 2.5em; line-height: 40px; text-transform: none; }
h1.pagetitle { font-family: "Wix Madefor Display", sans-serif; font-weight: 700; color: #000; font-size: 2.8em; line-height: 40px; margin: 50px auto 10px auto; z-index: 2000; text-align: center; width: auto; }
h1.pagetitle a:link, h2.pagetitle a:visited { color:#C4052C;text-decoration: none; }
h1.pagetitle a:hover, h2.pagetitle a:active { color:#C4052C;text-decoration: underline; }
h2 { font-family: "Wix Madefor Display", sans-serif; color:#222; margin: 20px 0px 5px 0px; display: block; font-size: 1.75em; font-weight: 600; line-height: 1em;}

p { font-size: 1em; line-height: 32px; display: block; text-align: left; }
strong { font-family: "Wix Madefor Display", sans-serif; font-weight: 700; font-weight: bold; }

ol { position: relative; display: block; width: 90%; margin: 0 5%;}

 /* Tabbed Portal Styles TEST ADDED 05/20/24 */
.tabportal { position: relative; display: block; width: 100%; height: 100%; max-height: 550px; margin: 30px auto; padding: 0; overflow: hidden; }
.tabportal  h2 { position: relative; margin: 20px auto; padding: 0; text-align: center; color: #000000;}
.tabportal  h2 a { color: #000000 !important;}
.tabportal .subtitle { margin: 0 0 20px 0; padding: 0; border-bottom: none; color: #FFF; display: block; font-size: 1.8em; }
.tabportal .portalcontent { position: relative; display:block; width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; }
.tabportal .portalcontent .portaltext { position: absolute; width: 40%; height: 600px; top: 0; left: 0; padding: 0; margin: 0; z-index: 1001; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0));}
.tabportal .portalcontent .portaltext .padding { position: relative; width: 70% !important; padding: 10% 15% 5% 15%; margin: 0px; z-index: 1002; color: #FFF;}
.tabportal .portalcontent .portaltext .padding .ctabutton { margin-top: 20px; }
.tabportal .portalcontent .portaltext .padding .ctabutton a { color: #FFF; text-decoration: none; }
.tabportal .portalcontent .portaltext .padding .ctabutton a:link,
.tabportal .portalcontent .portaltext .padding .ctabutton a:visited { color: #FFF; text-decoration: none; background:#ad1a1f; padding: 8px 10px; transition: 0.8s ease;}
.tabportal .portalcontent .portaltext .padding .ctabutton a:hover,
.tabportal .portalcontent .portaltext .padding .ctabutton a:active { color: #FFF; text-decoration: none; background: #C4052C; padding: 8px 10px; opacity: 1 }
.tabportal>.portalcontent>.portaltext>.padding a .cms-button { font-size:1.0em; 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: #000; border-radius: 0px; font-family: "Wix Madefor Display", !important; white-space: nowrap; text-transform:none; letter-spacing: 0px; }
.tabportal .portalcontent .portaltext .padding a:link .cms-button, { color: #FFF; text-decoration: none; background:#000; padding: 8px 10px; transition: 0.8s ease;}
.tabportal .portalcontent .portaltext .padding a:hover .cms-button { color: #FFF; text-decoration: none; background: #222; padding: 8px 10px; opacity: 1 }
.tabportal .portalcontent .portalimg { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: hidden; margin: 0px; z-index: 1000; }
.tabportal .portalcontent .portalimg img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.tabportal .portalcontent .portalemb { position: relative; width: 80%; margin: 0 auto 0px auto; }
.tabportal .portalcontent .portalemb iframe { width: 100%; height: auto !important; min-height: 550px; padding: 0; margin: 0; }
.tabportal .tabcontent { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1002; }
.tabportal .tabcontent .tabtext { width: 100%; height: 550px; margin: 20px 0; padding: 0; z-index: 1003; }
.tabportal .tabcontent .tabimg {position: relative; display:block; float: left; width: 100%; height: 550px; overflow: hidden; margin: 0px; z-index: 1002; }
.tabportal .tabnav { position: absolute; width: 50%; height: 550px; top: 0; right: 0; padding: 0; margin: 0; z-index: 1004; background:url(https://www.bard.edu/includes2024/images/tabnav-angle-tint.png) no-repeat;}
.tabportal .tabnav .tabs { position: relative; width: 60%; display: block; height: auto; top: 0; right: 0; padding: 10% 20% 5% 30%; margin: 0; z-index: 1005; }
.tabportal .tabnav .tabs ul { position: relative; display: block; width: 100%; height: auto; padding: 0; margin: 0; z-index: 1005; }
.tabportal .tabnav .tabs ul li { list-style: none; position: relative; width: 48%; height: 100px; float: left; padding: 0; margin: 0; z-index: 1005; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; vertical-align: middle; }
.tabportal .tabnav .tabs ul li h3 { color: #FFF; text-align: center; font-size: 1.3em; line-height: 24px; font-weight: 400; vertical-align: middle; }
.tabportal .detail-container .tabimg {position: relative; display: block; float: left; width: 100%; height: 550px; overflow: hidden; margin: 0px; z-index: 1002;}
.tabportal .detail-container .tabimg img { position: relative; display: block; float: none; width: 100%; height: auto !important; overflow: hidden; margin: 0px; z-index: 1000; }
.tabportal .detail-container .tabtext { color:#fff; position: absolute; width: 40%; height: 550px; top: 0; left: 0; padding: 0; margin: 0; overflow-y: auto; z-index: 1003; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0)); }
.tabportal .detail-container .tabtext .padding a { color: #FFF !important; }
.tabportal .detail-container .tabtext .padding .cms-subtitle1 { font-family: "Source Sans Pro", "SourceSans", "Poppins",  Helvetica, sans-serif !important; color: #C4052C;font-size: 1.2em;}
.tabportal .detail-container .tabtext .padding .ctabutton { margin-top: 20px; }
.tabportal .detail-container .tabtext .padding .ctabutton a { color: #FFF; text-decoration: none; }
.tabportal .detail-container .tabtext .padding .ctabutton a:link, 
.tabportal .detail-container .tabtext .padding .ctabutton a:visited { color: #FFF; text-decoration: none; background:#ad1a1f; padding: 8px 10px; margin-top: 20px; transition: 0.8s ease;}
.tabportal .detail-container .tabtext .padding .ctabutton a:hover,
.tabportal .detail-container .tabtext .padding .ctabutton a:active { color: #FFF; text-decoration: none; background: #C4052C; padding: 8px 10px; opacity: 1 }

/* added for Tabbed Portal 01.04.2024 */
.tabportal .hide { left: -9999px !important; position: absolute !important; visibility: hidden; z-index: -500; top: -9999px; }
.tabportal .tabnav {height:700px;width:50%;background-size: cover;}
.tabnav table a { text-decoration: none; color:#fff; display:inline-block; padding: 25px 5px; font-weight: 600; font-size: 1.2em; line-height: 1.2em; }
.tabnav a:hover { color:#fff; background-color: rgba(153, 153, 153, 0.5); }
.tabnav a.selected { color:#fff; background-color: rgba(153, 153, 153, 0.5); }
.border-none { border-collapse: collapse; border: none; }
.tabportal .detail-container { position: relative; display: block; width: 100%; min-height: 500px; height: 100%; padding: 0; margin: 0; overflow: hidden; }
.tabportal .detail-container .tabtext { color:#fff; position: absolute; width: 40%; height: 80%; min-height: 550px; top: 0; left: 0; padding: 0; margin: 0; overflow-y: auto; z-index: 1003; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0)); }
.tabportal .detail-container .tabtext::-webkit-scrollbar {  display: none; }
.tabportal .detail-container .tabtext .cms-subtitle1 { color: #FFF; }
.tabportal .detail-container .tabtext .padding { position: relative; width: 70% !important; margin: 0px; z-index: 1002; color: #FFF; padding:10% 15% 5% 15%;}
.tabportal .detail-container .tabtext .padding h3 { font-size: 1.8em; line-height: 1.2em; margin: 0 0 20px 0; color: #FFF; }
.tabportal .detail-container .tabtext .padding p { line-height: 24px; margin: 0; padding: 0; }
.tabportal .detail-container .tabtext .padding ul {padding: 5px 5px 5px 20px; margin: 0;}
.tabportal .detail-container .tabtext .padding ul li {padding: 0px; margin: 0px;}
.tabportal .border-none td { border: 1px solid white; text-align:center; }
.tabportal .border-none tr:first-child td { border-top: none; }
.tabportal .border-none tr:last-child td { border-bottom: none; }
.tabportal .border-none tr td:first-child { border-left: none; }
.tabportal .border-none tr td:last-child { border-right: none;}
.tabportal .portalcontent {height:unset;background-repeat: no-repeat;background-size: cover;} /* height needs to be tweaked to match content  - not a hard coded value */
.tabportal .detail-container .tabtext {position:unset;}

/* reset styles */
.bardtype { font-family: "Source Sans Pro", "SourceSans", "Poppins",  Helvetica, sans-serif; font-size: 0.9em; color:#000; }
.bardtype a:link, a:visited { color:#C4052C; text-decoration: none; }
.bardtype a:hover, a:active { color:#C4052C; text-decoration: underline; }
.clearout { clear: both; line-height: 1px; }

img a {border-style: none; }
.imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; }
/*.content { width: 100%; height: auto; margin: 0px; padding: 0px; }*/

/* random font styles */
.caption { position: relative; display: block; font-size: .8em; line-height: 1.0em; color: #000; margin: 10px 0; width: 100%; text-align: left; clear: both; font-style: italic; }
.intro { font-family: "Wix Madefor Display", sans-serif; font-size: 17px; line-height: 32px; font-weight: 400; margin: 0px 0px 10px 0px; color: #000; display: flex; flex-direction: column;}
ul { padding: 5px 5px 5px 20px; }
.icons { font-family: "Modern Pics", sans-serif; color: #FFF; margin: 0px 2px 0px 15px; text-align: center; }
.expandblock { position: relative; width: auto; }
.expandblock ul li { margin: 0px; padding: 0px;}
.hrule { width: 90%; border-top: 1px solid #666; padding: 0; margin: 10px auto; }
.hidden {display:none;}
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px;}
.red { color: #C4052C; display: inline; font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; }
.subtitle { font-family: "Wix Madefor Display", sans-serif;color:#a11a1f; margin: 10px 0px 10px 0px; padding: 0px; font-size: 1.4em; line-height: 1.4em; font-weight: 700; }
.footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #666; border-top: 1px solid #222; }

/* styles for skip to main content */
.skip { display: block; padding: 5px 25px 5px 25px; position: absolute; top: -100px; left: 0px; color: #FFFFFF; border: 1px solid #DDD; background: #a11a1f; -webkit-transition: top 1s ease-out; transition: top 1s ease-out; z-index: 1000;}
.skip:focus { position: absolute; left: 0px; top: 0px; width: auto; height: auto; outline: 0; -webkit-transition: top .1s ease-in; transition: top .1s ease-in;}
a.skip, a.skip:link, a.skip:visited, a.skip:active, a.skip:hover { color: #FFFFFF; text-decoration: none; outline: 0;}


/* CMS Styles */
.cms-subtitle1 { font-family: "Wix Madefor Display", sans-serif; color:#C4052C; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; font-style: normal; }
.cms-subtitle2 { font-family: "Wix Madefor Display", sans-serif; color:#666; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; }
.cms-subtitle3 { font-family: "Wix Madefor Display", sans-serif; color:#222; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; }
.cms-caption { font-family: "Wix Madefor Display", sans-serif;  font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;}
.cms-button { font-size:0.75em; font-weight: 700; line-height: 0.5em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px; padding: 10px; color: #FFF; background: #094848; border-radius: 0px; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; text-transform:uppercase; letter-spacing: 2px; }
.cms-button a:link, .cms-button a:visited { color: #FFF; text-decoration: none; }
.cms-button a:hover, .cms-button a:active { color: #FFF; text-decoration: underline; }
a .cms-button {background: #094848; font-family: "Wix Madefor Display", sans-serif; }

/* base image floats
.imgleft {float:left; width:50%; margin: 0 1% 0 0; padding: 0;}
.imgright {float:right;width:50%; margin: 0 0 0 1%; padding: 0;}
.imgcenter {float:none;width:100%;margin: 0px auto;}
.imagefull {display:block;width: 100%;}
.imgleft iframe {position: relative; width:95%; margin: 0 5% 0 0; padding: 0;}
.imgright iframe {position: relative; float:right;width:95%; margin: 0 0 0 5%; padding: 0;} */

/*Symantic Table Styles */
table {width: 100%; margin:0;}
td {padding: 1%; }

/* generic tables */
.table {position:relative;display:flex;flex-wrap: wrap; width:90%;margin:5px auto;}
.table .tr {position:relative;display:flex;flex-flow: row wrap;width: 100%; text-align:left;padding:0%; }
.table .td {position:relative;flex: 1;  width: auto;vertical-align: top;text-align:left;padding:1%;margin: 1%;  }
.table .row-break { flex-basis: 100%;width: 0px; height: 0px; overflow: hidden;}
.table>.td>.content {position:relative;width:80%; margin: 0; padding: 0 10%; display:block;vertical-align: top; }
.trborder {position:relative;display:flex;flex-flow: row wrap;width: 100%; text-align:left;padding:0%; height: 1px; border-bottom: 1px solid #222; }

/* classes for widths of tables and columns */
.width5 { position: relative; width:4%; padding: 0.5%;}
.width10 { position: relative; width:9% !important; padding: 0.5% !important; margin: 0 !important; }
.width15 { position: relative; width:14%; padding: 0.5%; }
.width20 { position: relative; width:19%; padding: 0.5%; }
.width25 { position: relative; width:24%; padding: 0.5%; }
.width30 { position: relative; width:29%; padding: 0.5%; }
.width50 { position: relative; width:49%; padding: 0.5%; }
.width60 { position: relative; width:99%; padding: 0.5%; }
.width70 { position: relative; width:70%; padding: 0.5%; }
.width75 { position: relative; width:74%; padding: 0.5%; }
.width80 { position: relative; width:79%; padding: 0.5%; }
.width90 { position: relative; width:89% !important; padding: 0.5% !important; margin: 0 !important;}
.width100 { position: relative; width:99% !important; padding: 0.5% !important; }

/* Replacement for Tables */
.csstable { display: table; width:90%; margin: 5px auto; }
.csstable .csscell { display: table-cell; padding: 1%; width: auto !important; }

/* generic tables 
.table {position:relative;display:table;width:90%;margin:5px auto;}
.table>.td {position:relative;display:table-cell;text-align:left;padding-left:2%; }*/


/* button styles */
.ctabutton { display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #094848; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 700;}
.ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none; }
.ctabutton a:hover, .ctabutton a:active { color: #FFF; text-decoration: underline; }

.ctabuttonred { display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #C4052C; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 700;}
.ctabuttonred a:link, .ctabuttonred a:visited { color: #FFF; text-decoration: none; }
.ctabuttonred a:hover, .ctabuttonred a:active { color: #FFF; text-decoration: underline; }

/* modal button styles */
button.modal-open { display: inline-block; width: auto; height: auto; margin: 0px; padding: 5px 10px; background: #222; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: normal; line-height: 0.5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 700;}
button.modal-open a:link, button.modal-open a:visited { color: #FFF; text-decoration: none; }
button.modal-open a:hover, button.modal-open a:active { color: #FFF; text-decoration: underline; }

/* modal button styles */
.ctabutton>button.modal-open { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 5px 10px; background: #094848; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; font-size: 1.0em; line-height: 0.5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 700;}
.ctabutton>button.modal-open a:link, .ctabutton>button.modal-open a:visited { color: #FFF; text-decoration: none; }
.ctabutton>button.modal-open a:hover, .ctabutton>button.modal-open a:active { color: #FFF; text-decoration: underline; }

ul.graphiclist {position:relative;display:block;width:100%;height:auto;overflow:visible;margin: 0; padding: 0;}
ul.graphiclist li.boxlist {position:relative;display:block;width:96%;height:auto;overflow:visible;margin: 10px auto; padding: 2%; border: 1px solid #616161; }
ul.graphiclist li.boxlist .subjectbox {color: #616161; font-size: 0.8em; text-transform: uppercase;}

/* Resource Tool Column Box Feed */
ul.resourcecols {position:relative;display:flex;flex-wrap: wrap;width:100%;max-width:1200px;height:auto;margin: 0; padding: 0;}

ul.resourcecols li.featurebox {position:relative;display:inline;float:left;width:71.5%; height:auto; min-height: 280px; margin: 0.5%; padding: 0; border: 1px solid #999; border-radious: 3px; list-style: none; }
ul.resourcecols li.featurebox .imgshell {position:relative;display:inline;width:55%;height:auto;float:left; margin: 0; padding: 0; }
ul.resourcecols li.featurebox .imgshell img {position:relative;display:block;width:100%;height:auto; }
ul.resourcecols li.featurebox .textbox {position:relative; display:inline; float: left; width:39%;padding: 5% 2.5%; color: #000;font-size: 1.2em; line-height: 1.3em; }
ul.resourcecols li.featurebox .textbox .subjectbox {color: #999; font-size: 0.8em; text-transform: uppercase;}

ul.resourcecols li.colbox {position:relative;display:inline;float:left;width:23%;height:auto; min-height: 370px; margin: 0.5%; padding: 0; border: 1px solid #999; border-radious: 3px; list-style: none;}
ul.resourcecols li.colbox .imgshell {position:relative;display:block;width:100%;height:auto; max-height: 145px; overflow: hidden;}
ul.resourcecols li.colbox .imgshell img {position:relative;display:block;width:100%;height:auto; }
ul.resourcecols li.colbox .textbox {position:relative;display:block;width:80%;padding: 10%; color: #000;line-height: 1.2em;}
ul.resourcecols li.colbox .textbox .subjectbox {color: #999; font-size: 0.8em; text-transform: uppercase;}

/* ------- classes for main structure ------ */ 

#supershell { position: relative; margin: 0px; padding: 0px; width: 100%; display: block; }
#supershell>img { position: relative; width: 50%; min-width: 1000px; height: auto;}

#osunlogo { position: relative; margin: 0; left: 0; }

nav#navigation_menus { background-color: transparent !important;}
#skiplink { display: none; }

header { margin: 0; padding: 0; border: 0; outline: 0;font-size: 100%; display: block;}
header.fixed {position: fixed; top: 0; width: 100%;z-index: 1040; display: block; height: 110px; transition: all 0.3s ease-out;}
header.fixed {background: white;}
header.fixed .container {width: 100%; top: 0px; max-width: none; margin: 0 auto; display: flex; justify-content: space-between;}

header.fixed.scrolled {background-color: #ffffff !important;}

header .topnav { width: 100%; height: 25px; background: #FFF; text-align: right; margin: 0; padding: 0; z-index: 9000; display:none;}
header .topnav .toplinks { width: 100%; max-width: 1060px; height: 35px; background: #FFF; color: #000; text-align: right; margin: 0 auto; padding: 5px; font-size: 0.8em; }
header .topnav .toplinks a:link, header .topnav .toplinks a:visited { color: #000; text-decoration: none;}
header .topnav .toplinks a:active, header .topnav .toplinks a:hover { color: #C4052C; text-decoration: underline;}
header .topnav .toplinks .topbutton { width: auto; height: 25px; display: inline-block; background: #222; color: #FFF; margin: 0; padding: 0px 10px; font-size: 1em; text-transform: uppercase; letter-spacing: 1px; }
header .topnav .toplinks .topbutton a:link, header .topnav .toplinks .topbutton a:visited { color: #FFF; text-decoration: none;}
header .topnav .toplinks .topbutton a:active, header .topnav .toplinks .topbutton a:hover { color: #FFF; text-decoration: underline;}

#home .text .content .words .padding h2 { display: none;}

#home .text>.content>.words p {line-height: 32px; text-align: center; font-size: 23px; border-bottom: 2px solid black; border-top: 2px solid black; padding: 18px; }

/*
#home #supershell .text>.content>.words p {line-height: 32px; font-size: 23px; display: flex; align-items: center; flex-wrap: wrap; margin: 0;
  
  &:before,
  &:after { content: ""; flex: 1; margin: 0; height: 3px; box-shadow: 0 -0.5px 0 black, 0 0.5px 0 black; border: solid black;  border-width: 0; }}
*/


/* -------------- main structure styles -------------- */
main { position:relative; width: 100%; top: 0px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; }
main #maintext { position:relative; display:block; width: 100%; background: #FFF; margin: 0px auto; padding: 0px 0px 20px 0px; top: 0px; }	
main #maintext .content, .content { position: relative; padding: 0px; width:100%; display: block; }

#ccelogo { position: absolute; top: 10px; left: 10px; width: 349px; height:75px; z-index: 9999; overflow: hidden; }
#ccelogo img { position: relative; width: 100%; height: auto !important;}
#osunlogo { top: 10px; left: 100px; width: 200px; height:100px; z-index: 9999; overflow: hidden; }
#osunlogo img { position: relative; width: 100%; height: auto !important;}


/* intro H1 and main image styles */
#introshell { position: relative; width: 100%; max-width: 1440px; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 110px auto 0 auto; padding: 0; }
#introshell>#title {margin: 0px auto 0px auto; max-width: 1200px; }
#introshell>#title>h1.pagetitle {padding: 0px; margin: 50px auto 0px auto; text-transform: uppercase;text-align: center; color: #000;}
#introshell>.sitetitle { position: absolute; top: 50px; left: 10%; width: auto; max-width: 1200px; min-height: 120px;overflow: hidden; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell>.sitetitle>.sitelogo { position: relative; top: 0; margin: 0px auto; padding: 10px; height: 120px; width: auto !important; display: block; max-width: 1200px;font-family: "Wix Madefor Display", 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;}
#introshell>.sitetitle>.sitelogo img { margin: 0px; padding: 0px; z-index: 1001; height: 100px;}

#introshell>.sitetitle .pagetitle img { margin: 0px 10px; padding: 0px; }
#introshell>.sitetitle .pagetitle { font-family: "Wix Madefor Display", sans-serif; color:#FFF; margin: 20px 0px 0px 20px; padding: 10px; width: auto !important; display: inline-block; font-weight: lighter; font-size: 1.5em; line-height: 1em; background: #222; z-index: 1001; }

#introshell .image { position: relative; width: 100%; height: auto; max-height: 450px; background: #222; z-index: 1000; padding: 0; margin: 0 auto; min-height: 0px; overflow: hidden; max-width: 1440px;}
#introshell .image img { width: 100%; height: auto !important; padding: 0; margin: 0; }
#introshell>.image>.tint { position: absolute; bottom: 0%; left: 0%; display: block; width: 60%; color: #FFF;background: url(/images/tints/80black.png) repeat; min-height: 50px; overflow: visible; z-index: 1001; margin: 0; padding: 2% 20%; }
#introshell .image h1 { position: absolute; bottom: 0%; font-family: "Wix Madefor Display", sans-serif; font-weight: 600;text-transform: uppercase; letter-spacing: 3px; width: 95%; color: #FFF; font-size: 3.3em; line-height: 1em; text-align: center; margin: 0; padding: 1% 0 1.8% 5%; z-index: 1001; background: url(https://www.bard.edu/images/tints/80black.png) repeat; text-shadow: none;}
#introshell>.image>.caption { position: absolute; bottom: 0%; right: 0%; font-family: "Wix Madefor Display", sans-serif; font-weight: 600; width: 98% !important; color: #FFF; text-align: right; margin: 0; padding: 0.8%; font-style: normal; z-index: 1002; }
#introshell>.introbuttons  { position: relative; width: 100%; margin: 50px auto; z-index: 1001; }
#introshell>.introbuttons>.content  { position: relative; width: 95%; margin: 0px auto; align-items: center; text-align: center;}
#introshell>.introbuttons>.content>.buttons  { position: relative; display: inline; width: auto; border: none; padding: 5px 0px; margin-right: 20px; background: url(https://www.bard.edu/images/tints/80black.png) repeat; color: #FFF; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase; font-weight: 800; align-items: center;}
#introshell>.introbuttons>.content>.buttons a:link, #introshell>.introbuttons>.content>.buttons a:visited  { color: #FFF; text-decoration: none; background: #222;padding: 10px 20px;}
#introshell>.introbuttons>.content>.buttons a:active, #introshell>.introbuttons>.content>.buttons a:hover  { color: #FFF; text-decoration: underline; background: #222;padding: 9px 20px;}

#introtext { position: relative; width: 80%; margin: 20px auto 0 auto; padding: 0px 0 10px 0; font-size: 1.3em; line-height: 36px; text-align: left; max-width: 1000px; font-weight: 500; color: #000;display: flex;flex-wrap: wrap; justify-content: center;}
#introtext>h2 { display: block; font-family: "Wix Madefor Display", sans-serif; color:#C4052C; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.5em; line-height: 1.2em; font-weight: 800; text-align:center; text-transform: uppercase; letter-spacing: 3px;}
#introtext .subtitle { display: block; font-family: "Wix Madefor Display", sans-serif; color:#444; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.3em; line-height: 1.2em; font-weight: 800; text-align:center; text-transform: uppercase; letter-spacing: 3px;}
#introtext h3 { display: inline; }
#introtext>.ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #094848; border: none; border-radius: 0; }

.introbuttons  { position: relative; width: 100%; height: auto !important; margin: 0px auto 0px auto; padding: 0; z-index: 100;  }
.introbuttons>.content  { position: relative; width: 95%; max-width: 1200px; margin: 0px auto; align-items: center; text-align: center;}
.introbuttons>.content>.buttons  { position: relative; display: inline-block; white-space: normal; width: auto; height: auto !important; border: none; padding: 5px 0px; margin-right: 20px; margin-bottom: 0px; color: #FFF; font-size: 0.8em; line-height: 0.5em; letter-spacing: 2px; text-transform: uppercase; font-weight: 800; align-items: center; }
.introbuttons>.content>.buttons a:link, .introbuttons>.content>.buttons a:visited  { color: #FFF; text-decoration: none; background: #094848;padding: 10px 15px; }
.introbuttons>.content>.buttons a:active, .introbuttons>.content>.buttons a:hover  { color: #FFF; text-decoration: none; background: #094848;padding: 10px 15px;}

/* testimonials styles*/
.carousel { width: 80%; padding-bottom: 0; position: relative; max-width: 100%; margin: 0 auto;}
.carousel__slides,
.carousel__slide { width: 100%; }
.carousel__slides { column-gap: 20px; display: flex; overflow: auto; scroll-snap-type: x mandatory; }
.carousel__slide { display: flex; justify-content: center; flex: 0 0 auto; scroll-snap-align: center; }
.carousel__slide img {border-radius: 100%; width: 200px; height: 200px; object-fit: cover; object-position: top; position: relative; z-index: 500;}
.carousel__slide .words {margin-left: 40px;}
.carousel__slide .words .text {position: relative; max-width: 700px;}
.carousel__slide .words .text .line {position: absolute; top: 0; left: -75px; background-color: black; width: 115%; height: 2px;}
.carousel__slide .words .text p {font-size: 1.3em; margin-bottom: 0; font-weight: 600;}		
.carousel__slides.smooth-scroll { scroll-behavior: smooth; }
.carousel__slides { scrollbar-width: none; /* Firefox and latest Chromium */}
.carousel__slides::-webkit-scrollbar { display: none; /* Safari and legacy Chromium */ }
.carousel__navdots { bottom: -20px; column-gap: 16px; display: flex; justify-content: center; position: absolute; left: 0; right: 0; }
.carousel__navdots button { /* reset default style */ -moz-appearance: none; -webkit-apperance: none; appearance: none; border: 0; cursor: pointer; /* style as a grey dot */ background-color: #9a9a9a;  border-radius: 50%; height: 10px; padding: 0; width: 10px; }
.carousel__navdots button.is-active { background-color: #094848; /* blue */ }
.carousel__navdots button:focus-visible { outline: 2px solid grey; /* blue */ outline-offset: 2px; }
.carousel-wrapper { align-items: center; display: flex; height: auto; margin: 40px auto; padding: 0 0 0 0; }
.carousel_items { display: flex; overflow: hidden; max-width: 1200px; margin: 0 auto; padding: 40px 0 0 0;}
.carousel_item { position: relative; min-width: 100%; height: 200px; transition: all 3s linear; display: flex; justify-content: center;}
.carousel_item img {width: 200px; height: 200px; object-fit: cover; border-radius: 100%;}
.carousel_text { position: absolute; bottom: 10%; left: 50%; transform: translate(-50%); padding: 0.5rem 1rem; border-radius: 3px; background-color: rgba(0, 0, 0, 0.8); color: white; text-shadow: 1px 1px black; font-size: calc(1.5rem + 0.3vw); font-weight: bolder; }
.carousel_item .words { margin: 0 20px;}
.carousel_item .words .text {text-align: center;}s

/* classes for 2018 */

/* start Billboard/Spotlight styles */

/*homepage billboard test*/

.billboard { position: relative; display: block; width: 100%; height: auto !important; padding: 20px 0; margin: 30px auto 0 auto; }
.billboard .content { position: relative; width: 100%; display:block;  }
.billboard .content .caption { margin: 5px 0; width: 100%;}
.billboard .content .imgcenter { position: relative; width: 80%; margin: 0 auto 0px auto; max-height: 750px;}
.billboard .content .imgcenter img { width: 100%; height: auto; object-fit: cover; max-height: 750px;}
.billboard .content .imgfull { width: 100%; margin: 0 auto; padding: 0; background: #FFF; }
.billboard .content .imgfull img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .imgright { width: 60%; margin: 0; padding: 0; background: #FFF; float: right; display: inline; }
.billboard .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .imgshell { width: 60%; margin: 0; padding: 0; background: #FFF; float: left; }
.billboard .content .imgshell img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .embcenter { position: relative; width: 80%; margin: 0 auto 30px auto; }
.billboard .content .embcenter iframe { width: 100%; height: auto !important; min-height: 800px; padding: 0; margin: 0; }
.billboard .content .embfull { position: relative; width: 100%; height: auto !important; overflow: visible; margin: 0 auto; padding: 0; background: #FFF; }
.billboard .content .embfull iframe { width: 100vw; height: calc(100vw/1.77); top: 0; left: 0; padding: 0; margin: 0; }
.billboard .content .embright { width: 60%; margin: 0; padding: 0; background: #FFF; float: right; display: inline; }
.billboard .content .embright iframe { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .embshell { width: 60%; margin: 0; padding: 0; background: #FFF; float: left; }
.billboard .content .embshell iframe { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard .content .embleft { width: 60%; margin: 0; padding: 0; background: #FFF; float: left; }
.billboard .content .embleft iframe { width: 100%; height: auto !important; padding: 0; margin: 0; }
.billboard>.content>.words { position: absolute; bottom: 5%; width: 100%; height: auto; z-index: 1000; background: none; border: none;}
.billboard>.content>.words>.padding { position: relative; text-align: center; width: 60%; margin: 0 auto; color: #FFF;}
.billboard>.content>.words>.padding>h2 { color: #FFF; font-size: 3em; font-family: "Wix Madefor Display", sans-serif;  text-shadow: 2px 2px 2px #000;}
.billboard>.content>.words>.padding>p {text-align: center;}
.billboard img { width: 100%; height: auto !important; }
.billboard .content .words .padding .cms-button { position: relative; display: inline-block; margin-bottom: 10px;}

.billboard .content .imgfull .imgoverlay, 
.billboard .content .imgcenter .imgoverlay, 
.billboard .content .imgshell .imgoverlay { width: 100%; background: rgb(0, 0, 0); background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(120, 120, 120, 0) 100%); position: absolute; bottom: 0; left: 0; height: 72%;}

.billboard .multibuttons {align-content: center; align-items: center; margin-top: 20px; }
.billboard .multibuttons ul, .billboard .multibuttons ul li, .billboard .multibuttons ul li .multitext {list-style: none; padding: 0; margin: 0 auto 5px auto; text-align: center; }
.billboard .multibuttons ul {width: 30%; padding: 20px; border: 1px solid #222; background:#FFF;}
.billboard .multibuttons ul li .multitext .linktitle { width: auto !important; max-width: 40%;height: auto; margin: 10px auto; padding: 7px; color: #FFF; font-family: "Wix Madefor Display", sans-serif;  white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; text-align: center;}
.billboard .multibuttons ul li .multitext .linktitle a:link, 
.billboard .multibuttons ul li .multitext .linktitle a:visited { color: #fff; text-decoration: none; background: #ad1a1f; padding: 5px 10px; }
.billboard .multibuttons ul li .multitext .linktitle a:hover, 
.billboard .multibuttons ul li .multitext .linktitle a:active { color: #fff; text-decoration: underline;background: #ad1a1f}


/* start Biography styles */
.biography { position: relative; width: 100%; height: auto; margin: 40px auto; padding: 0px; display: block;}
.biography .content { max-width:1100px; margin: 0px auto;}
.biography>.content>.imgleft { position: relative; display:inline; float: left; width: 30%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; }
.biography>.content>.imgshell { position: relative; display:inline; float: left; width: 30%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 500;}
.biography>.content>.imgleft img, .biography>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.biography>.content>.imgright { position: relative; display:inline; float: right; width: 30%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; }
.biography>.content>.imgright img { width: 100%; height: auto; margin: 0px 0px 0px 10px;}
.biography>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto; }
.biography>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.biography>.content>.words { position: relative; display: inline; width: 100%; padding: 0; margin: 0px; vertical-align: top; line-height: 30px; text-align: left; background: #f6f6f6; z-index: 499;}
/* .biography>.content>.words>.padding { margin: 0 15%; padding: 0; z-index: 499; } */
.biography>.content>.words>.padding { margin: 0 auto; padding: 0; z-index: 499; }
.biography>.content>.words>.padding>h2 { font-weight: 800; text-transform: uppercase; letter-spacing: 2px; font-size: 1.4em; padding:0; margin:0; line-height:1.3em;}
.biography>.content>.words>.padding>.subtitle { color: #000; font-size: 1.15em; padding-bottom: 15px; margin-bottom: 15px; border-bottom: 1px solid #999; z-index: 499;}
.biography>.content>.words>.multibuttons { margin: 0 20%; padding: 1%; background: transparent;}
.biography>.content>.words>.multibuttons>ul { margin: 0 30px; padding: 0; }
.biography>.content>.words>.multibuttons>ul>li { margin: 0; padding: 2px; float:none;}
.biography>.content>.words>.multibuttons>ul>li>.multimgshell {width:10%;margin:0;padding:0;}
.biography>.content>.words>.multibuttons>ul>li>.multitext {width:80%;margin:0;padding:0;}
.biography>.content>.words>.multibuttons>ul>li>.multimgshell>img { height:25px;width:auto; }
.biography>.content>.words p { line-height: 32px; text-align: left;}
.biography>.content>.words { padding: 0px; margin: 0px; }
.biography>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.biography>.content>.words>.padding>.ctabutton>button.modal-open>a:hover, .biography>.content>.words>.padding>.ctabutton>button.modal-open>a:active { text-decoration: underline; }
.biography .content .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px; }
.biography .content .embedshell iframe { width: auto; height: auto; }
.biography .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.biography .textlinks .content { width: 100%; min-height: 100px; padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCC; }
.biography .textlinks ul { margin: 0px 0px 0px 20px; }
.biography.expandblock { min-height: 0px; }
.biography .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; }


/* button styles */
.ctabutton { display: inline-block; width: auto; height: auto; margin: 0 auto ; padding: 10px; background: #094848; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 700;}
.ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none; }
.ctabutton a:hover, .ctabutton a:active { color: #FFF; text-decoration: underline; }

/* start Callout/Quote styles */
.callout {position:relative; display:block;width:70%; text-align:center;margin: 30px auto 50px auto; max-width: 800px; /*border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;*/}
.callout h2 {font-size: 1em; font-weight: 800; color:#222; text-transform: uppercase; letter-spacing: 3px; padding: 0 0 20px 0; border-bottom: 1px solid #222; margin: 0 0 20px 0; }
.callout p { line-height: 36px; margin: 0 0 10px 0; text-align: center; }
.callout .content .words .padding .ctabutton button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 0em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.callout .content .words .padding .ctabutton button.modal-open a  { padding: 0; margin: 0; }
.callout .content .words .padding .ctabutton button.modal-open a:hover, .callout .content .words .padding .ctabutton button.modal-open a:active { text-decoration: underline; }
.callout .content .imgshell { position: relative; width: 30%; float: left; display: inline; margin: 0 1% 0 0; padding: 0; overflow: hidden; }
.callout .content .imgleft { position: relative; width: 30%; float: left; display: inline; margin: 0 1% 0 0; padding: 0; overflow: hidden; }
.callout .content .imgcenter { position: relative; width: 30%; float: left; display: inline; margin: 0 1% 0 0; padding: 0; overflow: hidden;}
.callout .content .imgfull { position: relative; width: 30%; float: left; display: inline; margin: 0 1% 0 0; padding: 0;overflow: hidden; }
.callout .content .imgright { position: relative; width: 30%; float: right; display: inline; margin: 0 0 0 1%; padding: 0; overflow: hidden; }
.callout .content .imgshell img,
.callout .content .imgleft img,
.callout .content .imgcenter img,
.callout .content .imgfull img,
.callout .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.callout .content .embcenter { position: relative; width: 80%; margin: 0 auto 0px auto; }
.callout .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; }
.callout .content .embfull { width: 100%; margin: 0 auto; padding: 0; background: #222; }
.callout .content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; }
.callout .content .embright { width: 60%; margin: 0; padding: 0; background: #FFF; float: right; display: inline; }
.callout .content .embright iframe { width: 100%; height: auto !important; padding: 0; margin: 0; }
.callout .content .embshell { width: 60%; margin: 0; padding: 0 20px 0 0; background: #FFF; float: left; }
.callout .content .embshell iframe { width: 100%; height: auto !important; min-height: 265px; padding: 0; margin: 0; }
.callout .content .embleft { width: 60%; margin: 0; padding: 0 20px 0 0; background: #FFF; float: left; }
.callout .content .embleft iframe { width: 100%; height: auto !important; min-height: 265px; padding: 0; margin: 0; }
.callout .content .imgshell .caption,
.callout .content .imgleft .caption,
.callout .content .imgcenter .caption,
.callout .content .imgfull .caption,
.callout .content .imgright .caption { margin: 0; }


.subject {position: relative; display: inline; background:#dadada;font-size:0.9em;line-height:0.8em;padding:7px 10px; text-transform:uppercase;right: 0;letter-spacing: 2px; }

/* courses modal popup*/
.courses { position: relative; display: block; width: 100%; max-width: 1200px; height: 20px; margin: 20px 0 20px 0; padding: 20px; border: none; background: #ededed; }
.courses  .ctabutton {position: relative; float:left;width: auto; text-align: left; font-size: 1.2em; height: auto;margin: 0px;padding: 0px;background: #ededed;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1em;text-transform: none;letter-spacing: 0px;font-weight: 800;}
.courses  .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #000; margin: 0 5px; padding: 0; border-radius:0; background: #ededed;}
.courses  .ctabutton>button>i.fas>a:link,
.courses  .ctabutton>button>i.fas>a:visited,
.courses  .ctabutton>button>i.fas>a:active,
.courses  .ctabutton>button>i.fas>a:hover {color: #000; text-decoration: underline; }
.courses  .ctabutton {font-size: 1.0em; color: #000; background: #ededed; text-transform: none; letter-spacing:0px; }
.courses button.modal-open {position: relative; float:left;width: auto; text-align: left; font-size: 1.2em; height: auto;margin: 0px;padding: 0px;background: #ededed;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1em;text-transform: none;letter-spacing: 0px;font-weight: 800;}
.courses>.subject {position: relative; display: inline-block; float:right;background:#dadada;font-size:0.9em;line-height:0.8em;padding:7px 30px;text-transform:uppercase;right: 0;}
.courses  .imgshell {  position: relative; float: left; width: 20%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.courses  .imgshell img { width: 100%; height: auto; }
.courses  h2 {display: none;}

.resources { position: relative; display: table; width: 96%; height: auto; margin: 20px 0 20px 0; padding: 2%; border: none; background: #ededed;  overflow: visible; }
.resources>.link {position: relative; float:left;display: table-cell; width: 80%; text-align: left; font-size: 1.2em; height: auto;margin: 0px;padding: 0px;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1.2em;text-transform: none;letter-spacing: 0px;font-weight: 800; overflow: visible; }
.resources>.link a:link { color: #C4052C; text-decoration: none; }
.resources>.link a:visited { color: #C4052C; text-decoration: none; }
.resources>.link a:active { color: #C4052C; text-decoration: underline; }
.resources>.link a:hover { color: #C4052C; text-decoration: underline; }
.resources>.subjectbox {position: relative;float: right;display: table-cell; background:#dadada;font-size:0.7em;line-height:0.8em;padding:7px 10px;text-transform:uppercase;}
.resources>.subtitle {position: relative;float: right;display: table-cell; background:#dadada;font-size:0.7em;line-height:0.8em;padding:7px 10px;text-transform:uppercase;}


.feedevents { position: relative; display: block; width: 96%; height: auto; margin: 20px 0 20px 0; padding: 2%; border: none; overflow: auto; clear:both; background: #ededed;}
.feedevents .eventimage {position: relative; float:left;display: inline-block; width: 12%; height: auto;margin: 0px 1% 0 0;padding: 0px;}
.feedevents .eventimage img {width: 100%; height: auto; margin: 0px;padding: 0px;}
.feedevents .eventtitle {position: relative; float:left;display: inline-block; width: 60%; text-align: left; font-size: 1.2em; height: auto;margin: 0px;padding: 0px;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1.2em;text-transform: none;letter-spacing: 0px;font-weight: 800; overflow: visible; }
.feedevents .eventtitle .eventdate {position: relative; float:left;display: block; text-align: left; font-size: 0.7em; height: auto;margin: 0px;padding: 0px;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1.2em;text-transform: none;letter-spacing: 0px;font-weight: 600; overflow: visible; }
.feedevents .eventlocation {position: relative;float: right;display: inline-block; width: auto !important; background:#dadada;font-size:0.6em;line-height:0.8em;padding:7px 10px;text-transform:uppercase;}


/* start Events styles */
.events { position: relative; width:80%; margin: 50px auto; padding: 0; }
.events ul.hpevents { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.events ul.hpevents li { position: relative; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px; width: 25% !important; max-width: 25%; min-width: 25%; }
.events ul.hpevents li .datesml {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #000; font-weight: 800; }
.events ul.hpevents li .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: #C4052C; }
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: .95em; line-height: 1.2em; padding: 20px; }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right; background: #094848; }
.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%;}

/* start Opportunities styles */
.opportunities {position: relative; width:80%; margin: 50px auto; padding: 0; max-width: 1200px;}
.opportunities .graphiclist { position: relative; width: 100%; background: #FFF; display: table; margin: 0 auto; padding: 0; height: auto; }
.opportunities .graphiclist li { position: relative !important; list-style: none; display: table-cell !important; border: 1px solid #222 !important; padding: 10px !important; width: 25% !important; max-width: 25%; min-width: 25%; }

/* expand bars new 2/1 */
.expandbars { display: block; width: 65%; margin: 25px auto; padding: 15px 15px 5px 15px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; width: auto;}
.expandbars .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #000; margin: 0 5px; padding: 0; border-radius:0;}
.expandbars .ctabutton>button>i.fas>a:link,
.expandbars .ctabutton>button>i.fas>a:visited,
.expandbars .ctabutton>button>i.fas>a:active,
.expandbars .ctabutton>button>i.fas>a:hover {color: #000; text-decoration: underline; }
.expandbars .ctabutton {font-size: 1.0em; color: #000; background: #FFF; text-transform: none; letter-spacing:0px; margin:0; padding: 5px 0;}
.expandbars button.modal-open { font-size: 1.2em; font-weight: 800; line-height: 1em; margin: 0px; padding: 0; text-align: left; display: inline; float:left; width: auto; color:#222; background: #FFF; text-transform: none; letter-spacing:0px; font-family: "Wix Madefor Display", sans-serif; white-space: normal;}
.expandbars .ctabutton>button.modal-open { background: #FFF; font-family: "Wix Madefor Display", sans-serif; font-weight: 700;}
.expandbars .imgshell {  position: relative; float: left; width: 20%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.expandbars .imgshell img { width: 100%; height: auto; }
.expandbars h2 {display: none;}

/* expand tint */
.expandtint { display: block; width: 65%; max-width: 960px; margin: 20px auto 30px auto; padding: 15px 15px 5px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #ededed; }
.expandtint .ctabutton {font-size: 1.0em; background: #ededed; color: #000;}
.expandtint .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #000; margin: 0 5px; padding: 0; border-radius:0; background: #ededed;}
.expandtint .ctabutton>button>i.fas>a:link,
.expandtint .ctabutton>button>i.fas>a:visited,
.expandtint .ctabutton>button>i.fas>a:active,
.expandtint .ctabutton>button>i.fas>a:hover {color: #000; text-decoration: underline; }
.expandtint .ctabutton {font-size: 1.0em; color: #000; background: #ededed; text-transform: none; letter-spacing:0px; }
.expandtint .ctabutton button.modal-open { font-size: 1.2em; font-weight: 800; line-height: 1em; margin: 0px; padding: 0; text-align: left; display: inline; float:left; width: auto; color:#222; text-transform: none; letter-spacing:0px; font-family: "Wix Madefor Display", sans-serif; white-space: normal; background: #ededed; }
.expandtint .imgshell {  position: relative; float: left; width: 20%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.expandtint .imgshell img { width: 100%; height: auto; }
.expandtint h2 {display: none;}
/* expand bar modal pop up style */
.modal-content .imgleft {position: relative; float: left; width: 30%; height: auto !important; display: inline; margin: 0 2% 0 0; }
.modal-content .imgleft img {position: relative; width: 100%; height: auto !important; }

/* expand indent */
.expandindent { display: block; width: 55%; max-width: 960px; margin: 20px auto 30px auto; padding: 10px 10px 0px 10px; border-top: 1px solid #666; border-bottom: 1px solid #666; background: #f6f6f6; }
.expandindent .ctabutton {font-size: 1.0em; background: #f6f6f6; color: #333;}
.expandindent .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #333; margin: 0 5px; padding: 0; border-radius:0; background: #f6f6f6;}
.expandindent .ctabutton>button>i.fas>a:link,
.expandindent .ctabutton>button>i.fas>a:visited,
.expandindent .ctabutton>button>i.fas>a:active,
.expandindent .ctabutton>button>i.fas>a:hover {color: #333; text-decoration: underline; }
.expandindent .ctabutton {font-size: 1.0em; color: #333; background: #f6f6f6; text-transform: none; letter-spacing:0px; }
.expandindent .ctabutton button.modal-open { font-size: 1.0em; font-weight: 900; line-height: 1em; margin: 0px; padding: 0; text-align: left; display: inline; float:left; width: auto; color:#333; text-transform: none; letter-spacing:0px; font-family: "Wix Madefor Display", sans-serif; white-space: normal; background: #f6f6f6; }
.expandindent .imgshell {  position: relative; float: left; width: 20%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.expandindent .imgshell img { width: 100%; height: auto; }
.expandindent h2 {display: none;}
/* expand bar modal pop up style */
.modal-content .imgleft {position: relative; float: left; width: 30%; height: auto !important; display: inline; margin: 0 2% 0 0; }
.modal-content .imgleft img {position: relative; width: 100%; height: auto !important; }

/* start Facts styles */
.facts>.content>.words>.padding>h2 { text-align: center; display:none; }
.facts { position: relative; width:100%; margin: 50px auto; padding: 0; }
.facts ul { position: relative; width: 100%; background: #FFF; display: block; margin: 0 auto; padding: 0; height: auto; }
.facts .multibuttons ul { position: relative; width: 80%; height: auto;display: table; margin: 0 auto; padding: 0; }
.facts .multibuttons ul li { position: relative; width: auto; height: auto; display: table-cell; margin: 0 auto; padding: 0; text-align: center; }
.facts .multibuttons ul li .imgshell, 
.facts .multibuttons ul li .imgleft { position: absolute; top: 0; width: 100%; height: 50%; display:table-cell; }
.facts .multibuttons ul li .imgright, 
.facts .multibuttons ul li .imgcenter { position: absolute; bottom: 0; width: 100%; height: 50%; display:table-cell; }
.facts .multibuttons ul li .imgshell img, 
.facts .multibuttons ul li .imgleft img,
.facts .multibuttons ul li .imgright img, 
.facts .multibuttons ul li .imgcenter img { position: relative; width: 100%; height: auto; }
.facts .multibuttons ul li .multitext { position: relative; display:table-cell; margin: 0; padding: 0 2%; text-align: center; font-size: 1.5em; line-height: 1.2em; color: #C4052C;}
.facts .multibuttons ul li .multitext strong { position: relative; margin: 0; padding: 0; text-align: center; font-size: 2em; line-height: 1.2em; font-weight: 800; color: #000;}
.facts a:link, .facts a:visited {color: #FFF; text-decoration: none;}
.facts a:active, .facts a:hover {color: #CCC; text-decoration: underline;}


/* start FAQ styles */
.faqs { position:relative; display:block; width:90%; max-width: 1000px; height: auto !important; overflow: visible; margin: 30px auto; padding: 0%; }
.faqs .content {position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%; }
.faqs p { line-height: 36px; margin: 0 0 10px 0; }
.faqs .content .words { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%;}
.faqs .content .words .padding { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%; }
.faqs .content .words .padding h2 { font-size: 1.5em; margin-bottom: 20px; }
.faqs .content .words .padding .ctabutton button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 0em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.faqs .content .words .padding .ctabutton button.modal-open a  { padding: 0; margin: 0; }
.faqs .content .words .padding .ctabutton button.modal-open a:hover, .callout .content .words .padding .ctabutton button.modal-open a:active { text-decoration: underline; }
.faqs .content .words .multibuttons { position: relative; margin: 0; padding: 0; display: block; overflow: visible; background: #f6f6f6;}
.faqs .content .words .multibuttons ul { margin: 0; padding: 3% 4% 2% 3%; list-style: none; display: block; overflow: visible; border: none; background: white;}
.faqs .content .words .multibuttons ul li { position: relative; width: 100%; margin: 0 0 30px 0; padding: 0px 0 40px 0; list-style:none; border-bottom: none; font-size: 1.1em; white-space: normal; text-align: left; line-height: 1.1em;}
.faqs .content .words .multibuttons ul li .multitext .linktitle { text-align: left; line-height: 1.1em;}
.faqs .content .words .multibuttons ul li .linktitle { display:none; }
.faqs .content .words .multibuttons ul li p { margin: 0; padding: 0 10px; float: left; }
.faqs .content .words .multibuttons ul li .ctabutton { position: relative; float: left; margin: 0; padding: 0 0 0 10px; background: #f6f6f6 !important; color: #000; text-transform:none; letter-spacing: 0px; text-align: left; line-height: 1.1em;}
.faqs .content .words .multibuttons ul li .ctabutton button.modal-open { float: left; padding: 0px 0 0 0; background: #f6f6f6 !important; color: #000; font-size: 1.3em; text-transform: none; letter-spacing: 0px; text-align: left; line-height: 1.1em;}
.faqs .content .words .multibuttons ul li .ctabutton button.modal-open:hover { cursor: pointer;}
.faqs .content .words .multibuttons ul li .multimgshell { position: relative; float: left; display: inline; width: 5%; height: auto; margin-top: 0; padding-top: 0; top: -13px;}
.faqs .content .words .multibuttons ul li .multimgshell img { position: relative; width: 100%; height: auto;}

/* start Highlight styles */
.highlight { position:relative; display:inline-block; width:100%; height: auto !important; margin: 0 auto; padding: 50px 0px; vertical-align: top; background: #f6f6f6; overflow: visible; }
.highlight .content { position: relative; display:block; width: 100%; max-width: 1100px; overflow: visible; margin: 0 auto; align-content: center; vertical-align: top; }
float: left;
  width: 48%;
  height: auto !important;
  overflow: hidden;
  margin: 0px 30px 0px 0px;
.highlight .content .imgshell { position: relative; display: block; float: left; width: 48%; overflow: hidden; margin: 0 30px 0 0; }
.highlight .content .imgleft { position: relative; display: block; float: left; width: 48%; overflow: hidden; margin: 0 30px 0 0; }
.highlight .content .imgcenter { position: relative; display: block; width: 48%; overflow: hidden; margin: 0 1% 0 0; }
.highlight .content .imgfull { position: relative; display: block; width: 48%; overflow: hidden; margin: 0 1% 0 0; }
.highlight .content .imgright { position: relative; display: block; float: right; width: 48%; overflow: hidden; margin: 0 0 0 30px; }
.highlight .content>.imgshell img,
.highlight .content>.imgleft img,
.highlight .content>.imgcenter img,
.highlight .content>.imgfull img,
.highlight .content>.imgright img { width: 100%; height: auto !important; padding: 0; margin: 0px}

.highlight .content .embshell { position: relative; display:table-cell; float: left; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.highlight .content .embleft { position: relative; display:table-cell; float: left; width: 50%; overflow: hidden; margin: 0 1% 0 0; background: none; }
.highlight .content .embcenter { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.highlight .content .embfull { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.highlight .content .embright { position: relative; display:table-cell; float: right; width: 50%; overflow: hidden; margin: 0 0 0 1%; }
.highlight .content>.embshell iframe,
.highlight .content>.embleft iframe,
.highlight .content>.embcenter iframe,
.highlight .content>.embfull iframe,
.highlight .content>.embright iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0px}

.highlight>.content>.words { position: relative; display: table-cell; text-align: center; width: 40%; max-width: 100%; margin: 0; padding: 0;}
.highlight>.content>.words>.padding { position: relative; text-align: center; width: 90%; margin: 0 auto; }
.highlight>.content>.words>.padding .subtitle { color: #000; font-size: 1.2em; font-weight: 600; line-height: 2.0em; }
.highlight>.content>.words>.padding>.ctabutton { width: auto !important; margin: 0px auto; padding: 12px 20px;font-size: 0.75em; text-align: center;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 1em; margin: 0px auto; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open>a:hover, .text>.content>.words>.padding>.ctabutton>button.modal-open>a:active { text-decoration: underline; }
.highlight>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highlight>.content>.words>.padding>ul>li { text-align: left; }
.highlight .content .words>h2 { color: #C4052C; font-size: 1.3em; margin: 0; }
.highlight .content .words .multibuttons { position: relative; display: block;text-align: center; width: auto !important; margin: 0;}
.highlight>.content>.words>.multibuttons>ul { position: relative; text-align: center; width: 80%; margin: 0 auto; }
.highlight .content .words .multibuttons li { list-style: none; position: relative; background: #094848; color: #FFF; text-align: center; width: auto !important; padding: 5px 0; margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px;}
.highlight .content .words .multibuttons li a:link, .highlight .content .multibuttons li a:visited { background: #094848; color:#FFF; text-decoration: none; }
.highlight .content .words>.multibuttons li .multitext .textmulti { display: none;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.highlight .content .words .multibuttons { position: relative; display: block;text-align: center; width: auto !important; margin: 0;}
.highlight>.content>.words>.multibuttons>ul { position: relative; text-align: center; width: 80%; margin: 0 auto; }
.highlight .content .words .multibuttons li { list-style: none; position: relative; background: #094848;color: #FFF; text-align: center; width: auto !important; padding: 5px 0; margin: 0 0 10px 0; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px;}
.highlight .content .words .multibuttons li a:link, .highlight .content .multibuttons li a:visited { background: #094848; color:#FFF; text-decoration: none;  }
.highlight .content .words .multibuttons li a:hover, .highlight .content .multibuttons li a:active { background: #094848; color:#FFF; text-decoration: underline;  }
.highlight .content .words .multibuttons li .multitext { display: inline-block; width: auto !important;}
.highlight .content .words .multibuttons li .multitext .textmulti { display: none;}
.highlight .content .words .multibuttons li .multitext .linktitle { font-size: 0.8em; font-weight: 800; display: inline;}
.highlight .content .words .multibuttons li .multitext .ctabutton { width: auto !important; margin: 0 auto; color: #FFFFFF; float: none; display: inline-block; }
.highlight .content .words .multibuttons li .multitext .ctabutton button.modal-open { font-size: 1em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none; display: inline-block; }

/* highlight announcement - for T4 */
.highlight.announcement {background-color: white; padding: 0;}
.highlight.announcement>.content {padding: 1% !important;border: 2px solid black; min-height: auto;}
.highlight.announcement>.content>.words>.padding {color: black;}
.highlight.announcement>.content>.words>.padding>h2 {color: black;}
.highlight.announcement>.content>.words>.padding>p { font-size: 1em; line-height: 32px;}

/* start Highlight Cluster styles*/
.highcluster { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 20px auto 50px auto; padding: 0px; align-content: center;max-width: 1100px; }
.highcluster>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}

.highcluster>.content>.imgshell { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; }
.highcluster>.content>.imgleft { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; }
.highcluster .content>.imgcenter { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; }
.highcluster .content .imgfull { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0;overflow: hidden; }
.highcluster>.content>.imgright { position: relative; width: 50%; float: left; display: inline; margin: 0 0 1% 1%; padding: 0; overflow: hidden; }
.highcluster .content .imgshell img,
.highcluster .content .imgleft img,
.highcluster .content .imgcenter img,
.highcluster .content .imgfull img,
.highcluster .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; }

.highcluster>.content>.words { position: absolute; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 365px; overflow: visible; margin: 0; padding: 0; }
.highcluster>.content>.words>.padding { position: absolute; bottom: 5px; text-align: left; width: 40%; margin: 1%; padding: 1%; display: inline-block; color: #FFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; }
.highcluster>.content>.words>.padding p { margin: 0; padding: 0; }
.highcluster>.content>.words>.padding>.ctabutton { display: inline; float: left; width: auto; margin: 10px 0 0 0; padding: 10px;font-size: 0.8em; line-height: 0.3em; background: #ededed; }
.highcluster>.content>.words>.padding>.ctabutton>a:link, .highcluster>.content>.words>.padding>.ctabutton>a:visited { color: #C4052C; text-decoration: none;}
.highcluster>.content>.words>.padding>.ctabutton>a:hover { color: #C4052C; text-decoration: underline;}

.highcluster>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highcluster>.content>.words>.padding>ul>li { text-align: left; }
.highcluster>.content>.words>.padding>h2 { color: #FFF; margin: 0; }
	
.highcluster>.content>.words>.multibuttons { position: absolute; top: 0; right: 0; width: 50%; float: right;margin: 0; }
.highcluster>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 96%; margin: 0 auto; }
.highcluster>.content>.words>.multibuttons>ul>li { min-height: 85px; display: block; list-style: none; position: relative; color: #333; text-align: left; width: auto !important; padding: 5px 0; margin: 0 0 25px 0; font-size: 0.9em; overflow: visible; clear:both; }
.highcluster>.content>.words>.multibuttons>li a:link, .highcluster>.content>.words>.multibuttons>li a:visited { color:#C4052C; text-decoration: none; background: none; }

.highcluster>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 60%; margin: 0 auto;float: left; display: inline; } 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 1.3em; text-align: left; color:#C4052C;font-weight:700; margin: 0;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #C4052C; text-decoration: none;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #C4052C; text-decoration: underline; font-weight: 800; background: #ededed;}

.highcluster>.content .words>.multibuttons>li>.multitext>.textmulti { }

.highcluster>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #C4052C; float: none;}

.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 30%; margin: 0 auto;float: left; display: inline; }
.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 90%; margin: 0 auto;float: left; display: inline; }


/* start Highlight Facts styles*/
.highfacts { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 20px auto 20px auto; padding: 0px; align-content: center;max-width: 1100px; }
.highfacts>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}

.highfacts>.content>.imgshell { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; }
.highfacts>.content>.imgleft { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; }
.highfacts .content>.imgcenter { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; }
.highfacts .content .imgfull { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0;overflow: hidden; }
.highfacts>.content>.imgright { position: relative; width: 50%; float: right; display: inline; margin: 0 0 1% 1%; padding: 0; overflow: hidden; }
.highfacts .content .imgshell img,
.highfacts .content .imgleft img,
.highfacts .content .imgcenter img,
.highfacts .content .imgfull img,
.highfacts .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; }
.highfacts>.content>.imgshell>.caption { margin: 0; padding: 0; text-align: left; }

.highfacts>.content>.words { position: absolute; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 365px; overflow: visible; margin: 0; padding: 0; }
.highfacts>.content>.words>.padding { position: absolute; bottom: 5px; text-align: left; width: 40%; margin: 1%; padding: 1%; display: inline-block; color: #FFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; }
.highfacts>.content>.words>.padding p { margin: 0; padding: 0; }
.highfacts>.content>.words>.padding>.ctabutton { display: inline; float: left; width: auto; margin: 10px 0 0 0; padding: 10px;font-size: 0.8em; line-height: 0.3em; background: #ededed; }
.highfacts>.content>.words>.padding>.ctabutton>a:link, .highfacts>.content>.words>.padding>.ctabutton>a:visited { color: #C4052C; text-decoration: none;}

.highfacts>.content>.words>.padding>.ctabutton>a:hover { color: #C4052C; text-decoration: underline; }
.highfacts>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highfacts>.content>.words>.padding>ul>li { text-align: left; }
.highfacts>.content>.words>.padding>h2 { color: #FFF; margin: 0; }
	
.highfacts>.content>.words>.multibuttons { position: absolute; top: 0; right: 0; width: 50%; float: right;margin: 0; }
.highfacts>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 96%; margin: 0 auto; display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); }
.highfacts>.content>.words>.multibuttons>ul>li { position: relative; width: 90%; min-height: 130px; display: inline-block; list-style: none;color: #333; text-align: center; padding: 3%; margin: 0 1% 2% 0; font-size: 1.2em; align-content: center; background: #f6f6f6; }
.highfacts>.content>.words>.multibuttons>li a:link, .highfacts>.content>.words>.multibuttons>li a:visited { color:#C4052C; text-decoration: none; background: none; }

.highfacts>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 90%; margin: 0 auto;text-align: center; line-height: 1.2em; } 
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 3em; text-align: center; color:#C4052C;font-weight:900; margin: 20px 0;}
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #C4052C; text-decoration: none;}
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #C4052C; text-decoration: underline; font-weight: 800; background: #ededed;}

.highfacts>.content .words>.multibuttons>li>.multitext>.textmulti { }

.highfacts>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #C4052C; float: none;}

.highfacts>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 30%; margin: 0 auto;float: left; display: inline; }
.highfacts>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 90%; margin: 0 auto;float: left; display: inline; }


.includenews { position: relative; width: 100%; max-width: 1000px; display: block;}
.includenews .newscol { width: 33%; margin: 0 2% 0 0; display: inline; float: left; }
.includenews .eventcol { width: 28%; margin: 0; padding: 1%; display: inline; float: left; border: 1px solid #222; }

.inspire { position: relative; display: block; width: 75%; height: auto; margin: 30px auto; padding: 0; }
.inspire h3 { text-align: center; font-size: 1.3em; font-weight: bold; font-family: "Wix Madefor Display", sans-serif;}
.inspire h4 { text-align: center; font-size: 1.6em; font-weight: normal; line-height: 1.8em; }
.inspire .rule { width: 15%; border-bottom: 2px solid #C4052C; margin: 10px auto; }


/* start INCLUDE Montage styles */
.montage>h2 { text-align: center; }
.montage { position: relative; width:100%; height: auto; margin: 0 auto 50px auto; padding: 0; overflow: visible;}
.montage .multibuttons ul { position: relative; width: 100%; height: auto; background: #222; display: table; margin: 0 auto; padding: 0; overflow: visible; }
.montage .multibuttons ul li { position: relative; width: 20%; display: table-cell; margin: 0 auto; padding: 0; background: #222; overflow: visible; }
.montage .multibuttons ul li .multitext { position: relative; display:table-cell; width:100%; margin: 0 auto; padding: 0; text-align: center; font-size: 1.7em; line-height: 1.2em;color: #FFF;}
.montage .multibuttons ul li .imgshell, 
.montage .multibuttons ul li .imgleft { position: relative; width: 100%; height: 100%; display:table-cell; }
.montage .multibuttons ul li .imgright, 
.montage .multibuttons ul li .imgcenter { position: relative; width: 100%; height: 100%; display:table-cell; }
.montage .multibuttons ul li .imgshell img, 
.montage .multibuttons ul li .imgleft img,
.montage .multibuttons ul li .imgright img, 
.montage .multibuttons ul li .imgcenter img { position: relative; width: 100%; height: auto; }
.montage a:link, .montage a:visited {color: #FFF; text-decoration: none;}
.montage a:active, .montage a:hover {color: #CCC; text-decoration: underline;}


/* start One Column styles */


.onecol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0px 0; display: inline; float: left; clear:none !important; background: #FFF; }
.onecol .content { position: relative; width: 100%; height: auto; margin: 0 auto; padding: 1%; display: table; background: #FFF; }
.onecol>.content>.words { position: relative; width: 100%; max-width: 1100px; display: block; margin: 0px auto; float: none; padding: 0;}
.onecol>.content>.words>.padding { position: relative; text-align: left; width: 18%; float: left; display: inline; padding: 2% 2% 2% 0; }
.onecol>.content>.words>.padding>p { line-height:1.5em; margin: 5px 0; }
.onecol>.content>.words>.padding>h2 { text-transform: none; letter-spacing: 0px; text-align: left; color: #C4052C; font-weight: 900; font-size: 1.4em; padding: 20px 0; margin:0 auto; line-height:1em; }
.onecol>.content>.words>.padding>.subtitle { margin:0; text-align: left; font-size: 1.1em;color: #000;}
.onecol>.content>.words>.padding>.ctabutton { position: relative; margin:10px auto; text-align: center; float: none; }
.onecol>.content>.imgshell { display:none;}

.onecol>.content>.words>.multibuttons { position: relative; width: 80%; max-width:80%; display: inline; float: left; margin: 0px; padding: 0; }
.onecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: block; }
.onecol>.content>.words>.multibuttons>ul>li { position: relative; width: 90%; display:block; float: none; margin: 0%; padding: 2% 5% 3% 5%;height: auto; min-height: 200px; vertical-align: top;background: #333; }

.onecol>.content>.words>.multibuttons>ul>li>.multimgshell {position: relative; width: 35%; height: auto; overflow: hidden; padding: 0; margin: 15px 20px 20px 0;display: inline; float: left;}
.onecol>.content>.words>.multibuttons>ul>li>.multimgleft {position: relative; width: 35%; height: auto; overflow: hidden; padding: 0; margin: 0 20px 10px 0;display: inline; float: left;}
.onecol>.content>.words>.multibuttons>ul>li>.multimgcenter {position: relative; width: 90%; height: auto; overflow: hidden; padding: 0; margin: 0 auto;display: inline-block; float: none;}
.onecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0 5% 0 0;display: block; float: none;}
.onecol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.onecol>.content>.words>.multibuttons>ul>li>.multimgleft img,
.onecol>.content>.words>.multibuttons>ul>li>.multimgcenter img,
.onecol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto !important; }
.onecol>.content>.words>.multibuttons>ul>li>.multimgright { position: relative; width: 35%; height: auto; max-height: 225px; overflow: hidden; padding: 0; margin: 0 0 10px 20px;display: inline; float: right; }
.onecol>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; }

.onecol>.content>.words>.multibuttons>ul>li>.multiembshell,
.onecol>.content>.words>.multibuttons>ul>li>.multiembleft,
.onecol>.content>.words>.multibuttons>ul>li>.multiembright,
.onecol>.content>.words>.multibuttons>ul>li>.multiembcenter,
.onecol>.content>.words>.multibuttons>ul>li>.multiembfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0;display: block; float: none;}
.onecol>.content>.words>.multibuttons>ul>li>.multiembshell iframe,
.onecol>.content>.words>.multibuttons>ul>li>.multiembleft iframe,
.onecol>.content>.words>.multibuttons>ul>li>.multiembright iframe,
.onecol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe,
.onecol>.content>.words>.multibuttons>ul>li>.multiembfull iframe { position: relative; width: 100%; height: auto !important; min-height: 265px; }

.onecol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: auto !important; padding: 4% 6%; margin: 0; font-size: 0.95em; line-height: 1.7em; display: inline; color: #FFF; vertical-align:top; text-align: left; }
.onecol>.content>.words>.multibuttons>ul>li>.multitext .cms-button {margin: 10px 0; }
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: left; color:#FFF;font-weight:700; margin: 0px; padding:0; text-transform: uppercase; }
.onecol>.content>.words>.multibuttons>ul>li>.multitext>p {margin: 20px 0px 5px 0px; padding:0; }
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;color:#FFF;}
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;color:#FFF;}



/* start Section Header styles*/
.section { position:relative; display:block; width:70%; height: auto !important; overflow: visible; margin: 50px auto 0px auto; padding: 0px; align-content: center;max-width: 1100px; background:url(https://www.bard.edu/images/line.png) repeat-x; }
.section>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content>.words>.padding>h2 { position: relative; display: inline-block; text-align: center; height: 30px; width: auto !important; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; line-height: 1em; padding: 5px 10px; margin: 0;background: #FFF; color: #333; clear: both;}
.section>.content p { position: relative; width: 76%; background: white; margin: 10px 10%; padding: 2%; }
.section>.content>.words { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content>.words>.padding { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content>.words>.padding>.ctabutton { clear: both; display: block; width: auto !important; margin: 10px auto; float: none; background: #FFF;}
.section>.content>.words>.padding>.ctabutton a { width: auto !important; margin: 10px auto; float: none; background: #094848; padding: 5px 10px; }


/* start Spotlight/Profile styles */
.spotlight { position:relative; display:table; width:80%; max-width: 1200px; min-height: 300px; background:#222; padding: 5% 10%; margin: 50px auto; align-content: center; }
.spotlight .content { width: 100%; }

.spotlight .content>.imgshell, .spotlight>.content>.imgleft { position: relative; float:left; display:table-cell; width:50%; margin-right: 3%;z-index:501;}
.spotlight>.content>.imgright { position: relative; float:right; width:50%; margin-left: 3%; }
.spotlight>.content>.imgcenter {float:none;width:100%;margin: 0px auto;}
.spotlight>.content>.imagefull {display:block;width: 100%; z-index: 500; position: absolute; top: 0; left: 0; overflow: hidden; }
.spotlight>.content>.imgleft img,.spotlight>.content>.imgshell img,.spotlight>.content>.imgright img,.spotlight>.content>.imagecenter img,.spotlight>.content>.imagefull img {width: 100%; height: auto; }
.spotlight>.content>.imgleft>iframe, .spotlight>.content>.imgshell>iframe { position: relative; width:100%; max-width: 500px; height: auto !important; min-height: 320px; border: none; border: 1px solid #FFF; }

.spotlight .content .embshell { position: relative; display:table-cell; float: left; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.spotlight .content .embleft { position: relative; display:table-cell; float: left; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.spotlight .content .embcenter { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.spotlight .content .embfull { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; }
.spotlight .content .embright { position: relative; display:table-cell; float: right; width: 50%; overflow: hidden; margin: 0 0 0 1%; }
.spotlight .content>.embshell iframe,
.spotlight .content>.embleft iframe,
.spotlight .content>.embcenter iframe,
.spotlight .content>.embfull iframe,
.spotlight .content>.embright iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0px}

.spotlight .caption { color: #FFFFFF; margin: 0; text-align: left;}

.spotlight>.content>.words { position:relative; display:table-cell; width:auto !important; height:auto; overflow: visible; margin: 0px auto; padding: 0%; text-align: center; color: #FFF; z-index: 501; float: none;}
.spotlight>.content>.words>.padding { width: 100%; height:auto; overflow: visible; margin: 0px; padding: 0%; text-align: center; color: #FFF; }
.spotlight>.content>.words>.padding a:link {color: #FD0303;}
.spotlight>.content>.words>.padding>h2 {color:#FFF; text-transform: uppercase; letter-spacing: 2px; }
.spotlight>.content>.words>.padding>ul { width: 100%; height:auto; overflow: visible; margin: 0px; padding: 0%; text-align: center; color: #FFF; }
.spotlight>.content>.words>.padding>.ctabutton a { color: #FFF; }
.spotlight>.content>.words>.multibuttons{ width: 90%; }
.spotlight>.content>.words>.multibuttons>ul>li { list-style: none; width: 100%; height:auto; overflow: visible; margin: 0px; padding: 0%; text-align: center; color: #FFF;}
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { display: inline-block; width: auto; height: auto; margin: 0 0 10px 0; padding: 10px; background: #222; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 600;}
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a:link,
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a:visited { color:#FFF; text-decoration: none; }
.spotlight>.content>.words>.padding>.ctabutton { margin-bottom: 10px; font-size: 1.2em; padding: 20px; background: #c11c1c;}
.spotlight .ctabutton { margin-bottom: 10px; font-size: 1.2em !important; padding: 20px !important; background: #c11c1c !important;}


.subhead>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton { display: inline-block; width: auto; height: auto; margin: 0px; padding: 10px; background: none; border: none; border-radius: 0; color: #000; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size: 1em; line-height: 1em; text-transform: uppercase; letter-spacing: 2px; font-weight: 800; }
/* start Text styles */
.text { position: relative; width: 100%; height: auto; margin: 30px auto 10px auto; padding: 0px; display: table; }
.text>h2 { color: #000; font-weight: bold; font-size: 1.4em; padding:0; margin:0; line-height:1em;}
.text .content { max-width:1100px; margin: 0px auto; display: block;}
.text>.content>.imgleft, .text .content .imgshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; }
.text>.content>.imgleft img, .text .content .imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.text>.content>.imgright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; }
.text>.content>.imgright img { width: 100%; height: auto; margin: 0;}
.text>.content>.imgcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; }
.text>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.text>.content>.words { position: relative; display: table-cell; width: auto; max-width: 45%; padding: 0; margin: 0px; line-height: 30px; vertical-align: middle; }
.text>.content>.words>.padding { margin: 0 30px; padding: 0; }
.text>.content>.words>.multibuttons { margin: 0 30px; padding: 0; }
.text>.content>.words>.multibuttons>ul { margin: 0 30px; padding: 0; }
.text>.content>.words>.multibuttons>ul>li { margin: 0; padding: 2px; float:none;}
.text>.content>.words>.multibuttons>ul>li>.imgshell {width:10%;margin:0;padding:0;}
.text>.content>.words>.multibuttons>ul>li>.multitext {width:100%;margin:0;padding:0;}
.text>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {text-align: center;}
.text>.content>.words>.multibuttons>ul {margin: 0 5% !important;width: 90%;}
.text>.content>.words>.multibuttons>ul>li>.imgshell>img { height:25px;width:auto; }
.text>.content>.words p { line-height: 32px; text-align: left;}
.text>.content>.words { padding: 0px; margin: 0px; }
.text>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.text>.content>.words>.padding>.ctabutton>button.modal-open>a:hover, .text>.content>.words>.padding>.ctabutton>button.modal-open>a:active { text-decoration: underline; }
.text .content .embshell { position: relative; display:table-cell; float: left; width: 48% !important; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px; }
.text .content .embshell iframe { width: auto; height: auto; }
.text .content .embshell .caption { padding-top: 5px;}
.text .content .embfull, .text .content .embleft, .text .content .embright {background: transparent;}
.text .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; }
.text .textlinks .content { width: 100%; min-height: 100px; padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCC; }
.text .textlinks ul { margin: 0px 0px 0px 20px; }
.text.expandblock { min-height: 0px; }
.text .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; }

/* start Three Column styles */
.threecol { position: relative; width: 100%; height: auto; margin: 25px auto; padding: 25px 0 0 0; display: table; background: #f6f6f6; }
.threecol>.content { position: relative; width: 100%; max-width:1100px; height: auto; margin: 25px auto 0 auto; padding: 0px; display: table;}
.threecol>.content>.imgleft, .text .content .imgshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; }
.threecol>.content>.imgleft img, .text .content .imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.threecol>.content>.imgleft iframe, .text .content .imgshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;}
.threecol>.content>.imgright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; }
.threecol>.content>.imgright img { width: 100%; height: auto; margin: 0;}
.threecol>.content>.imgcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; }
.threecol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecol>.content>.imgfull { position: relative; display:inline; float: left; width: 90%; overflow: hidden; margin: 0px auto;  }
.threecol>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecol .content .embleft, .threecol>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px;  }
.threecol .content .embleft iframe, .threecol>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;}
.threecol .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px;  }
.threecol .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;}
.threecol .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto;  }
.threecol .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;}
.threecol .content .embfull { position: relative; display:block; float: none; width: 90%; overflow: hidden; margin: 0px auto;  }
.threecol .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;}
.threecol>.content>.words { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.threecol>.content>.words>.padding>p { line-height:1.9em; margin: 20px; }
.threecol>.content>.words>.padding>h2 { text-transform: uppercase; letter-spacing: 3px; text-align: center; color: #000; font-weight: 700; font-size: 1.4em; padding:0; margin:0 auto 25px auto; line-height:1em; }
.threecol>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;}
.threecol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto 20px auto;}
.threecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(352px, 1fr)); grid-gap: 20px; }
.threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display:table-cell; float: left; margin: 1%; padding: 0%;text-align: center; min-height: 100px; background: #FFF; color: #000;}
.threecol>.content>.words>.multibuttons>ul>li>.multimgshell,
.threecol>.content>.words>.multibuttons>ul>li>.multimgleft,
.threecol>.content>.words>.multibuttons>ul>li>.multimgright,
.threecol>.content>.words>.multibuttons>ul>li>.multimgcenter,
.threecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; margin: 0; padding: 0; overflow: hidden; }
/* changed from height:suto to hegiht:226px on 07/26/23 DV */
.threecol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.threecol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: 226px; object-fit: cover;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 92%; padding: 0 4% 20px 4%; height: auto; display:block; float:none; text-align: left;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: center; color:#C4052C;font-weight:600; margin: 10px auto;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFF; text-decoration: none; font-weight: 800; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>ul>li { text-align: left; margin: 0 0 10px 0; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 1.1em; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;}
.threecol>.content>.words>.multibuttons>ul>li>.multiembshell,
.threecol>.content>.words>.multibuttons>ul>li>.multiembleft,
.threecol>.content>.words>.multibuttons>ul>li>.multiembright,
.threecol>.content>.words>.multibuttons>ul>li>.multiembcenter { position: relative; width: 90%; height: auto; display:block; overflow: hidden; margin: 5%; }
.threecol>.content>.words>.multibuttons>ul>li>.multiembshell img { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; }
.threecol>.content>.words>.multibuttons>ul>li>.multiembshell iframe,
.threecol>.content>.words>.multibuttons>ul>li>.multiembleft iframe,
.threecol>.content>.words>.multibuttons>ul>li>.multiembright iframe,
.threecol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; }

/* start Three Column DARK styles */
.threecold { position: relative; width: 100%; height: auto; margin: 30px auto 50px auto; padding: 30px 0; display: table; background: #222;  color: #FFF;}
.threecold .content { position: relative; width: 100%; max-width:1100px; height: auto; margin: 25px auto; padding: 0px; display: table;}
.threecold .content>.imgleft, .threecold>.content>.imgshell { position: relative; display:table-cell; float: left; width: 29%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 20px; padding: 1%; background: #222; color: #FFF;}
.threecold .content>.imgleft img, .threecold>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.threecold .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; background: #FFF; }
.threecold .content>.imgright img { width: 100%; height: auto; margin: 0;}
.threecold>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto;  }
.threecold>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecold>.content>.imgfull { position: relative; display:inline; float: left; width: 90%; overflow: hidden; margin: 0px auto;  }
.threecold>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecold .content .embleft, .threecold>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px;  }
.threecold .content .embleft iframe, .threecold>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;}
.threecold .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px;  }
.threecold .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;}
.threecold .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto;  }
.threecold .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;}
.threecold .content .embfull { position: relative; display:block; float: none; width: 90%; overflow: hidden; margin: 0px auto;  }
.threecold .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;}
.threecold>.content>.words { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto; color: #FFF;}
.threecold>.content>.words>.padding { text-align: center; line-height:1.9em;  color: #FFF;}
.threecold>.content>.words>.padding>p { line-height:1.9em; margin: 20px; }
.threecold>.content>.words>.padding>h2 { text-transform: uppercase; letter-spacing: 3px; text-align: center; color: #FFF; font-weight: 900; font-size: 1.4em; padding:0; margin:0 auto; line-height:1em; }
.threecold>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;}
.threecold>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.threecold>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: table; }
.threecold>.content>.words>.multibuttons>ul>li { position: relative; width: 29%; display:table-cell; float: left; margin: 2%; padding: 0;text-align: center; min-height: 100px; background: #FFF; color: #000;}
.threecold .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;}
.threecold>.content>.words>.multibuttons>ul>li>.multimgshell,
.threecold>.content>.words>.multibuttons>ul>li>.multimgleft,
.threecold>.content>.words>.multibuttons>ul>li>.multimgright,
.threecold>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 90%; height: auto; display:block; overflow: hidden; margin: 5%; }
.threecold>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0;}
.threecold>.content>.words>.multibuttons>ul>li>.multimgleft img,
.threecold>.content>.words>.multibuttons>ul>li>.multimgright img,
.threecold>.content>.words>.multibuttons>ul>li>.multimgcenter img,
.threecold>.content>.words>.multibuttons>ul>li>.multimgshell img,
.threecold>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto; padding: 0; margin: 0;}
.threecold>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 90%; height: auto; padding: 2.5%; margin: 0 auto;display:block; float:none; line-height: 1.8em;}
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: center; color:#ad1a1f;font-weight:700; margin: 10px auto 15px auto;}
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;}
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.threecold>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFF; text-decoration: none; font-weight: 800; }
.threecold>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.threecold>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 1.1em; }
.threecold>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;}

/* start Three Column WHITE styles */
.threecolw { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0px 0; display: table; background: #FFF; }
.threecolw .content { position: relative; width: 100%; max-width:1100px; height: auto; margin: 25px auto; padding: 0px; display: table;}
.threecolw .content>.imgleft, .threecolw>.content>.imgshell { position: relative; display:table-cell; float: left; width: 29%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 20px; padding: 1%; background: #222; }
.threecolw .content>.imgleft img, .threecolw>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;}
.threecolw .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; background: #FFF; }
.threecolw .content>.imgright img { width: 100%; height: auto; margin: 0;}
.threecolw>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto;  }
.threecolw>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecolw>.content>.imgfull { position: relative; display:inline; float: left; width: 90%; overflow: hidden; margin: 0px auto;  }
.threecolw>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecolw .content .embleft, .threecolw>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px;  }
.threecolw .content .embleft iframe, .threecolw>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;}
.threecolw .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px;  }
.threecolw .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;}
.threecolw .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto;  }
.threecolw .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;}
.threecolw .content .embfull { position: relative; display:block; float: none; width: 90%; overflow: hidden; margin: 0px auto;  }
.threecolw .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;}
.threecolw>.content>.words { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.threecolw>.content>.words>.padding { text-align: center; line-height:1.9em; }
.threecolw>.content>.words>.padding>p { line-height:1.9em; margin: 20px; }
.threecolw>.content>.words>.padding>h2 { text-transform: uppercase; letter-spacing: 3px; text-align: center; color: #000; font-weight: 900; font-size: 1.4em; padding:0; margin:0 auto; line-height:1em; }
.threecolw>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;}
.threecolw>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1100px; display: block; margin: 0px auto;}
.threecolw>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: grid; grid-template-columns: repeat(auto-fit, minmax(352px, 1fr)); grid-gap: 20px; }
.threecolw>.content>.words>.multibuttons>ul>li { width: 80%; display:block; padding: 0; float: none; margin: 20px auto; overflow: visible; min-height: 100px; }
.threecolw .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;}
.threecolw>.content>.words>.multibuttons>ul>li>.multimgshell,
.threecolw>.content>.words>.multibuttons>ul>li>.multimgleft,
.threecolw>.content>.words>.multibuttons>ul>li>.multimgright,
.threecolw>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0%; padding: 0;}
.threecolw>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0;}
.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,
.threecolw>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto; padding: 0; margin: 0;}
.threecolw>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 92%; padding: 0 4% 20px 4%; margin: 0 auto; height: auto; display:block; float:none; line-height: 1.8em;}
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: center; color:#ad1a1f;font-weight:900; margin: 10px auto 5px auto;}
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;}
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.threecolw>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFF; text-decoration: none; font-weight: 800; }
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 1.1em; }
.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;}

/*four column styles (added 08/13/24 DV)*/
.fourcol>.content {margin: 25px auto;}
.fourcol>.content>.words>.padding>h2 {font-weight: 700;}
.fourcol>.content>.words>.multibuttons>ul {display: grid; grid-template-columns: repeat(auto-fit, minmax(259px, 1fr)); grid-gap: 20px;}
.fourcol>.content>.words>.multibuttons>ul>li { width: 100%; }
.fourcol>.content>.words>.multibuttons>ul>li>.multimgshell,
.fourcol>.content>.words>.multibuttons>ul>li>.multimgshell img {width: 100%; margin: 0; height: 190px; object-fit: cover;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-weight: 600;}
.fourcol.bggrey>.content>.words>.multibuttons>ul>li {background-color: #fff;}

/* start Two Column styles */
.twocol { position: relative; width: 100%; height: auto; margin: 30px auto 0 auto; padding: 30px 0 0 0; display: table; float: unset; clear:none !important; background: #f6f6f6; z-index: 999;}
.twocol>.content { position: relative; width: 90% !important; height: auto; margin: 0 auto; padding: 1% !important; display: table; }
.twocol>.content>.words { position: relative; width: 100%; max-width: 1100px; display: block; margin: 0px auto; float: none; padding: 0;}
.twocol>.content>.words>.padding { position: relative; text-align: left; width: 18%; float: left; display: inline; padding: 2% 2% 2% 0; }
.twocol>.content>.words>.padding>p { line-height:1.5em; margin: 20px 0; }
.twocol>.content>.words>.padding>h2 { text-transform: uppercase; letter-spacing: 3px; text-align: left; color: #000; font-weight: 700; font-size: 1.4em; padding: 20px 0; margin:0 auto; line-height:1em; }
.twocol>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;}
.twocol>.content>.words>.padding>.ctabutton { position: relative; margin:10px auto; text-align: center; float: none; }
.twocol>.content>.imgshell { display:none;}
.twocol>.content>.words>.multibuttons { position: relative; width: 80%; max-width:80%; display: inline; float: left; margin: 0px; padding: 0; }
.twocol>.content>.words>.multibuttons>ul { display: grid; grid-template-columns: repeat(auto-fit, minmax(300px, 1fr)); grid-gap: 20px; }
.twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display:inline-block; float: left; margin: 0% 2.5% 2.5% 0; padding: 0%;height: auto; vertical-align: top;background: #FFFFFF; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0 5% 0 0;display: block; float: none;}
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: 280px !important; object-fit: cover;}
.twocol>.content>.words>.multibuttons>ul>li>.multimgright { position: relative; width: 45%; height: auto; max-height: 225px; overflow: hidden; padding: 0; margin: 0;display: table-cell; float: right; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; }
.twocol>.content>.words>.multibuttons>ul>li>.multiembshell,
.twocol>.content>.words>.multibuttons>ul>li>.multiembleft,
.twocol>.content>.words>.multibuttons>ul>li>.multiembright,
.twocol>.content>.words>.multibuttons>ul>li>.multiembcenter,
.twocol>.content>.words>.multibuttons>ul>li>.multiembfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0;display: block; float: none;}
.twocol>.content>.words>.multibuttons>ul>li>.multiembshell iframe,
.twocol>.content>.words>.multibuttons>ul>li>.multiembleft iframe,
.twocol>.content>.words>.multibuttons>ul>li>.multiembright iframe,
.twocol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe,
.twocol>.content>.words>.multibuttons>ul>li>.multiembfull iframe { position: relative; width: 100%; height: auto !important; min-height: 265px; }

/* .twocolw>.content>.words>.multibuttons>ul>li {min-height: 400px;} */
.twocolw>.content>.words>.multibuttons>ul>li>.multimgshell, .twocolw>.content>.words>.multibuttons>ul>li>.multimgleft, .twocolw>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocolw>.content>.words>.multibuttons>ul>li>.multimgfull {
overflow: hidden;max-height: 250px;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: auto !important; padding: 4% 6%; margin: 0; font-size: 0.95em; line-height: 1.7em; display: block; color: #333333; vertical-align:top; text-align: left; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext .cms-button {display: inline-block; width: auto !important; height: auto; margin: 10px 0 0 0px;padding: 0px !important; border-top: none; border-radius: 0; color: #000; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap;font-size: .85em;line-height: .5em;text-transform: uppercase; text-align: left; letter-spacing: 2px;font-weight: 600; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext .linktitle {font-size: 1.2em; text-align: left; color:#222;font-weight:600; margin: 0px; padding:0; text-transform: uppercase; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext>p {margin: 20px 0px 5px 0px; padding:0; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton {display: inline-block; width: auto !important; height: auto; margin: 10px 0 0 0px;padding: 10px; background-color: #094848; border-top: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap;font-size: .85em;line-height: .5em;text-transform: uppercase; text-align: left; letter-spacing: 2px;font-weight: 600;}
.twocol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open {display: inline; width: auto; margin: 0; padding: 0; float: left; word-wrap: break-word; outline: none; border: none; text-align: left; font-family: "Wix Madefor Display", sans-serif; font-weight: bold; }
.twocolw > .content > .words > .multibuttons > ul > li > .multitext .linktitle {font-size: 1.4em;text-align: left;color: #000;font-weight: 900;margin: 0px 0px 5px 0px;padding: 0;text-transform: none;}

/* text w/ buttons styles */
#multibuttons>h2 { font-size: 1.4em; font-weight: bold; }
#multibuttons { position: relative; width: 90%; height: auto; padding: 2% 5% 5% 5%; margin: 0px auto; display: table;background: #f6f6f6; }
#multibuttons .buttons { display: block; width: 100%; margin: 20px 0px; padding: 0px; font-size: 0.9em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;}
#multibuttons .buttons ul { width: 100%; list-style: none; float: left; margin: 20px 0 0 0px; padding: 0px; }
#multibuttons .buttons li { list-style: none; display: inline; color:#222; background-color: #FFF; margin: 20px 30px 0px 0px; padding: 15px 20px; border: 2px solid #e6e6e6; }
#multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#222; text-decoration: none; }
#multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#222; text-decoration: underline; }

/* photo clusters */
#photocluster { position: relative; width: 95%; height: auto !important; display: block; float: none; margin: 0 auto; padding: 0; max-width: 1200px; }
#photocluster .solophoto { position: relative; width: 49%; float: left; margin: 0; padding: 0; z-index:1000; }
#photocluster .solophoto .soloimg { position: relative; width: 100%; height: auto !important; max-height: 557px; display: block; margin: 0; padding: 0; overflow: hidden; }
#photocluster .solophoto .soloimg img { width: 100%; height: auto !important; margin: 0; padding: 0; }
#photocluster .solophoto .solotext { position: absolute; top: 50%; width: 90%; height: auto !important; display: block; margin: 0; padding: 5%; color: #FFF; font-size: 1.7em; font-weight: 600;z-index:1001; }
#photocluster .solophoto .solotext h2 { color: #FFF; font-size: 1.7em; }
#photocluster .solophoto .solocaption { position: relative; background: #f6f6f6; margin-top: 15px;padding: 20px; }
#photocluster .cluster { position: relative; width: 100%; float: left; margin: 0; padding: 0;}
#photocluster .cluster .clustimg { position: relative; width: 24%; max-height: 273px; float: left; margin: 0 0 2% 1%; padding: 0; overflow: hidden; background: #666; color: #FFF; }
#photocluster .cluster .clustimg img { width: 100%; height: auto !important; }
#photocluster .cluster .clustimg .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 5%; font-size: 1.1em; color: #FFF; font-weight: 200; }
#photocluster .cluster .clustimg .clusttext h2 { font-size: 1.2em; color: #FFF; font-weight: 600; text-align: left; border: none; padding: 0; margin: 0; }
#photocluster .cluster .clustimg .clusttext p { font-size: 1em; line-height: 1.1em; color: #FFF; font-weight: 600; text-align: left; border: none; padding: 0; margin: 0; }
.solotext a:link, .solotext a:visited { color: #FFF; text-decoration: none; margin: 0px; }
.solotext a:active, .solotext a:hover { color: #FFF; text-decoration: underline; }
.clusttext a:link, .clusttext a:visited { color: #FFF; text-decoration: none; margin: 0px; font-weight: 800;font-size: 1.2em; }
.clusttext a:active, .clusttext a:hover { color: #FFF; text-decoration: underline; font-weight: 800;font-size: 1.2em; }


body.details #text iframe {width: 80%; height: 460px; min-height: auto; }


/* Video Cols */
.videorow { position: relative; display: block; width: 100%; height: auto !important; min-height: 0px; margin: 5px auto; padding: 0px; }
.videorow .videocol { position:relative; display: inline; float: left; width: 23%; margin: 0 auto; padding-right: 2%; }
.videorow .videocol .embedshell { display: block; width: 100%; height: auto !important; float: none; margin: 0px; padding: 0px; max-height: 150px; }
.videorow .videocol .embedshell iframe { display: block; width: 100%; float: none; margin: 0px; padding: 0px; max-height: 150px; }

/* Main Video Styles */
#video{ width:90%; min-height:0px; background-color: #ededed; overflow-x:auto; overflow-y: hidden; position: relative; margin: 0px auto; padding: 0px; }
#video .content{ width:7000px; height:300px; background-color: #ededed; padding: 10px 20px; /* just an example*/}
#video .content .textcol{ width:250px; height:498px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; }
#video .content .textcol { /*width: 95%; height: auto !important; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; overflow: scroll; */}
#video .content iframe { width:95%; height: auto; max-height: 130px; float:left; margin: 0px 20px 0px 0px; padding: 0px 10px 0px 0px; position: relative; }


#footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #666; border-top: 1px solid #222; }


/* footer styles */
.footer { font-size: .9em; color: #000; line-height: 20px; }
footer { position: relative; width: 100%; height: auto; min-height: 100px; margin: 0px; padding: 0; background-color: #fff; display: block; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer .imgshell img { height: 35px; width: auto; margin: 0px; }
footer .content { position: relative; width: 100%; max-width: 1200px; padding: 20px 0px; margin: 0 auto; background-color: #fff; display:table; height: auto;}
footer .content a:link, footer .content a:visited { color: #000; text-decoration:none; margin: auto 0;}
footer .content a:hover, footer .content a:active { color:#FF5C5C; text-decoration:underline;}
footer .footercol .ctabutton a:hover, footer .footercol .ctabutton a:active { color:#FFF; text-decoration:underline;}
footer .footercol { position: relative; float:left; width: auto; margin: 0px 30px 0px 0px; padding: 0px 0px 20px 30px; /*border-left: 1px solid #CCC;*/ }
footer .footercol.first { padding: 0px 0px 0px 15px; border-left: none; display: flex; width: 100%; height: auto; align-content: center; justify-content: space-between; max-width: unset; flex-wrap: wrap;}
footer .footercol.first div div div {margin-top:25px;}
footer .footercol #imgfooter img { position: relative; width: 100%; }
footer .footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
footer .footercol img { position: relative; width: 30px; }
footer .content #footercontact { position: relative; float: left; width: auto; min-width: 40%; display: table-cell; margin: 0; }
footer .content #footercontact .imgshell { float: left; display:inline; height: 100px; width: auto !important; margin: 0 20px 20px 0; padding: 0; }
footer .content #footercontact .imgshell img { display: block; height: 100px !important; width: auto !important; margin: 0px; padding: 0;}
footer .content #footercontact .subtitle { display:none; color: #FFF; font-size: 1.5em; font-weight: 100; margin: 0 0 10px 0; padding: 0;}
footer .content #footercontact #footiconbox { margin: 10px 0 0 0; }
footer .content #footercontact #footiconbox .footericons { float: left; margin: 0 10px 0 0; height: auto; width: auto;}
footer .content #footercontact #footiconbox .footericons img { height: 25px; width: auto;}
footer .content #footercontent { position: relative; float: left; width: 100% !important; min-width: 400px; display: table-cell; margin: 30px 0 0 0;padding: 0 20px; }
footer .content #footercontent .imgshell { display: block; height: 100px; width: auto !important; margin: 0 ; padding: 0;}
footer .content #footercontent .imgshell img { display: block; height: 100px !important; width: auto !important; margin: auto 0; padding: 0;}
footer .content #footercontent .subtitle { display: none; color: #FFF; font-size: 0.9em; text-transform: uppercase; letter-spacing: 2px; }
footer .content #footercontent ul { display: block;}
footer .content #footercontent .ctabutton { margin: 15px 0 0 0; }


/* events archive styles */
.text > .content > .archive-expand ul { list-style: none; position: relative; display: block; margin: 0; padding: 0; }
.text > .content > .archive-expand ul li { list-style: none; position: relative; display: block; margin: 10px 0; padding: 10px; border-top: 1px solid #999; }

/* 2024 HP styles */ 
body#home #hpboxes .hprow1,
body#home #hpboxes .hprow1 h3,
body#home #hpboxes .hprow1 .hprowtext,
body#home #hpboxes .hprow1 a, body#home #hpboxes .hprow2 a { font-family: "Wix Madefor Display", sans-serif !important;}

/* 2018 HP styles */

body#home #introtext { position: relative; width: 100%; margin: 20px auto 20px auto; padding: 20px 0px; font-size: 1.3em; line-height: 36px; text-align: center; max-width: 1000px; font-weight: 900; background: #FFF; color: #000; }

body#home #introtext .subtitle { display: block; font-family: "Wix Madefor Display", sans-serif; color:#666; margin: 20px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.5em; line-height: 1.2em; font-weight: 900; text-align:center; text-transform: uppercase; letter-spacing: 3px;}

body#home #main #introshell #breadcrumbs {display: none;}

body#home #introtext>.ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #094848; border: none; border-radius: 0; }

body#home #hppr {position: relative; width: 100%; max-width: 1100px; display: table; margin: 20px auto; }
body#home #hppr .hpprnews {position: relative; width: 75%; display: table-cell; float: left; }
body#home #hppr .hpprnews>.hpcols {position: relative; width: 45%; display: block; float: left; margin: 0 5% 0 0; }
body#home #hppr .hpprnews>.hpcols img {position: relative; width: 100%; height: auto; }
body#home #hppr .hpprnews>.hpcols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#home #hppr .hpprnews>.hpcols>.hpsubject {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:25px 0 10px 0;padding:0; text-transform: uppercase; font-size: 0.8em; font-weight: 800;}
body#home #hppr .hpprnews>.hpcols a:link, body#home #hppr .hpprnews>.hpcols a:visited { color:#b30526; text-decoration: none; }
body#home #hppr .hpprnews>.hpcols a:active, body#home #hppr .hpprnews>.hpcols a:hover { color:#b30526; text-decoration: underline; }
body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2 {color: #000;}

/* Homepage Newsroom styles */
body#home #hppr {position: relative; width: 100%; max-width: 1100px; display: flex; margin: 0 auto; }

body#home #hppr .hpprnews {position: relative; width: 50%; display: table-cell; float: left; }
body#home #hppr .hpprnews>.hp2cols {position: relative; width: 70%; display: block; float: left; margin: 0 3% 0 0; line-height: 1.8em;}
body#home #hppr .hpprnews>.hp2cols a {text-decoration: none; }
body#home #hppr .hpprnews>.hp2cols a:active,
body#home #hppr .hpprnews>.hp2cols a:hover {text-decoration: underline; }
body#home #hppr .hpprnews>.hp2cols img {position: relative; width: 100%; height: auto; }
body#home #hppr .hpprnews>.hp2cols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#home #hppr .hpprnews>.hp2cols iframe {position: relative; width: 95%; height: auto; min-height: 200px; display: block; float: none; margin: 0; }

body#home #hppr .hpprevents { position: relative; width: 50%; padding: 0%; display: table-cell; float: left; margin: 0 3% 0 0; }
body#home #hppr .hpprevents ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 10px 0 0 0; list-style: none; }
body#home #hppr .hpprevents ul.hpevents li {position: relative; display: block; width: 100%;padding: 0 0 10px 0; margin: 0 0 10px 0; list-style: none; }
/*border-bottom: 1px solid #999;*/
body#home #hppr .hpprevents ul.hpevents a:link, body#home #hppr .hpprevents ul.hpevents a:visited {color: #b30526; text-decoration: none;}
body#home #hppr .hpprevents ul.hpevents a:active, body#home #hppr .hpprevents ul.hpevents a:hover {color: #b30526; text-decoration: underline;}
body#home #hppr .hpprevents ul.hpevents .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #000; font-weight: 800; }
body#home #hppr .hpprevents ul.hpevents .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: #616161; }

body#home #hppr h2 {color: #000;margin-bottom: 15px;}

body#home #hp2pr .ctabutton { background: #094848; }

/*2025 Handlebars Styles*/
.text>.content>.words>.padding>.ctabutton {margin-bottom: 15px;}
.text>.content>.words>.padding>.expandbars { background-color: transparent; margin-top: 0; border: none; padding-left: 0; }
.text>.content>.words>.padding>.expandbars .ctabutton>button:hover {cursor: pointer;}
.text>.content>.words>.padding>.expandbars .ctabutton {background-color: transparent; font-size: 16px;}
.text>.content>.words>.padding>.expandbars .ctabutton > button.modal-open { background-color: transparent; font-size: 16px; }
.text>.content>.words>.padding>.modal-box {right: 0;}

.biography>.content {display: flex; background: white;}
.biography.imgright>.content {flex-direction: row-reverse;}
.biography>.content>.imgleft {z-index: 0;}
.biography>.content>.words {background: inherit;}
.biography>.content>.words>.padding>.ctabutton {margin-bottom: 15px;}
.biography>.content>.words>.padding>.expandbars { background-color: transparent; margin-top: 0; border: none; padding-left: 0; }
.biography>.content>.words>.padding>.expandbars .ctabutton>button:hover {cursor: pointer;}
.biography>.content>.words>.padding>.expandbars .ctabutton {background-color: transparent; font-size: 16px;}
.biography>.content>.words>.padding>.expandbars .ctabutton > button.modal-open { background-color: transparent; font-size: 16px; }
.biography>.content>.words>.padding>.modal-box {right: 0;}

.highlight>.content>.words>.padding>.ctabutton {margin-bottom: 15px;}
.highlight>.content>.words>.padding>.expandbars { background-color: transparent; margin-top: 0; border: none; padding-left: 0; }
.highlight>.content>.words>.padding>.expandbars .ctabutton>button:hover {cursor: pointer;}
.highlight>.content>.words>.padding>.expandbars .ctabutton {background-color: transparent; font-size: 16px;}
.highlight>.content>.words>.padding>.expandbars .ctabutton > button.modal-open { background-color: transparent; font-size: 16px; }
.highlight>.content>.words>.padding>.modal-box {right: 0;}

.highlight .announcement>.content>.words>.padding>.ctabutton {margin-bottom: 15px;}
.highlight .announcement>.content>.words>.padding>.expandbars { background-color: transparent; margin-top: 0; border: none; padding-left: 0; }
.highlight .announcement>.content>.words>.padding>.expandbars .ctabutton>button:hover {cursor: pointer;}
.highlight .announcement>.content>.words>.padding>.expandbars .ctabutton {background-color: transparent; font-size: 16px;}
.highlight .announcement>.content>.words>.padding>.expandbars .ctabutton > button.modal-open { background-color: transparent; font-size: 16px; }
.highlight .announcement>.content>.words>.padding>.modal-box {right: 0;}

.callout>.content>.words>.padding>.ctabutton {margin-bottom: 15px;}
.callout>.content>.words>.padding>.expandbars { background-color: transparent; margin-top: 0; border: none; padding-left: 0; }
.callout>.content>.words>.padding>.expandbars .ctabutton>button:hover {cursor: pointer;}
.callout>.content>.words>.padding>.expandbars .ctabutton {background-color: transparent; font-size: 16px;}
.callout .content .words .padding .ctabutton button.modal-open {color: black;}
.callout>.content>.words>.padding>.expandbars .ctabutton > button.modal-open { background-color: transparent; font-size: 16px; }
.callout>.content>.words>.padding>.modal-box {right: 0;}

.section>.content>.words>.padding>.ctabutton {margin-bottom: 15px;}
.section>.content>.words>.padding>.expandbars { background-color: transparent; margin-top: 0; border: none; padding-left: 0; }
.section>.content>.words>.padding>.expandbars .ctabutton>button:hover {cursor: pointer;}
.section>.content>.words>.padding>.expandbars .ctabutton {background-color: transparent; font-size: 16px;}
.section>.content>.words>.padding>.expandbars .ctabutton > button.modal-open { background-color: transparent; font-size: 16px; }
.section>.content>.words>.padding>.modal-box {right: 0;}


/* PR News Feeds for a News Page */
body#news #hppr {position: relative; width: 100%; max-width: 1100px; display: block; margin: 20px auto 50px auto; }
body#news #hppr .hpprnews {position: relative; width: 100%; display: block; float: none; margin: 0;}
body#news #hppr .hpprnews>.hpcols {position: relative; width: 100%; display: block; vertical-align: top; float: none; margin: 0 5% 0 0; }
body#news #hppr .hpprnews .hpcols .newsimage {position: relative; width: 58%; height: auto; display: inline;float: left; margin:0 2% 0 0;padding:0; }
body#news #hppr .hpprnews>.hpcols img {position: relative; width: 100%; height: auto; }
body#news #hppr .hpprnews>.hpcols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#news #hppr .hpprnews>.hpcols>.newstext {position: relative; width: 40%; display: inline;float: left; height: auto; line-height: 2em; text-align: left; margin:0;padding:0; }
body#news #hppr .hpprnews>.hpcols>.newstext>.ctabutton a {color: #FFF; }
body#news #hppr .hpprnews>.hpcols>.hpsubject {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:25px 0 10px 0;padding:0; text-transform: uppercase; font-size: 0.8em; font-weight: 800;}
body#news #hppr .hpprnews>.hpcols a:link, body#news #hppr .hpprnews>.hpcols a:visited { color:#C4052C; text-decoration: none; }
body#news #hppr .hpprnews>.hpcols a:active, body#news #hppr .hpprnews>.hpcols a:hover { color:#C4052C; text-decoration: underline; }
body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #000;}

body#news #hppr .hpprfeed { position: relative; width: 30%; padding: 1%; display: table-cell; float: left; }
	body#news #hppr .hpprfeed a { text-decoration: none; }
	body#news #hppr .hpprfeed h2 { color: #000; }
	body#news #hppr .hpprfeed .hpcols ul {position: relative; width: 100%; display: block; padding: 0; margin: 0; list-style: none; }
	body#news #hppr .hpprfeed .hpcols ul li { margin: 20px 0;}
	body#news #hppr .hpprfeed .hpcols ul li a { color: #000;}
body#news #hppr .hpprevents { position: relative; width: 30%; padding: 1%; display: table-cell; float: left; }
body#news #hppr .hpprevents>.hpcols {position: relative; width: 100%; padding: 0; display: block;}
body#news #hppr .hpprevents>.hpcols ul.hpevents {position: relative; width: 100%; display: block; padding: 0; margin: 0; list-style: none; }
body#news #hppr .hpprevents>.hpcols ul.hpevents li {position: relative; display: block; width: 100%;float: none; padding: 0 1% 0 0; margin: 20px 0; list-style: none; }
body#news .datesml {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #000; font-weight: 800; }
body#news .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: #CCC; }
body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #000;}
body#news #hppr strong { font-weight: 900; }
body#news #hppr .hpprevents li a:link, body#news #hppr .hpprevents li a:visited { color:#C4052C; text-decoration: none; }
body#news #hppr .hpprvideo { position: relative; width: 30%; padding: 1%; display: table-cell; float: left; }

/* Code specfic for inline images in PR News */
body#news h1 {position: relative; width: 90%; height: auto !important; margin: 0px 5%;}
body#news .newscontent { position: relative; width: 90%; height: auto !important; margin: 40px 5%; padding: 40px 0 0 0; border-top: 1px solid #ededed; line-height: 2em; }
body#news .newscontent .primgfeat { position: relative; float: left; width: 60%; height: auto !important; margin: 0px 25px 0px 0px; padding: 0; }
body#news .newscontent .primgfeat img { position: relative; width: 100%; height: auto !important; margin: 0px; padding: 0; }
body#news .newscontent .primgfeat .caption { position: relative; float: left; width: 100%; height: auto !important; text-align: left; margin: 0; padding: 0; color: #666; }
body#news .newscontent .primgfeat iframe {position: relative;width: 100% !important;height: 340px !important;}
body#news .primgleft { position: relative; float: left; width: 30%; height: auto !important; margin: 15px 20px 15px 0px; }
body#news .primgleft iframe {position:relative; width: 100%;height: 100%; padding: 0; margin: 0; }
body#news .primgright { position: relative; float: right; width: 30%; height: auto !important; margin: 15px 0px 15px 20px; }
body#news .primgright iframe {position:relative; width: 100%;height: 100%; padding: 0; margin: 0; }
body#news .primgbot { position: absolute; bottom: 0px; display: inline-block; float: left; width: auto !important; height: 250px; margin: 15px 15px 5px 0px; }
body#news .primgleft img, body#news .primgright img, body#news .primgbot img { width: 100%; height: auto !important; padding: 0; margin: 0;}
body#news .primgleft p  { display: none !important; }
body#news .newscontent .primgleft .caption,
body#news .newscontent .primgright .caption,
body#news .newscontent .primgbot .caption { position: relative; float: left; width: 100%; height: auto !important; text-align: left; margin: 0; padding: 0; color: #666;}


body#news .prembright { position: relative; float: right; width: 50%; height: auto !important; margin: 15px 0px 15px 20px; }
body#news .prembright .caption{ position: relative; float: left; width: 100%; height: auto !important; text-align: left; margin: 0; padding: 0; color: #666;}
body#news .prembright iframe { position: relative; width: 100%; height:auto; min-height: 320px; margin: 0 !important; padding: 0}

/* Newsletter Styles */
body#newsletter .ccenewsletter {position: relative; display: block; width: 100%; height: auto !important; padding: 0; margin: 0;}
body#newsletter .ccenewsletter ul {position: relative; display: block; width: 100%; height: auto !important; padding: 0; margin: 0;}
body#newsletter .ccenewsletter ul li {position: relative; display: table; width: 100%; height: auto !important; min-height: 150px; list-style: none; padding: 10px 0; margin: 10px 0; border-bottom: 1px solid #ededed; }
body#newsletter .ccenewsletter ul li .imgleft {position: relative; display: table-cell; float: left; width: 26%; height: auto !important; padding: 0; margin: 0 2% 0 0; }
body#newsletter .ccenewsletter ul li .imgleft img {position: relative; width: 100%; height: auto !important; padding: 0; margin: 0; }
body#newsletter .ccenewsletter ul li .newstext {position: relative; display: table-cell; float: left; width: 70%; height: auto !important; padding: 0; margin: 0; }
body#newsletter>.ccenewsletter>ul>li>.newstext>h2 { font-size: 1.2em; padding: 0; margin: 0; }

/* CCE Newsroom page Styles */
.cce-feature { position: relative; width: 100%; height: auto !important; background: #f6f6f6; padding: 0; margin: 20px 0; display: table; }
.cce-feature .cce-featcol { position: relative; width: 100%; max-width: 1200px; height: auto !important; padding: 50px; margin: 0 auto; }
.cce-feature .cce-featcol .featimg { position: relative; width: 60%; height: auto !important; padding: 0; margin: 0; float: left; display: table-cell;}
.cce-feature .cce-featcol .featimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.cce-feature .cce-featcol .feattext { position: relative; width: 35%; height: auto !important; padding: 2%; margin: 0; float: left; display: table-cell; line-height: 2em;}
.cce-feature .cce-featcol .feattext h2 { line-height: 1.5em; margin: 0; padding: 0;}
.cce-feature .cce-featcol .feattext p { line-height: 2em; margin: 0; padding: 0;}


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

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

.eventbox {position: relative; width: 100%; max-width: 1200px; height: auto !important; margin:0px auto; padding:0px; display:block; color: #000; }
.eventbox ul {position: relative; width: 100%; display: block; }
.eventbox h2 { font-size: 2.3em; font-family: "Wix Madefor Display", sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#222; }
.eventbox li  { position: relative; width: 25%; list-style:none; display: inline; float: left; color: #000; }
.eventbox li .eventdate { position: relative; width: 10%; float: left; color: #FFF; background: #222; padding: 2%; margin: 0 1% 0 0; border: none; text-align: center; }
.eventbox li .eventdate .datesml { color: #FFF; font-weight: bold; font-size: 28px; line-height: 20px; padding: 0px; margin: 0px; display: block;text-align: center; }
.eventbox li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;display: block; }
.eventbox li .eventarea { position: relative; width: 70%; float: left; padding: 0px; margin: 0px; padding-right: 10px; margin-right: 10px;border-right: 1px solid #ededed; }

.eventbox a:link, .eventtext a:visited { color:#C4052C; font-size: 1.2em; text-decoration: none; }
.eventbox a:hover, .eventtext a:active { color:#C4052C; text-decoration: underline; }

.eventbox .button-el { float: left; display: inline; margin-right: 20px; }
.eventbox .button { position: absolute; right: 20%; top: 0px; }
.eventbox .button a:link, .eventbox .button a:visited { color: #FFF; }

.newstype { font-size:0.75em; font-weight: 800; line-height: 0.5em; display: block; width: auto !important; height: auto; margin: 10px 0px; padding: 0px; color: #C4052C; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; text-transform:uppercase; letter-spacing: 2px; }

ul.eventfeed { position: relative; width: 100%; display: block; height: auto !important; padding: 0; z-index: 500; }
ul.eventfeed li { list-style: none; position: relative; width: 100%; display: flex; height: auto !important; min-height: 100px; padding: 0; margin: 10px 0; }
ul.eventfeed li .eventdate { position: relative; width: 10%; display: inline; float: left; padding: 2%; background: #222; color: #FFF; text-align: center;}
ul.eventfeed li .eventarea { position: relative; width: 82%; display: inline; float: left; padding: 2%; background: #f6f6f6; }
ul.eventfeed li .eventarea a {font-weight: 500;}
ul.eventfeed li .eventdate .date{ font-size: 1.5em; }


/*program feeds */
.programfeeds { margin-bottom: 3em; }
.programfeeds .item { position: relative; display: block; width: 80%; height: auto; margin: 20px auto 20px auto; padding: 0; border: none; background-color: #ededed; overflow: hidden; clear: both; }
.programfeeds .item .image { position: relative; display: inline-block; width: 12%; min-width: 100px; max-width: 150px; height: auto; min-height: 70px; margin: 0px 1% 0 0; padding: 0px; line-height: 0; text-align: center; display: flex; justify-content: center; align-items: center; background-color: #000; float: left; }
.programfeeds .item .image .text { display: inline-block; width: auto; padding: 2%; color: #FFF; line-height: 1.1em; box-sizing: border-box; }
.programfeeds .item .image a { line-height: 0; text-decoration: none; outline: none; }
.programfeeds .item .image img { width: 100%; height: auto; margin: 0px; padding: 0px; }
.programfeeds .item .text { position: relative; float: left; display: inline-block; width: 70%; height: auto; margin: 0px; padding: 1% 0 1% 0; text-align: left; font-family: "Wix Madefor Display", sans-serif; color: #000; background-color: transparent; overflow: visible; }
.programfeeds .item .text .title { font-size: 1.2em; white-space: normal; line-height: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; }
.programfeeds .item .text .subtitle { position: relative; display: block; height: auto; margin: 0px; padding: 0px; color: #000; text-align: left; font-size: 0.8em; white-space: normal; line-height: 1.1em; text-transform: none; letter-spacing: 0px; font-weight: 600; }

.programfeeds .item .text .subtitle2 {
	position: relative;
	display: block;
	height: auto;
	margin: 0px;
	padding: 0px;
	color: #000;
	text-align: left;
	font-size: 0.8em;
	white-space: normal;
	line-height: 1.1em;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: 600;
}

.programfeeds .item .tag {
	position: relative;
	display: inline-block;
	width: auto !important;
	max-width: 15%;
	padding: 7px 10px;
	font-size: 0.8em;
	line-height: 0.8em;
	text-transform: initial;
	text-align: right;
	background-color: #dadada;
	float: right;
}

.programfeeds .item .tag .date {
	white-space: nowrap;
}

.programfeeds.feed-events .item .tag {
	font-size: 0.6em;
	text-transform: uppercase;
}

.programfeeds.feed-news .item .tag {
	font-size: 0.8em;
	text-transform: initial;
}

.programfeeds.feed-resources .item .tag {
	font-size: 0.8em;
	text-transform: initial;
}





/* ---------------------------- Mega SCREEN DISPLAY STYLES ------------------------ */

@media only screen and (min-width: 1901px) and (max-width: 3000px) {	
	
#introshell>.sitetitle { position: absolute; top: 10px; left: 25% !important;; width: auto; max-width: 1200px; min-height: 40px;overflow: visible; float: none; margin: 2px auto; padding: 0px; z-index: 1001; border: 1px solid #fff; }
	
}



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

@media only screen and (min-width: 1400px) and (max-width: 1900px) {	
	
#introshell>.sitetitle { position: absolute; top: 10px; left: 17% !important; width: auto; max-width: 1200px; min-height: 40px;overflow: visible; float: none; margin: 2px auto; padding: 0px; z-index: 1001; border: 1px solid #FFF; }
	
}


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

@media only screen and (min-width: 1200px) and (max-width: 1401px) {	
	
#introshell>.sitetitle { position: absolute; top: 10px; left: 8% !important; width: auto; max-width: 1200px; min-height: 40px;overflow: visible; float: none; margin: 2px auto; padding: 0px; z-index: 1001; border: none; }
	
}


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

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

#ccelogo { width: 200px; height:auto !important; left: 1%; top: 20px; z-index: 9999; }
#ccelogo img { width: 200px; height: auto !important; left: 0%; z-index: 9999; }
#hppr {width: 95%; margin: 20px 2.5%;}

header .topnav { width: 96%; height: 25px; background: #222; text-align: right; margin: 0 auto; padding: 0; display: none; }
header .topnav .toplinks { width: 100%; max-width: 100%; height: 25px; background: #FFF; color: #000; text-align: right; margin: 0 auto; padding: 0; font-size: 0.8em;}
	
ul.subnav { }
ul.subnav li a:link, ul.subnav li a:visited { color:#222; text-decoration: none; padding: 10px 20px 10px 20px; margin: 0px;}
ul.subnav li a:hover, ul.subnav li a:active { color:#C4052C; text-decoration: underline; background-color: #FFF; }
body#inside>h2 {font-size: 1.5em; }
	
body#home #hp2pr {position: relative; width: 95%; max-width: 1100px; display: table; margin: 0px auto 60px auto; }
	
footer .content { margin: 0px auto; width: 95%; overflow: hidden; }
footer .content #footercontact, footer .content #footercontent { position: relative; width: 100%; max-width: 90%; margin: 0 auto; display:block; float: none; height: auto; }

body#home #hppr {position: relative; width: 95%; max-width: 1100px; display: table; margin: 20px 2%; }
body#home #hppr .hpprnews {position: relative; width: 65%; display: table-cell; float: left; margin: 0 2%; }
body#home #hppr>.hpprfeed { position: relative; width: 30%; padding: 0%; display: table-cell; float: left; margin: 0 1% 0 0; }
	

}

@media only screen and (max-width: 1000px){
	header.fixed .container {display: block;}
	#osunlogo { position: absolute;}
	.highlight .content>.imgshell img, .highlight .content>.imgleft img, .highlight .content>.imgcenter img, .highlight .content>.imgfull img, .highlight .content>.imgright img { object-fit: cover;}
}

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

@media only screen and (min-width: 651px) and (max-width: 900px) {

body { background: #FFF; }
h2.pagetitle { margin: 30px 0px 10px 20px; }
	
	.twocol .content {background: none;}

.billboard {position: relative; display: block; width: 100%; height: auto !important; margin: 20px auto 0 auto;}
.billboard>.content {width: 100%; display:block; }
.billboard>.content>.imgcenter { position: relative; width: 100%; margin: 0 auto; }
.billboard>.content>.imgcenter img { width: 100%; height: auto; }
.billboard>.content>.imgfull { width: 100%; margin: 0 auto; padding: 0; background: #222; }
.billboard>.content>.imgfull img { width: auto !important; height: 50%; max-height: 400px; padding: 0; margin: 0; }
	
.billboard>.content>.imgcenter .caption,
.billboard>.content>.imgfull .caption	{ position: relative; width: 100%; margin: 0 auto;padding: 0; }
	
.billboard>.content>.words { position: relative; width: 90% !important; height: auto !important; z-index: 1000; background: #FFF; border: none; padding: 0%; margin: 0 auto; right: 0; }
.billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #000; font-size: 1.0em;}
.billboard>.content>.words>.padding .ctabutton { position: relative; margin: 0 auto; }
.billboard>.content>.words>.padding p { margin:20px auto 0 auto; padding: 0; }
.billboard>.content>.words>.padding>h2 { font-size:1.3em; line-height: 0.7em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; color: #fff; padding: 0; margin: 5px 0 5px 0; text-shadow: none; position: absolute; top: -50px; text-align: center; width: 100%; }
.billboard>.content>.words>.padding>.subtitle { font-size: 1.5em; font-family:"Poppins", font-family: "Wix Madefor Display", sans-serif; margin: 0; padding: 0; line-height: 1em; color: #333; }

.billboard .multibuttons {align-content: center; align-items: center; margin-top: 20px; }
.billboard .multibuttons ul, .billboard .multibuttons ul li, .billboard .multibuttons ul li .multitext {list-style: none; padding: 0; margin: 0 auto; }
.billboard .multibuttons ul li .multitext .linktitle { width: auto !important; max-width: 40%;height: auto; margin: 0px auto; padding: 7px; background: #FFF; border: 1px solid #FF003C; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; text-align: center;}
.billboard .multibuttons ul li .multitext .linktitle a:link, 
.billboard .multibuttons ul li .multitext .linktitle a:visited { color: #FF003C; text-decoration: none; }
.billboard .multibuttons ul li .multitext .linktitle a:hover, 
.billboard .multibuttons ul li .multitext .linktitle a:active { color: #FF003C; text-decoration: underline; }
	
.billboard .content > .embcenter, 
.billboard .content > .embfull, 
.billboard .content > .embright, 
.billboard .content > .embleft, 
.billboard .content > .embshell { position: relative; width: 85%; margin: 0 auto 0px auto;}
	
.billboard .content > .embcenter > iframe, 
.billboard .content > .embfull > iframe, 
.billboard .content > .embright > iframe, 
.billboard .content > .embleft > iframe, 
.billboard .content > .embshell > iframe { position: relative; width: 100%; height: 180px; min-height: 180px; }
	
	
#ccelogo { width: 100px; height:auto !important; left: 0%; z-index: 9999; display: none;}
#ccelogo img { width: 100px; height:auto !important; left: 0%; z-index: 9999; }
#osunlogo { position: absolute; top: 0px; left: 20px; width: 200px; height:100px; z-index: 9999; overflow: hidden; }
#osunlogo img { position: relative; width: 100%; height: auto !important;}
	
#hppr {width: 95%; margin: 20px 2.5%;}

header { background: #FFF; display: block; height: 110px; }
header .topnav { width: 100%; height: 25px; background: #FFF; text-align: right; margin: 0 auto; padding: 0;}
header .topnav .toplinks { width: 98%; max-width: 98%; height: 25px; background: #FFF; color: #000; text-align: right; margin: 0 auto; padding: 0; font-size: 0.8em;}
	
ul.subnav { width: 768px; }
ul.subnav li a:link, ul.subnav li a:visited { color:#222; text-decoration: none; padding: 10px 10px 10px 10px; }
ul.subnav li a:hover, ul.subnav li a:active { color:#C4052C; text-decoration: underline; background-color: #FFF; }

.active {display: block;}


main { width: 100%; height: auto !important; overflow: visible; display: block; margin: 0px auto 0 auto;}
main #maintext { width: 100%; float: none; display: block; max-width: 100%; margin: 0px; height: auto; top: 0px; }
main #maintext .content { padding: 0px; margin: 0px; }
main #maincol { width: 100%; float: none; display: block; max-width: 100%; clear: both; height: auto; }
#maintext .content .imgshell, #maincol .content .imgshell { float: left; width: 50%; height: auto; margin-right: 10px; }
#maintext .content .imgright, #maincol .content .imgright { float: right; width: 50%; height: auto; margin-left: 10px; }
#coltext .content .imgshell { float: none; width: 100%; margin: 0px; padding: 0px; }
	
#introshell { position: relative; top: 0px; width: 100%; height: auto !important; min-height: 0; overflow: hidden; z-index: 1000; margin: 100px auto 0 auto; padding: 0; }
  #introshell #title h1.pagetitle {font-family: "Wix Madefor Display", sans-serif;}
  #introshell>.image { position: relative; width: 100%; height: auto !important; background: #222; z-index: 1000; padding: 0; margin: 0; max-height: 1000px; min-height: 100px; overflow: visible; }
#introshell>.image>.caption { position: absolute; bottom: 0; right: 0; font-family: "Wix Madefor Display", sans-serif; font-weight: 600; display: block; width: 98%; color: #FFF; font-size: 1em; line-height: 1em; text-align: right; margin: 0; padding: 1%; font-style: normal; background: none; }
#introshell .image h1 { position: absolute; bottom: 0%; font-family: "Wix Madefor Display", sans-serif; font-weight: 600;text-transform: uppercase; letter-spacing: 3px; width: 100%; color: #FFF; font-size: 3.3em; line-height: 1em; text-align: center; margin: 0 auto; padding: 1% 0 1.8% 0; z-index: 1001; background: url(https://www.bard.edu/images/tints/80black.png) repeat;}
#introshell>.image>img { width: 100%; height: auto !important; padding: 0; margin: 0; }
#introshell>.introbuttons  { position: absolute; bottom: 10%; width: 95%; margin: 0 auto; height: auto !important; display: block; z-index: 11000; overflow: visible;}
#introshell>.introbuttons>.content  { position: relative; width: 95%; margin: 0px auto; align-items: center; text-align: center;}
body#home #introtext {width: 90%; padding: 2% 5%; }


.text { position: relative; width: 90%; height: auto; margin: 30px auto 10px auto; padding: 0px; display: table; }
.highlight .content {position: relative; width: 90%; height: auto; margin: 30px auto 10px auto; padding: 0px;}
	
.billboard .content .embcenter iframe {width: 100%; height: auto !important; min-height: 250px; padding: 0; margin: 0; margin-left: 0px; }
	
.biography > .content > .words {position: relative; display: block; width: 90%; padding: 0; margin: 0px auto; vertical-align: top; line-height: 30px; text-align: left; background: #FFF; z-index: unset; }
.biography > .content > .words > .padding { max-width: 90%; margin: 5%;}

.twocolw > .content  { width: 100%; max-width: 100%; margin: 0 auto; display: block;}
.twocolw > .content > .words { width: 100%; max-width: 100%; margin: 0 auto; padding: 1%; display: block;}
.twocolw > .content > .words > .multibuttons { width: 100%; max-width: 100%; margin: 0 auto; display: block; padding: 0;}
.twocolw > .content > .words > .padding { width: 90%; max-width: 90%; margin: 0 auto; }

	
/* Resource Tool Column Box Feed */
ul.resourcecols {position:relative;display:block;width:90%;max-width:1200px;height:auto;margin: 0 auto; padding: 0;}

ul.resourcecols li.featurebox {position:relative;display:block;float:none;width:100%; height:auto; min-height: 200px; margin: 0 0 15px 0; padding: 0; border: 1px solid #999; border-radious: 3px; list-style: none; clear: both; overflow: visible;}
ul.resourcecols li.featurebox>.imgshell {position:relative;display:block;width:100%;height:auto;float:none; margin: 0; padding: 0; }
ul.resourcecols li.featurebox .imgshell img {position:relative;display:block;width:100%;height:auto; }
ul.resourcecols li.featurebox .textbox {position:relative; display:block; float: none; width:90%;padding: 5%; color: #000;font-size: 1.2em; line-height: 1.3em; }
ul.resourcecols li.featurebox .textbox .subjectbox {color: #999; font-size: 0.8em; text-transform: uppercase;}

ul.resourcecols li.colbox {position:relative;display:inline;float:left;width:46%;height:auto; min-height: 200px; margin: 2.5% 2.5% 0 0; padding: 0; border: 1px solid #999; border-radious: 3px; list-style: none;}
ul.resourcecols li.colbox .imgshell {position:relative;display:block;width:100%;height:auto; max-height: 500px; overflow: hidden;}
ul.resourcecols li.colbox .imgshell img {position:relative;display:block;width:100%;height:auto; }
ul.resourcecols li.colbox .textbox {position:relative;display:block;width:90%;padding: 2% 5%; margin: 0; color: #000;line-height: 1.2em;}
ul.resourcecols li.colbox .textbox .subjectbox {color: #999; font-size: 0.8em; text-transform: uppercase;}

	

/* 2015 Tablet Styles */

ul.subnav {  height:30px; font-size: 1.05em; line-height: .9em; }
.subnav { font-weight: 200; color:#FFF; line-height: .8em; padding-top: 0px;}
	
#submenu, #sitemenu {position: relative; margin-top: 0px; }

footer {height: auto; overflow: hidden;}
footer .content { margin: 0px auto; width: 95%; overflow: hidden; }
footer .content #footercontact { position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; display:block; float: none; height: auto; }
footer .content #footercontent { position: relative; width: 100%; max-width: 100%; margin: 0 auto; padding: 0; display:block; float: none; height: auto; }
footer .content #footercontent .footercol { position: relative; float:left; width: 30%; max-width: none; margin: 0px; padding: 0px 20px 0px 0px; border-left: none; }


body#home main { overflow: hidden; }
body#home main #maintext { width: auto !important; top: 0px; }
body#home main article { float: none; width: 100%; background-color: transparent; margin-bottom: 20px;}
body#home main article h3 { width: 95%; }
body#home main article .content { 	min-height: 140px; }
body#home main article .content .imgshell { width: 35%; height: 100%; float: left; margin-top: 20px; }
body#home main article .content #textbox { float: right; width: 59%; padding: 3%; margin: 0px; margin-top: 20px; }
body#home #eventbox .eventtext {position: relative; width: 55%;}
body#home #eventbox #eventad {width: 40%; }
body#home #eventbox #eventad img {width: 100%; height: auto !important }
body#home #newsbox { display: block; }	
body#home #hppr {position: relative; width: 95%; max-width: 1100px; display: table; margin: 20px 2.5%; }
body#home #hppr .hpprnews {position: relative; width: 90%; display: block; float: none; margin: 0 5%; }
body#home #hppr>.hpprfeed { position: relative; width: 90%; padding: 0%; display: block; float: none; margin: 0 5%; }

body#home #hp2pr {position: relative; width: 90%; max-width: 1100px; display: table; margin: 0px auto 60px auto; }

body#home #hppr .hpprevents { position: relative; width: 90%; padding: 0%; display: block; float: none; margin: 0 auto; }	
#links .content { }
	
	
/* CCE Newsroom page Styles */
.cce-feature { position: relative; width: 100%; height: auto !important; background: #f6f6f6; padding: 0; margin: 20px 0; display: table; }
.cce-feature .cce-featcol { position: relative; width: 100%; max-width: 1200px; height: auto !important; padding: 50px; margin: 0 auto; }
.cce-feature .cce-featcol .featimg { position: relative; width: 50%; height: auto !important; padding: 0; margin: 0; float: left; display: table-cell;}
.cce-feature .cce-featcol .featimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.cce-feature .cce-featcol .feattext { position: relative; width: 38%; height: auto !important; padding: 2%; margin: 0; float: left; display: table-cell; line-height: 2em;}
.cce-feature .cce-featcol .feattext h2 { line-height: 1.5em; margin: 0; padding: 0;}
.cce-feature .cce-featcol .feattext p { line-height: 2em; margin: 0; padding: 0;}


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

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


}



/* start FAQ styles */
.faqs { position:relative; display:block; width:67%; max-width: 1000px; height: auto !important; overflow: visible; margin: 50px auto; padding: 0%; }
.faqs .content {position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%; }
.faqs p { line-height: 36px; margin: 0 0 10px 0; }
.faqs .content .words { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%;}
.faqs .content .words .padding { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%; }
.faqs .content .words .padding .ctabutton button.modal-open { font-size: 0.9em; font-weight: 600; line-height: 0em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none;}
.faqs .content .words .padding .ctabutton button.modal-open a  { padding: 0; margin: 0; }
.faqs .content .words .padding .ctabutton button.modal-open a:hover, .callout .content .words .padding .ctabutton button.modal-open a:active { text-decoration: underline; }
.faqs .content .words .multibuttons { position: relative; margin: 0; padding: 0; background: #f6f6f6; display: block; overflow: visible; }
.faqs .content .words .multibuttons ul { margin: 0; padding: 4% 4% 2% 3%; list-style: none; display: block; overflow: visible; border: none;}
.faqs .content .words .multibuttons ul li { position: relative; width: 100%; margin: 0 0 20px 0; padding: 0px 0 40px 0; list-style:none; border-bottom: none; font-size: 1.1em; white-space: normal;}
.faqs .content .words .multibuttons ul li .linktitle { display:none; }
.faqs .content .words .multibuttons ul li p { margin: 0; padding: 0 10px; float: left; }
.faqs .content .words .multibuttons ul li .ctabutton { position: relative; float: left; margin: 0; padding: 0 0 0 10px; background: #f6f6f6;color: #000; text-transform:none; letter-spacing: 0px;}
.faqs .content .words .multibuttons ul li .ctabutton button.modal-open { float: left; padding: 5px 0 0 0; background: #f6f6f6; color: #000; font-size: 1.3em; text-transform: none; letter-spacing: 0px; }


/* start One Column styles */
.onecol { position: relative; width: 90%; height: auto; margin: 30px auto; padding: 30px 0; display: block; float: none; clear:none !important; background: #FFF; }


/* Bottom Buttons */
#bottombuttons>h2 { font-size: 1.4em; font-weight: bold; }
#bottombuttons { position: relative; width: 90%; height: auto !important; overflow: visible; padding: 2% 5% 5% 5%; margin: 0px auto; display: block;background: #f6f6f6; min-height: 100px; }
#bottombuttons .bbtext { position: relative; margin: 0 auto; width: auto !important; text-align: center; }
#bottombuttons .bbtext h2 {position: relative;display: inline-block;text-align: center;height: 30px;width: auto !important;text-transform: uppercase;letter-spacing: 2px;font-size: 1.2em;line-height: 1em;padding: 5px 10px;margin: 0;background: #F6F6F6;color: #333;clear: both; border-bottom: 1px solid #222;}
#bottombuttons .bbembed { position: relative; float: left; display: inline-block; margin: 0 30px;width: auto !important; min-width: 0px;}
#bottombuttons .buttons { display: block; width: 100%; height: auto !important; overflow: visible; margin: 20px 0 0 0; padding: 0px; font-size: 0.9em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900; }
#bottombuttons .buttons ul { width: 100%; display: flex; justify-content: center; flex-wrap: wrap; height: auto !important; overflow: visible; list-style: none; float: none; margin: 20px auto 0 auto; padding: 0px; }
#bottombuttons .buttons li { list-style: none; display: inline-block; color:#222; background-color: #FFF; margin: 0px 30px 10px 0px; padding: 15px 20px; border: 2px solid #e6e6e6; white-space: normal; height: auto !important; clear: right; }
#bottombuttons .buttons li a:link, #bottombuttons .buttons li a:visited { color:#222; text-decoration: none; }
#bottombuttons .buttons li a:hover, #bottombuttons .buttons li a:active { color:#222; text-decoration: underline; }



@media only screen and (min-width: 651px) and (max-width: 800px) {
	.cce-newscols .cce-highlights { position: relative; width: 90%; height: auto !important; padding: 0; margin: 20px auto; display: table-cell; vertical-align: top; }
	.cce-newscols .cce-newslist { position: relative; width: 90%; height: auto !important; padding: 3%; margin: 20px auto; display: table-cell; vertical-align: top; background: #ededed; }
}

/* -------------------------------------------- MOBILE ONLY  STYLES ------------------------------------ */

@media screen and (max-width: 768px) {
	.tabportal .hide {left: -9999px !important;position: absolute !important;visibility: hidden;z-index: -500;top: -9999px;}
.tabportal { position: relative; display: block; width: 100%; max-height:unset;/*height: 100%; max-height: 1640px;*/ margin: 30px auto; padding: 0; overflow: hidden;}
.tabnav table, thead, tbody, th, td, tr {display:block;border:none !important;}
.tabnav .border-none td {border:none; border-bottom:1px solid #fff !important;text-align: left !important;padding:3% 3% 3% 0 !important;}
.tabnav .border-none tr:last-child td { border-bottom: 1px solid #fff !important; }
.tabportal .tabnav {position:relative !important; display:inline-block;width:100% !important;height:unset; /*height:380px;*/ margin:0 auto auto 0;background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0));}
.tabnav table {width:85%;margin:0 auto;}
.tabportal .tabnav table a {text-decoration: none; color:#fff; display:inline-block; padding: 5px 5px 5px 0; font-weight: 400; font-size: 16px; line-height: 1em;}
.tabportal .tabnav .tabs {width:100%;padding:0;}
.tabportal .portalcontent {height:unset;background-repeat: no-repeat;background-size: cover;background-position:center center;}
.tabportal .portalcontent .portaltext {width:100%;height:unset;position: relative;background:none;}
.tabportal .portalcontent .portaltext .padding { display:block; width:85% !important; margin:0 auto; padding:5% 0;}
.tabportal .detail-container {position:relative !important;display:block;width:100% !important;background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0));}
.tabportal .detail-container .tabtext {position:relative !important;display:block;width:85% !important;margin:0 auto;padding:5% 0;background:none;}
.tabportal .detail-container .tabtext .padding { width: 100% !important; padding: 0; }

.text>.content>.embshell { width: 100% !important;}
.text>.content>.embshell>.caption { padding: 0; margin: 0;}

.modal-box {width: 90%; margin: 50px auto; left: 5%;}
}

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

body { background: #FFF; }

	
	footer .content #footercontent {max-width: 300px; min-width: 0;}
	footer .content #footercontent .imgshell img { max-width: 280px; object-fit: contain; }
	
	.carousel__slide {flex-direction: column; align-items: center;}
	.carousel__slide .words {width: 100%; margin: 0;}
	.carousel__slide .words .text .line {display: none;}
	
	.highlight .content>.imgshell, 
	.highlight .content>.imgleft, 
	.highlight .content>.imgcenter, 
	.highlight .content>.imgfull, .highlight .content>.imgright {display: block; float: none; width: 90%; margin: 0 auto;}
	.highlight .content>.imgshell img, 
	.highlight .content>.imgleft img, 
	.highlight .content>.imgcenter img, 
	.highlight .content>.imgfull img, .highlight .content>.imgright img { max-height: 300px; object-fit: cover;}
	.highlight .content .embshell {width: 100%;}
	
	
	

/* generic tables */
.table {position:relative;display:block;flex-wrap: none; width:95%;margin:2.5%;}
.table .tr {position:relative;display:block;flex-flow: none;width: 100%; text-align:left;padding:0%; }
.table .td {position:relative;display: block; flex: none;  width: 100%;vertical-align: top;text-align:left;padding:1%;margin: 1%;  }
.table .trborder {position:relative;display:block;flex-flow: none;width: 100%; text-align:left;padding:0%; height:1px; border-bottom: 1px solid #222; }

/* classes for widths of tables and columns */
.width5,.width10,.width15,.width20,.width25,.width30,.width40,.width50,.width60,.width70,.width75,.width80,.width90 { position: relative; display:block !important;width:95% !important;margin:2.5%; padding: 0; overflow: visible; white-space: normal;}
.width100 { position: relative; display:block !important;width:100% !important; margin:0; padding: 0; overflow: visible; white-space: normal;}
.mobilehide { display: none !important; }

/* Force table to not be like tables anymore */
table, thead, tbody, th, td, tr { display: block; }
tr { border: 1px solid #ccc; }
tr.hidemobile {display:none;}
thead, thead>tr, thead>tr>td {visibility: hidden;}
td { /* Behave  like a "row" */border: none; width:94%; position: relative;padding: 3%; }
td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;
                left: 6px;
                width: 45%;
                padding-right: 10px;
                white-space: nowrap;
        }


#navdesk { display: none;}
#ccelogo { position: absolute; top: 0px; left: 0%; width: 84px; height:68px; z-index: 9999; }
#ccelogo img { width: 84px; height:68px; z-index: 9999; }
#osunlogo { position: absolute; top: 10px; left: 20px; width: 150px; height:80px; z-index: 9999; overflow: hidden; }
#osunlogo img { position: relative; width: 100%; height: auto !important;}

header.fixed {height: 100px; }
header .topnav { width: 100%; height: 25px; background: #222; text-align: right; margin: 0; padding: 0; display: none;}
header .topnav .toplinks { width: 964%; max-width: 94%; height: 25px; background: #222; color: #CCC; text-align: right; margin: 0; padding: 5px 2%; font-size: 0.8em;}

#supershell { width: 100%; display: block; float: none; margin: 0px; padding: 0px; overflow-x: hidden; }
main { position:relative; width: 100%; top: 0px; margin: 0px auto 0px auto; padding: 0px; overflow-x:hidden; overflow-y: visible; display: block; }
main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; margin: 0px; padding: 0;}
main #sidebar { float: none; margin: 0px; padding: 0px; width: 100% }
main #maintext>.content { position: relative; padding: 0px; width:100%; display: block; }

.active {display: block;}

ul.subnav { width: 768px; }
ul.subnav li a:link, ul.subnav li a:visited { color:#FFF; text-decoration: none; padding: 10px 10px 10px 10px; }
ul.subnav li a:hover, ul.subnav li a:active { color:#C4052C; text-decoration: underline; background-color: #FFF; }

/* subnav styles */
ul.subnav {  position: relative; list-style: none; width: 100%; max-width: 480px; height:auto !important; display: block; margin: 0px 0px 0px 0px; padding: 0px; color: #FFF; background-color: #C4052C; font-size: 1.1em; font-weight: bold; line-height: 1.3em; z-index: 900; overflow: visible; }
ul.subnav li { width: 100%; height: 35px; margin: 0px; padding: 0px; border-right: none; text-align: left; display: block; }
ul.subnav li.last { border-right: none;}
ul.subnav li a:link, ul.subnav li a:visited { color: #FFF; background-color: #C4052C; text-decoration:none; display:block; width: auto; margin: 0px; padding: 10px;line-height: 16px; text-align: left; }
ul.subnav li a:hover, ul.subnav li a:active { color: #FFF; text-decoration:underline; background-color:#C4052C; }

main>#maincol { width: 100%; float: none; display: block; padding: 0px; margin: 0px; }	
main>#maincol>.content { position: relative; width: 100%; padding: 10px 0px; margin: 0px; }
main>#maincol>#sidebar { position: relative; width: 100%; right: 0px; top: 0px; float: none; margin: 20px 0px 0px 0px; padding: 0px; box-shadow: none; }
#maintext .content .imgshell, #maincol .content .imgshell { float: none; width: 100%; height: auto; margin-right: 0px; padding: 0px; }
#maintext .content .imgright, #maincol .content .imgright { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; }
#maintext .content>iframe { float: none; width: 100%; height: auto; margin-left: 0px; padding: 0px; }

#coltext { width: 100%; padding : 0; }

/* Main Column Box Styles */
#submenu, #sitemenu {position: relative; margin-top: 0px; }
#pagebox { float: none; width: 100%; height: auto; margin: 0px 0px 20px 0px; }
	
.ctabutton { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 10px; background: #094848; border: none; border-radius: 0; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: normal; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 600;}
	
.cms-button {word-break: break-all; margin: 0; }
	
/* intro H1 and main image styles */
#introshell { position: relative; width: 100%; height: auto !important; overflow: visible; z-index: 1000; margin: 100px 0 0 0; padding: 0; background: #FFF; display: block; clear: both; }
#introshell>.image { position: relative; width: 100%; height: auto !important; background: none; z-index: 1000; padding: 0; margin: 0px 0 0 0; min-height: 150px; display: block; overflow: visible; }
#introshell>.image>img { width: 100%; height: auto !important; padding: 0; margin: 0; min-height: 150px; object-fit: cover;}
#introshell>.image>.caption { position: relative; bottom: 0%; right: 0%; font-family: "Wix Madefor Display", sans-serif; font-weight: 400; text-align: left; width: 98%; color: #000; margin: 0; padding: 1% ;z-index: 1002; }
	
#introshell .image h1 { position: relative; font-family: "Wix Madefor Display", sans-serif; font-weight: 600;text-transform: uppercase; letter-spacing: 2px; width: 90%; color: #000; font-size: 2em; line-height: 1em; text-align: center; margin: 20px auto 20px auto; padding: 0; z-index: 1001; background: none;}
#introshell>#title { position: relative; width: 100%; height: auto !important; top: 0px; background: none; z-index: 1000; padding: 0; margin: 0; min-height: 50px; overflow: visible; }
#introshell>#title>h1 { position: absolute; left: 0; font-family: "Wix Madefor Display", sans-serif; font-weight: 900;text-transform: uppercase; letter-spacing: 3px; display: block; width: 98%; margin: 0 0 0 30px; padding: 0; color: #000; font-size: 2.5em; line-height: 1em; text-align: center; background: none; overflow: visible; }
#introshell>.introbuttons  { position: absolute; top: 240px; width: 95%; margin: 0 auto; height: auto !important; display: block; z-index: 11000; overflow: visible;}
#introshell>.introbuttons>.content  { position: relative; width: 95%; margin: 0px auto; align-items: center; text-align: center;}
#introshell>.introbuttons>.content>.buttons  { display: inline; width: auto; border: 1px solid #fff; padding: 5px 0px; margin: 15px 10px; background: url(https://www.bard.edu/images/tints/80black.png) repeat; color: #FFF; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900; }
#introshell>.introbuttons>.content>.buttons a:link, #introshell>.introbuttons>.content>.buttons a:visited  { color: #FFF; text-decoration: none; padding: 10px 20px;}
#introshell>.introbuttons>.content>.buttons a:active, #introshell>.introbuttons>.content>.buttons a:hover  { color: #FFF; text-decoration: underline; background: #222;padding: 9px 20px;}


#introtext { position: relative; width: 85%; margin: 30px auto; padding: 0px; font-size: 1.1em; text-align: left; }
#introtext>.ctabutton { line-height: 1.5em; font-weight: normal; }
#introtext .subtitle {font-size: 1.0em;}
	


/* ----------- 2019 Styles (alpha order) ---------- */
	
	/* start Billboard styles */
.billboard {position: relative; display: block; width: 100%; height: auto !important; margin: 20px auto 0 auto;}
.billboard>.content {width: 100%; display:block; }
.billboard>.content>.imgcenter { position: relative; width: 100%; margin: 0 auto; }
.billboard>.content>.imgcenter img { width: 100%; height: auto; }
.billboard>.content>.imgfull { width: 100%; margin: 0 auto; padding: 0; background: #222; }
.billboard>.content>.imgfull img { width: auto !important; height: 50%; max-height: 400px; padding: 0; margin: 0; }
	
.billboard>.content>.imgcenter .caption,
.billboard>.content>.imgfull .caption	{ position: relative; width: 100%; margin: 0 auto;padding: 0; }
	
.billboard>.content>.words { position: relative; width: 90% !important; height: auto !important; z-index: 1000; background: #FFF; border: none; padding: 0%; margin: 0 auto; right: 0; }
.billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #000; font-size: 1.0em;}
.billboard>.content>.words>.padding .ctabutton { position: relative; margin: 0 auto; }
.billboard>.content>.words>.padding p { margin:20px auto 0 auto; padding: 0; }
.billboard>.content>.words>.padding>h2 { font-size:1.3em; line-height: 0.7em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; color: #fff; padding: 0; margin: 5px 0 5px 0; text-shadow: none; position: absolute; top: -50px; text-align: center; width: 100%; }
.billboard>.content>.words>.padding>.subtitle { font-size: 1.5em; font-family:"Poppins", font-family: "Wix Madefor Display", sans-serif; margin: 0; padding: 0; line-height: 1em; color: #333; }

.billboard .multibuttons {align-content: center; align-items: center; margin-top: 20px; }
.billboard .multibuttons ul, .billboard .multibuttons ul li, .billboard .multibuttons ul li .multitext {list-style: none; padding: 0; margin: 0 auto; }
.billboard .multibuttons ul li .multitext .linktitle { width: auto !important; max-width: 40%;height: auto; margin: 0px auto; padding: 7px; background: #FFF; border: 1px solid #FF003C; color: #FFF; font-family: "Wix Madefor Display", sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; text-align: center;}
.billboard .multibuttons ul li .multitext .linktitle a:link, 
.billboard .multibuttons ul li .multitext .linktitle a:visited { color: #FF003C; text-decoration: none; }
.billboard .multibuttons ul li .multitext .linktitle a:hover, 
.billboard .multibuttons ul li .multitext .linktitle a:active { color: #FF003C; text-decoration: underline; }
	
.billboard .content > .embcenter, 
.billboard .content > .embfull, 
.billboard .content > .embright, 
.billboard .content > .embleft, 
.billboard .content > .embshell { position: relative; width: 85%; margin: 0 auto 0px auto;}
	
.billboard .content > .embcenter > iframe, 
.billboard .content > .embfull > iframe, 
.billboard .content > .embright > iframe, 
.billboard .content > .embleft > iframe, 
.billboard .content > .embshell > iframe { position: relative; width: 100%; height: 180px; min-height: 180px; }
	

.biography > .content > .words > .padding { width: 85%; margin: 20px auto 0 auto;padding: 0;z-index: 499;}

.courses {display:block;position:relative;height:auto !important; width: 90%;}	
.courses>.subject {position: relative; display: block; float:none;background:#ededed;font-size:0.9em;line-height:0.8em;padding:7px 10px;text-transform:uppercase;left: 0;margin-top: 20px; text-align:left;}
.courses  .imgshell {  position: relative; float: left; width: 20%; height: auto; margin: 0px; padding: 0px 10px 0px 0px; overflow: hidden; }
.courses  .imgshell img { width: 100%; height: auto; }
.courses  h2 {display: none;}


	
.resources { position: relative; display: table; width: 96%; height: auto; margin: 20px 0 20px 0; padding: 2%; border: none; background: #ededed;  overflow: visible; }
.resources>.link {position: relative; float:none;display: block; width: 80%; text-align: left; font-size: 1.2em; height: auto;margin: 0px;padding: 0px;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1.2em;text-transform: none;letter-spacing: 0px;font-weight: 800; overflow: visible; }
.resources>.subjectbox {position: relative;float: left;display: inline-block; background:#dadada;font-size:0.6em;line-height:0.8em;padding:7px 10px;margin: 10px 0;text-transform:uppercase;}


/* Resource Tool Column Box Feed */
ul.resourcecols {position:relative;display:block;width:90%;max-width:1200px;height:auto;margin: 0 auto; padding: 0;}

ul.resourcecols li.featurebox {position:relative;display:block;float:none;width:100%; height:auto; min-height: 280px; margin: 0 0 15px 0; padding: 0; border: 1px solid #999; border-radious: 3px; list-style: none;}
ul.resourcecols li.featurebox .imgshell {position:relative;display:block;width:100%;height:auto;float:none; margin: 0; padding: 0; }
ul.resourcecols li.featurebox .imgshell img {position:relative;display:block;width:100%;height:auto; }
ul.resourcecols li.featurebox .textbox {position:relative; display:block; float: none; width:90%;padding: 5%; color: #000;font-size: 1.2em; line-height: 1.3em; }
ul.resourcecols li.featurebox .textbox .subjectbox {color: #999; font-size: 0.8em; text-transform: uppercase;}

ul.resourcecols li.colbox {position:relative;display:block;float:none;width:100%;height:auto; min-height: 200px; margin: 0 0 15px 0; padding: 0; border: 1px solid #999; border-radious: 3px; list-style: none;}
ul.resourcecols li.colbox .imgshell {position:relative;display:block;width:100%;height:auto; max-height: 225px; overflow: hidden;}
ul.resourcecols li.colbox .imgshell img {position:relative;display:block;width:100%;height:auto; }
ul.resourcecols li.colbox .textbox {position:relative;display:block;width:90%;padding: 2% 5%; margin: 0; color: #000;line-height: 1.2em;}
ul.resourcecols li.colbox .textbox .subjectbox {color: #999; font-size: 0.8em; text-transform: uppercase;}

	
.feedevents { position: relative; display: block; width: 96%; height: auto; margin: 20px 0 20px 0; padding: 2%; border: none; overflow: auto; clear:both; background: #ededed;}
.feedevents .eventimage {position: relative; float:left;display: inline-block; width: 25%; height: auto;margin: 0px 2% 0 0;padding: 0px;}
.feedevents .eventimage img {width: 100%; height: auto; margin: 0px;padding: 0px;}
.feedevents .eventtitle {position: relative; float:left;display: inline-block; width: 73%; text-align: left; font-size: 1.1em; height: auto;margin: 0px;padding: 0px;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1.2em;text-transform: none;letter-spacing: 0px;font-weight: 800; overflow: visible; }
.feedevents .eventtitle .eventdate {position: relative; float:left;display: block; text-align: left; font-size: 0.7em; height: auto;margin: 0px;padding: 0px;color: #000;font-family: "Wix Madefor Display", sans-serif;white-space: normal;line-height: 1.2em;text-transform: none;letter-spacing: 0px;font-weight: 600; overflow: visible; }
.feedevents .eventlocation {position: relative;float: left;display: inline-block; width: auto !important; background:#dadada;font-size:0.6em;line-height:0.8em;padding:7px 10px;margin: 10px 0 0 0;text-transform:uppercase;}

	
.expandbars { display: block; width: 90%; margin: 25px auto; padding: 15px 5% 5px 5%; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; background-color: #FFF; white-space: normal; }
/* expand bars new 2/1 */
.expandtint { display: block; width: 85%; max-width: 960px; margin: 20px auto 30px auto; padding: 15px 15px 5px 15px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #ededed; }
.expandindent { display: block; width: 75%; max-width: 960px; margin: 20px auto 30px auto; padding: 10px 10px 0px 10px; border-top: 1px solid #666; border-bottom: 1px solid #666; background: #f6f6f6; }

	
/* start Facts styles */
.facts h2 { text-align: center; display:none; }
.facts { position: relative; width:100%; margin: 50px auto; padding: 0; }
.facts ul { position: relative; width: 100%; background: #FFF; display: block; margin: 0 auto; padding: 0; height: auto; }
.facts .multibuttons ul { position: relative; width: 80%; height: auto;display: block; margin: 0 auto; padding: 0; }
.facts .multibuttons ul li { position: relative; width: auto; height: auto; display: block; margin: 0 auto; padding: 0; text-align: center; }
.facts .multibuttons ul li .imgshell, 
.facts .multibuttons ul li .imgleft { position: absolute; top: 0; width: 100%; height: 50%; display:table-cell; }
.facts .multibuttons ul li .imgright, 
.facts .multibuttons ul li .imgcenter { position: absolute; bottom: 0; width: 100%; height: 50%; display:table-cell; }
.facts .multibuttons ul li .imgshell img, 
.facts .multibuttons ul li .imgleft img,
.facts .multibuttons ul li .imgright img, 
.facts .multibuttons ul li .imgcenter img { position: relative; width: 100%; height: auto; }
.facts .multibuttons ul li .multitext { position: relative; display:block; margin: 0; padding: 0 2%; text-align: center; font-size: 1.5em; line-height: 1.2em; color: #FF003C;}
.facts .multibuttons ul li .multitext strong { position: relative; margin: 0; padding: 0; text-align: center; font-size: 2em; line-height: 1.2em; font-weight: 800; color: #000;}
.facts a:link, .facts a:visited {color: #FFF; text-decoration: none;}
.facts a:active, .facts a:hover {color: #CCC; text-decoration: underline;}

	
	
/* start Highlight Cluster styles*/
.highcluster { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 20px auto 50px auto; padding: 0px; align-content: center;max-width: 1100px; }
.highcluster>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0;}

.highcluster>.content>.imgshell,
.highcluster>.content>.imgleft,
.highcluster>.content>.imgcenter,
.highcluster>.content>.imgfull,
.highcluster>.content>.imgright{ position: relative; width: 100%; float: none; display: block; margin: 0 1% 1% 0; padding: 0; overflow: visible; }
.highcluster .content .imgshell img,
.highcluster .content .imgleft img,
.highcluster .content .imgcenter img,
.highcluster .content .imgfull img,
.highcluster .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; }

.highcluster>.content>.words { position: relative; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 0px; overflow: visible; margin: 0; padding: 0; }
.highcluster>.content>.words>.padding { position: relative; text-align: left; width: 95%; margin: 2.5%; padding: 0; display: block; color: #000; z-index: 1001; background:none; }
.highcluster>.content>.words>.padding p { margin: 0; padding: 0; }
.highcluster>.content>.words>.padding>.ctabutton { display: inline-block; float: none; width: auto; margin: 10px auto; padding: 10px;font-size: 0.8em; line-height: 0.3em; background: #094848; }
.highcluster>.content>.words>.padding>.ctabutton>a:link, .highcluster>.content>.words>.padding>.ctabutton>a:visited { color: #FFF; text-decoration: none;}
.highcluster>.content>.words>.padding>.ctabutton>a:hover { color: #FFF; text-decoration: underline;}

.highcluster>.content>.words>.padding>ul { position: relative; text-align: left; width: 100%; margin: 0 auto; }
.highcluster>.content>.words>.padding>ul>li { text-align: left; }
.highcluster>.content>.words>.padding>h2 { color: #000; margin: 0; }
	
.highcluster>.content>.words>.multibuttons { position: relative; width: 90%; float: none;margin: 0; }
.highcluster>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.highcluster>.content>.words>.multibuttons>ul>li { min-height: 85px; display: block; list-style: none; position: relative; color: #333; text-align: left; width: auto !important; padding: 5px 0; margin: 0 0 25px 0; font-size: 0.9em; overflow: visible; clear:both; }
.highcluster>.content>.words>.multibuttons>li a:link, .highcluster>.content>.words>.multibuttons>li a:visited { color:#FF003C; text-decoration: none; background: none; }

.highcluster>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; margin: 0 auto;float: none; display: block; } 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 1.3em; text-align: left; color:#FF003C;font-weight:900; margin: 0;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #FF003C; text-decoration: none;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #FF003C; text-decoration: underline; font-weight: 800; background: #ededed;}
.highcluster>.content .words>.multibuttons>li>.multitext>.textmulti { }
.highcluster>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FF003C; float: none;}
.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 100%; margin: 0 auto;float: none; display: block; }
.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 90%; margin: 0 auto;float: left; display: inline; }


.highfacts>.content>.imgleft,
.highfacts>.content>.imgright,
.highfacts>.content>.imgcenter,
.highfacts>.content>.imgfull,
.highfacts>.content>.imgshell { position: relative; width: 100%; float: none; display: block; margin: 0 0 1% 0; padding: 0; }

.highfacts>.content>.imgshell>.caption { margin: 0; padding: 0; text-align: left; }

.highfacts>.content>.words { position: relative; display:block; float: none; width: 100%; height: auto !important; min-height: 100px; overflow: visible; margin: 0; padding: 0; }
.highfacts>.content>.words>.padding { position: relative; text-align: left; width: 90%; margin: 1% 5%; padding: 0; display: block; color: #000; z-index: 1001; background: none; }
.highfacts>.content>.words>.padding p { margin: 0; padding: 0; }
.highfacts>.content>.words>.padding>.ctabutton { display: inline; float: left; width: auto; margin: 10px 0 0 0; padding: 10px;font-size: 0.8em; line-height: 0.3em; background: #ededed; }
.highfacts>.content>.words>.padding>.ctabutton>a:link, .highfacts>.content>.words>.padding>.ctabutton>a:visited { color: #FF003C; text-decoration: none;}
.highfacts>.content>.words>.padding>.ctabutton>a:hover { color: #FF003C; text-decoration: underline; }
.highfacts>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; }
.highfacts>.content>.words>.padding>ul>li { text-align: left; }
.highfacts>.content>.words>.padding>h2 { color: #000; margin: 10px 0; }
	
.highfacts>.content>.words>.multibuttons { position: relative; width: 100%; float: none;margin: 0; }
.highfacts>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 96%; margin: 0 auto; }
.highfacts>.content>.words>.multibuttons>ul>li { position: relative; width: 90%; min-height: 100px; display: inline; float: left;; list-style: none;color: #333; text-align: center; padding: 2.0%; margin: 0 1% 1% 0; font-size: 1.2em; align-content: center; background: #f6f6f6; word-wrap:break-word;}
.highfacts>.content>.words>.multibuttons>li a:link, .highfacts>.content>.words>.multibuttons>li a:visited { color:#FF003C; text-decoration: none; background: none; }

.highfacts>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 90%; margin: 0 auto;text-align: center; line-height: 2.0em; } 
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 2em; text-align: center; color:#FF003C;font-weight:900; margin: 10px 0 0 0;}
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} 
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited  {color: #FF003C; text-decoration: none;}
.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #FF003C; text-decoration: underline; font-weight: 800; background: #ededed;}

.highfacts>.content .words>.multibuttons>li>.multitext>.textmulti { }
.highfacts>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 0.8em; line-height: 1em; margin: 0px; padding: 0; text-transform: uppercase; letter-spacing: 2px; text-align: center; width: auto; color: #FF003C; float: none;}

.highfacts>.content>.words>.multibuttons>ul>li>.multimgshell { position: relative; width: 30%; margin: 0 auto;float: left; display: inline; }
.highfacts>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 90%; margin: 0 auto;float: left; display: inline; }

	
.highlight { position:relative; display:table; overflow: visible; width:100%; height: auto !important; margin: 20px auto; padding: 50px 0px; align-content: center; background: #f0f0f0; }
.highlight .content { position: relative; display:block; width: 100%; overflow: visible; margin: 0 auto; align-content: center; }
.highlight>.content>.words {display: block; float: none; width: 90%; margin: 0 auto; }
.highlight>.content>.words>.padding {text-align: left; overflow-x: hidden;}	
.highlight>.content>.words>.padding .ctabutton {width: auto !important;}
.highlight>.content>.words>.padding>h2 {font-size: 1.7em;text-align: left;}	
.highlight .words { position: relative; display: block; left: 0%; bottom: 5px; z-index: 200; text-align: left; width: 95%; margin: 0 auto 20px auto; }
.highlight .words h2 { }
.highlight .imgcenter { position: relative; display: block; float: none; width: 90%; margin: 0 auto; overflow: visible; }
.highlight .imgcenter img { width: 100%; height: auto; }
.highlight .imgfull { position: relative; display: block; float: none; width: 90%; margin: 0 auto; overflow: visible; }
.highlight .imgfull img { width: auto !important; height: 400px; margin: 0px; }
#maintext .highlight .content .imgleft  { position: relative; display: block; float: none; width: 90%; margin: 0 auto; overflow: visible; }
#maintext .highlight .content .imgright { position: relative; display: block; float: none; width: 90%; margin: 0 auto; overflow: visible; }
#maintext .highlight .content .imgshell { position: relative; display: block; float: none; width: 90%; margin: 0 auto; overflow: visible; }
.highlight .content .imgleft img, .highlight .content .imgright img { width: 100%; height: auto !important; margin: 0; }

	
.montage {}
.multitext { line-height: 38px; }
.multitext strong { font-size: 1.3em; }

	
/* start One Column styles */
.onecol { position: relative; width: 90%; height: auto; margin: 30px auto; padding: 30px 0; display: inline; float: left; clear:none !important; background: #FFF; }
.onecol .content { position: relative; width: 100%; height: auto; margin: 0 auto; padding: 1%; display: table; background: #FFF; }
.onecol>.content>.words { position: relative; width: 90%; max-width: 1100px; display: block; margin: 0px auto; float: none; padding: 0;}
.onecol>.content>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; padding: 2% 0; }
.onecol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:100%; display: block; float: none; margin: 0px; padding: 0; }

/* opportunities */
.opportunities .graphiclist {display: flex; flex-direction: column;}
ul.graphiclist li.boxlist { width: 100% !important; display: block; min-width: none; max-width: none;}
	
/* start Section Header styles*/
.section { position:relative; display:block; width:90%; height: auto !important; overflow: visible; margin: 50px auto 0px auto; padding: 0px; align-content: center;max-width: 1100px; background:url(https://www.bard.edu/images/line.png) repeat-x; }
.section>.content { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content h2 { position: relative; display: inline-block; text-align: center; height: 30px; width: auto !important; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; line-height: 1em; padding: 5px 10px; margin: 0;background: #FFF; color: #333; clear: both;}
.section>.content p { position: relative; width: 90%; background: #ededed; margin: 10px 2.5%; padding: 2.5%; }
.section>.content>.words { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content>.words>.padding { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; }
.section>.content>.words>.padding>.ctabutton { display: inline-block; }
	
.spotlight { position:relative; display:table; width:100%; min-height: 300px; background:#222; padding: 0 0 20px 0; margin: 50px auto; align-content: center; overflow: hidden; }
.spotlight h2 {color:#FFF; text-transform: uppercase; letter-spacing: 2px; }
.spotlight>.content {  }
.spotlight>.content>.words { position:relative; width:100%; height:auto; overflow: visible; margin: 0px auto; padding: 0%; text-align: center; color: #FFF; }
.spotlight>.content>.words>.padding { width: 90%; height:auto; display: block; overflow: visible; margin: 0px auto; padding: 10px 5% 20px 5%; text-align: left; color: #FFF; }
.spotlight>.content>.words>.padding>h2 { text-align: left; color: #FFF; }
.spotlight>.content>.imgshell { position: relative; float:none; display: block; width:100%; margin: 0px auto;}
.spotlight>.content>.imgleft { position: relative; float:none; display: block; width:100%; margin: 0px auto; overflow: hidden;}
.spotlight>.content>.imgright { position: relative; float:none; display: block; width:100%; margin: 0px auto; }
.spotlight>.content>.imgleft iframe { position: relative; float:none; display: block; max-width:90%; margin: 0px auto; overflow: hidden; }

.spotlight .caption{ padding-left: 20px; }
	
	
	
.text { display: block; float: none; width: 90%; margin: 0px auto; padding: 0; }
.text>.content { position: relative; display: block; float: none; width: 100%; margin: 0; padding: 0; }
.text>.content>.imgleft, .text>.content>.imgright { display: block; float: none; width: 100%; margin: 20px auto; padding: 0; }
.text>.content>.words { display: block; float: none; width: 100%; margin: 20px auto; padding: 0; max-width: 100%; }
.text>.content>.words>.padding { display: block; float: none; width: 100%; margin: 20px auto; padding: 0;}
.text>.content>.multibuttons { display: block; float: none; width: 85%; margin: 20px auto; }

	
.threecol { position: relative; width: 100%; max-width:100%; height: auto; margin: 0 auto; padding: 20px 0px; display: block; }
.threecol>.content>.words { position: relative; width: 90%; max-width:90%; height: auto; margin: 0px auto; padding: 20px 0px 0 0; display: block; }
.threecol>.content>.imgleft, .text .content .imgshell { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 0px 0px 20px 0px; }
.threecol>.content>.imgleft img, .text .content .imgshell img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecol>.content>.imgleft iframe, .text .content .imgshell iframe { width: 100%; height: auto; min-height:200px; margin: 0px 0px 0px 0px;}
.threecol>.content>.imgright { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 0px 0px 0px 0px; }
.threecol>.content>.imgright img { width: 100%; height: auto; margin: 0;}
.threecol>.content>.imgcenter { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0px auto; }
.threecol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;}
.threecol .ctabutton {margin: 0px 20px; align-self: center; align-content: center; }
.threecol>.content>.words>.padding>h2 { color: #000; font-weight: 900; font-size: 1.2em; padding:0; margin:0 auto; line-height:1em; text-align: center; text-transform: uppercase; letter-spacing: 3px; }
.threecol>.content { max-width:100%; margin: 0px auto; overflow-x: hidden; }
	.threecol>.content>.words>.multibuttons {margin: 0 auto;}
.threecol>.content>.words>.multibuttons>ul { margin: 0px auto; padding: 0; width: 100%; max-width:100%; display: block; float: none; overflow-x: hidden; }
.threecol>.content>.words>.multibuttons>ul>li { width: 80%; display:block; padding: 0; float: none; margin: 10px auto 20px auto; overflow: visible; min-height: 100px;}
.threecol>.content>.words>.multibuttons>ul>li>.imgshell,
.threecol>.content>.words>.multibuttons>ul>li>.imgleft,
.threecol>.content>.words>.multibuttons>ul>li>.imgright,
.threecol>.content>.words>.multibuttons>ul>li>.imgcenter,
.threecol>.content>.words>.multibuttons>ul>li>.imgfull { width: 95%; display:block; float: none; margin: 10px auto 20px auto; overflow: visible; }
.threecol>.content>.words>.multibuttons>ul>li>.imgshell iframe,
.threecol>.content>.words>.multibuttons>ul>li>.imgleft iframe,
.threecol>.content>.words>.multibuttons>ul>li>.imgright iframe,
.threecol>.content>.words>.multibuttons>ul>li>.imgcenter iframe,
.threecol>.content>.words>.multibuttons>ul>li>.imgfull iframe { width: 95%; display:block; float: none; margin: 10px auto 20px auto; overflow: visible; }
.threecol>.content>.words>.multibuttons>ul>li>.imgshell img { width: 100%; height: auto; }
.threecol .multitext { width: 95%; display:block; float: none; margin: 10px auto 20px auto; overflow: visible; }

.threecold .ctabutton { font-weight: normal;}

	/* start Two Column styles */
main #maintext .content .twocol { position: relative; width: 100%; height: auto; margin: 2% auto; padding: 0; display: inline; float: left; clear:none !important; }
.twocol .content { width: 90%; margin : 0 auto; display: block; }
.twocol>.content>.words { position: relative; width: 100%; display: block; margin: 0px; }
	.twocol>.content>.words>.padding {width: 100%; }
	.twocol>.content>.words>.padding>h2 {text-align: center;}
.twocol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1200px; display: block; margin: 0px auto;}
.twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: block; }
.twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 90%; display:block; float: left; margin: 10px auto; padding: 0%;height: auto !important; background: #FFF;overflow: visible; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; max-height: 400px; overflow: visible; padding: 0; margin: 0;display: block; float: none;}
.twocol>.content>.words>.multibuttons>ul>li>.multimgshell img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgleft img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgcenter img,
.twocol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto !important; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgright { position: relative; width: 100%; height: auto; max-height: 400px; overflow: hidden; padding: 0; margin: 0;display: block; float: none; }
.twocol>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; }
.twocol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; padding: 5%; margin: 0; }
.twocolw > .content > .words > .multibuttons > ul {width: 100%; float: none; margin:0; padding: 0; }
.twocolw > .content > .words > .multibuttons > ul > li {width: 85%; float: none; min-height: auto;}
.twocolw > .content > .words > .multibuttons > ul > li > .multitext .linktitle {font-size: 1.3em;text-align: left;color: #000;font-weight: 900;margin: 0px 0px 5px 0px;padding: 0;text-transform: none;}
.twocolw > .content > .words > .multibuttons > ul > li > .multitext .linktitle a {color: #094848;}
.twocolw>.content>.words>.multibuttons>ul>li>.multitext { text-align: left !important; }
.twocolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .twocolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {color:#094848 !important; text-decoration: none;} 

	
/*four column styles (added 08/13/24 DV)*/
.fourcol>.content>.words>.multibuttons>ul {max-width: 80%; margin: 0 auto;}
	.fourcol>.content>.words>.padding>h2 {padding-bottom: 20px; font-weight: 700;}
	
	.onecol {float: unset;}

	
/* ----------- OLD??? Styles ---------- */
	
#text { display: block; }
#text .imgshell { width: 100%; max-width: 100%; float: none; display: block; margin: 0px; }
#text .imgright { display:block; float: none; max-width: 100%; width: 100%; margin: 0px; padding: 0px; }
#text #textarea { width: 100%; float: none; display: block; }
#text .textlinks { max-width: 100%; float: none; display: block; }
#text .textlinks .content { height: auto; overflow: visible; }

.table .tdx2 { position: relative; display: table-cell; width: 100%; height: auto !important; margin-right: 1%; border: none; float: left; }
.table .tdx2.tdlast { display: table-cell; width: 100%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx2 .tdtext { position: relative; display: inline; width: 100%; height: auto !important; padding: 0px; margin: 0px 2% 10px 0px; float: left; }


/* text red w/ buttons styles */
#textred .buttons li { list-style: none; display: inline-block; color:#be1d23; background-color: #FFF; margin: 5px; padding: 5px 10px; border-radius: 5px; }
	
.portal { position: relative; width: 95%; height: auto; margin: 20px auto; padding: 2%; display: table; }
.portal .textlinks { /*position: relative; display: table-cell; */ float: none; width: 100%; max-width: 200px; min-width: 0%; padding: 0px; margin: 0px; }
.portal .textlinks .content { width: 100%; min-height: 100px; max-height: 220px; overflow: scroll; padding: 0px; margin: 0px 0px 0px 10px; border-left: 1px solid #CCC; border-top: 1px solid #CCC; font-size: 1em; } 
.portal .textlinks ul { margin: 0px 0px 0px 5px; }
.portal .textarea { overflow:hidden; /*float: left; position: relative; display: table-cell; width: auto; padding: 0px; margin: 0px; overflow: hidden;*/ }
.portal .imgshell, .portal .imgleft { position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; }
.portal .imgright { position: relative; display: table-cell; float: right; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 0px 0px 10px; }
.portal .imgshell .piccontent, .portal .imgleft .piccontent, .portal .imgright .piccontent {position: relative; display: block; width: 100%; height: auto !important; }
.portal .imgshell .piccontent img, .portal .imgleft .piccontent img, .portal .imgright .piccontent img { width: 98%; height: auto; margin: 0px; padding-right: 0px; }
	/*#portal #textarea h3 { font-size: 1.8em; margin: 0px; }*/
.portal .imgshell .piccontent .caption, #portal .imgright .piccontent .caption { display: block; float: none; }
.portal .icon {position: relative; display: table-cell; float: left; width: auto; max-width: 35%; min-width: 0%; height: auto !important; overflow: hidden; margin: 5px 10px 0px 0px; padding: 0; align-content: center; }
.portal .imgshell .iconimg { position: relative; width:100%; min-height: 55px; height: auto !important; margin: 0 auto; padding: 0; align-content: center; }
.portal .imgshell .iconimg img { position: relative; width:100%; height: auto !important; margin: 0 auto; }
	
body.details #text iframe {width: 100%; height: 200px; min-height: auto; }

/* text w/ buttons styles */
#multibuttons { position: relative; width: 92%; height: auto; padding: 5% 4%; margin: 0px auto; display: block;background: #f6f6f6; overflow: hidden;}
#multibuttons .buttons { position: relative; display: block; width: 100%; margin: 0px; padding: 0px; font-size: 0.9em; letter-spacing: 2px; text-transform: uppercase; font-weight: 900;}
#multibuttons .buttons ul { position: relative; width: 100%; list-style: none; float: none; display: block; margin: 0; padding: 0px; }
#multibuttons .buttons li { position: relative; width: 90%; list-style: none; display: block; color:#222; background-color: #FFF; margin: 20px 0px 0px 0px; padding: 3%; border: 2px solid #e6e6e6; }
#multibuttons .buttons li a:link, #multibuttons .buttons li a:visited { color:#222; text-decoration: none; }
#multibuttons .buttons li a:hover, #multibuttons .buttons li a:active { color:#222; text-decoration: underline; }

#feeds { position: relative; display: block; width: 100%; height: auto !important; margin: 25px auto; padding: 0; float: left; }
#feeds .content, #feeds .contentx2, #feeds .contentx3, #feeds .contentx4 { display: block; width:100%; border-right: none; float:none; padding: 0px; margin: 0px; }
#feeds p { padding-bottom: 10px; }
#feeds hr { height: 1px; padding: 0px; }
#column .content { display: block; min-width: 100%; width: 100%; height: auto !important; padding: 0px; float: none;}
#column .contentx2, #column .contentx3, #column .contentx4 { display: block; width: 100%; height: auto !important; padding-right: 0%; }
#column .contentx2 iframe, #column .contentx4 iframe, #column .contentx4 iframe { display: block; width: 100%; height: auto !important; min-height: 210px; padding: 0px; float: none;}
#videorow #videocol { position:relative; display: inline; float: none; width: 100%; margin: 0 auto; padding-right: 0%; }
#videorow #videocol #embedshell { display: block; width: 100%; float: none; margin: 0px; padding: 0px; max-height: 300px;}
#video .content { position: relative; display: block; width: 100%; float: none; height: auto !important; max-height: 500px; overflow: visible; padding: 0px 0px 5px 0px; margin: 5px auto 10px auto; }
#video .content iframe { position: relative; float: none; width: 100%; height: auto; max-height: 600px; margin: 0px; padding: 0px; }


.cal_small {display: block; }
.cal_full {display: none; }

.footer { font-size: 15px; color: #000; line-height: 24px; }
footer { margin: 0px; width: 100%; height: auto; display: block; top: 45px; min-height: 200px; overflow: visible;}
footer { top: 0px !important; margin-top: 35px !important; } /* fix for scrolling on mobile */

footer .content { position: relative; width: 98%; height: auto !important; padding: 0 0 20px 0; margin: 0 auto; display: block; }
footer .content #footercontact { position: relative; float: none; width: auto; display: block; clear: both; padding: 7%; margin: 0 auto; }
/* footer .content #footercontact { position: relative; float: none; width: 92%; display: block; clear: both; padding: 7%; margin: 0 auto; } */
footer .content #footercontact #footiconbox { margin: 0 auto; width: 100%; float: none; display:block; }
footer .content #footercontact #footiconbox #footericons { float: left; }
footer .content #footercontent { position: relative; float: none; width: 100%; display: block; margin: 30px 0 0 0;padding: 0 20px; }
footer .content #footercontent .footercol { position: relative; float: none; width: 100%; max-width: 100%; display: block; margin: 30px 0 0 0;padding: 0; border: none;}

	

.eventbox li  { position: relative; width: 100%; list-style:none; display: table; float: none; color: #000; margin: 13px 0; }
.eventbox li .eventdate { position: relative; width: 10%; display: table-cell; float: left; color: #FFF; background: #222; padding: 2%; margin: 0 2% 0px 0; border: none; text-align: center; }
.eventbox li .eventdate .datesml { color: #FFF; font-weight: bold; font-size: 28px; line-height: 20px; padding: 0px; margin: 0px; display: block;text-align: center; }
.eventbox li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;display: block; }
.eventbox li .eventarea { position: relative; width: 75%; display: table-cell;float: left; padding: 0px; margin: 0px; padding-right: 0px; margin-right: 0px;border-right: none; }
	
	
/* 2018 HP Styles */

body#home #hppr {position: relative; width: 90%; max-width: 1100px; display: table; margin: 20px 5%; }
body#home #hppr .hpprnews {position: relative; width: 100%; display: block; float: none; margin: 0 0 40px 0; }
body#home #hppr .hpprnews>.hpcols {position: relative; width: 100%; display: block; float: none; margin: 0; }
body#home #hppr>.hpprfeed { position: relative; width: 100%; display: block; float: none; margin: 0;}
body#home #hppr .hpprnews>.hp2cols {position: relative; width: 100%; display: block; float: left; margin: 0 0 30px 0; }
	
body#home #hppr .hpprevents { position: relative; width: 100%; padding: 0%; display: block; float: none; margin: 0; }
	

body#home #maintext .content #icons>.column,
body#home #maintext .content #icons>.columnx2,
body#home #maintext .content #icons>.columnx3,
body#home #maintext .content #icons>.columnx4,
body#home #maintext .content #icons>.columnx5,
body#home #maintext .content #icons>.columnx6 { display: block; float: none; width: 100%; margin-bottom: 10px; padding: 0px; border: none; }


body#home #newsbox .contentx2 { display: block; width: 98%; margin-top: 20px; }

body#home #hp2pr {position: relative; width: 90%; max-width: 1100px; display: block; margin: 40px auto 50px auto; }
body#home #hp2pr .hp2prnews {position: relative; width: 100%; display: block; float: none; }
body#home #hp2pr .hp2prnews>.hp2cols {position: relative; width: 100%; display: block; float: none; margin: 00; }
body#home #hp2pr .hp2prnews>.hp2cols img {position: relative; width: 100%; height: auto; }
body#home #hp2pr .hp2prnews>.hp2cols>.image>.caption {position: relative; width: 100%; height: auto; line-height: 1em; text-align: left; margin:0;padding:0; }
body#home #hp2pr .hp2prnews>.hp2side {position: relative; width: 100%; display: block; float: none; margin: 50px 0; padding: 0%; background: #FFF; }
body#home #hp2pr .hp2prnews>.hp2side img {width: 100%; height: auto !important;}
body#home #hp2pr>.hp2prfeed { position: relative; width: 100%; padding: 0%; display: block; float: none; margin: 20px 0 50px 0; }
body#home #hp2pr>.hp2prfeed>ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 10px 0 0 0; list-style: none; border: none;}
body#home #hp2pr .hp2prfeed>ul.hpevents li {position: relative; display: block; width: 100%;padding: 0; margin: 0; list-style: none;}
body#home #hp2pr .datesml {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #000; font-weight: 800; }
body#home #hp2pr .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: #CCC; }
body#home #hp2pr>h2 , body#home #hp2pr .subtitle, body#home #hp2pr .hpprevents>h2 {color: #000;}
body#home #hp2pr strong { font-weight: 900; }
body#home #hp2pr .hpprevents li a:link, body#home #hp2pr .hpprevents li a:visited { color:#FF003C; text-decoration: none; font-weight: 800; }
	
body#home #introtext { position: relative; width: 96%; margin: 20px auto 4% auto; padding: 6% 2%; font-size: 1.0em; line-height: 1.2em; text-align: center; max-width: 1300px; font-weight: 500; background: #f6f6f6; color: #000; clear: both; }

body#home #introtext .subtitle { display: block; font-family: "Wix Madefor Display", sans-serif; color:#222; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; font-size: 1.3em; line-height: 1.2em; font-weight: 900; text-align:center; text-transform: uppercase; letter-spacing: 3px;}
	
nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; }

body#resourcedetail> main > #maintext{margin-top:50px;}
	
/* Code specfic for inline images in PR News */
body.news .newscontent { position: relative; width: 90%; height: auto !important; margin: 40px 5%; padding: 40px 0 0 0; border-top: 1px solid #ededed; line-height: 2em; }
body#news .newscontent .primgfeat { position: relative; float: none; display: block; width: 100%; height: auto !important; margin: 0px 0px 0px 0px; padding: 0; }
body#news .newscontent .primgfeat img { position: relative; width: 100%; height: auto !important; margin: 0px; padding: 0; }
body#news .newscontent .primgfeat .caption { position: relative; float: left; width: 100%; height: auto !important; text-align: left; margin: 0; padding: 0; color: #666; }
body#news .primgleft { position: relative; float: none; width: 100%; height: auto !important; margin: 15px 0px 15px 0px; }
body#news .primgright { position: relative; float: none; width: 100%; height: auto !important; margin: 15px 0px 15px 0px; }
body#news .primgbot { position: absolute; bottom: 0px; display: inline-block; float: none; height: auto !important; width: 100%; margin: 0; }
body#news .primgleft img, body#news .primgright img, body#news .primgbot img { width: 100%; height: auto !important; }
body#news .newscontent .primgleft .caption,
body#news .newscontent .primgright .caption,
body#news .newscontent .primgbot .caption { position: relative; float: left; width: 100%; height: auto !important; text-align: left; margin: 0; padding: 0; color: #666;}
body#news .section { margin: 0 auto 40px auto; }
body#news #introshell { min-height: 50px; }
body#news h1 {font-size: 2.0em; }
	
	
	/* CCE Newsroom page Styles */
.cce-feature { position: relative; width: 100%; height: auto !important; background: #f6f6f6; padding: 0; margin: 20px 0; display: table; }
.cce-feature .cce-featcol { position: relative; width: 90%; max-width: 1200px; height: auto !important; padding: 5%; margin: 0 auto; }
.cce-feature .cce-featcol .featimg { position: relative; width: 100%; height: auto !important; padding: 0; margin: 0; float: left; display: block;}
.cce-feature .cce-featcol .featimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.cce-feature .cce-featcol .feattext { position: relative; width: 100%; height: auto !important; padding: 2% 2% 5% 2%; margin: 0; float: left; display: block; line-height: 2em;}
.cce-feature .cce-featcol .feattext h2 { line-height: 1.5em; margin: 0; padding: 0;}
.cce-feature .cce-featcol .feattext p { line-height: 2em; margin: 0; padding: 0;}


.cce-newscols { position: relative; width: 100%; max-width: 1200px; height: auto !important; padding: 0px; margin: 50px auto; display: block; }
.cce-newscols .cce-highlights { position: relative; width: 85%; height: auto !important; padding: 0; margin: 20px auto; display: block; vertical-align: top; }
.cce-newscols .cce-highlights .cce-highcol { position: relative; width: 100%; height: auto !important; padding: 0 0 0 0; margin: 0 0 20px 0; display: block; vertical-align: top; }
.cce-newscols .cce-highlights .cce-highcol .highimg { position: relative; width: 98%; height: auto !important; padding: 0; margin: 0; display: block; }
.cce-newscols .cce-highlights .cce-highcol .highimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.cce-newscols .cce-highlights .cce-highcol .hightext { position: relative; width: 90%; height: auto !important; padding: 1% 5%; margin: 0 auto; display: block; line-height: 1.8em; }
.cce-newscols .cce-highlights .cce-highcol .hightext h2 { color: #000; font-size: 1.2em; }
.cce-newscols .cce-highlights .cce-highcol .hightext h2 a { color: #000; text-decoration: none; }
.cce-newscols .cce-highlights .cce-videocol { position: relative; width: 90%; height: auto !important; padding: 0; margin: 0 auto; display: block; vertical-align: top; }
.cce-newscols .cce-highlights .cce-videocol .hightext h2 { color: #000; font-size: 1.2em; }

.cce-newscols .cce-newslist { position: relative; width: 86%; height: auto !important; padding: 2%; margin: 20px auto; display: block; vertical-align: top; background: #ededed; align-content:center;}
.cce-newscols .cce-newslist .cce-listcol { position: relative; width: 90%; height: auto !important; padding: 2.5%; margin: 0 0 20px 0; display: block; }

.programfeeds .item { width: 90% }

.programfeeds .item .image {
	width: 25%;
	margin: 0px 2% 0 0;
	display: none;
}

.programfeeds .item .text { width: 90%; padding: 5%;}

.programfeeds .item .text .title {
	font-size: 1.1em;
}

.programfeeds.feed-events .item .tag {
	margin: 10px 0 0 0;
	display: none;
}

.programfeeds.feed-news .item .tag {
	margin: 10px 0 0 0;
	display: none;
}

.programfeeds.feed-resources .item .tag {
	margin: 10px 0 0 0;
	display: none;
}

.opportunities {width: 100%;}
}

@media screen and (max-width: 425px) {
	.billboard>.content>.words>.padding>h2 {font-size: 2em;top: -100px; line-height: 1em;}
	.billboard .content .imgfull .imgoverlay, .billboard .content .imgcenter .imgoverlay, .billboard .content .imgshell .imgoverlay {height: 100%;}
}
	
/* -------------------------------------------- TEENY-TINY MOBILE STYLES ------------------------------------ */
@media screen and (max-width: 350px) {
	

#supershell { width: auto; display: block; float: none; margin: 0px; padding: 0px; }
/* #supershell { width: 400px; display: block; float: none; margin: 0px; padding: 0px; } */
#osunlogo { position: absolute; top: 10px; left: 15px; width: 115px; height:58px; z-index: 9999; overflow: hidden; }
#osunlogo img { position: relative; width: 100%; height: auto !important;}
	
}



/* ---------------------------- PRINT ONLY  STYLES ------------------------ */

@media print { 

body { background: #FFF; }
nav { }
nav a:link,nav a:visited,nav a:hover,nav a:active { color: #000; }
header { display: none; }
header .content #logo { position: relative; top: 5px; width: 175px; padding: 0px; margin: 0px auto; background: url(//www.bard.edu/images/logo-print.png) center center; }
header .content #logo img { position: relative; padding: 0px; margin: 0px auto;}
main { position:relative; width: 100%; top: 0px; }
#introshell {  }
ul.dropdown-menu {display: none; }
#subnav li { margin-right: 10px; padding-right: 10px; }
#submenu, #sitemenu {display: none;}
#introtext {margin-top: 15px; }
#introcol #left #image { display: none; }
#introshell h1 { position: relative; top: 10px; left: 0%;font-size: 2em; line-height: 2em; color: #FFF; height: auto; margin: 10px 0; }
h1.pagetitle { position: relative; margin: 40px 0; text-align: center; }
#introshell .imgshell { width: 100%; height: auto; }
#boxes { margin-top: 50px; }
#boxes h3 { position: absolute; top: -30%; margin: 0px auto; padding: 0px 5%; text-align: center; color: #FFF; font-size: 1.5em; line-height: 1.2em; font-weight: 200; }
#boxes img.icon, #boxes .button {display: none; }
* { text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important; }
a:link,a:visited,a:hover,a:active { color: #FF003C; text-decoration:underline; }
header h2 { display: block; font-family: "Wix Madefor Display", sans-serif; font-weight: bold; color:#5d5d5d; margin: 0px 0px 15px 0px; display: block; font-size: 3em; line-height: 2em; }
.cal_small {display: none; }
.cal_full {display: block; }
#imgfooter {display:none;}

}