@charset "UTF-8"; /* CSS Document */ /* ----------- Helper Classes ---------- */ .hideForMobile, .hideForTablet { display: none; } /* ---------------------------- GLOBAL STYLES ------------------------ */ html { } body { margin: 0px; padding: 0px; font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-size: 16px; line-height: 24px; color: #222; } body a:link, a:visited { color:#ad1a1f; text-decoration: underline; } body a:hover, a:active { color:#ad1a1f; text-decoration: underline; } h1 { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 700; color:#222222; margin: 10px 0px 20px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 38px; text-transform: uppercase; } h1.pagetitle { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 700; color: #ad1a1f; font-size: 2.8em; line-height: 40px; margin: 50px 0px 10px 0px; z-index: 2000; } h1.pagetitle a:link, h2.pagetitle a:visited { color:#ad1a1f;text-decoration: none; } h1.pagetitle a:hover, h2.pagetitle a:active { color:#ad1a1f;text-decoration: underline; } h2 { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 20px 0px 5px 0px; display: block; font-size: 1.75em; font-weight: 900; line-height: 1em;} p { font-size: 1em; line-height: 24px; display: block; } strong { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 800; font-weight: bolder; } /* reset styles */ .bardtype { font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-size: 0.9em; color:#000; } .bardtype a:link, a:visited { color:#ad1a1f; text-decoration: underline; } .bardtype a:hover, a:active { color:#ad1a1f; 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.5em; color: #222; margin: 20px auto; width: 80%; text-align: center; clear: both; font-style: italic; } .intro { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;font-size: 1em; line-height: 2em; color: #666; font-weight: 500; margin: 0px 0px 10px 0px;} 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: #ad1a1f; display: inline; font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; } .subtitle { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px; font-size: 1.4em; font-weight: bold; } .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: "Source Sans Pro", "SourceSans", sans-serif;color:#ad1a1f; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.5em; font-weight: 700; } .cms-subtitle2 { font-family: "Source Sans Pro", "SourceSans", sans-serif;color:#222; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; } .cms-subtitle3 { font-family: "Source Sans Pro", "SourceSans", sans-serif;color:#ad1a1f; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.25em; font-weight: 700; } .cms-caption { font-family: "Source Sans Pro", "SourceSans", sans-serif; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;} .cms-button { font-size:0.75em; font-weight: 800; line-height: 0.5em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px; padding: 10px; color: #FFF; background: #ad1a1f; border-radius: 0px; font-family: "Source Sans Pro", "SourceSans", 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; } /* 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;} */ /* 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%; } /* classes for widths of tables and columns */ .width10 { width:10%; } .width50 { width:50%; } /* Replacement for Tables */ .csstable { display: table; width:90%; margin: 5px auto; } .csstable .csscell { display: table-cell; padding: 1%; width: auto !important; } /* Replacement for Tables */ .csstable { display: table; width:90%; margin: 5px auto; } .csstable .csscell { display: table-cell; padding: 1%; width: auto !important; } /* button styles */ .ctabutton { display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 800;} .ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none; } .ctabutton a:hover, .ctabutton 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: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: normal; line-height: 0.5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 800;} 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: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 1.0em; line-height: 0.5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 800;} .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; } /* Fix for Anchor Links Class in Bard Template */ a.anchor {display: block;height: 100px; margin-top: -100px; visibility: hidden; clear:both;} /* ------- 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;} header.fixed {position: fixed; width: 100%; top: 0px; } header .topnav { width: 100%; height: 25px; background: #222; text-align: right; margin: 0; padding: 0;} header .topnav .toplinks { width: 100%; max-width: 1060px; height: 25px; background: #222; color: #CCC; text-align: right; margin: 0 auto; padding: 5px; font-size: 0.8em;} header .topnav .toplinks a:link, header .topnav .toplinks a:visited { color: #CCC; text-decoration: none;} header .topnav .toplinks a:active, header .topnav .toplinks a:hover { color: #FFF; text-decoration: underline;} /* -------------- main structure styles -------------- */ main { position:relative; width: 100%; top: 0px; margin: 95px 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; } body#home main { position:relative; width: 100%; top: 0px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; } #ccelogo { position: absolute; top: 0px; left: 0%; width: 150px; height:125px; z-index: 9999; overflow: hidden; } #ccelogo img { position: relative; width: 100%; height: auto !important;} /* intro H1 and main image styles */ #introshell { position: relative; width: 100%; max-width: 1400px; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 0 auto 0 auto; padding: 0; } #introshell>#title {margin: 20px auto 20px auto; max-width: 1200px; } #introshell>#title>h1.pagetitle {padding: 0px; margin: 50px auto 0px auto; text-transform: uppercase;text-align: center; color: #222;} #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: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; color:#FFF; font-weight: lighter; font-size: 1.5em; line-height: 1em; background:url(https://www.bard.edu/images/tints/80black.png) repeat;} #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: "Source Sans Pro", "SourceSans", Helvetica, Arial, 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: #ad1a1f; z-index: 1001; } #introshell .image { position: relative; width: 100%; height: 450px; background: #222; z-index: 1000; padding: 0; margin: 0; max-height: 550px; min-height: 0px; overflow: hidden; } #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: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600;text-transform: uppercase; letter-spacing: 3px; width: 100%; color: #FFF; font-size: 3.5em; line-height: 1em; text-align: center; margin: 0 auto; padding: 1% 0; z-index: 1001; background: url(https://www.bard.edu/images/tints/80black.png) repeat;} #introshell>.image>.caption { position: absolute; bottom: 0%; right: 0%; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600; display: block; width: auto !important; color: #FFF; text-align: center; margin: 0; padding: 2%; font-style: normal;/*background: url(/images/tints/80black.png) repeat; */ 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: 900; align-items: center;} #introshell>.introbuttons>.content>.buttons a:link, #introshell>.introbuttons>.content>.buttons a:visited { color: #FFF; text-decoration: none; background: #ad1a1f;padding: 10px 20px;} #introshell>.introbuttons>.content>.buttons a:active, #introshell>.introbuttons>.content>.buttons a:hover { color: #FFF; text-decoration: none; background: #ad1a1f;padding: 9px 20px;} #introtext { position: relative; width: 80%; margin: 40px auto; padding: 0px; font-size: 1.1em; text-align: center; max-width: 1000px; font-weight: 500;} #introtext>h2 { display: block; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.5em; line-height: 1.2em; font-weight: 900; text-align:center; text-transform: uppercase; letter-spacing: 3px;} #introtext .subtitle { display: block; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; color:#ad1a1f; margin: 10px 0px 5px 0px; padding: 0px 0px 5px 0px; font-size: 1.5em; line-height: 1.2em; font-weight: 900; 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: #ad1a1f; border: none; border-radius: 0; } /* classes for 2018 */ /* start Billboard/Spotlight styles */ .billboard { position: relative; display: block; width: 100%; height: auto !important; margin: 20px auto 0 auto; } .billboard .content { position: relative; width: 100%; display:block; } .billboard .content .imgcenter { position: relative; width: 80%; margin: 0 auto 0px 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: 100%; height: auto !important; padding: 0; margin: 0; } .billboard .content .imgright { width: 60%; margin: 0; padding: 0; background: #FFF; align-self: 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; align-self: 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%; right: 5%; width: 40%; height: auto; z-index: 1000; background: #FFF; border: 1px solid #666; padding: 2.5%; vertical-align: top; } .billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #222; vertical-align: top; } .billboard>.content>.words>.padding>h2 { font-size:0.85em; line-height: 0.5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 900; color: #ad1a1f; padding: 0; margin: 0 0 15px 0; } .billboard>.content>.words>.padding>.subtitle { font-size: 2.5em; font-family:"Source Sans Pro", "SourceSans", Helvetica, Arial, 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 #ad1a1f; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, 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: #ad1a1f; text-decoration: none; } .billboard .multibuttons ul li .multitext .linktitle a:hover, .billboard .multibuttons ul li .multitext .linktitle a:active { color: #ad1a1f; text-decoration: underline; } /* start Biography styles */ .biography { position: relative; width: 100%; height: auto; margin: 30px 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; line-height: 30px; vertical-align: top; line-height: 30px; text-align: left; background: #f6f6f6; z-index: 499;} .biography>.content>.words>.padding { margin: 0 20%; padding: 0; z-index: 499; } .biography>.content>.words>.padding>h2 { font-weight: bold; text-transform: uppercase; letter-spacing: 2px; font-size: 1.2em; padding:0; margin:0; line-height:1em;} .biography>.content>.words>.padding>.subtitle { color: #222; 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%; } .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;} .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: 0px ; padding: 10px; background: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 800;} .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: 900; 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; } .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; } /* 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;} .events ul.hpevents li .datesml {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; 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; } .events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.8em; padding: 20px; } .events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;} .events .ctabutton { float: right;} .events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;} .events ul.hpevents li .eventpic img { width: auto;height:100%;} /* 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; } .expandbars .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #222; 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: #222;} .expandbars .ctabutton {font-size: 1.0em; color: #222; background: #FFF; text-transform: none; letter-spacing:0px; } .expandbars button.modal-open { font-size: 1.2em; font-weight: 900; 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: "Source Sans Pro", "SourceSans", Trebuchet, Arial, sans-serif; white-space: normal;} .expandbars .ctabutton>button.modal-open { background: #FFF; } .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: #222;} .expandtint .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #222; 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: #222;} .expandtint .ctabutton {font-size: 1.0em; color: #222; background: #ededed; text-transform: none; letter-spacing:0px; } .expandtint .ctabutton button.modal-open { font-size: 1.2em; font-weight: 900; 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: "Source Sans Pro", "SourceSans", Trebuchet, Arial, 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;} .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: "Source Sans Pro", "SourceSans", Trebuchet, Arial, 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: #ad1a1f;} .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: #222;} .facts a:link, .facts a:visited {color: #FFF; text-decoration: none;} .facts a:active, .facts a:hover {color: #CCC; text-decoration: none;} /* start FAQ styles */ .faqs { position:relative; display:block; width:67%; 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: 1px solid #f6f6f6; background: #f6f6f6;} .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: 1px solid #555; 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; color: #222; 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; color: #222; font-size: 1.3em; text-transform: none; letter-spacing: 0px; text-align: left; line-height: 1.1em;} .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; overflow: visible; width:100%; height: auto !important; margin: 50px auto 50px 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; } .highlight .content .imgshell { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; } .highlight .content .imgleft { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; } .highlight .content .imgcenter { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; } .highlight .content .imgfull { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 0 1% 0 0; } .highlight .content .imgright { position: relative; display:inline; float: right; width: 50%; overflow: hidden; margin: 0 0 0 2%; } .highlight .content .imgshell img { position:relative; width: 100%; height: auto !important; padding: 0; margin: 0px} .highlight .content .imgleft img, .highlight .content .imgcenter img, .highlight .content .imgfull img, .highlight .content .imgright img { position:relative; 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; } .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: inline; text-align: center; width: 40%; vertical-align: top; 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: #222; 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: #ad1a1f; 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: #ad1a1f; 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 { 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;} /* 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; marging: 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: #ad1a1f; text-decoration: none;} .highcluster>.content>.words>.padding>.ctabutton>a:hover { color: #ad1a1f; 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; width: 100%; 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:#ad1a1f; 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:#ad1a1f;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: #ad1a1f; text-decoration: none;} .highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; 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: #ad1a1f; 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; marging: 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: #ad1a1f; text-decoration: none;} .highfacts>.content>.words>.padding>.ctabutton>a:hover { color: #ad1a1f; 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; } .highfacts>.content>.words>.multibuttons>ul>li { position: relative; width: 40%; 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:#ad1a1f; 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:#ad1a1f;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: #ad1a1f; text-decoration: none;} .highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; 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: #ad1a1f; 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: Arial Black, 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 #ad1a1f; 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: none;} /* 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: #ad1a1f; 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: #222;} .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:900; 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: #ededed; 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;} /* 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; } .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: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800;} .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; } /* start Text styles */ .text { position: relative; width: 100%; height: auto; margin: 30px auto 10px auto; padding: 0px; display: table; } .text>h2 { color: #222; font-weight: bold; font-size: 1.4em; padding:0; margin:0; line-height:1em;} .text .content { max-width:1100px; margin: 0px auto;} .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; line-height: 30px; } .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:80%;margin:0;padding:0;} .text>.content>.words>.multibuttons>ul>li>.imgshell>img { height:25px;width:auto; } .text>.content>.words p { line-height: 32px;} .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 .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px; } .text .content .embedshell iframe { width: auto; height: auto; } .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: 50px auto; padding: 20px auto 0px auto; display: table; background: #f6f6f6; } .threecol>.content { position: relative; width: 100%; max-width:1100px; height: auto; margin: 50px 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>.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: #222; font-weight: 900; font-size: 1.4em; padding:0; margin:0 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;} .threecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: table; } .threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 28%; display:table-cell; float: left; margin: 1%; padding: 1.5%;text-align: center; min-height: 100px; background: #FFF;} .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; overflow: hidden; } .threecol>.content>.words>.multibuttons>ul>li>.multimgshell img, .threecol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto;} .threecol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; height: auto; display:block; float:none;} .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.3em; text-align: center; color:#ad1a1f;font-weight:900; 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; } /* start Two Column styles */ .twocol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 30px 0; display: inline; float: left; clear:none !important; background: #f6f6f6; } .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: #222; font-weight: 900; 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 { position: relative; margin: 0px auto; width: 100%; display: block; } .twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 45%; 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: auto !important; } .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; } .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: 10px; border-top: none; border-radius: 0; color: #222; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: nowrap;font-size: .85em;line-height: .5em;text-transform: uppercase; text-align: left; letter-spacing: 2px;font-weight: 800; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .linktitle {font-size: 1.2em; text-align: left; color:#222;font-weight:900; 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: #f6f6f6;*/ border-top: none; border-radius: 0; color: #222; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: nowrap;font-size: .85em;line-height: .5em;text-transform: uppercase; text-align: left; letter-spacing: 2px;font-weight: 800;} .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: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: bold; } /* 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; } /* boxes class styles .box { position: relative; width: 33.33%; height: auto; margin: 0px; padding: 0px; float: left; text-align: center; background: #222; overflow: hidden; } .box .image { width: 100%; height: auto; margin: 0px; padding: 0px; overflow: hidden; } .box .image img { width: 100%; height: auto; margin: 0px; padding: 0px; } .box>h2 { position: absolute; width: 98%; bottom: 18%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.1em; font-weight: bold; } .box h3 { position: absolute; width: 98%; bottom: 20%; margin: 0; padding: 0 1%; text-align: center; color: #FFF; font-size: 2.5em; line-height: 1.2em; font-weight: bold; } .box .button { position: absolute; bottom: 5%; right: 5%; width: auto; height: auto; color: #FFF; padding: 10px; } .box .button a:link, .box .button a:visited, .box .button a:hover, .box2 .button a:active { color: #FFF; } */ /* 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: 51%; float: left; margin: 0; padding: 0;} #photocluster .cluster .clustimg { position: relative; width: 47%; max-height: 273px; float: left; margin: 0 0 2% 2%; 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; } .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: #FFF; line-height: 20px; } footer { position: relative; width: 100%; height: auto; min-height: 280px; margin: 0px; padding: 0; background-color: #222; 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: #222; display:table; height: auto;} footer .content a:link, footer .content a:visited { color: #FFF; text-decoration:none;} 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; max-width: 50%; 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;} footer .footercol #imgfooter img { position: relative; width: 100%; } footer .footercol #imgfooter a { position: relative; width: 100%; height: 100%; } footer .footercol img { position: relative; width: 100%; } footer .content #footercontact { position: relative; float: left; width: auto; display: table-cell; margin: 0; } footer .content #footercontact .imgshell { display:block; height: 40px; width: auto !important; margin: 0px; padding: 0; } footer .content #footercontact .subtitle { display:block; float:none; color: #FFF; font-size: 1.6em; font-weight: 100; margin: 0 0 10px 0; padding: 0; clear: both;} 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: auto !important; min-width: 400px; display: table-cell; margin: 30px 0 0 0;padding: 0 20px; } footer .content #footercontent .imgshell { height: 40px; width: auto !important; margin: 0px; padding: 0;} footer .content #footercontent .subtitle { 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; } /* random styles ul.newslinks .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; } ul.news {list-style: none; padding: 0px; margin: 0px 10px 10px 10px; font-size: 1.1em; } ul.news .imgleft {float:left; padding: 0px; margin: 0px 10px 10px 0px; width:100px; height:100px; overflow: hidden; } ul.news .imgleft img { width:100px; height:auto; padding: 0; } ul.news li { padding: 0px 10px 10px 10px; margin: 0px 0px 10px 0px; border-bottom: 1px solid #ededed; } ul.news .caption { font-size: 10px; } ul.newslinks button.linkbutton, ul.news button.linkbutton, button.linkbutton.newslink {display: table;width: auto;color: #ad1a1f;text-align: left;text-decoration: underline;} ul.news button.linkbutton:hover, button.linkbutton.newslink:hover {text-decoration: none;} ul.newslinks li > button.linkbutton:first-child, ul.news li > button.linkbutton:first-child {display: inline;} */ /* 2018 HP styles */ body#home #introtext { position: relative; width: 100%; margin: 10px auto 40px auto; padding: 20px 0px; font-size: 1.2em; text-align: center; max-width: 1300px; font-weight: 900; background: #FFF; color: #ad1a1f; } body#home #introtext .subtitle { display: block; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; color:#222; 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 #introtext>.ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #ad1a1f; 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:#ad1a1f; text-decoration: none; } body#home #hppr .hpprnews>.hpcols a:active, body#home #hppr .hpprnews>.hpcols a:hover { color:#ad1a1f; text-decoration: underline; } body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2 {color: #222;} body#home #hp2pr {position: relative; width: 100%; max-width: 1100px; display: table; margin: 0px auto 60px auto; } body#home #hp2pr .hp2prnews {position: relative; width: 73%; display: table-cell; float: left; } body#home #hp2pr .hp2prnews>.hp2cols {position: relative; width: 67%; display: block; float: left; margin: 0 3% 0 0; } body#home #hp2pr .hp2prnews>.hp2cols a {text-decoration: none; } body#home #hp2pr .hp2prnews>.hp2cols a:active, body#home #hp2pr .hp2prnews>.hp2cols a:hover {text-decoration: underline; } 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: 30%; display: block; float: left; margin: 0; padding: 0%; background: #FFF; } body#home #hp2pr .hp2prnews>.hp2side img {width: 100%; height: auto !important;} body#home #hp2pr>.hp2prfeed { position: relative; width: 24%; padding: 0%; display: table-cell; float: left; margin: 0 3% 0 0; } body#home #hp2pr>.hp2prfeed>ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 10px 0 0 0; list-style: none; } body#home #hp2pr .hp2prfeed>ul.hpevents li {position: relative; display: block; width: 100%;padding: 0; margin: 0; list-style: none;} body#home #hp2pr>.hp2prfeed>ul.hpevents a:link, body#home #hp2pr>.hp2prfeed>ul.hpevents a:visited {color: ad1a1f; text-decoration: none;} body#home #hp2pr>.hp2prfeed>ul.hpevents a:active, body#home #hp2pr>.hp2prfeed>ul.hpevents a:hover {color: ad1a1f; text-decoration: underline;} body#home #hp2pr .datesml {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; 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: #222;} body#home #hp2pr strong { font-weight: 900; } body#home #hp2pr .hpprevents li a:link, body#home #hp2pr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; font-weight: 800; } body#home #hp2pr .ctabutton { background: #222; } body#home #hppr>.hpprfeed { position: relative; width: 24%; padding: 0%; display: table-cell; float: left; margin: 0 1% 0 0; } body#home #hppr>.hpprfeed>ul.hpevents {position: relative; width: 92%; display: table; padding: 3%; margin: 0 1% 0 0; list-style: none; border: 1px solid #ededed;} body#home #hppr .hpprfeed>ul.hpevents li {position: relative; display: block; width: 100%;padding: 0; margin: 0; list-style: none;} body#home #hppr .datesml {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 800; } body#home #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; color: #CCC; } body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2 {color: #222;} body#home #hppr strong { font-weight: 900; } body#home #hppr .hpprevents li a:link, body#home #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; font-weight: 800; } /* 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:#ad1a1f; text-decoration: none; } body#news #hppr .hpprnews>.hpcols a:active, body#news #hppr .hpprnews>.hpcols a:hover { color:#ad1a1f; text-decoration: underline; } body#news #hppr>h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;} 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: #222; } 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: #222;} 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: %; 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: #222; 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: #222;} body#news #hppr strong { font-weight: 900; } body#news #hppr .hpprevents li a:link, body#news #hppr .hpprevents li a:visited { color:#ad1a1f; 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 .primgleft { position: relative; float: left; width: 30%; height: auto !important; margin: 15px 20px 15px 0px; } body.news .primgright { position: relative; float: right; width: 30%; height: auto !important; margin: 15px 0px 15px 20px; } body.news .primgbot { position: absolute; bottom: 0px; display: block-inline; 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; } 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;} /* 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 { text-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: 100%; 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: #222; font-size: 1.2em; } .cce-newscols .cce-highlights .cce-highcol .hightext h2 a { color: #222; text-decoration: none; } .cce-newscols .cce-highlights .cce-highcol .hightext h2 a:hover { color: #222; 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: #222; 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: #222; } .eventbox ul {position: relative; width: 100%; display: block; } .eventbox h2 { font-size: 2.3em; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, 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: #222; } .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, body#event .eventtext a:visited { color:#ad1a1f; font-size: 1.2em; text-decoration: none; } .eventbox a:hover, body#event .eventtext a:active { color:#ad1a1f; 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: #ad1a1f; font-family: "Source Sans Pro", "SourceSans", sans-serif; white-space: nowrap; text-transform:uppercase; letter-spacing: 2px; } body#event ul.eventfeed { position: relative; width: 100%; display: block; height: auto !important; padding: 0; 0; } body#event ul.eventfeed li { list-style: none; position: relative; width: 100%; display: block; height: auto !important; min-height: 100px; padding: 0; margin: 10px 0; } body#event ul.eventfeed li .eventdate { position: relative; width: 10%; display: inline; float: left; padding: 2%; background: #ad1a1f; color: #FFF; text-align: center;} body#event ul.eventfeed li .eventarea { position: relative; width: 82%; display: inline; float: left; padding: 2%; background: #f6f6f6; } body#event ul.eventfeed li .eventdate .date{ font-size: 1.5em; } /* ---------------------------- DESKTOP ONLY STYLES ------------------------ */ @media only screen and (min-width: 901px) and (max-width: 1199px) { #ccelogo { width: 126px; height:102px; left: 0%; z-index: 9999; } #ccelogo img { width: 126px; height:102px; 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;} header .topnav .toplinks { width: 100%; max-width: 100%; height: 25px; background: #222; color: #CCC; 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:#FFF; text-decoration: none; padding: 10px 20px 10px 20px; margin: 0px;} ul.subnav li a:hover, ul.subnav li a:active { color:#ad1a1f; 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.5%; } body#home #hppr .hpprnews {position: relative; width: 65%; display: table-cell; float: left; } body#home #hppr>.hpprfeed { position: relative; width: 34%; padding: 0%; display: table-cell; float: left; margin: 0 1% 0 0; } } /* ---------------------------- TABLET ONLY STYLES ------------------------ */ @media only screen and (min-width: 565px) and (max-width: 900px) { body { background: #FFF; } h2.pagetitle { margin: 30px 0px 10px 20px; } #ccelogo { width: 100px; height:auto !important; left: 0%; z-index: 9999; } #ccelogo img { width: 100px; height:auto !important; left: 0%; z-index: 9999; } #hppr {width: 95%; margin: 20px 2.5%;} header .topnav { width: 100%; height: 25px; background: #222; text-align: right; margin: 0 auto; padding: 0;} header .topnav .toplinks { width: 98%; max-width: 98%; height: 25px; background: #222; color: #CCC; 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:#FFF; text-decoration: none; padding: 10px 10px 10px 10px; } ul.subnav li a:hover, ul.subnav li a:active { color:#ad1a1f; text-decoration: underline; background-color: #FFF; } .active {display: block;} #introshell { position: relative; top: 50px; width: 100%; height: auto !important; min-height: 100px; overflow: hidden; z-index: 1000; margin: 0; padding: 0; } #introshell>.image { position: relative; width: 100%; height: auto !important; background: #222; z-index: 1000; padding: 0; margin: 0; max-height: 550px; min-height: 0px; overflow: hidden; } #introshell .image h1 { position: absolute; bottom: 0%; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600;text-transform: uppercase; letter-spacing: 3px; width: 100%; color: #FFF; font-size: 3.5em; line-height: 1em; text-align: center; margin: 0 auto; padding: 1% 0; z-index: 1001; background: url(https://www.bard.edu/images/tints/80black.png) repeat;} #introshell>.image>.caption { position: absolute; bottom: 0%; right: 0%; width: 50%; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600; text-align: right; display: block; width: auto !important; color: #FFF; text-align: center; margin: 0; padding: 2%; font-style: normal;/*background: url(/images/tints/80black.png) repeat; */ z-index: 1002; } #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;} #introshell>.image>.caption { position: absolute; bottom: 5px; left: 0%; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600; display: block; width: 96%; color: #FFF; font-size: 2em; line-height: 1em; text-align: center; margin: 0; padding: 2%; font-style: normal;background: url(https://www.bard.edu/images/tints/80black.png) repeat; } body#home #introtext {width: 90%; padding: 2% 5%; } main { width: 100%; height: auto !important; overflow: visible; display: block; } main #maintext { width: 100%; float: none; display: block; max-width: 100%; margin: 0px; height: auto; top: 50px; } 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; } /* 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; } #links .content { } } /* 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: 1px solid #ededed;} .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: 1px solid #ededed; 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: #222; 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: #222; 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; overflow: visible; min-height: 200px; } #bottombuttons .bbtext { position: relative; margin: 0 auto; width: auto !important; } #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: block; 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; } /* -------------------------------------------- MOBILE ONLY STYLES ------------------------------------ */ @media screen and (max-width: 564px) { body { background: #FFF; } #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; } 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: 50px;} main { overflow: visible; width: 100%; overflow-x: hidden; } main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; margin: 0px; } 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:#ad1a1f; text-decoration: underline; background-color: #FFF; } #subnav-about, #subnav-adm, #subnav-aca, #subnav-under, #subnav-grad, #subnav-campus, #subnav-news, #subnav-par { } /*#topnav { float: left; display: inline; position: absolute; top: 10px; right: 5px; right: 0px; height: 25px; width: auto; color: #FFF;font-size: .9em; border:none; margin: 0px; padding: 0px;} #topnav a:link, #topnav a:visited { color:#FFF; margin-right: 5px; } #topnav a:hover, #topnav a:active { color:#FFF; margin-right: 5px; }*/ /* 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: #ad1a1f; 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: #ad1a1f; 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:#ad1a1f; } 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: #ad1a1f; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; white-space: normal; font-size:.75em; line-height: .5em; text-transform:uppercase; letter-spacing: 2px; font-weight: 800;} .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: 0; padding: 0; background: #FFF; } #introshell>.image { position: relative; width: 100%; height: auto !important; top: 50px; background: none; z-index: 1000; padding: 0; margin: 0; min-height: 180px; overflow: visible; } #introshell>.image>img { width: 100%; height: auto !important; padding: 0; margin: 0; } #introshell .image h1 { position: relative; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600;text-transform: uppercase; letter-spacing: 2px; width: 90%; color: #222; font-size: 1.5em; line-height: 1em; text-align: center; margin: 20px auto 50px auto; padding: 0; z-index: 1001; background: none;} #introshell>.image>.caption { position: absolute; bottom: 30%; right: 0%; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 600; text-align: right; display: block; width: auto !important; color: #FFF; text-align: center; margin: 0; padding: 2%;z-index: 1002; } #introshell>#title { position: relative; width: 100%; height: auto !important; top: 0px; background: none; z-index: 1000; padding: 0; margin: 0; min-height: 100px; overflow: visible; } #introshell>#title>h1 { position: absolute; left: 0; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-weight: 900;text-transform: uppercase; letter-spacing: 3px; display: block; width: 98%; margin: 0 0 0 30px; padding: 0; color: #222; 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: none; background: #ad1a1f;padding: 9px 20px;} #introtext { position: relative; width: 85%; margin: 30px auto; padding: 0px; font-size: 1.1em; text-align: left;} #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: 84%; height: auto !important; z-index: 1000; background: #FFF; border: 1px solid #666; padding: 2%; margin: -20px 6% 5px 6%; right: 0; } .billboard>.content>.words>.padding { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; color: #222; font-size: 1.0em; right: 0;} .billboard>.content>.words>.padding p { margin: 0 auto; padding: 0; } .billboard>.content>.words>.padding>h2 { font-size:0.75em; line-height: 0.7em; text-transform:uppercase; letter-spacing: 1px; font-weight: 800; color: #ad1a1f; padding: 0; margin: 5px 0 5px 0; } .billboard>.content>.words>.padding>.subtitle { color: #ad1a1f; font-size: 1.5em; font-family:"Source Sans Pro", "SourceSans", Helvetica, Arial, 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 #ad1a1f; color: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, 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: #ad1a1f; text-decoration: none; } .billboard .multibuttons ul li .multitext .linktitle a:hover, .billboard .multibuttons ul li .multitext .linktitle a:active { color: #ad1a1f; text-decoration: underline; } .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: #ad1a1f;} .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: #222;} .facts a:link, .facts a:visited {color: #FFF; text-decoration: none;} .facts a:active, .facts a:hover {color: #CCC; text-decoration: none;} /* 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; marging: 0; } .highcluster>.content>.words { position: relative; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: none; 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: #222; 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: #ad1a1f; } .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: #222; 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; width: 100%; 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:#ad1a1f; 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:#ad1a1f;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: #ad1a1f; text-decoration: none;} .highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; 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: #ad1a1f; 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: #222; 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: #ad1a1f; text-decoration: none;} .highfacts>.content>.words>.padding>.ctabutton>a:hover { color: #ad1a1f; 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: #222; 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: 40%; 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:#ad1a1f; 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:#ad1a1f;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: #ad1a1f; text-decoration: none;} .highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover {color: #ad1a1f; 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: #ad1a1f; 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 0 30px 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; } /* 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%; max-width; 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: 0p; 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%; vertical-align: left;} .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: 25px auto; padding: 20px 0px; display: block; } .threecol>.content>.words { position: relative; width: 90%; max-width:90%; height: auto; margin: 0px auto; padding: 20px 0px; 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: #222; 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>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: 5%; 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; } /* 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>.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: 0%; margin: 0; } /* ----------- 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: 1em; color: #FFF; line-height: 24px; } footer { margin: 0px; width: 100%; height: auto; display: block; top: 45px; min-height: 700px; overflow: visible;} 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: 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: #222; 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; } 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 #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: #222; 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: #222;} body#home #hp2pr strong { font-weight: 900; } body#home #hp2pr .hpprevents li a:link, body#home #hp2pr .hpprevents li a:visited { color:#ad1a1f; 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: #222; clear: both; } body#home #introtext .subtitle { display: block; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, 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%; } /* 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: block-inline; 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%; 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: 100%; height: auto !important; padding: 0; margin: 20px 0; 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; 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: #222; font-size: 1.2em; } .cce-newscols .cce-highlights .cce-highcol .hightext h2 a { color: #222; 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: #222; font-size: 1.2em; } .cce-newscols .cce-newslist { position: relative; width: 90%; height: auto !important; padding: 2.5%; margin: 20px 0; 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; } } @media screen and (max-width: 320px){ #supershell { width: 400px; display: block; float: none; margin: 0px; padding: 0px; } } /* ---------------------------- 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: 10px 0; } #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: #ad1a1f; text-decoration:underline; } header h2 { display: block; font-family: "Helvetica Neue Light", Helvetica, Arial, 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;} }