@charset "UTF-8"; /* CSS Document for Bard 2024 Template*/ /* ----------- Helper Classes ---------- */ .hideForMobile, .hideForTablet { display: none; } /* --------------- GLOBAL STYLES --------------- */ html { } body { margin: 0px; padding: 0px; font-family: "Work Sans", Arial, sans-serif; font-size: 16px; line-height: 28px; color: #222222; font-weight: 400; } body a:link, a:visited { color:#9d0b0b; text-decoration: underline; } body a:hover, a:active { color:#9d0b0b; text-decoration: none; } .bglight a:link, .bglight a:visited { color:#9d0b0b; text-decoration: underline; } .bglight a:hover, .bglight a:active { color:#9d0b0b; text-decoration: none; } /* Headers */ h1 { font-family: "Work Sans", Arial, sans-serif !important; font-weight: 700; color:#222222; margin: 10px 0px 20px 0px; padding: 0px; display: block; font-size: 2.8em; line-height: 1.0em; text-transform: none; } h1.pagetitle { font-family: "Work Sans", Arial, sans-serif !important; font-weight: 700; color: #222222; font-size: 2.8em; line-height: 40px; margin: 50px 0px 20px 0px; z-index: 2000; } h1.pagetitle a:link, h1.pagetitle a:visited { color:#222222;text-decoration: none; } h1.pagetitle a:hover, h1.pagetitle a:active { color:#222222;text-decoration: underline; } h2 { font-family: "Work Sans", Arial, sans-serif !important; color:#222222; margin: 20px 0px 5px 0px; display: block; font-size: 1.8em; font-weight: 700; line-height: 1.0em;} /* Titles */ .subtitle { font-family: "Work Sans", Arial, sans-serif; color:#222222; margin: 10px 0px 20px 0px; padding: 0px; font-size: 1.3em; line-height: 1.5em; font-weight: 700; } iframe>.subtitle { font-family: "Work Sans", Arial, sans-serif;color:#222222; margin: 10px 0px 15px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; } .pagetitle { font-family: "Work Sans", Arial, sans-serif; font-weight: 700; color: #222222; font-size: 2.8em; line-height: 40px; margin: 100px auto 0px auto; z-index: 2000; display: block; max-width: 1000px; } .linktitle {font-family: "Work Sans", Arial, sans-serif; } /* Font Styles */ p { font-size: 1em; line-height: 28px; display: block; margin: 10px 0; } .cmsp { font-size: 1em; line-height: 28px; display: block; margin: 10px 0; } b, strong { font-weight: 700 !important; } .bodytext { margin: 0px; padding: 0px; font-family: "Work Sans", Arial, sans-serif; font-size: 16px; line-height: 24px; color: #222222; } .caption { position: relative; display: block; font-size: .75em; line-height: 1.3em; color: #222222; margin: 5px auto; width: 100%; text-align: left; clear: both; } .timezone { position:relative; font-size:.9em; color:#333; font-style:italic; } ul { padding: 5px 5px 5px 20px; } .footnote { position: relative; display:block; width:85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #000; border-top: 1px solid #222222; } /* Structure and Support Styles */ .imgshell img { width: 100%; height: auto; margin: 0px; padding: 0px; } iframe {border: none; width: 100%; height: 100%;} .icons { font-family: "Modern Pics", sans-serif; color: #FFFFFF; margin: 0px 2px 0px 15px; text-align: center; } .expandblock { position: relative; width: auto; } .expandblock ul li { margin: 0px; padding: 0px;} .hrule { width: 100%; border-top: 1px solid #000; 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: #9d0b0b; display: inline; font-size: inherit; line-height: inherit; padding: inherit; margin: inherit; } /* reset styles */ .clearout { clear: both; line-height: 1px; } /* 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; transition: top 1s ease-out; z-index: 1000;} .skip:focus { position: absolute; left: 0px; top: 0px; width: auto; height: auto; outline: 0; 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: "Work Sans", Arial, sans-serif !important; color:#222222; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.5em; font-weight: 700; } .cms-subtitle2 { font-family: "Work Sans", Arial, sans-serif; color:#222222; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; } .cms-subtitle3 { font-family: "Work Sans", Arial, sans-serif !important; color:#222222; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.2em; font-weight: 700; } .cms-caption { position: relative; display: block; color:#000000; margin: 10px 0px; padding: 0px; font-size: 0.8em; line-height: 1.2em; } .cms-button { display: inline-block; width: auto; height: auto; margin: 5px 5px 5px 0; padding: 0; background: #000000; color: #FFFFFF; font-family: "Work Sans", Arial, sans-serif; font-weight: 400; transition: 0.8s ease;} .cms-button a { color: #FFFFFF; text-decoration: none; } .cms-button a:link, .cms-button a:visited { color: #FFFFFF; text-decoration: none; padding: 8px 10px; transition: 0.8s ease;} .cms-button a:hover, .cms-button a:active { color: #FFFFFF; text-decoration: underline; padding: 8px 10px; background: #f70707; opacity: 1; } a .cms-button { font-size: 1.0em; font-weight: 400; line-height: 0.5em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px; padding: 10px; color: #FFFFFF; background: #9d0b0b; text-decoration: none;font-family: "Work Sans", Arial, sans-serif; white-space: nowrap; } .cms-button { font-size:1.0em; font-weight: 400; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 20px 20px 20px 0; padding: 0px; color: #FFF; background: #000000; border-radius: 0px; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; text-transform:none; letter-spacing: 0px; } .cms-button a { color: #FFF; text-decoration: none; } .cms-button a:link, .cms-button a:visited { color: #FFF; text-decoration: none; background:#000000; padding: 8px 10px; transition: 0.8s ease;} .cms-button a:hover, .cms-button a:active { color: #FFF; text-decoration: none; background: #f70707; padding: 8px 10px; opacity: 1; } a .cms-button { font-size:1.0em; font-weight: 400; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 0 20px 0 0; padding: 0px; color: #FFF; background: #000000; border-radius: 0px; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; text-transform:none; letter-spacing: 0px; } a:link .cms-button, a:visited .cms-button { color: #FFF; text-decoration: none; background:#000000; padding: 8px 10px; margin: 10px 10px 10px 0; transition: 0.8s ease;} a:hover .cms-button, a:active .cms-button { color: #FFF; text-decoration: none; background: #ad1a1f; padding: 8px 10px; margin: 10px 10px 10px 0; opacity: 1; } /* button styles */ .ctabutton { display: inline-block; width: auto; height: auto; margin: 10px 20px 20px 0; padding: 0px; background: #000000; border: none; border-radius: 0; color: #FFF; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; font-size:1.0em; line-height: 1.0em; text-transform:none !important; letter-spacing: 0px !important; font-weight: 400;} .ctabutton>a:link, .ctabutton>a:visited { color: #FFF !important; text-decoration: none; background:#000000 !important; padding: 8px 10px; transition: 0.8s ease; } .ctabutton>a:hover, .ctabutton>a:active { color: #FFF !important; text-decoration: none; background: #ad1a1f !important; padding: 8px 10px; opacity: 1; } /* modal button styles */ button.modal-open { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; background: #000000; border: none; border-radius: 0; color: #FFF; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: normal; line-height: 1.0em; text-transform:none !important; text-align: left;letter-spacing: 0px !important; font-weight: 400; transition: 0.8s ease;} button.modal-open:link, button.modal-open:visited { color: #FFF; text-decoration: none; background:#000000; padding: 8px 10px; transition: 0.8s ease;} button.modal-open:hover, button.modal-open:active { color: #FFF; text-decoration: none; background: #ad1a1f; padding: 8px 10px; opacity: 1;} /* modal button styles */ .ctabutton>button.modal-open { display: inline-block; width: auto; height: auto; margin: 0 ; padding: 0px; background: #000000; border: none; border-radius: 0; color: #FFF; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; font-size: 1.0em; line-height: 1.0em; text-transform:none !important; letter-spacing: 0px !important; font-weight: 400; transition: 0.8s ease;} .ctabutton>button.modal-open { color: #FFF; text-decoration: none; background: #000000; padding: 10px 10px; transition: 0.8s ease; } .ctabutton>button.modal-open:hover, .ctabutton>button.modal-open:active { color: #FFF; text-decoration: none; background: #ad1a1f !important; padding: 10px 10px; opacity: 1; margin: 0 !important;} button.modal-open {text-align: left;} .ctabutton>button.modal-open a { color: #FFF !important; text-decoration: none; } /* Kipsu ResLife/Admission Chat Add On */ #kipsu-chat-button {background: #9d0b0b !important;border: none;border-radius: 0px !important;color: #FFF !important;position: fixed;cursor: pointer;height: 50px;z-index: 800;bottom: 0px !important;font-family: "Source Sans Pro", "SourceSans", sans-serif !important;right: 15px;text-align: center;font-weight: 600;font-size: 14px;line-height: 36px;padding: 0 20px;display: inline-block;user-select: none;-moz-user-select: none;-webkit-user-select: none;-ms-user-select: none;vertical-align: middle;white-space: normal;} /* Fix for Anchor Links in Bard Template */ /*a[id]:not([href])::before { content: ''; display: block;height: 100px; margin-top: -100px; visibility: hidden;}*/ /* Fix for Anchor Links Class in Bard Template */ /*a.anchor {display: block;height: 100px; margin-top: -100px; visibility: hidden; clear:both;}*/ a.anchor { display: block; height: 1px; margin-top: -70px; margin-bottom: 100px; visibility: hidden; clear: both; } /* Symantic Table Styles */ table {width: 100%; margin:0;} td {padding: 1%; } /* CSS Tables */ .table { position:relative; display:flex; flex-wrap: wrap; width: 100%; margin: 5px auto; } .table .tr {position:relative;display:flex;flex-flow: row wrap;width: 100%; text-align:left;padding:0%; } .table .td {position:relative;flex: 1; width: auto;vertical-align: top;text-align:left;padding:1%;margin: 1%; } .table .row-break { flex-basis: 100%;width: 0px; height: 0px; overflow: hidden;} .table>.td>.content {position:relative;width:80%; margin: 0; padding: 0 10%; display:block;vertical-align: top; } .trborder {position:relative;display:flex;flex-flow: row wrap;width: 100%; text-align:left;padding:0%; height: 1px; border-bottom: 1px solid #222222; } /* Alt CSS for Tables */ .csstable { display: table; width:90%; margin: 5px auto; } .csstable .csscell { display: table-cell; padding: 1%; width: auto !important; } /* Width Classes For Columns and Tables */ .width5 { position: relative; width:4%; padding: 0.5%;} .width10 { position: relative; width:9% !important; padding: 0.5% !important; margin: 0 !important; } .width15 { position: relative; width:14%; padding: 0.5%; } .width20 { position: relative; width:19%; padding: 0.5%; } .width25 { position: relative; width:24%; padding: 0.5%; } .width30 { position: relative; width:29%; padding: 0.5%; } .width50 { position: relative; width:49%; padding: 0.5%; } .width60 { position: relative; width:99%; padding: 0.5%; } .width70 { position: relative; width:70%; padding: 0.5%; } .width75 { position: relative; width:74%; padding: 0.5%; } .width80 { position: relative; width:79%; padding: 0.5%; } .width85 { position: relative; width:84%; padding: 0.5%; } .width90 { position: relative; width:89% !important; padding: 0.5% !important; margin: 0 !important;} .width100 { position: relative; width:99% !important; padding: 0.5% !important; } /* ------------------------ Main Template Styles --------------------- */ #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; z-index: 10000; } /* ------- Header Changes for Emergency Ribbon at Top ------- header.fixed {position: fixed; width: 100%; top: 34px; z-index: 9900;} .emergencies {position:fixed; top: 0px; left: 0; width: 100%; margin: 0; padding: 0px; z-index:2000; height: 35px;} .emergencies .emerbutton {position:relative; width: auto; margin: 0 auto; padding: 5px 15px; background: #9d0b0b; font-size: 0.9em; text-align: center;} .emergencies .emerbutton a:link, .emergencies a:visited { color: #FFFFFF;text-transform:uppercase; text-decoration: none;} .emergencies .emerbutton a:active, .emergencies a:hover { color: #FFFFFF;text-transform:uppercase; text-decoration: underline;}*/ header .topnav { width: 100%; height: 25px; background: #222222; text-align: right; margin: 0; padding: 0;} header .topnav .toplinks { width: 100%; max-width: 1170px; height: 25px; background: #222222; color: #CCCCCC; text-align: right; margin: 0; padding: 5px 0; font-size: 0.8em; } header .topnav .toplinks a:link, header .topnav .toplinks a:visited { color: #CCCCCC; text-decoration: none;} header .topnav .toplinks a:active, header .topnav .toplinks a:hover { color: #FFFFFF; text-decoration: underline;} header>.logo { display: none; } main { position:relative; width: 100%; top: 0px; margin: 0px auto 0px auto; padding: 0px; overflow:hidden; display: block; } main #maintext { position:relative; display:block; width: 100%; background: #FFFFFF; margin: 0px auto; padding: 0px 0px 40px 0px; top: 0px; } main #maintext>.content { position: relative; padding: 0px; margin: 0 auto; width:100%; display: block; } /* Intro Styles */ #introshell { position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; /*margin: 70px 0 0 0;*/ margin: 60px 0 0 0; padding: 0; } #introshell .introtype { position:relative; text-align: left; width: 100%; max-width: 1000px; margin: 20px auto 0 auto; padding: 0;} #introshell>.introtype>#title {margin: 10px auto; padding: 10px 0; max-width: 1000px; } #introshell>.introtype>#title>h1.pagetitle {padding: 0px; margin: 0px auto 0px auto; text-transform: none; text-align: left; color: #222222;font-weight: 700; } #introshell >.introtype>.subtitle { font-size: 1.8em; color: #222222; line-height: 1.2em; } /* Intro Site Title w/o a Graphic */ #introshell>.introtype>.sitetitle { position: relative; top: 0px; left: 0; width: auto; max-width: 500px; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } #introshell>.introtype>.sitetitle .pagetitle { font-family: "Work Sans", Arial, sans-serif; color:#FFFFFF; margin: 20px 0px 0px 0px; padding: 10px; width: auto !important; display: inline-block; font-weight: 600; font-size: 1.5em; line-height: 1em; background: #000000; z-index: 1001; } #introshell>.introtype>.sitetitle>.sitelogo { position: relative; top: 0; margin: 0px; padding: 0; height: auto; width: auto !important; display: block; max-width: 40%;font-family: "Work Sans", Arial, sans-serif; color:#FFFFFF; font-weight: 600; font-size: 1.5em; line-height: 1em; background: transparent; overflow: hidden; } #introshell>.introtype>.sitetitle>.sitelogo img { margin: 0px; padding: 0px; z-index: 1001; height: auto; width: 100%; } #introshell>.sitetitle .pagetitle { font-family: "Work Sans", Arial, sans-serif; color:#FFFFFF; margin: 20px 0px 0px 0px; padding: 10px; width: auto !important; display: inline-block; font-weight: 600; font-size: 1.5em; line-height: 1em; background: #000000; z-index: 1001; } #introshell>.sitetitle { position: relative; top: 0px; left: 0; width: auto; max-width: 1000px; height: auto !important; overflow: hidden; float: none; margin: 0px auto; padding: 0px; z-index: 1001; } /*#introshell>#title {margin: 10px auto; padding: 10px 0; max-width: 1000px; } #introshell>#title>h1.pagetitle {padding: 0px; margin: 30px auto 0px auto; text-transform: none; text-align: left; color: #222222;font-weight: 700; }*/ /* Intro Site Title with a Graphic */ #introshell .image { position: relative; width: 100%; height: 450px; background: #222222; z-index: 1000; padding: 0; margin: 0 auto; max-height: 550px; min-height: 0px; overflow: hidden; } #introshell .image img { width: 100%; height: auto !important; padding: 0; margin: 0; } #introshell>.image>.sitetitle { position: absolute; top: 40px; left: 10%; width: auto; max-width: 500px; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } #introshell>.image>.sitetitle .pagetitle { font-family: "Work Sans", Arial, sans-serif; color:#FFFFFF; margin: 20px 0px 0px 0px; padding: 10px; width: auto !important; display: inline-block; font-weight: 600; font-size: 1.5em; line-height: 1em; background: #000000; z-index: 1001; } #introshell>.image>.sitetitle a.pagetitle { text-decoration: none; } #introshell>.image>.sitetitle>.sitelogo { position: relative; top: 0; margin: 0px; padding: 0; height: auto; width: auto !important; display: block; max-width: 70%; background: transparent; overflow: hidden; } #introshell>.image>.sitetitle>.sitelogo img { margin: 0px; padding: 0px; z-index: 1001; height: auto; width: 100%; } #introshell .image .introbox { position: absolute; right: 0%; bottom: 0%; width: 100%; padding-left: 0; padding-bottom: 3%; background: linear-gradient(to top, rgba(0,0,0,1), rgba(255,255,255,0));} #introshell .image .introbox h1 { position: relative; font-family: "Work Sans", Arial, sans-serif; font-weight: 600; color: #FFFFFF; font-size: 2.8em; line-height: 1em; text-align: left; padding: 0; z-index: 1001; width: 100%; max-width: 1000px; margin: 0 auto;} #introshell .image .introbox .subtitle { position: relative; font-family: "Work Sans", Arial, sans-serif; font-weight: 600; color: #FFFFFF; font-size: 1.7em; line-height: 1.5em; text-align: left; padding: 0; z-index: 1001; width: 100%; max-width: 1000px; margin: 0 auto; } #introshell .image .introbox .subtitle .cms-subtitle1 { color: #FFF; } #introshell>.image .caption { position: absolute; bottom: 0%; right: 0%; font-family: "Work Sans", Arial, sans-serif; font-weight: 600; display: block; width: auto !important; color: #FFFFFF; text-align: center; margin: 0; padding: 1% 2%; font-style: normal; z-index: 1002; } #introshell>.image .caption a:link { color: #FFFFFF; } #introshell>.image .caption a:visited { color: #FFFFFF; } #introshell>.image .caption a:active { color: #FFFFFF; text-decoration: underline; } #introshell>.image .caption a:hover { color: #FFFFFF; text-decoration: underline; } .introbuttons { position: relative; width: 100%; height: auto !important; margin: 15px auto 0px auto; padding: 0; z-index: 100; } .introbuttons>.content { position: relative; width: 100%; max-width: 1000px; margin: 0px auto; text-align: left;} .introbuttons>.content>.buttons { position: relative; display: inline-block; white-space: normal; width: auto; height: auto !important; background: #000; padding: 0; margin-right: 20px; margin-bottom: 20px; color: #FFFFFF; line-height: 0.5em; font-weight: 400; font-size: 0.9em; align-items: center; } .introbuttons>.content>.buttons a:link, .introbuttons>.content>.buttons a:visited { color: #FFFFFF; text-decoration: none; background: #000; padding: 10px 15px; } .introbuttons>.content>.buttons a:active, .introbuttons>.content>.buttons a:hover { color: #FFFFFF; text-decoration: none; background: #9d0b0b;padding: 10px 15px;} #introtext { position: relative; display: block; width: 100%; margin: 0px 0px 30px 0px; padding: 0px; } #introtext .ctabutton, #introtext .cms-button { font-size: 0.9em; } #introtext button.modal-open { font-size: 0.95em; background: #000000; color: #FFFFFF; display: inline-block; padding: 8px 10px; width: auto;} #introtext .intro { position: relative; display: block; width: 100%; max-width: 1000px; margin: 0px auto; padding: 2% 0 0 0;font-size: 1.1em; line-height: 2em; text-align: left; font-weight: 500; } .intro .cms-subtitle1 { font-family: "Work Sans", Arial, sans-serif !important; color:#000000; margin: 5px 0px; display: inline; font-size: 1.8em; font-weight: 700; } .intro .cms-subtitle2 { font-family: "Work Sans", Arial, sans-serif !important; color:#ad1a1f; margin: 5px 0px; display: inline; font-size: 1.7em; font-weight: 700; line-height: 1.0em; } .intro .cms-subtitle3 { font-family: "Work Sans", Arial, sans-serif !important; color:#000000; margin: 5px 0px; display: inline; font-size: 1.4em; font-weight: 600; line-height: 1.3em; } /* CMS Background Colors */ #introshell.bgwhite { background: #FFF !important; min-height: 300px;} #introshell.bgwhite>.introtype { max-width: 1000px; margin: 20px auto 20px auto; padding: 0;} #introshell.bgwhite>.introtype>.subtitle { color: #000; font-size: 1.2em; line-height: 2.0em; font-weight: 400; } #introshell.bgwhite>.introtype>.subtitle .cms-subtitle1 { color: #000; font-size: 2.5em; } #introshell.bgwhite>.introtype>.subtitle .cms-subtitle2 { color: #000; } #introshell.bgwhite>.introtype>.subtitle .cms-subtitle3 { color: #000; } #introshell.bgwhite>.introtype>.subtitle a { text-decoration: none; border-bottom: 1px dashed #000; color: #000; } #introshell.bgwhite .words, #introshell.bgwhite>.content>.words>.padding>h2{ color: #000; } #introshell.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} #introshell.bglight { background: #918986 !important; min-height: 300px;} #introshell.bglight>.introtype { max-width: 1000px; margin: 20px auto 20px auto; padding: 0;} #introshell.bglight>.introtype>.subtitle { color: #222; font-size: 1.43em; line-height: 2.0em; font-weight: 400; } #introshell.bglight .words, #introshell.bglight>.content>.words>.padding>h2{ color: #222; } #introshell.bglight>.content>.words>.multibuttons>ul>li {background: #918986 !important;} #introshell.bgmedium { background: #465449 !important; min-height: 450px; margin-bottom: 20px; } #introshell.bgmedium .introtype { max-width: 1000px; margin: 80px auto 20px auto; padding: 0;} #introshell.bgmedium h1.pagetitle {color: #FFF !important; font-weight: 600;} #introshell.bgmedium>.introtype>.subtitle { color: #FFF; font-weight: 400; font-size: 1.2em; line-height: 2.0em;} #introshell.bgmedium>.introtype>.subtitle .cms-subtitle1 { color: #FFFFFF; font-size: 2.5em; } #introshell.bgmedium>.introtype>.subtitle .cms-subtitle2 { color: #FFFFFF; } #introshell.bgmedium>.introtype>.subtitle .cms-subtitle3 { color: #FFFFFF; } #introshell.bgmedium>.introtype>.subtitle a { text-decoration: none; border-bottom: 1px dashed #FFF; color: #FFF; } #introshell.bgmedium #introtext .intro .cms-subtitle1 { color: #465449; font-size: 1.43em; line-height: 2.0em; display: inline; } #introshell.bgmedium #introtext .intro> .cms-subtitle2 { color: #465449; line-height: 2.0em; display: inline; } #introshell.bgmedium .words, #introshell.bgmedium>.content>.words>.padding>h2{ color: #FFF; } #introshell.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } #introshell.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, #introshell.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } #introshell.bgdark { background: #364c59 !important; min-height: 450px; margin-bottom: 20px; } #introshell.bgdark>.introtype { background: #364c59 !important; max-width: 1000px; margin: 80px auto 20px auto; padding: 0;} #introshell.bgdark>.introtype h1.pagetitle {color: #FFF !important; font-weight: 600; } #introshell.bgdark>.introtype>.subtitle { color: #FFF; font-size: 1.2em; line-height: 2.0em; font-weight: 400; } #introshell.bgdark>.introtype>.subtitle .cms-subtitle1 { color: #FFFFFF; font-size: 2.5em; } #introshell.bgdark>.introtype>.subtitle .cms-subtitle2 { color: #FFFFFF; } #introshell.bgdark>.introtype>.subtitle .cms-subtitle3 { color: #FFFFFF; } #introshell.bgdark>.introtype>.subtitle a { text-decoration: none; border-bottom: 1px dashed #FFF; color: #FFF; } #introshell.bgdark #introtext .intro .cms-subtitle1 { color: #364c59; font-size: 1.43em; line-height: 2.0em; display: inline; } #introshell.bgdark #introtext> .intro .cms-subtitle2 { color: #364c59; line-height: 2.0em; display: inline; } #introshell.bgdark>.content>.words { background: #222 !important;} #introshell.bgdark>.content>.words, #introshell.bgdark>.content>.words>.padding>h2{ color: #FFF; } #introshell.bgdark>.content>.words a, #introshell.bgdark>.content>.words>.padding a { color: #FFF; } #introshell.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } #introshell.bgdark>.content>.words>.multibuttons>ul>li>.multitext, #introshell.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } #introshell.bgbright { background: #6e3939 !important; min-height: 450px; margin-bottom: 20px; } #introshell.bgbright>.introtype { background: #6e3939; max-width: 1000px; margin: 80px auto 20px auto; padding: 0;} #introshell.bgbright>.introtype h1.pagetitle {color: #FFF !important; font-weight: 600; } #introshell.bgbright>.introtype>.subtitle { color: #FFF; font-size: 1.2em; line-height: 2.0em; font-weight: 400; } #introshell.bgbright>.introtype>.subtitle .cms-subtitle1 { color: #FFFFFF; font-size: 2.5em; } #introshell.bgbright>.introtype>.subtitle .cms-subtitle2 { color: #FFFFFF; } #introshell.bgbright>.introtype>.subtitle .cms-subtitle3 { color: #FFFFFF; } #introshell.bgbright>.introtype>.subtitle a { text-decoration: none; border-bottom: 1px dashed #FFF; color: #FFF; } #introshell.bgbright #introtext .intro .subtitle .cms-subtitle1 { color: #FFFFFF !important; font-size: 2.5em; line-height: 2.0em; display: inline; } #introshell.bgbright #introtext .intro .subtitle .cms-subtitle2 { color: #FFFFFF; line-height: 2.0em; display: inline; } #introshell.bgbright #introtext .intro .subtitle .cms-subtitle3 { color: #FFFFFF !important; } #introshell.bgbright .words, #introshell.bgbright>.content>.words>.padding>h2 { color: #FFF; } #introshell.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } #introshell.bgbright>.content>.words>.multibuttons>ul>li>.multitext, #introshell.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } /* 2024 Template Styles (alphabetic) */ /* Gradient Billboard 2024 */ .billboard { position: relative; display: block; width: 100%; height: auto !important; max-height: 550px; overflow: hidden; padding: 0; margin: 30px auto; } .billboard .content .words .padding .cms-button { position: relative; display: inline-block; font-size: 1.0em; font-weight: 400; padding: 0px; margin: 20px 20px 0 0; transition: 0.8s ease; background: transparent;} .billboard .content .words .padding p .cms-button { position: relative; display: inline-block; font-size: 1.0em; font-weight: 400; padding: 0px; margin: 20px 0px 0 0; transition: 0.8s ease; background: transparent;} .billboard .content .words .padding p .cms-button a:link, .billboard .content .words .padding p .cms-button a:visited { color: #FFF; text-decoration: none; background: #ad1a1f !important; padding: 8px 10px; transition: 0.8s ease; } body#home .billboard .content .words .padding .cms-button a:link, body#home .billboard .content .words .padding .cms-button a:visited { color: #FFF; text-decoration: none; background: #ad1a1f !important; padding: 8px 10px; transition: 0.8s ease; } .billboard .content .words .padding .ctabutton a:link, .billboard .content .words .padding .ctabutton a:visited { color: #FFF; text-decoration: none; background: #ad1a1f !important; padding: 8px 10px; transition: 0.8s ease; } .billboard .content .words .padding .ctabutton>button.modal-open { background: #ad1a1f;} /* CMS Background Colors */ .billboard.bgwhite .content .words .padding .ctabutton { color: #222; background: #FFF !important; font-size: 1.0em; } .billboard.bgwhite>.content>.words>.padding>.ctabutton a:link, .billboard.bgwhite>.content>.words>.padding>.ctabutton a:vistied, .billboard.bgwhite .content .words .padding .ctabutton button.modal-open { color: #222; background: #FFF; font-size: 1.0em; } .billboard.bglight .content .words .padding .ctabutton, .billboard.bglight .content .words .padding .ctabutton a:link, .billboard.bglight .content .words .padding .ctabutton a:visited, .billboard.bglight .content .words .padding .ctabutton button.modal-open {background: #918986 !important;font-size: 1.0em; } .billboard.bgbright>.content>.words>.padding>.ctabutton, .billboard.bgbright>.content>.words>.padding>.ctabutton a:link, .billboard.bgbright>.content>.words>.padding>.ctabutton a:visited, .billboard.bgbright .content .words .padding .ctabutton button.modal-open { background: #6e3939 !important; font-size: 1.0em; } .billboard.bgmedium>.content>.words>.padding>.ctabutton, .billboard.bgmedium>.content>.words>.padding>.ctabutton a:link, .billboard.bgmedium>.content>.words>.padding>.ctabutton a:visited, .billboard.bgmedium .content .words .padding .ctabutton button.modal-open { background: #465449 !important; font-size: 1.0em; } .billboard.bgdark>.content>.words>.padding>.ctabutton, .billboard.bgdark>.content>.words>.padding>.ctabutton a:link, .billboard.bgdark>.content>.words>.padding>.ctabutton a:visited, .billboard.bgdark .content .words .padding .ctabutton button.modal-open { background: #364c59 !important; font-size: 1.0em; } .billboard .content, .billboard .content.alignright, .billboard .content.alignleft, .billboard .content.aligncenter, .billboard .content.alignfull { position: relative; width: 100%; display: block; margin: 0; padding: 0; overflow: hidden; background: #000; } .billboard .content .imgshell, .billboard .content .imgleft, .billboard .content .imgcenter, .billboard .content .imgfull, .billboard .content .imgright, .billboard .content.alignright .imgright, .billboard .content.alignleft .imgleft { position: relative; width: 100%; display: block; margin: 0; padding: 0; overflow: hidden; background: #000; } .billboard .content .imgshell img, .billboard .content .imgleft img, .billboard .content .imgcenter img, .billboard .content .imgfull img, .billboard .content .imgright img, .billboard .content.alignright .imgright img, .billboard .content.alignleft .imgleft img { width: 110%; height: auto !important; padding: 0; margin: 0; } .billboard .content .caption, .billboard .content.alignleft .caption, .billboard .content.aligncenter .caption, .billboard .content.alignfull .caption { position: absolute; width: 50%; z-index: 1002; margin: 0; padding: 0; top: unset; bottom: 5%; left: 5%; color: #fff; text-align: left; } .billboard .content.alignright .caption { position: absolute; width: 50%; z-index: 1002; margin: 0; padding: 0; top: unset; bottom: 5%; right: 5%; left: unset; color: #fff; text-align: right; } .billboard .content .embcenter { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .billboard .content .embcenter iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .billboard .content .embfull { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .billboard .content .embfull iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .billboard .content .embright { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .billboard .content .embright iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .billboard .content .embshell { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .billboard .content .embshell iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .billboard .content .embleft { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .billboard .content .embleft iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .billboard .content .words { position: absolute; top: 0; left: 0; right: 50%; width: 50%; height: 550px; z-index: 1000; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0)); margin: 0; padding: 0; } .billboard .content.alignleft .words, .billboard .content.aligncenter .words, .billboard .content.alignfull .words { position: absolute; top: 0; left: 0; right: 50%; width: 50%; height: 550px; z-index: 1000; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0)); margin: 0; padding: 0; } .billboard .content.alignright .words { position: absolute; top: 0; right: 0; left: 50%; width: 50%; height: 550px; z-index: 1000; background: linear-gradient(to left, rgba(0,0,0,1), rgba(255,255,255,0)); margin: 0; padding: 0; } .billboard .content.alignright .words .padding .ctabutton { margin: 10px 0 20px 20px; } .billboard .content .words .padding { position: relative; text-align: left; width: 70%; margin: 0; color: #FFFFFF; left: 10%; top: 10%; z-index: 1001; } .billboard .content.alignleft .words .padding, .billboard .content.aligncenter .words .padding, .billboard .content.alignfull .words .padding { position: relative; text-align: left; width: 70%; margin: 0; color: #FFFFFF; left: 10%; top: 10%; z-index: 1001; clear: both;} .billboard .content.alignright .words .padding { position: relative; text-align: right; width: 70%; margin: 0 0 0 20%; color: #FFFFFF; left: 0; top: 10%; z-index: 1001; float: none; } .billboard .content .words .padding>h2 { color: #FFFFFF; font-size: 2.1em;} .billboard .content .words .padding .subtitle { color: #FFFFFF; font-size: 1.5em;} .billboard .content .words .padding p { font-size: 1.1em; line-height: 1.5em; margin: 0 0 20px 0; } .billboard>.content>.words>.padding>p .cms-subtitle1, .billboard>.content>.words>.padding .cms-subtitle1{position: relative; display: block; margin: 10px 0px; font-size: 1.5em; line-height: 1.1em; color: #FFF; } .billboard>.content>.words>.padding>.cmsp>.cms-subtitle1 { color: #FFFFFF !important; font-size: 1.4em;} .billboard>.content>.words>.padding>.cmsp>.cms-subtitle2 {position: relative; display: block; margin: 10px 0px; font-size: 1.3em; line-height: 1.1em; color: #FFF; } .billboard>.content>.words>.padding>.cmsp>.cms-subtitle3 {position: relative; display: block; margin: 10px 0px; font-size: 1.1em; line-height: 1.0em; color: #FFF; } .billboard img { width: 100%; height: auto !important; } .billboard .content .words .padding a:link, .billboard .content .words .padding a:visited { color: #FFFFFF !important; text-decoration: underline;} .billboard .content .words .padding a:active, .billboard .content .words .padding a:hover { color: #FFFFFF !important; text-decoration: none; } .billboard .multibuttons { position: relative; margin-top: 20px; width: 70%; left: 10%; top: 10%; } .billboard .content.alignright .multibuttons { position: relative; margin-top: 20px; width: 70%; left: 20%; top: 10%; } .billboard .multibuttons ul { position: relative; width: 100%; padding: 0; margin: 0; } .billboard .multibuttons ul li { position: relative; width: auto !important; margin: 0 0 15px 0; padding: 0; } .billboard .multibuttons ul li .multitext { position: relative; list-style: none; padding: 0; margin: 0; text-align: left; } .billboard .multibuttons ul li .multitext .linktitle { position: relative; width: auto !important; height: auto; margin: 0; padding: 0px; color: #FFFFFF; font-family: "Work Sans", Arial, sans-serif; white-space: nowrap; font-size: 1.0em; line-height: .5em; font-weight: 500; text-align: left;} .billboard .content.alignright .multibuttons ul li .multitext .linktitle { text-align: right;} .billboard .multibuttons ul li .multitext .linktitle a:link, .billboard .multibuttons ul li .multitext .linktitle a:visited { color: #FFFFFF; text-decoration: none; background: #9d0b0b; padding: 5px 10px; } .billboard .multibuttons ul li .multitext .linktitle a:hover, .billboard .multibuttons ul li .multitext .linktitle a:active { color: #FFFFFF; text-decoration: underline;background: #9d0b0b; padding: 5px 10px; } .billboard .multibuttons ul li .multitext .ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 0.8em; } /* Bottom Buttons */ #bottombuttons { position: relative; width: 100%; height: auto !important; overflow: visible; padding: 2% 0%; margin: 0px auto; display: block; background: #ededed; min-height: 200px; clear: both; } /* CMS Background Colors */ #bottombuttons.bgwhite { background: #FFF !important;} #bottombuttons.bgwhite .words, #bottombuttons.bgwhite>.content>.words>.padding>h2{ color: #222; } #bottombuttons.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} #bottombuttons.bglight { background: #918986 !important;} #bottombuttons.bglight .words, #bottombuttons.bglight>.content>.words>.padding>h2{ color: #222; } #bottombuttons.bglight>.content>.words>.multibuttons>ul>li {background: #918986 !important;} #bottombuttons.bgmedium { background: #465449 !important;} #bottombuttons.bgmedium .words, #bottombuttons.bgmedium>.content>.words>.padding>h2{ color: #FFF; } #bottombuttons.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } #bottombuttons.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, #bottombuttons.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } #bottombuttons.bgdark { background: #364c59 !important;} #bottombuttons.bgdark .words, #bottombuttons.bgdark>.content>.words>.padding>h2{ color: #FFF; } #bottombuttons.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } #bottombuttons.bgdark>.content>.words>.multibuttons>ul>li>.multitext, #bottombuttons.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } #bottombuttons.bgbright { background: #6e3939 !important;} #bottombuttons.bgbright .words, #bottombuttons.bgbright>.content>.words>.padding>h2{ color: #FFF; } #bottombuttons.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } #bottombuttons.bgbright>.content>.words>.multibuttons>ul>li>.multitext, #bottombuttons.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } #bottombuttons>h2 { font-size: 1.3em; font-weight: 700; } #bottombuttons .bbtext { position: relative; margin: 0 auto; width: 85%; max-width: 1000px; } #bottombuttons .bbembed { position: relative; float: left; display: inline-block; margin: 0 auto; width: 85% !important; max-width: 1000px; } #bottombuttons .buttons { display: block; width: 85%; max-width: 1000px; height: auto !important; overflow: visible; margin: 20px auto; padding: 0px; font-size: 1em; font-weight: 600; } #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:#222222; background:url(https://www.bard.edu/images/tints/60white.png) repeat; margin: 0px 30px 10px 0px; padding: 8px 10px; border: 2px solid #e6e6e6; white-space: normal; height: auto !important; clear: right; font-weight: 400; } #bottombuttons .buttons li a:link, #bottombuttons .buttons li a:visited { color:#222222; text-decoration: none; } #bottombuttons .buttons li a:hover, #bottombuttons .buttons li a:active { color:#222222; text-decoration: underline; } /* Callout/Centered/Quote */ .callout {position:relative; display:block;width:70%; text-align:center; margin: 30px auto; max-width: 800px; /*border-top: 1px solid #ededed;border-bottom: 1px solid #ededed;*/} /* CMS Background Colors */ .callout.bgwhite { background: #FFF !important;} .callout.bgwhite .words, .callout.bgwhite>.content>.words>.padding>h2{ color: #222; } .callout.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .callout.bglight { background: #ededed !important; width: 100%; max-width: 100%; } .callout.bglight>.content { max-width: 1000px; margin: 0px auto; padding: 30px 0; } .callout.bglight .words, .callout.bglight>.content>.words>.padding>h2{ color: #222; } .callout.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .callout.bgmedium { background: #465449 !important;} .callout.bgmedium .words { padding: 2% 4%; color: #FFF; } .callout.bgmedium>.content>.words>.padding, .callout.bgmedium>.content>.words>.padding h2, .callout.bgmedium>.content>.words>.padding>.subtitle, .callout.bgmedium>.content>.words>.padding a { color: #FFF; } .callout.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .callout.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .callout.bgmedium>.content>.words>.multibuttons>ul>li>.multitext a, .callout.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .callout.bgdark { background: #364c59 !important;} .callout.bgdark .words { padding: 2% 4%; color: #FFF; } .callout.bgdark>.content>.words>.padding>h2, .callout.bgdark>.content>.words>.padding>.subtitle, .callout.bgdark>.content>.words>.padding a { color: #FFF; } .callout.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .callout.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .callout.bgdark>.content>.words>.multibuttons>ul>li>.multitext a, .callout.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .callout.bgbright { background: #6e3939 !important;} .callout.bgbright .words { padding: 2% 4%; color: #FFF; } .callout.bgbright>.content>.words>.padding>h2, .callout.bgbright>.content>.words>.padding>.subtitle, .callout.bgbright>.content>.words>.padding a { color: #FFF; } .callout.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .callout.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .callout.bgbright>.content>.words>.multibuttons>ul>li>.multitext a, .callout.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } /* CMS Highlight Colors */ .callout.hired .content .words .padding h2 { color: #ad1a1f; } .callout.hired .content .words .padding .ctabutton>button.modal-open, .callout.hired .content .words .padding .ctabutton>a:link, .callout.hired .content .words .padding .ctabutton>a:visited, .callout.hired .content .words .padding .cms-button>a:link, .callout.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .callout.hired .content .words .padding .ctabutton>a:active, .callout.hired .content .words .padding .ctabutton>a:hover, .callout.hired .content .words .padding .cms-button>a:active, .callout.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .callout.hired>.content>.words .padding strong, .callout.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .callout.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .callout.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .callout.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .callout.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .callout.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .callout.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .callout.himedium .content .words .padding h2 { color: #465449; } .callout.himedium .content .words .padding .subtitle { color: #0000; } .callout.himedium .content .words .padding .ctabutton>button.modal-open, .callout.himedium .content .words .padding .ctabutton>a:link, .callout.himedium .content .words .padding .ctabutton>a:visited, .callout.himedium .content .words .padding .cms-button>a:link, .callout.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .callout.himedium .content>.words .padding strong, .callout.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .callout.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .callout.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .callout.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .callout.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .callout.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .callout.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .callout.hibright .content .words .padding h2 { color: #6e3939; } .callout.hibright .content .words .padding .ctabutton>button.modal-open, .callout.hibright .content .words .padding .ctabutton>a:link, .callout.hibright .content .words .padding .ctabutton>a:visited, .callout.hibright .content .words .padding .cms-button>a:link, .callout.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .callout.higright .content>.words .padding strong, .callout.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .callout.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .callout.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .callout.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .callout.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .callout.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .callout.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .callout.hidark .content .words .padding h2 { color: #364c59; } .callout.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .callout.hidark .content .words .padding .ctabutton>a:link, .callout.hidark .content .words .padding .ctabutton>a:visited, .callout.hidark .content .words .padding .cms-button>a:link, .callout.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .callout.hidark .content>.words .padding strong, .callout.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .callout.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .callout.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .callout.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .callout.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .callout.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .callout.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .callout h2 {font-size: 2.0em; line-height: 1.3em; font-weight: 700; color:#222222; padding: 0 0 10px 0; border-bottom: 1px solid #222222; margin: 0 0 20px 0; } .callout p { line-height: 36px; margin: 0 0 10px 0; } .callout .content .words .subtitle { color: #000; font-size: 1.3em; line-height: 1.5em; margin: 10px 0; font-weight: 600; } .callout .content .words .padding ul { position: relative; margin: 10px; padding: 0;} .callout .content .words .padding ul li { position: relative; margin: 0 0 10px 0; padding: 0;} .callout .content .words .padding ol { position: relative; margin: 10px auto; padding: 0; width:80%;} .callout .content .words .padding ol li { position: relative; margin: 0 0 15px 0; padding: 0; text-align: left;} .callout .content .words .padding .ctabutton button.modal-open { font-size: 1em; line-height: 0em; margin: 0px; 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: 60%; float: none; display: block; margin: 0 auto; padding: 0; overflow: visible; } .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: 60%; float: none; display: block; margin: 0 auto; padding: 0; overflow: visible;} .callout .content .imgfull { position: relative; width: 80%; float: none; display: block; margin: 0 auto; padding: 0; overflow: visible; } .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 { width: 60%; margin: 0 auto; padding: 0; background: #FFFFFF; float: none; } .callout .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .callout .content .embfull { width: 80%; margin: 0 auto; padding: 0; background: #FFFFFF; float: none; } .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: #FFFFFF; float: right; display: inline; } .callout .content .embright iframe { width: 100%; height: auto !important; padding: 0; margin: 0; } .callout .content .embshell { width: 60%; margin: 0 auto; padding: 0; background: #FFFFFF; float: none; } .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: #FFFFFF; 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; } .callout .content .words .multibuttons { position: relative; margin: 0; padding: 0;} .callout .content .words .multibuttons ul { position: relative; margin: 0; padding: 0; width: 100%} .callout .content .words .multibuttons ul li { position: relative; margin: 0; padding: 0; width: auto; text-align: left; list-style: none; display: inline-block; } .callout .content .words .multibuttons ul li .multitext{ position: relative; margin: 0; padding: 0; width: auto;} .callout .content .words .multibuttons ul li .multitext .linktitle { font-family: "Work Sans", Arial, sans-serif;position: relative; margin: 5px; padding: 5px 15px; width: auto; background: #9d0b0b;} .callout .content .words .multibuttons ul li .multitext .linktitle a { color: #FFFFFF; text-decoration: none;font-size: 1em; line-height: 0em; text-align: center; float: none;} .cal_small h2 {font-size: 1.4em;margin: 0 0 5px 0;color: #ad1a1f;} /* CMS-Controlled Nav Bar */ .cmsnav {position: relative; display: block; width: 100%; margin: 20px 0; padding: 0; } .cmsnav .multibuttons {position: relative; display: block; width: 100%; max-width: 1000px; margin: 0 auto; padding: 0; background: #222222; height: 40px; overflow: hidden;} .cmsnav .multibuttons ul {position: relative; display: block; list-style: none; margin: 0 auto; padding: 0;} .cmsnav .multibuttons ul li { position: relative; display: inline; list-style: none; float: left; margin: 0; padding: 0; line-height: 2.5em;} .cmsnav .multibuttons ul li a:link, .cmsnav .multibuttons ul li a:visited { color: #FFFFFF; text-decoration: none; padding: 15px 20px; margin: 0; background: #222222;} .cmsnav .multibuttons ul li a:hover, .cmsnav .multibuttons ul li a:active { color: #FFFFFF; text-decoration: underline; padding: 15px 20px; margin: 0; background: #000000;} .cmsnav .multibuttons ul li .multitext .linktitle a {} .cmsnav h2 {display:none;} /* start PHP/Embed styles */ .embed { position: relative; display: block; width: 100%; height: auto !important; overflow: visible; margin: 0; padding: 0; } .embed .content { position: relative; display: block; width: 100%; height: auto !important; overflow: hidden; margin: 0; padding: 0; } .embed .words { position: relative; display: block; width: 100%; height: auto !important; overflow: visible; margin: 0; padding: 0; } .embed .words .padding { position: relative; display: block; width: 100%; height: auto !important; overflow: visible; margin: 0 auto; padding: 0; } /* Expand Bar Styles */ .expandbars { position: relative; display: block; width: 100%; max-width: 950px; margin: 0 auto; padding: 2% 2.5%; list-style:none; border: 1px solid #000; font-size: 1em; white-space: normal; text-align: left; line-height: 1em;} .expandbars .ctabutton>button>i.fas {display: inline; font-size: 1.0em; line-height: 0.5em; color: #222222; 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: #222222; background: #FFF; } .expandbars .ctabutton {font-size: 1.0em; color: #222222; background: #FFFFFF; text-transform: none; letter-spacing:0px; margin: 0 0 0 0; } .expandbars .ctabutton button.modal-open { font-size: 1.1em; font-weight: 400; line-height: 1.2em; margin: 0px 0px 0px 0px !important; padding: 0; text-align: left; display: inline; float:left; width: auto; color:#222222; text-transform: none; letter-spacing:0px; white-space: normal; background: #FFFFFF; } .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;} .expandbars button.modal-open:link, button.modal-open:visited { color: #FFF; text-decoration: none; background:#FFFFFF; padding: 8px 10px; transition: 0.8s ease;} .expandbars button.modal-open:hover, button.modal-open:active { font-size: 1.1em; color: #ad1a1f; text-decoration: underline; background: #FFFFFF; padding: 8px 10px; opacity: 1;} /* 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; } .modal-content .primgfeat {position: relative; float: left; width: 40%; height: auto !important; display: inline; margin: 0 2% 0 0; } .modal-content .primgfeat img {position: relative; width: 100%; height: auto !important; } .modal-content .primgright {position: relative; float: right; width: 40%; height: auto !important; display: inline; margin: 0 0 0 2%; } .modal-content .primgright img {position: relative; width: 100%; height: auto !important; } .modal-content .primgleft {position: relative; float: left; width: 40%; height: auto !important; display: inline; margin: 0 2% 0 0; } .modal-content .primgleft img {position: relative; width: 100%; height: auto !important; } /* 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 FAQ styles */ .faqs { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 30px auto; padding: 0%; } .faqs .content {position:relative; display:block; width:100%; max-width: 1000px; height: auto !important; overflow: visible; margin: 0px auto; padding: 0%; } .faqs p { line-height: 30px; margin: 0 0 10px 0 !important; } .faqs ul { margin: 5px 0 !important; } .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: 2.0em; margin-bottom: 20px; } .faqs .content .words .padding .ctabutton button.modal-open { font-size: 1em; font-weight: 600; line-height: 0em; margin: 0px; padding: 8px 10px; 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, .faqs .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: #FFF;} .faqs .content .words .multibuttons ul { margin: 0; padding: 0%; list-style: none; display: block; overflow: visible; border: none;} .faqs .content .words .multibuttons ul li { position: relative; width: 95%; margin: 20px auto; padding: 2% 2.5%; list-style:none; border: 1px solid #000; font-size: 1em; white-space: normal; text-align: left; line-height: 1em;} .faqs .content .words .multibuttons ul li .multitext .linktitle { font-family: "Work Sans", Arial, sans-serif;text-align: left; line-height: 1em;} .faqs .content .words .multibuttons ul li .mftext { display: none; } .faqs .content .words .multibuttons ul li .linktitle { display:none; } .faqs .content .words .multibuttons ul li p { margin: 0; padding: 0 10px; } .faqs .content .words .multibuttons ul li .ctabutton { position: relative; margin: 0; padding: 0 0 0 10px; background: #FFF; color: #222222; text-transform:none; letter-spacing: 0px; text-align: left; line-height: 1em;} .faqs .content .words .multibuttons ul li .ctabutton button.modal-open { padding: 0px 0 0 0; background: #FFF; color: #222222; font-size: 1.1em; text-transform: none; letter-spacing: 0px; text-align: left; line-height: 1em;} .faqs .content .words .multibuttons ul li .ctabutton button.modal-open a:hover, .faqs .content .words .multibuttons ul li .ctabutton button.modal-open a:active { text-decoration: underline; background: #ededed; } .faqs .content .words .multibuttons ul li .multimgshell { position: relative; 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;} .faqs .content .embcenter { position: relative; width: 45%; margin: 0; padding: 0 20px 0 0; background: #FFFFFF; float: left; } .faqs .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .faqs .content .embfull { position: relative; width: 45%; margin: 0; padding: 0 20px 0 0; background: #FFFFFF; float: left; } .faqs .content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .faqs .content .embright { position: relative; width: 45%; margin: 0; padding: 0; background: #FFFFFF; float: right; display: inline; } .faqs .content .embright iframe { width: 100%; height: auto !important; padding: 0; margin: 0; } .faqs .content .embshell { position: relative; width: 45%; margin: 0; padding: 0 20px 0 0; background: #FFFFFF; float: left; } .faqs .content .embshell iframe { width: 100%; height: auto !important; min-height: 265px; padding: 0; margin: 0; } .faqs .content .embleft { position: relative; width: 45%; margin: 0; padding: 0 20px 0 0; background: #FFFFFF; float: left; } .faqs .content .embleft iframe { width: 100%; height: auto !important; min-height: 265px; padding: 0; margin: 0; } #footnote { position: relative; display:block; width: 85%; margin: 10px auto; padding: 10px 0; font-size: 0.8em; font-style: italic; color: #000; border-top: 1px solid #222222; } /* start Four Column styles */ .fourcol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 30px 0; display: block; background: #ededed; } /* CMS Background Colors */ .fourcol.bgwhite { background: #FFF !important; padding: 0px; } .fourcol.bgwhite .words, .fourcol.bgwhite>.content>.words>.padding>h2{ color: #222; } .fourcol.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .fourcol.bglight { background: #ededed !important;} .fourcol.bglight .words, .fourcol.bglight>.content>.words>.padding>h2{ color: #222; } .fourcol.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .fourcol.bgmedium { background: #465449 !important;} .fourcol.bgmedium .content { margin: 30px auto; } .fourcol.bgmedium .words, .fourcol.bgmedium>.content>.words>.padding, .fourcol.bgmedium>.content>.words>.padding a, .fourcol.bgmedium>.content>.words>.padding>h2, .fourcol.bgmedium>.content>.words>.padding>cms-subtitle1, .fourcol.bgmedium>.content>.words>.padding>cms-subtitle2 { color: #FFF; } .fourcol.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .fourcol.bgmedium>.content>.words>.padding>.subtitle, .fourcol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .fourcol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } .fourcol.bgdark { background: #364c59 !important;} .fourcol.bgdark .content { margin: 30px auto; } .fourcol.bgdark .words, .fourcol.bgdark>.content>.words>.padding, .fourcol.bgdark>.content>.words>.padding a, .fourcol.bgdark>.content>.words>.padding>h2, .fourcol.bgdark>.content>.words>.padding>.cms-subtitle1, .fourcol.bgdark>.content>.words>.padding>.cms-subtitle2 { color: #FFF; } .fourcol.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .fourcol.bgdark>.content>.words>.padding>.subtitle, .fourcol.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .fourcol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } .fourcol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { font-weight: 500; font-size: 1.2em; line-height: 1.3em; } .fourcol.bgbright { background: #6e3939 !important;} .fourcol.bgbright .content { margin: 30px auto; } .fourcol.bgbright .words, .fourcol.bgbright>.content>.words>.padding, .fourcol.bgbright>.content>.words>.padding a, .fourcol.bgbright>.content>.words>.padding>h2, .fourcol.bgbright>.content>.words>.padding>.cms-subtitle1, .fourcol.bgbright>.content>.words>.padding>.cms-subtitle2 { color: #FFF; } .fourcol.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .fourcol.bgbright>.content>.words>.padding>.subtitle, .fourcol.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .fourcol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } /* CMS Highlight Colors */ .fourcol.hired .content .words .padding h2 { color: #ad1a1f; } .fourcol.hired .content .words .padding .ctabutton>button.modal-open, .fourcol.hired .content .words .padding .ctabutton>a:link, .fourcol.hired .content .words .padding .ctabutton>a:visited, .fourcol.hired .content .words .padding .cms-button>a:link, .fourcol.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .fourcol.hired .content .words .padding .ctabutton>a:active, .fourcol.hired .content .words .padding .ctabutton>a:hover, .fourcol.hired .content .words .padding .cms-button>a:active, .fourcol.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .fourcol.hired>.content>.words .padding strong, .fourcol.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .fourcol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fourcol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fourcol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .fourcol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fourcol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .fourcol.himedium .content .words .padding h2 { color: #465449; } .fourcol.himedium .content .words .padding .subtitle { color: #0000; } .fourcol.himedium .content .words .padding .ctabutton>button.modal-open, .fourcol.himedium .content .words .padding .ctabutton>a:link, .fourcol.himedium .content .words .padding .ctabutton>a:visited, .fourcol.himedium .content .words .padding .cms-button>a:link, .fourcol.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .fourcol.himedium .content>.words .padding strong, .fourcol.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .fourcol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fourcol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fourcol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .fourcol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fourcol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .fourcol.hibright .content .words .padding h2 { color: #6e3939; } .fourcol.hibright .content .words .padding .ctabutton>button.modal-open, .fourcol.hibright .content .words .padding .ctabutton>a:link, .fourcol.hibright .content .words .padding .ctabutton>a:visited, .fourcol.hibright .content .words .padding .cms-button>a:link, .fourcol.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .fourcol.higright .content>.words .padding strong, .fourcol.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .fourcol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fourcol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fourcol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .fourcol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fourcol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .fourcol.hidark .content .words .padding h2 { color: #364c59; } .fourcol.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .fourcol.hidark .content .words .padding .ctabutton>a:link, .fourcol.hidark .content .words .padding .ctabutton>a:visited, .fourcol.hidark .content .words .padding .cms-button>a:link, .fourcol.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .fourcol.hidark .content>.words .padding strong, .fourcol.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fourcol.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .fourcol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fourcol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fourcol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .fourcol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fourcol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .fourcol .content { position: relative; width: 100%; max-width: 1000px; height: auto; margin: 0px auto; padding: 0px; display: table;} .fourcol .content>.imgleft, .fourcol>.content>.imgshell { position: relative; display:table-cell; float: left; width: 29%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 20px; padding: 1%; background: #FFFFFF; } .fourcol .content>.imgleft img, .fourcol>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;} .fourcol .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; background: #FFFFFF; } .fourcol .content>.imgright img { width: 100%; height: auto; margin: 0;} .fourcol>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto; } .fourcol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .fourcol>.content>.imgfull { position: relative; display:inline; float: left; width: 100%; overflow: hidden; margin: 0px auto; } .fourcol>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .fourcol .content .embleft, .fourcol>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; } .fourcol .content .embleft iframe, .fourcol>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;} .fourcol .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; } .fourcol .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;} .fourcol .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; } .fourcol .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;} .fourcol .content .embfull { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0px auto; } .fourcol .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;} .fourcol>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto;} .fourcol>.content>.words>.padding { text-align: left; line-height:1.9em; margin: 0; } .fourcol>.content>.words>.padding>p { line-height:1.9em; margin: 0px; } .fourcol>.content>.words>.padding>h2 { text-align: left; color: #222222; padding:0; margin:0 auto; line-height:1em; } .fourcol>.content>.words>.padding>.subtitle { margin: 20px auto; text-align: left; font-weight: 600; } .fourcol>.content>.words>.multibuttons { position: relative; width: 100%; max-width: 1000px; display: block; margin: 20px auto 0px auto;} .fourcol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } .fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 22%; display:inline-block; float: left; margin: 1% 1% 1% 0; padding-right: 2%; text-align: left; min-height: 100px; color: #222222; border-right: none;} .fourcol .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;} .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell, .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0; } .fourcol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0;} .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft a, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright a, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter a, .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell a, .fourcol>.content>.words>.multibuttons>ul>li>.multimgfull a { height: auto; display: block; margin: 0; padding: 0;} .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto; padding: 0; margin: 0; transition: transform 2s ease;} .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft:hover img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright:hover img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter:hover img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell:hover img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgfull:hover img { transform: scale(1.1);} .fourcol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 95%; height: auto; margin: 2% 5% 5% 0; display:block; float:none; line-height: 1.5em; text-align: left !important; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", Arial, sans-serif;font-size: 1.2em; text-align: left; color:#000; font-weight: 700; margin: 10px 0 5px 0;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFFFFF; text-decoration: none; font-weight: 400; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 100%; margin: 0 auto; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton { margin: 10px 10px 10px 0; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 8px 10px; font-size: 1.0em; font-weight: 400; line-height: 1.1em; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;font-weight: 400; } .fourcol>.content>.words>.multibuttons>ul>li>.multiembshell, .fourcol>.content>.words>.multibuttons>ul>li>.multiembleft, .fourcol>.content>.words>.multibuttons>ul>li>.multiembright, .fourcol>.content>.words>.multibuttons>ul>li>.multiembcenter { position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 5%; } .fourcol>.content>.words>.multibuttons>ul>li>.multiembshell img { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } .fourcol>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .fourcol>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .fourcol>.content>.words>.multibuttons>ul>li>.multiembright iframe, .fourcol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } /* start Five Column styles */ .fivecol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 30px 0; display: block; background: #ededed; } /* CMS Background Colors */ .fivecol.bgwhite { background: #FFF !important; padding: 0px; } .fivecol.bgwhite .words, .fivecol.bgwhite>.content>.words>.padding>h2{ color: #222; } .fivecol.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .fivecol.bglight { background: #ededed !important;} .fivecol.bglight .words, .fivecol.bglight>.content>.words>.padding>h2{ color: #222; } .fivecol.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .fivecol.bgmedium { background: #465449 !important;} .fivecol.bgmedium .content { margin: 30px auto; } .fivecol.bgmedium .words, .fivecol.bgmedium>.content>.words>.padding, .fivecol.bgmedium>.content>.words>.padding a, .fivecol.bgmedium>.content>.words>.padding>h2, .fivecol.bgmedium>.content>.words>.padding>cms-subtitle1, .fivecol.bgmedium>.content>.words>.padding>cms-subtitle2 { color: #FFF; } .fivecol.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .fivecol.bgmedium>.content>.words>.padding>.subtitle, .fivecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .fivecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } .fivecol.bgdark { background: #364c59 !important;} .fivecol.bgdark .content { margin: 30px auto; } .fivecol.bgdark .words, .fivecol.bgdark>.content>.words>.padding, .fivecol.bgdark>.content>.words>.padding a, .fivecol.bgdark>.content>.words>.padding>h2, .fivecol.bgdark>.content>.words>.padding>.cms-subtitle1, .fivecol.bgdark>.content>.words>.padding>.cms-subtitle2 { color: #FFF; } .fivecol.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .fivecol.bgdark>.content>.words>.padding>.subtitle, .fivecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .fivecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } .fivecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { font-weight: 500; font-size: 1.2em; line-height: 1.3em; } .fivecol.bgbright { background: #6e3939 !important;} .fivecol.bgbright .content { margin: 30px auto; } .fivecol.bgbright .words, .fivecol.bgbright>.content>.words>.padding, .fivecol.bgbright>.content>.words>.padding a, .fivecol.bgbright>.content>.words>.padding>h2, .fivecol.bgbright>.content>.words>.padding>.cms-subtitle1, .fivecol.bgbright>.content>.words>.padding>.cms-subtitle2 { color: #FFF; } .fivecol.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .fivecol.bgbright>.content>.words>.padding>.subtitle, .fivecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .fivecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } /* CMS Highlight Colors */ .fivecol.hired .content .words .padding h2 { color: #ad1a1f; } .fivecol.hired .content .words .padding .ctabutton>button.modal-open, .fivecol.hired .content .words .padding .ctabutton>a:link, .fivecol.hired .content .words .padding .ctabutton>a:visited, .fivecol.hired .content .words .padding .cms-button>a:link, .fivecol.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .fivecol.hired .content .words .padding .ctabutton>a:active, .fivecol.hired .content .words .padding .ctabutton>a:hover, .fivecol.hired .content .words .padding .cms-button>a:active, .fivecol.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .fivecol.hired>.content>.words .padding strong, .fivecol.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .fivecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fivecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fivecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .fivecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fivecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .fivecol.himedium .content .words .padding h2 { color: #465449; } .fivecol.himedium .content .words .padding .subtitle { color: #0000; } .fivecol.himedium .content .words .padding .ctabutton>button.modal-open, .fivecol.himedium .content .words .padding .ctabutton>a:link, .fivecol.himedium .content .words .padding .ctabutton>a:visited, .fivecol.himedium .content .words .padding .cms-button>a:link, .fivecol.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .fivecol.himedium .content>.words .padding strong, .fivecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .fivecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fivecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fivecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .fivecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fivecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .fivecol.hibright .content .words .padding h2 { color: #6e3939; } .fivecol.hibright .content .words .padding .ctabutton>button.modal-open, .fivecol.hibright .content .words .padding .ctabutton>a:link, .fivecol.hibright .content .words .padding .ctabutton>a:visited, .fivecol.hibright .content .words .padding .cms-button>a:link, .fivecol.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .fivecol.higright .content>.words .padding strong, .fivecol.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .fivecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fivecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fivecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .fivecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fivecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .fivecol.hidark .content .words .padding h2 { color: #364c59; } .fivecol.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .fivecol.hidark .content .words .padding .ctabutton>a:link, .fivecol.hidark .content .words .padding .ctabutton>a:visited, .fivecol.hidark .content .words .padding .cms-button>a:link, .fivecol.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .fivecol.hidark .content>.words .padding strong, .fivecol.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .fivecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .fivecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .fivecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .fivecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .fivecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .fivecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .fivecol .content { position: relative; width: 100%; max-width: 1000px; height: auto; margin: 0px auto; padding: 0px; display: table;} .fivecol .content>.imgleft, .fivecol>.content>.imgshell { position: relative; display:table-cell; float: left; width: 29%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 20px; padding: 1%; background: #FFFFFF; } .fivecol .content>.imgleft img, .fivecol>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;} .fivecol .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; background: #FFFFFF; } .fivecol .content>.imgright img { width: 100%; height: auto; margin: 0;} .fivecol>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto; } .fivecol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .fivecol>.content>.imgfull { position: relative; display:inline; float: left; width: 100%; overflow: hidden; margin: 0px auto; } .fivecol>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .fivecol .content .embleft, .fivecol>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; } .fivecol .content .embleft iframe, .fivecol>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;} .fivecol .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; } .fivecol .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;} .fivecol .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; } .fivecol .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;} .fivecol .content .embfull { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0px auto; } .fivecol .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;} .fivecol>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto;} .fivecol>.content>.words>.padding { text-align: left; line-height:1.9em; margin: 0; } .fivecol>.content>.words>.padding>p { line-height:1.9em; margin: 0px; } .fivecol>.content>.words>.padding>h2 { text-align: left; color: #222222; padding:0; margin:0 auto; line-height:1em; } .fivecol>.content>.words>.padding>.subtitle { margin: 20px auto; text-align: left; font-weight: 600; } .fivecol>.content>.words>.multibuttons { position: relative; width: 100%; max-width: 1000px; display: block; margin: 20px auto 0px auto;} .fivecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } .fivecol>.content>.words>.multibuttons>ul>li { position: relative; width: 18%; display:inline-block; float: left; margin: 1% 0 1% 0; padding-right: 2%; text-align: left; min-height: 100px; color: #222222; border-right: none;} .fivecol .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;} .fivecol>.content>.words>.multibuttons>ul>li>.multimgshell, .fivecol>.content>.words>.multibuttons>ul>li>.multimgleft, .fivecol>.content>.words>.multibuttons>ul>li>.multimgright, .fivecol>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0; } .fivecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0;} .fivecol>.content>.words>.multibuttons>ul>li>.multimgleft a, .fivecol>.content>.words>.multibuttons>ul>li>.multimgright a, .fivecol>.content>.words>.multibuttons>ul>li>.multimgcenter a, .fivecol>.content>.words>.multibuttons>ul>li>.multimgshell a, .fivecol>.content>.words>.multibuttons>ul>li>.multimgfull a { height: auto; display: block; margin: 0; padding: 0;} .fivecol>.content>.words>.multibuttons>ul>li>.multimgleft img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgright img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgcenter img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgshell img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto; padding: 0; margin: 0; transition: transform 2s ease;} .fivecol>.content>.words>.multibuttons>ul>li>.multimgleft:hover img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgright:hover img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgcenter:hover img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgshell:hover img, .fivecol>.content>.words>.multibuttons>ul>li>.multimgfull:hover img { transform: scale(1.1);} .fivecol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 95%; height: auto; margin: 5% 5% 10% 0; display:block; float:none; line-height: 1.5em; text-align: left !important; } .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", Arial, sans-serif;font-size: 1.3em; text-align: left; color:#000; font-weight: 700; margin: 10px 0 5px 0;} .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;} .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;} .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { font-size: 1.1em;font-weight: 500;} .fivecol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFFFFF; text-decoration: none; font-weight: 700; } .fivecol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 100%; margin: 0 auto; } .fivecol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; } .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton {} .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 8px 10px; font-size: 1.1em; font-weight: 700; line-height: 1.1em; } .fivecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;font-weight: 400; } .fivecol>.content>.words>.multibuttons>ul>li>.multiembshell, .fivecol>.content>.words>.multibuttons>ul>li>.multiembleft, .fivecol>.content>.words>.multibuttons>ul>li>.multiembright, .fivecol>.content>.words>.multibuttons>ul>li>.multiembcenter { position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 5%; } .fivecol>.content>.words>.multibuttons>ul>li>.multiembshell img { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } .fivecol>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .fivecol>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .fivecol>.content>.words>.multibuttons>ul>li>.multiembright iframe, .fivecol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } /* Photo Gallery Grid styles */ .gridshow { position:relative; display:table; width:100%; height: auto !important; margin: 30px auto; padding: 0; vertical-align: top; overflow: visible; } .gridshow .content { position:relative; display:block; width:100%; max-width: 1000px; height: auto !important; margin: 0px auto; padding: 0; vertical-align: top; overflow: visible; } /* Highlight styles */ .highlight { position:relative; display:table; width:100%; height: auto !important; margin: 30px auto; padding: 0; vertical-align: top; overflow: visible; } /* CMS Background Colors */ .highlight.bgwhite { background: #FFF !important;} .highlight.bgwhite .words { background: #FFF !important; } .highlight.bgwhite>.content>.words>.padding>h2{ color: #222; } .highlight.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .highlight.bglight { background: #FFF !important;} .highlight.bglight .words { background: #ededed; color: #000; padding: 0; } .highlight.bglight>.content>.words>.padding>h2{ background: #ededed; color: #000; } .highlight.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .highlight.bgmedium { background: #FFF !important; padding: 0px 0px; } .highlight.bgmedium>.content>.words { background: #465449; color: #FFF; padding: 0; } .highlight.bgmedium>.content>.words .padding { width: 90%; padding: 20px 5% 20px 5%; } .highlight.bgmedium>.content>.words>.padding, .highlight.bgmedium>.content>.words>.padding a, .highlight.bgmedium>.content>.words>.padding h2, .highlight.bgmedium>.content>.words>.padding .subtitle, .highlight.bgmedium>.content>.words>.padding .caption, .highlight.bgmedium>.content>.words>.padding .cms-subtitle1, .highlight.bgmedium>.content>.words>.padding .cms-subtitle2, .highlight.bgmedium>.content>.words>.padding .cms-subtitle3 { color: #FFF; } .highlight.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .highlight.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .highlight.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .highlight.bgdark { background: #FFF !important; padding: 0px 0px; } .highlight.bgdark>.content>.words { background: #364c59 !important; padding: 0;} .highlight.bgdark>.content>.words { color: #FFF; background: #222; } .highlight.bgdark>.content>.words>.padding { width: 90%; padding: 20px 5% 20px 5%; } .highlight.bgdark>.content>.words>.padding, .highlight.bgdark>.content>.words>.padding a, .highlight.bgdark>.content>.words>.padding .subtitle, .highlight.bgdark>.content>.words>.padding h2, .highlight.bgdark>.content>.words>.padding .caption, .highlight.bgdark>.content>.words>.padding .cms-subtitle1, .highlight.bgdark>.content>.words>.padding .cms-subtitle2, .highlight.bgdark>.content>.words>.padding .cms-subtitle3 { color: #FFF; } .highlight.bgdark>.content>.words>.multibuttons>ul>li {background: #222 !important; color: #FFF; } .highlight.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .highlight.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .highlight.bgbright { background: #FFF !important; padding: 0px 0px; } .highlight.bgbright .words {background: #6e3939 !important; color: #FFF; padding: 0; } .highlight.bgbright>.content>.words>.padding { width: 90%; padding: 20px 5% 20px 5%; } .highlight.bgbright>.content>.words>.padding , .highlight.bgbright>.content>.words>.padding a, .highlight.bgbright>.content>.words>.padding .subtitle, .highlight.bgbright>.content>.words>.padding h2, .highlight.bgbright>.content>.words>.padding .caption, .highlight.bgbright>.content>.words>.padding .cms-subtitle1, .highlight.bgbright>.content>.words>.padding .cms-subtitle2, .highlight.bgbright>.content>.words>.padding .cms-subtitle3 { color: #FFF; } .highlight.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .highlight.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .highlight.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .highlight.bgdark .cms-caption, .highlight.bgmedium .cms-caption, .highlight.bgbright .cms-caption{ color: #FFF; } /* CMS Highlight Colors */ .highlight.hired .content .words .padding h2 { color: #ad1a1f; } .highlight.hired .content .words .padding .ctabutton>button.modal-open, .highlight.hired .content .words .padding .ctabutton>a:link, .highlight.hired .content .words .padding .ctabutton>a:visited, .highlight.hired .content .words .padding .cms-button>a:link, .highlight.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .highlight.hired .content .words .padding .ctabutton>a:active, .highlight.hired .content .words .padding .ctabutton>a:hover, .highlight.hired .content .words .padding .cms-button>a:active, .highlight.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .highlight.hired>.content>.words .padding strong, .highlight.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .highlight.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .highlight.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .highlight.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .highlight.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .highlight.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .highlight.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .highlight.himedium .content .words .padding h2 { color: #465449; } .highlight.himedium .content .words .padding .subtitle { color: #0000; } .highlight.himedium .content .words .padding .ctabutton>button.modal-open, .highlight.himedium .content .words .padding .ctabutton>a:link, .highlight.himedium .content .words .padding .ctabutton>a:visited, .highlight.himedium .content .words .padding .cms-button>a:link, .highlight.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .highlight.himedium .content>.words .padding strong, .highlight.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .highlight.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .highlight.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .highlight.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .highlight.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .highlight.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .highlight.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .highlight.hibright .content .words .padding h2 { color: #6e3939; } .highlight.hibright .content .words .padding .ctabutton>button.modal-open, .highlight.hibright .content .words .padding .ctabutton>a:link, .highlight.hibright .content .words .padding .ctabutton>a:visited, .highlight.hibright .content .words .padding .cms-button>a:link, .highlight.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .highlight.higright .content>.words .padding strong, .highlight.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .highlight.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .highlight.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .highlight.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .highlight.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .highlight.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .highlight.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .highlight.hidark .content .words .padding h2 { color: #364c59; } .highlight.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .highlight.hidark .content .words .padding .ctabutton>a:link, .highlight.hidark .content .words .padding .ctabutton>a:visited, .highlight.hidark .content .words .padding .cms-button>a:link, .highlight.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .highlight.hidark .content>.words .padding strong, .highlight.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .highlight.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .highlight.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .highlight.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .highlight.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .highlight.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .highlight.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .highlight .content { position: relative; display:block; width: 100%; max-width: 1000px; overflow: visible; margin: 0 auto; padding: 0; align-content: center; vertical-align: top; } .highlight>.content>.imgshell { position: relative; display:table-cell; float: left; width: 50%; overflow: hidden; margin: 40px 0 0 0; } .highlight>.content>.imgleft { position: relative; display:table-cell; float: left; width: 50%; overflow: hidden; margin: 40px 0; } .highlight>.content>.imgcenter { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 40px 0 0 0; } .highlight>.content>.imgfull { position: relative; display:table-cell; width: 50%; overflow: hidden; margin: 40px 0 0 0; } .highlight>.content>.imgright { position: relative; display:table-cell; float: right; width: 50%; overflow: hidden; margin: 40px 0 0 0; } .highlight>.content>.imgshell img, .highlight>.content>.imgleft img, .highlight>.content>.imgcenter img, .highlight>.content>.imgfull img, .highlight>.content>.imgright img { width: 100%; height: auto !important; padding: 0; margin: 0px; transition: transform 2s ease; } .highlight>.content>.imgshell:hover img, .highlight>.content>.imgleft:hover img, .highlight>.content>.imgcenter:hover img, .highlight>.content>.imgfull:hover img, .highlight>.content>.imgright:hover img {transform: scale(1.1);} .highlight>.content>.imgshell a { position: relative; display:block; width: 100%; margin: 0; } .highlight>.content>.imgright .caption { line-height: 1.0em; padding: 0 0 0 0; } .highlight>.content>.imgshell .caption { line-height: 1.0em; padding: 0 0 0 0; } .highlight .content .embcenter { width: 45%; height: auto !important; margin: 25px 0 0 0; padding: 0; background: transparent; float: left; display: inline; } .highlight .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .highlight .content .embfull { width: 45%; height: auto !important; margin: 25px 0 0 0; padding: 0; background: transparent; float: left; display: inline; } .highlight .content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .highlight .content .embright { width: 45%; height: auto !important; margin: 25px 0 0 0; padding: 0; background: transparent; float: right; display: inline; } .highlight .content .embright iframe { width: 100%; height: 100%; min-height: 255px; padding: 0; margin: 0 0 0 0 } .highlight .content .embshell { width: 45%; height: auto !important; margin: 25px 0 0 0; padding: 0; background: transparent; float: left; display: inline; } .highlight .content .embshell iframe { width: 100%; height: 100%; min-height: 255px; padding: 0; margin: 0 0 0 0; } .highlight .content .embleft { width: 45%; height: auto !important; margin: 25px 0 0 0; padding: 0; background: transparent; float: left; display: inline; } .highlight .content .embleft iframe { width: 100%; height: 100%; min-height: 255px; padding: 0; margin: 0 0 0 0 } .highlight .content .words { position: relative; display: table-cell; text-align: center; width: 50%; margin: 0; padding: 3% 0 5% 0; background: #ededed;} .highlight>.content>.words>.padding { position: relative; text-align: left; width: 86%; margin: 0 auto; padding: 15px 7% 0px 7%; line-height: 2.0em;} .highlight>.content.alignright>.words>.padding { position: relative; text-align: left; width: 90%; margin: 0 auto; padding: 10px 5% 10px 5%; line-height: 2.0em;} .highlight.bgmedium>.content.alignright>.words .padding, .highlight.bgdark>.content.alignright>.words>.padding { width: 90%; padding: 20px 5% 20px 5%; } .highlight.bgwhite>.content.alignright>.words>.padding { width: 90%; padding: 30px 0 0px 10%;} .highlight>.content.alignleft>.words>.padding { position: relative; text-align: left; width: 90%; margin: 0 auto; padding: 10px 5% 10px 5%; line-height: 2.0em;} .highlight.bgmedium>.content.alignleft>.words .padding, .highlight.bgdark>.content.alignleft>.words>.padding { width: 90%; padding: 20px 5% 20px 5%; } .highlight.bgwhite>.content.alignleft>.words>.padding { width: 95%; padding: 10px 0 10px 5%;} .highlight>.content>.words>.padding .subtitle { color: #222222; font-size: 1.3em; font-weight: 600; line-height: 1.5em; padding-bottom: 15px; margin: 15px 0; border-bottom: 1px solid #999;} .highlight>.content>.words>.padding h2 { margin: 0px 0 5px 0; } .highlight>.content>.words>.padding p { line-height: 1.8em; margin: 10px 0 10px 0; } .highlight>.content>.words>.padding a { } .highlight>.content>.words>.padding>ul { position: relative; text-align: left; width: 80%; margin: 0 auto; } .highlight>.content>.words>.padding>ul>li { text-align: left; margin-bottom: 7px; line-height: 1.5em; } .highlight>.content>.words>.padding>ol { position: relative; text-align: left; width: 80%; margin: 0 auto; } .highlight>.content>.words>.padding>ol>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: left; width: 90%; margin: 0 5%; padding: 0; } .highlight .content .words .multibuttons li { list-style: none; position: relative; display: inline-block; background: #000; color: #FFFFFF; text-align: center; width: auto !important; padding: 5px 10px; margin: 0 10px 10px 0; font-size: 1em; } .highlight .content .words .multibuttons li a:link, .highlight .content .multibuttons li a:visited { background: #000; color:#FFFFFF; text-decoration: none; } .highlight .content .words .multibuttons li a:hover, .highlight .content .multibuttons li a:active { background: #000; color:#FFFFFF; text-decoration: underline; } .highlight .content .words .multibuttons li .multitext { display: inline-block; width: auto !important;} .highlight .content .words .multibuttons li .multitext .textmulti { display: none;} .highlight .content .words .multibuttons li .multitext .linktitle { font-family: "Work Sans", Arial, sans-serif;font-size: 1em; font-weight: 500; display: inline;} .highlight .content .words .multibuttons li .multitext .ctabutton { width: auto !important; margin: 0 auto; color: #FFFFFF; float: none; display: inline-block; } .highlight .content .words .multibuttons li .multitext .ctabutton button.modal-open { font-size: 1em; line-height: 1em; margin: 0px; padding: 0; text-align: center; width: auto; color: #FFFFFF; float: none; display: inline-block; } /* start Highlight Cluster 2019 styles*/ .highcluster { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 30px auto 50px auto; padding: 0px 0px 20px 0px; align-content: center;max-width: 1000px; } .highcluster>.content { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 0 auto 10px auto; padding: 0;} .highcluster>.content>.imgshell { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .highcluster>.content>.imgleft { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .highcluster .content>.imgcenter { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .highcluster .content .imgfull { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0;overflow: hidden; } .highcluster>.content>.imgright { position: relative; width: 50%; float: left; display: inline; margin: 0 0 1% 1%; padding: 0; overflow: hidden; } .highcluster .content .imgshell img, .highcluster .content .imgleft img, .highcluster .content .imgcenter img, .highcluster .content .imgfull img, .highcluster .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; } .highcluster .content .embcenter { width: 60%; height: auto !important; margin: 0; padding: 0; background: #FFF; float: left; display: inline; } .highcluster .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .highcluster .content .embfull { width: 60%; height: auto !important; margin: 0; padding: 0; background: #FFF; float: left; display: inline; } .highcluster .content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .highcluster .content .embright { width: 60%; margin: 0; padding: 0; background: #FFF; float: right; display: inline; } .highcluster .content .embright iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0; } .highcluster .content .embshell { width: 60%; height: auto !important; margin: 0; padding: 0; background: #FFF; float: left; display: inline; } .highcluster .content .embshell iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0; } .highcluster .content .embleft { width: 60%; height: auto !important; margin: 0; padding: 0; background: #FFF; float: left; display: inline; } .highcluster .content .embleft iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0; } .highcluster>.content>.words { position: absolute; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 365px; overflow: visible; margin: 0; padding: 0; } .highcluster>.content>.words>.padding { position: absolute; bottom: 5px; text-align: left; width: 40%; margin: 1%; padding: 1%; display: inline-block; color: #FFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; } .highcluster>.content>.words>.padding p { margin: 0; padding: 0; } .highcluster>.content>.words>.padding>.ctabutton { display: inline; float: left; width: auto; margin: 10px 0 0 0; padding: 10px;font-size: 0.8em; line-height: 0.3em; background: #ededed; } .highcluster>.content>.words>.padding>.ctabutton>a:link, .highcluster>.content>.words>.padding>.ctabutton>a:visited { color: #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%; height: auto !important; float: right; margin: 0; overflow: visible } .highcluster>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 96%; margin: 0 auto; } .highcluster>.content>.words>.multibuttons>ul>li { min-height: 85px; display: block; list-style: none; position: relative; color: #000; 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%; height: auto !important; margin: 0 auto;float: left; display: inline; overflow: visible; } .highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {position: relative; float: none; display: block; background: none; font-size: 1.25em; line-height: 1.0em; text-align: left; color:#ad1a1f;font-weight:700; margin: 0;} .highcluster>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} .highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {color: #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%; height: auto !important; margin: 0 auto;float: left; display: inline; overflow: visible } .highcluster>.content>.words>.multibuttons>ul>li>.multimgshell img{ width: 100%; margin: 0 auto;float: left; display: inline; } /* start Highlight Facts styles*/ .highfacts { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 30px auto; padding: 0px; align-content: center;max-width: 1000px; } .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.alignright>.imgright { position: relative; width: 50%; float: right; display: inline; margin: 0 0 1% 1%; padding: 0; overflow: hidden; } .highfacts .content .imgshell img, .highfacts .content .imgleft img, .highfacts .content .imgcenter img, .highfacts .content .imgfull img, .highfacts .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; } .highfacts>.content>.imgshell>.caption { margin: 0; padding: 0; text-align: left; } .highfacts>.content>.embshell { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .highfacts>.content>.embleft { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .highfacts .content>.embcenter { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .highfacts .content .embfull { position: relative; width: 50%; float: left; display: inline; margin: 0 1% 1% 0; padding: 0;overflow: hidden; } .highfacts>.content>.embright { position: relative; width: 50%; float: right; display: inline; margin: 0 0 1% 1%; padding: 0; overflow: hidden; } .highfacts .content .embshell iframe, .highfacts .content .embleft iframe, .highfacts .content .embcenter iframe, .highfacts .content .embfull iframe, .highfacts .content .embright iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0; } .highfacts>.content>.imgshell>.caption { margin: 0; padding: 0; text-align: left; } .highfacts>.content>.words { position: absolute; top: 0px; display:block; float: none; width: 100%; height: auto !important; min-height: 365px; overflow: visible; margin: 0; padding: 0; } .highfacts>.content>.words>.padding { position: absolute; bottom: 25px; text-align: left; width: 45%; margin: 1%; padding: 1%; display: inline-block; color: #FFFFFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; line-height: 1em; } .highfacts>.content.alignright>.words>.padding { position: absolute; bottom: 25px; text-align: left; width: 45%; margin: 1%; padding: 1%; display: inline-block; color: #FFFFFF; z-index: 1001; background:url(https://www.bard.edu/images/tints/80black.png) repeat; right: 0; line-height: 1em; } .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: #FFFFFF; margin: 0; } .highfacts>.content>.words>.multibuttons { position: absolute; top: 0; right: 0; width: 50%; float: right;margin: 0; } .highfacts>.content.alignright>.words>.multibuttons { position: absolute; top: 0; left: 0; width: 50%; float: left; 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: #000; text-align: center; padding: 3%; margin: 0 1% 2% 0; font-size: 1.1em; align-content: center; background: #ededed; } .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: 100%; margin: 0 auto;text-align: center; line-height: 2.0em; } .highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", Arial, sans-serif;position: relative; float: none; display: block; background: none; font-size: 2em; text-align: center; color:#ad1a1f;font-weight:600; margin: 5px 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: 700; background: #ededed;} .highfacts>.content .words>.multibuttons>li>.multitext>.textmulti { } .highfacts>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 1.0em; line-height: 1em; margin: 0px; padding: 0; text-transform: none; letter-spacing: none; 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: 100%; margin: 0 auto;float: left; display: inline; } /* start Hover Text Boxes */ .hovertext {width: 90%; margin: 0 auto 30px auto; padding: 0; max-width: 1300px; } .hovertext h2 { font-size: 2.8em; margin: 0 auto; text-align: center;} .hovertext #boxes { position: relative; display: block; width: 100%; height: auto !important; margin: 0 auto; max-width: 1300px; } .hovertext #boxes .row1, .hovertext #boxes .row2 { position: relative; display: block; width: 31%; height: auto !important; min-height: 250px; max-height: 250px; overflow: hidden; float: left; background: #FFF; font-family: "Work Sans", Arial, sans-serif; font-size: 1.0em; line-height:1.1em; color: #FFF; margin: 1%; } .hovertext #boxes .row1 h3, .hovertext #boxes .row2 h3 { font-family: "Work Sans", Arial, sans-serif;position: relative; top:0px; height: 10px;margin: 0px; padding: 10px 0px 60px 0px; z-index: 31; font-size: 1.5em; line-height:1.5em; color: #FFFFFF; } .hovertext #boxes .row1 .hov, .hovertext #boxes .row2 .hov { margin: 0px; padding: 10px 20px;font-family: "Work Sans", Arial, sans-serif; font-size: 1.0em; line-height:1.5em; color: #fff; display:block; background-image:url(https://www.bard.edu/images/tints/80black.png); background-repeat:repeat; background-position:0 0; height: 380px; } .hovertext #boxes .row2 .hov:hover, .hovertext #boxes .row2 .hov:active { text-decoration: none;} .hovertext #boxes .row1 img, .hovertext #boxes .row2 img { width: 100%; height: auto !important; z-index: 30; } .hovertext #boxes .row1 #embedshell { width: 100%; height: auto !important; overflow: hidden; } .hovertext #boxes .row1 iframe { width: 100%; height: 210px; z-index: 5; } /* animated text box on HP Boxes */ .hovertext #boxes .row1 .rowtext { width:100%; position:absolute; bottom:0; left:0; margin-bottom:-330px; border-radius:0px;} .hovertext #boxes .row1:hover .rowtext { margin-bottom:-150px; text-decoration: none; } .hovertext #boxes .row1 .rowtext a:link, .hovertext #boxes .row1 .rowtext a:visited, .hovertext #boxes .row1 .rowtext a:hover, .hovertext #boxes .row1 .rowtext a:active { text-decoration: none; } .hovertext #boxes .row1 .rowvideo { width:100%; position:absolute; bottom:0; left:0; margin-bottom:-300px; border-radius:0px; overflow:hidden;} .hovertext #boxes .row1:hover .rowvideo { margin-bottom:-300px; overflow:hidden; } .hovertext #boxes .row1 .rowvideo h3 { display:none;} .hovertext #boxes .row1:hover .rowvideo h3 { display:none; } .hovertext #boxes .rowtext { -webkit-transition: all 0.7s ease; transition: all 0.7s ease;} /* start One Column styles */ .onecol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0px 0; display: block; float: none; } /* CMS Background Colors */ .onecol.bgwhite { background: #FFF !important;} .onecol.bgwhite .words { color: #000; } .onecol.bgwhite>.content>.words>.padding>h2{ color: #000; } .onecol.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important; border: none; padding: 2%; } .onecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext, .onecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #000;} .onecol.bglight { background: #FFF !important;} .onecol.bglight .words, .onecol.bglight>.content>.words>.padding>h2{ color: #000; } .onecol.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .onecol.bgmedium { background: #FFF !important;} .onecol.bgmedium .words, .onecol.bgmedium>.content>.words>.padding>h2{ color: #000; } .onecol.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.subtitle, .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited { color:#FFF;} .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .onecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{ color:#FFF;} .onecol.bgdark { background: #FFF !important;} .onecol.bgdark>.content>.words { background: #222 !important;} .onecol.bgdark>.content>.words, .onecol.bgdark>.content>.words>.padding>h2{ color: #000; } .onecol.bgdark>.content>.words a, .onecol.bgdark>.content>.words>.padding a { color: #FFF; } .onecol.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle, .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited { color:#FFF;} .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .onecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{ color:#FFF;} .onecol.bgbright { background: #FFF !important;} .onecol.bgbright .words, .onecol.bgbright>.content>.words>.padding>h2{ color: #000; } .onecol.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.subtitle, .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #FFF; } .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited { color:#FFF;} .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .onecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{ color:#FFF;} /* CMS onecol Colors */ .onecol.hired .content .words .padding h2 { color: #000000; } .onecol.hired .content .words .padding .ctabutton>button.modal-open, .onecol.hired .content .words .padding .ctabutton>a:link, .onecol.hired .content .words .padding .ctabutton>a:visited, .onecol.hired .content .words .padding .cms-button>a:link, .onecol.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .onecol.hired .content .words .padding .ctabutton>a:active, .onecol.hired .content .words .padding .ctabutton>a:hover, .onecol.hired .content .words .padding .cms-button>a:active, .onecol.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .onecol.hired>.content>.words .padding strong, .onecol.hired .content>.words>.multibuttons>ul>li>.multitext .cms-subtitle, .onecol.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .onecol.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited, .onecol.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .onecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .onecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .onecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .onecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .onecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .onecol.himedium .content .words .padding h2 { color: #000000; } .onecol.himedium .content .words .padding .subtitle { color: #000000; } .onecol.himedium .content .words .padding .ctabutton>button.modal-open, .onecol.himedium .content .words .padding .ctabutton>a:link, .onecol.himedium .content .words .padding .ctabutton>a:visited, .onecol.himedium .content .words .padding .cms-button>a:link, .onecol.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .onecol.himedium .content>.words .padding strong, .onecol.himedium .content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1, .onecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .onecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited, .onecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .onecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.mftext>a:link, .onecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.mftext>a:visited { color: #465449; font-weight: 700;} .onecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .onecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .onecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { color: #FFF; background: #465449 !important;} .onecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .onecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { color: #FFF; background: #ad1a1f !important; } .onecol.hibright .content .words .padding h2 { color: #000000; } .onecol.hibright .content .words .padding .ctabutton>button.modal-open, .onecol.hibright .content .words .padding .ctabutton>a:link, .onecol.hibright .content .words .padding .ctabutton>a:visited, .onecol.hibright .content .words .padding .cms-button>a:link, .onecol.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .onecol.higright .content>.words .padding strong, .onecol.hibright .content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1, .onecol.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .onecol.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited, .onecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .onecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .onecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .onecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .onecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .onecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .onecol.hidark .content .words .padding h2 { color: #000000; } .onecol.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .onecol.hidark .content .words .padding .ctabutton>a:link, .onecol.hidark .content .words .padding .ctabutton>a:visited, .onecol.hidark .content .words .padding .cms-button>a:link, .onecol.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .onecol.hidark .content>.words .padding strong, .onecol.hidark .content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1, .onecol.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .onecol.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited, .onecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .onecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .onecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .onecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .onecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .onecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .onecol>.content { position: relative; width: 85%; max-width: 1000px; height: auto; margin: 0 auto; padding: 1%; display: table; } .onecol>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto; float: none; padding: 0;} .onecol>.content>.words>.padding { position: relative; text-align: left; width: 20%; float: left; display: inline; padding: 1% 2% 2% 0; margin: 0; } .onecol>.content>.words>.padding>p { line-height:1.5em; margin: 5px 0; } .onecol>.content>.words>.padding>h2 { text-align: left; color: #000000; font-weight: 700; font-size: 2.0em; padding: 20px 0; margin:0 auto; line-height:1em; } .onecol>.content>.words>.padding>.subtitle { margin:0 0 20px 0; text-align: left; font-size: 1.3em; line-height: 1.2em; color: #222222;} .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: 77%; max-width: 77%; display: inline; float: left; margin: 0px; padding: 0; border-left: 1px dashed #222;} .onecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: block; padding: 0; } .onecol>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display:table; float: none; margin: 0 0 0 0; padding: 0%; height: auto; vertical-align: top; background: #FFFFFF; } .onecol>.content>.words>.multibuttons>ul>li>.multimgshell {position: relative; width: 45%; height: auto; overflow: hidden; padding: 0%; margin: 0 5% -7px 0; display: inline; float: left; vertical-align: top; } .onecol>.content>.words>.multibuttons>ul>li>.multimgleft {position: relative; width: 45%; height: auto; overflow: hidden; padding: 0; margin: 0 5% -7px 0;display: inline; float: left; vertical-align: top; } .onecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0 0 0 0;display: block; float: none; vertical-align: top; } .onecol>.content>.words>.multibuttons>ul>li>.multimgshell img, .onecol>.content>.words>.multibuttons>ul>li>.multimgleft 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: 45%; height: auto; overflow: hidden; padding: 0; margin: 0 0 -7px 5%;display: inline; vertical-align: top; float: right; } .onecol>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; } /* one-col multiimg center modified for tall/vertical/portrait images */ .onecol>.content>.words>.multibuttons>ul>li>.multimgcenter {position: relative; width: 20%; height: auto; max-height: 230px; overflow: hidden; padding: 0; margin: 5px 20px 5px 0; display: table-cell; float: left;} .onecol>.content>.words>.multibuttons>ul>li>.multimgcenter img { position: relative; width: 100%; height: 100%; } .onecol>.content>.words>.multibuttons>ul>li>.multimgshell iframe {width: 100%; height: 100%; } .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: 5%; margin: 0; font-size: 1em; line-height: 1.7em; display: block; color: #000; text-align: left; vertical-align: top; } .onecol>.content>.words>.multibuttons>ul>li>.multitext .cms-button {} .onecol>.content>.words>.multibuttons>ul>li>.multitext .cms-caption {color: #222;} .onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", Arial, sans-serif; font-size: 1.5em; text-align: left; color:#000; font-weight:700; margin: 0px; padding:0; } .onecol>.content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1 {font-size: 2.2em; } .onecol>.content>.words>.multibuttons>ul>li>.multitext .subtitle {margin: 0px 0px 0px 0px;} .onecol>.content>.words>.multibuttons>ul>li>.multitext>p {margin: 20px 0px 5px 0px; padding:0; } .onecol>.content>.words>.multibuttons>ul>li>.multitext>a:link, .onecol>.content>.words>.multibuttons>ul>li>.multitext>a:visited {text-decoration:underline;color:#222;} .onecol>.content>.words>.multibuttons>ul>li>.multitext>a:active, .onecol>.content>.words>.multibuttons>ul>li>.multitext>a:hover{text-decoration:underline;color:#222;} .onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;color:#222;} .onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;color:#222;} .onecol>.content>.words>.multibuttons>ul>li>.multitext td { padding: 2% 1%; vertical-align: top; } /* Parallax */ .jarallax { position: relative; width: 100%; height: auto !important; padding: 0; } .jarallax .content { position: relative; width: 100%; height: 800px; display:block; margin: 30px 0; } .jarallax .content .caption { margin: 5px 0; width: 100%;} /* hiding traditional image and embed areas */ .jarallax .content .imgcenter, .jarallax .content .imgfull, .jarallax .content .imgright, .jarallax .content .imgshell { display: none; } .jarallax .content .embcenter, .jarallax .content .embfull, .jarallax .content .embright, .jarallax .content .embshell { display: none; } .jarallax .content .words { position: absolute; bottom: 25%; left: 18%; width: 60%; max-width: 1000px; height: auto; z-index: 1000; background: rgba(255, 255, 255, 0.85); border: 1px solid #222; } .jarallax.alignright .content .words { position: absolute; bottom: 25%; left: 18%; width: 35%; max-width: 1000px; height: auto; z-index: 1000; background: rgba(255, 255, 255, 0.85); border: 1px solid #222; } .jarallax.alignleft .content .words { position: absolute; bottom: 25%; left: unset; right: 18%; width: 35%; max-width: 1000px; height: auto; z-index: 1000; background: rgba(255, 255, 255, 0.85); border: 1px solid #222; } .jarallax .content .words .padding { position: relative; width: 85%; margin: 30px auto; color: #222; } .jarallax .content .words .padding>h2 { color: #222; font-size: 2em; font-family: "Work Sans", Helvetica, sans-serif !important;} .jarallax .content .words .padding p { font-size: 1em; line-height: 1.5em; } .jarallax .content .words .padding .hide { display: none; } .jarallax .multibuttons ul, .jarallax.multibuttons ul li, .jarallax.multibuttons ul li .multitext {list-style: none; padding: 0; margin: 0 auto 5px auto; text-align: center; } .jarallax .multibuttons ul {width: 30%; padding: 20px; border: 1px solid #222222; background:#FFFFFF;} .jarallax .multibuttons ul li .multitext .linktitle { width: auto !important; max-width: 40%;height: auto; margin: 10px auto; padding: 7px; color: #FFFFFF; font-family: "Work Sans", Arial, sans-serif; white-space: nowrap; font-size:.75em; line-height: .5em; font-weight: 700; text-align: center;} .jarallax .multibuttons ul li .multitext .linktitle a:link, .jarallax .multibuttons ul li .multitext .linktitle a:visited { color: #FFFFFF; text-decoration: none; background: #ad1a1f; padding: 5px 10px; } .jarallax .multibuttons ul li .multitext .linktitle a:hover, .jarallax .multibuttons ul li .multitext .linktitle a:active { color: #FFFFFF; text-decoration: underline;background: #ad1a1f; padding: 5px 10px; } .jarallax .jarallax-container { margin: 0 0 50px 0 !important; } .jarallax .jarallax-container .jarallax-img { width: 100%; height: auto !important; } .jarallax .jarallax-container .jarallax-img img { } /* Photo Cluster */ #photocluster { position: relative; width: 100%; height: auto !important; display: block; float: none; margin: 30px auto; padding: 0; max-width: 1000px; } #photocluster .content h2 { padding: 0; margin: 20px 0 10px 0; text-align: left; } #photocluster .content .subtitle { font-weight: 600; } #photocluster .content .solophoto { position: relative; width: 50%; float: left; margin: 0; padding: 0; z-index:1000; display: none;} #photocluster .content .solophoto .soloimg { position: relative; width: 100%; height: auto !important; max-height: 557px; display: block; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } #photocluster .content .solophoto .soloimg img { width: 100%; height: auto !important; margin: 0; padding: 0; } #photocluster .content .solophoto .solovid { position: relative; width: 100%; height: auto !important; display: block; margin: 0; padding: 0; overflow: visible;} #photocluster .content .solophoto .solovid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 500px;} #photocluster .content .solophoto .solotext { position: absolute; bottom: 0; width: 90%; height: auto !important; display: block; margin: 0; padding: 5%; color: #FFFFFF; font-size: 1.7em; font-weight: 600;z-index:1001; } #photocluster .content .solophoto .solotext h2 { color: #FFFFFF; font-size: 1.7em; } #photocluster .content .solophoto .solocaption { position: relative; background: #ededed; margin-top: 15px;padding: 20px; } #photocluster .content .cluster { position: relative; width: 100%; float: none; margin: 20px 0 0 0; padding: 0; display: inline-table;} #photocluster .content .cluster .clustimg { position: relative; width: 24%; height: 240px; max-height: 240px; float: left; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } #photocluster .content .cluster .clustimg img { width: 100%; height: auto !important; } #photocluster .content .cluster .clustimg .clustvid { position: relative; width: 100%; height: auto; margin: 0; padding: 0; } #photocluster .content .cluster .clustimg .clustvid iframe { position: absolute;top: 0;left: 0; width: 100%; height: 100%; min-height: 200px;} #photocluster .content .cluster .clustimg iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: visible; z-index: 9999;} #photocluster .cluster .clustimg .clusttext { position: absolute; bottom: 1%; width: 80%; height: auto !important; display: block; margin: 0; padding: 10% 10% 2% 10%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } #photocluster .cluster .clustimg .clusttext p { margin: 0 0 10px 0; } #photocluster .cluster .clustimg .clusttext .subtitle { color: #ededed; font-size: 1.0em; margin: 5px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } #photocluster .cluster .clustimg .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } #photocluster .cluster .clustimg .clusttext .cms-button a:link, #photocluster .cluster .clustimg .clusttext .cms-button a:visited { background: #ad1a1f; } #photocluster .cluster .clustimgleft { position: relative; width: 49%; height: 490px; max-height: 490px; float: left; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } #photocluster .cluster .clustimgleft img { width: 100%; height: auto !important; } #photocluster .cluster .clustimgleft .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 10% 5% 3% 5%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } #photocluster .cluster .clustimgleft .clusttext .subtitle { color: #ededed; font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } #photocluster .cluster .clustimgleft .clusttext p { margin: 0 0 10px 0; } #photocluster .cluster .clustimgleft .clusttext a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF; } #photocluster .cluster .clustimgleft .clusttext .caption { font-size: .5em; color: #FFFFFF; margin: 5px auto; font-style: italic; } #photocluster .cluster .clustimgleft .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } #photocluster .cluster .clustimgleft .clusttext .cms-button a:link, #photocluster .cluster .clustimgleft .clusttext .cms-button a:visited { background: #ad1a1f; } #photocluster .cluster .clustimgright { position: relative; width: 49%; height: 490px; max-height: 490px; float: right; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } #photocluster .cluster .clustimgright img { width: 100%; height: auto !important; } #photocluster .cluster .clustimgright:hover img {overflow: hidden; } #photocluster .cluster .clustimgright .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 10% 5% 3% 5%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } #photocluster .cluster .clustimgright .clusttext p { margin: 0 0 10px 0; } #photocluster .cluster .clustimgright .clusttext a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF; } #photocluster .cluster .clustimgright .clusttext .caption { font-size: .5em; color: #FFFFFF; margin: 5px auto; font-style: italic; } #photocluster .cluster .clustimgright .clusttext .subtitle { color: #ededed; font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } #photocluster .cluster .clustimgright .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } #photocluster .cluster .clustimgright .clusttext .cms-button a:link, #photocluster .cluster .clustimgright .clusttext .cms-button a:visited { background: #ad1a1f; } #photocluster .cluster .clustimgfull { position: relative; width: 49%; height: 490px; max-height: 490px; float: right; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } #photocluster .cluster .clustimgfull img { width: 100%; height: auto !important; } #photocluster .cluster .clustimgfull .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 10% 5% 3% 5%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } #photocluster .cluster .clustimgfull .clusttext p { margin: 0 0 10px 0; } #photocluster .cluster .clustimgfull .clusttext a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF; } #photocluster .cluster .clustimgfull .clusttext .caption { font-size: .5em; color: #FFFFFF; margin: 5px auto; font-style: italic; } #photocluster .cluster .clustimgfull .clusttext .subtitle { color: #ededed; font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } #photocluster .cluster .clustimgfull .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } #photocluster .cluster .clustimgfull .clusttext .cms-button a:link, #photocluster .cluster .clustimgfull .clusttext .cms-button a:visited { background: #ad1a1f; } /* Photo Cluster */ .photocluster { position: relative; width: 100%; height: auto !important; display: block; float: none; margin: 30px auto; padding: 0; max-width: 1000px; } .photocluster .content h2 { padding: 0; margin: 20px 0 10px 0; text-align: left; } .photocluster .content .subtitle { font-weight: 600; } .photocluster .content .solophoto { position: relative; width: 50%; float: left; margin: 0; padding: 0; z-index:1000; display: none;} .photocluster .content .solophoto .soloimg { position: relative; width: 100%; height: auto !important; max-height: 557px; display: block; margin: 0 1% 1% 0; padding: 0; overflow: hidden; } .photocluster .content .solophoto .soloimg img { width: 100%; height: auto !important; margin: 0; padding: 0; } .photocluster .content .solophoto .solovid { position: relative; width: 100%; height: auto !important; display: block; margin: 0; padding: 0; overflow: visible;} .photocluster .content .solophoto .solovid iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; max-height: 500px;} .photocluster .content .solophoto .solotext { position: absolute; bottom: 0; width: 90%; height: auto !important; display: block; margin: 0; padding: 5%; color: #FFFFFF; font-size: 1.7em; font-weight: 600;z-index:1001; } .photocluster .content .solophoto .solotext h2 { color: #FFFFFF; font-size: 1.7em; } .photocluster .content .solophoto .solocaption { position: relative; background: #ededed; margin-top: 15px;padding: 20px; } .photocluster .content .cluster { position: relative; width: 100%; float: none; margin: 20px 0 0 0; padding: 0; display: inline-table;} .photocluster .content .cluster .clustimg { position: relative; width: 24%; height: 240px; max-height: 240px; float: left; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } .photocluster .content .cluster .clustimg img { width: 100%; height: auto !important; } .photocluster .content .cluster .clustimg .clustvid { position: relative; width: 100%; height: auto; margin: 0; padding: 0; } .photocluster .content .cluster .clustimg .clustvid iframe { position: absolute;top: 0;left: 0; width: 100%; height: 100%; min-height: 200px;} .photocluster .content .cluster .clustimg iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; overflow: visible; z-index: 9999;} .photocluster .cluster .clustimg .clusttext { position: absolute; bottom: 1%; width: 80%; height: auto !important; display: block; margin: 0; padding: 10% 10% 2% 10%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } .photocluster .cluster .clustimg .clusttext p { margin: 0 0 10px 0; } .photocluster .cluster .clustimg .clusttext .subtitle { color: #ededed; font-size: 1.0em; margin: 5px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } .photocluster .cluster .clustimg .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } .photocluster .cluster .clustimg .clusttext .cms-button a:link, .photocluster .cluster .clustimg .clusttext .cms-button a:visited { background: #ad1a1f; } .photocluster .cluster .clustimgleft { position: relative; width: 49%; height: 490px; max-height: 490px; float: left; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } .photocluster .cluster .clustimgleft img { width: 100%; height: auto !important; } .photocluster .cluster .clustimgleft .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 10% 5% 3% 5%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } .photocluster .cluster .clustimgleft .clusttext .subtitle { color: #ededed; font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } .photocluster .cluster .clustimgleft .clusttext p { margin: 0 0 10px 0; } .photocluster .cluster .clustimgleft .clusttext a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF; } .photocluster .cluster .clustimgleft .clusttext .caption { font-size: .5em; color: #FFFFFF; margin: 5px auto; font-style: italic; } .photocluster .cluster .clustimgleft .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } .photocluster .cluster .clustimgleft .clusttext .cms-button a:link, .photocluster .cluster .clustimgleft .clusttext .cms-button a:visited { background: #ad1a1f; } .photocluster .cluster .clustimgright { position: relative; width: 49%; height: 490px; max-height: 490px; float: right; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } .photocluster .cluster .clustimgright img { width: 100%; height: auto !important; } .photocluster .cluster .clustimgright:hover img {overflow: hidden; } .photocluster .cluster .clustimgright .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 10% 5% 3% 5%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } .photocluster .cluster .clustimgright .clusttext p { margin: 0 0 10px 0; } .photocluster .cluster .clustimgright .clusttext a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF; } .photocluster .cluster .clustimgright .clusttext .caption { font-size: .5em; color: #FFFFFF; margin: 5px auto; font-style: italic; } .photocluster .cluster .clustimgright .clusttext .subtitle { color: #ededed; font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } .photocluster .cluster .clustimgright .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } .photocluster .cluster .clustimgright .clusttext .cms-button a:link, .photocluster .cluster .clustimgright .clusttext .cms-button a:visited { background: #ad1a1f; } .photocluster .cluster .clustimgfull { position: relative; width: 49%; height: 490px; max-height: 490px; float: right; margin: 0 1% 1% 0; padding: 0; background: #000000; color: #FFFFFF; } .photocluster .cluster .clustimgfull img { width: 100%; height: auto !important; } .photocluster .cluster .clustimgfull .clusttext { position: absolute; bottom: 1%; width: 90%; height: auto !important; display: block; margin: 0; padding: 10% 5% 3% 5%; font-size: 1.4em; color: #FFFFFF; font-weight: 400; } .photocluster .cluster .clustimgfull .clusttext p { margin: 0 0 10px 0; } .photocluster .cluster .clustimgfull .clusttext a { color: #FFFFFF; text-decoration: none; border-bottom: 1px dashed #FFFFFF; } .photocluster .cluster .clustimgfull .clusttext .caption { font-size: .5em; color: #FFFFFF; margin: 5px auto; font-style: italic; } .photocluster .cluster .clustimgfull .clusttext .subtitle { color: #ededed; font-size: 1.1em; margin: 10px 0px 5px 0px; padding: 0 0 5px 0; border-bottom: 1px solid #FFFFFF; } .photocluster .cluster .clustimgfull .clusttext .cms-button { margin: 20px 0 10px 0; background: #ad1a1f; font-size: 0.7em; } .photocluster .cluster .clustimgfull .clusttext .cms-button a:link, .photocluster .cluster .clustimgfull .clusttext .cms-button a:visited { background: #ad1a1f; } /* Section Header Styles*/ .section { position:relative; display:block; width:100%; height: auto; overflow: visible; margin: 30px auto 30px auto; padding: 0px; align-content: center;max-width: 1000px; background:url(https://www.bard.edu/images/line.png) repeat-x; } /* CMS Background Colors */ .section.bgwhite { background: #FFF !important;} .section.bgwhite .words, .section.bgwhite>.content>.words>.padding>h2{ color: #222; } .section.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .section.bglight { background: #ededed !important; max-width: 100%; padding: 30px 0; margin-bottom: 30px; } .section.bglight .content, .section.bglight .content .words, .section.bglight>.content>.words>.padding, .section.bglight>.content>.words>.padding>h2{ background: #ededed; color: #222; } .section.bglight>.content>.words>.padding .cms-button a { background: #000000; color: #FFF; } .section.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .section.bgmedium { background: #465449 !important; max-width: 100%; padding: 30px 0; margin-bottom: 30px; } .section.bgmedium .content, .section.bgmedium .content .words, .section.bgmedium .words a, .section.bgmedium>.content>.words>.padding>h2{ background: #465449; color: #FFF; } .section.bgmedium>.content>.words>.padding .cms-button a { background: #000000; color: #FFF; } .section.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .section.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .section.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #FFF;} .section.bgmedium>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF; } .section.bgdark { background: #364c59 !important; max-width: 100%; padding: 30px 0; margin-bottom: 30px; } .section.bgdark .content, .section.bgdark .content .words, .section.bgdark .words a, .section.bgdark>.content>.words>.padding>h2{ background: #364c59; color: #FFF; } .section.bgdark>.content>.words>.padding .cms-button a { background: #000000; color: #FFF; } .section.bgdark>.content>.words>.multibuttons>ul>li { color: #FFF; } .section.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .section.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #FFF; } .section.bgdark>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF; } .section.bgbright { background: #6e3939 !important; max-width: 100%; padding: 30px 0; margin-bottom: 30px; } .section.bgbright .content, .section.bgbright .content .words, .section.bgbright .words a, .section.bgbright>.content>.words>.padding>h2{ background: #6e3939; color: #FFF; } .section.bgbright>.content>.words>.padding .cms-button a { background: #000000; color: #FFF; } .section.bgbright>.content>.words>.multibuttons>ul>li { color: #FFF; } .section.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .section.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #FFF; } .section.bgbright>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF; } /* CMS Highlight Colors */ .section.hired .content .words .padding h2 { color: #ad1a1f; } .section.hired .content .words .padding .ctabutton>button.modal-open, .section.hired .content .words .padding .ctabutton>a:link, .section.hired .content .words .padding .ctabutton>a:visited, .section.hired .content .words .padding .cms-button>a:link, .section.hired .content .words .padding .cms-button>a:visited { background: #ad1a1f !important;} .section.hired .content .words .padding .ctabutton>a:active, .section.hired .content .words .padding .ctabutton>a:hover, .section.hired .content .words .padding .cms-button>a:active, .section.hired .content .words .padding .cms-button>a:hover { background: #f70707 !important;} .section.hired>.content>.words .padding strong { color: #ad1a1f; } .section.hired .multibuttons ul li .multitext .linktitle { background: #ad1a1f !important; transition: 0.8s ease; } .section.hired .multibuttons ul li .multitext .linktitle:hover { background: #f70707 !important; opacity: 1; } .section.himedium .content .words .padding h2 { color: #465449; } .section.himedium .content .words .padding .subtitle { color: #0000; } .section.himedium .content .words .padding .ctabutton>button.modal-open, .section.himedium .content .words .padding .ctabutton>a:link, .section.himedium .content .words .padding .ctabutton>a:visited, .section.himedium .content .words .padding .cms-button>a:link, .section.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .section.himedium .multibuttons ul li .multitext .linktitle { background: #f70707 !important; } .section.himedium .content>.words .padding strong { color: #465449; } .section.hibright .content .words .padding h2 { color: #6e3939; } .section.hibright .content .words .padding .ctabutton>button.modal-open, .section.hibright .content .words .padding .ctabutton>a:link, .section.hibright .content .words .padding .ctabutton>a:visited, .section.hibright .content .words .padding .cms-button>a:link, .section.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .section.hibright .multibuttons ul li .multitext .linktitle { background: #f70707 !important; } .section.higright .content>.words .padding strong { color: #6e3939; } .section.hidark .content .words .padding h2 { color: #364c59; } .section.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .section.hidark .content .words .padding .ctabutton>a:link, .section.hidark .content .words .padding .ctabutton>a:visited, .section.hidark .content .words .padding .cms-button>a:link, .section.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .section.hidark .multibuttons ul li .multitext .linktitle { background: #f70707 !important; } .section.hidark .content>.words .padding strong { color: #364c59; }.section>.content { position: relative; display:block; float: none; width: 100%; max-width: 1000px; overflow: hidden; margin: 0 auto; padding: 0; text-align: center; } .section>.content .imgshell { position: relative; width: 50%; height: auto; margin: 2% auto 1% auto;} .section>.content .embshell { position: relative; width: 100%; height: auto !important; margin: 0 auto;} .section>.content .embshell iframe { position: relative; width: 100%; height: 100% !important; min-height: 500px; margin: 0 auto;} .section>.content>.words>.padding>h2 { position: relative; display: inline-block; text-align: center; height: 30px; padding: 5px 10px; margin: 0; color: #000; background: #FFFFFF; clear: both; line-height: 20px; } .section>.content>.words>.padding>.ctabutton { position: relative; display: table; text-align: center; width: auto !important; margin: 10px auto;} .section>.content p { position: relative; width: 100%; margin: 0px auto; padding: 1%; line-height: 36px; } .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 .subtitle { font-size: 1.3em; line-height: 1.5em; font-weight: 600; margin: 20px 0; color: #000;} .section>.content>.words>.multibuttons { position: relative; width: 100%; height: auto !important; margin: 0px auto 0px auto; padding: 0; z-index: 100; } .section>.content>.words>.multibuttons ul { display: block; position: relative; width: 100%; margin: 0px auto; padding: 0; align-items: center; text-align: center; } .section>.content>.words>.multibuttons ul li { list-style: none; display: inline-block; } .section>.content>.words>.multibuttons ul li .multitext .linktitle { font-family: "Work Sans", Arial, sans-serif;position: relative; display:inline; float: left; background: #000; margin: 5px; padding: 2px 1px; text-align: center; } .section>.content>.words>.multibuttons ul li .multitext .linktitle a { color: #FFFFFF; text-decoration: none; font-size: 1em; font-weight: 600; padding: 1px 15px; transition: 0.8s ease; } .section>.content>.words>.multibuttons ul li .multitext .linktitle a:hover { opacity: 1; } .section>.content>.words>.multibuttons ul li .multimgfull { position: relative; display: block; width: 100%; height: auto; padding: 0; margin: 0; } .section>.content>.words>.multibuttons ul li .multimgfull img { position: relative; display: block; width: 100%; height: auto; padding: 0; margin: 0; } .section>.content>.words>.multibuttons ul li>.multitext .subtitle, .section>.content>.words>.multibuttons ul li>.multitext .mftext, .section>.content>.words>.multibuttons ul li>.multitext .ctabutton { display: none; } /* ---- Slideshow/Carousel Styles (Slick) ------ */ .slideshow { position: relative; display: block; width: 100%; height: auto; margin: 30px 0; padding: 0; } .slideshow .content, .slideshow .content .words { position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; } .slideshow .content .words .padding { position: relative; display: block; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; padding: 0; } /* Subhead Styles*/ .subhead { position: relative; display: block; width:100%; height: auto !important; overflow: visible; margin: 30px auto 30px auto; padding: 0px; border-top: 1px solid #999; border-bottom: 1px solid #999; } /* CMS Background Colors */ .subhead.bgwhite { background: #FFF !important;} .subhead.bgwhite .words, .subhead.bgwhite>.content>.words>.padding>h2{ color: #222; } .subhead.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .subhead.bglight { background: #ededed !important;} .subhead.bglight .words, .subhead.bglight>.content>.words>.padding>h2{ color: #222; } .subhead.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .subhead.bglight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { background: #FFF; } .subhead.bgmedium { background: #465449 !important;} .subhead.bgmedium .words, .subhead.bgmedium .words a, .subhead.bgmedium>.content>.words>.padding>h2{ color: #FFF; } .subhead.bgmedium>.content>.words>.padding .subtitle { color: #FFF;} .subhead.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .subhead.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .subhead.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #FFF;} .subhead.bgmedium>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF; } .subhead.bgdark { background: #364c59 !important;} .subhead.bgdark .words, .subhead.bgdark .words a, .subhead.bgdark>.content>.words>.padding>h2{ color: #FFF; } .subhead.bgdark>.content>.words>.padding .subtitle { color: #FFF;} .subhead.bgdark>.content>.words>.multibuttons>ul>li { color: #FFF; } .subhead.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .subhead.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #FFF; } .subhead.bgdark>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF; } .subhead.bgbright { background: #6e3939 !important;} .subhead.bgbright .words, .subhead.bgbright .words a, .subhead.bgbright>.content>.words>.padding>h2{ color: #FFF; } .subhead.bgbright .content>.words>.padding .subtitle { color: #FFF;} .subhead.bgbright>.content>.words>.multibuttons>ul>li { color: #FFF; } .subhead.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .subhead.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { color: #FFF; } .subhead.bgbright>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF; } /* CMS Highlight Colors */ .subhead.hired .content .words .padding h2 { color: #ad1a1f; } .subhead.hired .content .words .padding .ctabutton>button.modal-open, .subhead.hired .content .words .padding .ctabutton>a:link, .subhead.hired .content .words .padding .ctabutton>a:visited, .subhead.hired .content .words .padding .cms-button>a:link, .subhead.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .subhead.hired .content .words .padding .ctabutton>a:active, .subhead.hired .content .words .padding .ctabutton>a:hover, .subhead.hired .content .words .padding .cms-button>a:active, .subhead.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .subhead.hired>.content>.words .padding strong { color: #ad1a1f; } .subhead.himedium .content .words .padding h2 { color: #465449; } .subhead.himedium .content .words .padding .subtitle { color: #000000; } .subhead.himedium .content .words .padding .ctabutton>button.modal-open, .subhead.himedium .content .words .padding .ctabutton>a:link, .subhead.himedium .content .words .padding .ctabutton>a:visited, .subhead.himedium .content .words .padding .cms-button>a:link, .subhead.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .subhead.himedium .content>.words .padding strong { color: #465449; } .subhead.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle { } .subhead.hibright .content .words .padding h2 { color: #6e3939; } .subhead.hibright .content .words .padding .ctabutton>button.modal-open, .subhead.hibright .content .words .padding .ctabutton>a:link, .subhead.hibright .content .words .padding .ctabutton>a:visited, .subhead.hibright .content .words .padding .cms-button>a:link, .subhead.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .subhead.higright .content>.words .padding strong { color: #6e3939; } .subhead.hidark .content .words .padding h2 { color: #364c59; } .subhead.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .subhead.hidark .content .words .padding .ctabutton>a:link, .subhead.hidark .content .words .padding .ctabutton>a:visited, .subhead.hidark .content .words .padding .cms-button>a:link, .subhead.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .subhead.hidark .content>.words .padding strong{ color: #364c59; } .subhead>.content { position: relative; display: table; float: none; width: 100%; max-width: 1000px; height: auto !important; min-height: 70px; overflow: visible; margin: 15px auto; padding: 0 0 20px 0; } .subhead>.content .imgshell { position: relative; display: table-cell; float: left; width: 8%; height: auto; overflow: visible; margin: 0 2% 0 0; padding: 10px 0 0 0; } .subhead>.content>.words { position: relative; display: table-cell; float: left; width: 100%; overflow: visible; margin: 0; padding: 0; text-align: left; } .subhead>.content>.words>.padding { position: relative; display:inline; float: left; width: auto; overflow: visible; margin: 10px 20px 0 0; padding: 0; text-align: left; } .subhead>.content>.words>.padding h2 { margin: 10px 0 5px 0; } .subhead>.content>.words>.padding .subtitle { font-size: 1.5em; line-height: 1.5em; font-weight: 700; margin: 0; color: #222;} .subhead>.content>.words>.padding p { line-height: 28px;} .subhead>.content>.words>.padding>.ctabutton { } .subhead>.content p { margin: 0; } .subhead>.content>.words>.multibuttons { display: inline; float: left; width: auto; } .subhead>.content>.words>.multibuttons>ul { display: block; width: 100%; padding: 0; margin: 0px; } .subhead>.content>.words>.multibuttons>ul>li { list-style: none; display: inline; } .subhead>.content>.words>.multibuttons>ul>li>.multitext { list-style: none; display: inline; float: left; margin: 20px 20px 10px 0; } .subhead>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { position: relative; display:inline; float: none; background:url(https://www.bard.edu/images/tints/15white.png) repeat; border: 1px solid #CCCCCC; margin: 10px auto; padding: 8px 10px; text-align: center; transition: 0.8s ease; } .subhead>.content>.words>.multibuttons ul li>.multitext>.linktitle:hover { color: #FFF; text-decoration: none; font-size: 1em; font-weight: 400; background: #ad1a1f; opacity: 1; } .subhead>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #222222; text-decoration: none; font-size: 1em; font-weight: 400; transition: 0.8s ease; } .subhead>.content>.words>.multibuttons ul li>.multitext>.linktitle a:hover { color: #FFF; transition: 0.8s ease; } .subhead>.content>.words>.multibuttons ul li>.multitext .subtitle, .subhead>.content>.words>.multibuttons ul li>.multitext .mftext, .subhead>.content>.words>.multibuttons ul li>.multitext .ctabutton { display: none; } .subhead.hired>.content { padding: 0 0 0 0 !important; } .subhead.hired>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { background: #c11c1c !important; border: none !important; transition: 0.8s ease; } .subhead.hired>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #FFF !important; transition: 0.8s ease; } /* Swooping Header 2024 */ .swoophead { position:relative; display: block; width:100%; height: auto !important; min-height: 0; overflow: visible; margin: 0 auto 30px auto; padding: 0; } /* CMS Background Colors */ .swoophead.bgwhite .content .words .padding .ctabutton a:link, .swoophead.bgwhite .content .words .padding .ctabutton a:visited {background: #FFF !important; } .swoophead.bgwhite>.content>.words>.multibuttons {background: #FFF !important;} .swoophead.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .swoophead.bglight .content .words .padding .ctabutton a:link, .swoophead.bglight .content .words .padding .ctabutton a:visited {background: #222 !important; } .swoophead.bglight>.content>.words>.multibuttons {background: #ededed !important;} .swoophead.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} /* Medium Background Mods */ .swoophead.bgmedium .content .words .padding .ctabutton a:link, .swoophead.bgmedium .content .words .padding .ctabutton a:visited {background: #465449 !important; } .swoophead.bgmedium>.content>.words>.padding .subtitle {color: #465449;} .swoophead.bgmedium>.content>.words>.multibuttons { background: #465449 !important; color: #FFF; } .swoophead.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .swoophead.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .swoophead.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.subtitle {background: #465449 !important; color: #FFF; padding: 0; margin: 5px 0; } .swoophead.bgmedium>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } /* Dark Background Mods */ .swoophead.bgdark .content .words .padding .ctabutton a:link, .swoophead.bgdark .content .words .padding .ctabutton a:visited, .swoophead.bgdark .content .words .padding .ctabutton>button.modal-open { background: #364c59 !important; } .swoophead.bgdark>.content>.words>.padding .subtitle {color: #364c59;} .swoophead.bgdark>.content>.words>.multibuttons {background: #364c59 !important; color: #FFF; } .swoophead.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .swoophead.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .swoophead.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle {background: #364c59 !important; color: #FFF; padding: 0; margin: 5px 0; } .swoophead.bgdark>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } /* Bright Background Mods */ .swoophead.bgbright .content .words .padding .ctabutton a:link, .swoophead.bgbright .content .words .padding .ctabutton a:visited {background: #6e3939 !important; } .swoophead.bgbright>.content>.words>.padding .subtitle {color: #6e3939;} .swoophead.bgbright>.content>.words>.multibuttons {background: #6e3939 !important; color: #FFF; } .swoophead.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .swoophead.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .swoophead.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.subtitle {background: #6e3939 !important; color: #FFF; padding: 0; margin: 5px 0; } .swoophead.bgbright>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } /* Background Caption Mods */ .swoophead.bgdark .content .imgright .caption, .swoophead.bgmedium .content .imgright .caption, .swoophead.bgbright .content .imgright .caption, .swoophead.bgdark .content .imgleft .caption, .swoophead.bgmedium .content .imgleft .caption, .swoophead.bgbright .content .imgleft .caption {color: #FFF; margin: 0; width: 100%; } /* CMS Alignment Styles */ .swoophead.alignright { width: 100%; height: auto; margin: 0 auto; overflow: visible; } .swoophead.alignright .content .imgright .caption {text-align: right;} .swoophead.alignleft { width: 100%; height: auto; margin: 0 auto; overflow: visible; } .swoophead.alignleft .content .imgleft .caption {text-align: left;} /* CMS swoophead Colors */ .swoophead.hired .content .words .padding h2 { color: #ad1a1f; } .swoophead.hired .content .words .padding .ctabutton>button.modal-open, .swoophead.hired .content .words .padding .ctabutton>a:link, .swoophead.hired .content .words .padding .ctabutton>a:visited, .swoophead.hired .content .words .padding .cms-button>a:link, .swoophead.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .swoophead.hired .content .words .padding .ctabutton>a:active, .swoophead.hired .content .words .padding .ctabutton>a:hover, .swoophead.hired .content .words .padding .cms-button>a:active, .swoophead.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .swoophead.hired>.content>.words .padding strong, .swoophead.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .swoophead.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .swoophead.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .swoophead.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .swoophead.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .swoophead.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .swoophead.himedium .content .words .padding h2 { color: #465449; } .swoophead.himedium .content .words .padding .subtitle { color: #465449; } .swoophead.himedium .content .words .padding .ctabutton>button.modal-open, .swoophead.himedium .content .words .padding .ctabutton>a:link, .swoophead.himedium .content .words .padding .ctabutton>a:visited, .swoophead.himedium .content .words .padding .cms-button>a:link, .swoophead.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .swoophead.himedium .content>.words .padding strong, .swoophead.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext a { color: #000000; } .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { color: #FFFFFF; background: #465449 !important;} .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .swoophead.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { color: #FFFFFF; background: #ad1a1f !important; } .swoophead.himedium>.content>.words>.multibuttons ul li>.multitext .ctabutton a:link, .swoophead.himedium>.content>.words>.multibuttons ul li>.multitext .ctabutton a:visited {color: #FFF !important; background: #465449 !important;} .swoophead.hibright .content .words .padding h2 { color: #6e3939; } .swoophead.hibright .content .words .padding .ctabutton>button.modal-open, .swoophead.hibright .content .words .padding .ctabutton>a:link, .swoophead.hibright .content .words .padding .ctabutton>a:visited, .swoophead.hibright .content .words .padding .cms-button>a:link, .swoophead.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .swoophead.hibright .content>.words .padding strong, .swoophead.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext a { color: #000000; } .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { color: #FFFFFF; background: #6e3939 !important;} .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { color: #FFFFFF; background: #ad1a1f !important; } .swoophead.hibright>.content>.words>.multibuttons ul li>.multitext .ctabutton a:link, .swoophead.hibright>.content>.words>.multibuttons ul li>.multitext .ctabutton a:visited {color: #FFF !important; background: #6e3939 !important;} .swoophead.hidark .content .words .padding h2 { color: #364c59; } .swoophead.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .swoophead.hidark .content .words .padding .ctabutton>a:link, .swoophead.hidark .content .words .padding .ctabutton>a:visited, .swoophead.hidark .content .words .padding .cms-button>a:link, .swoophead.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .swoophead.hidark .content>.words .padding strong, .swoophead.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .swoophead.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .swoophead.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext a { color: #000000; } .swoophead.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .swoophead.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .swoophead.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { color: #FFFFFF; background: #364c59 !important;} .swoophead.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .swoophead.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { color: #FFFFFF; background: #ad1a1f !important; } .swoophead.hidark>.content>.words>.multibuttons ul li>.multitext .ctabutton a:link, .swoophead.hidark>.content>.words>.multibuttons ul li>.multitext .ctabutton a:visited { color: #FFF !important; background: #364c59 !important;} .swoophead>.content { position: relative; display:inline-block; float: none; width: 100%; overflow: visible; margin: 0 auto; padding: 0; text-align: center;flex:1;} .swoophead>.content>.imgshell { position: relative; display: block; width: 100%; height: 625px; overflow: visible; margin: 0; padding: 0; z-index: 1000;} .swoophead .content .imgshell img { width: 100%; height: auto; margin: 0px; } /* if using a swoop graphic */ .swoophead .content .imgshell .imgoverlay { position: absolute; bottom: 0; width: 100%; height: 50%; z-index: 1001; background: linear-gradient(to top, rgba(0,0,0,1), rgba(255,255,255,0)); } .swoophead>.content>.imgshell>.swoop img { width: 100%; height: auto; } .swoophead .content .imgshell .caption { position: absolute; color: #FFF; text-align: right; z-index: 1111111; bottom: 12%; right: 2%; width: 18%; } .swoophead.alignright .content .imgright { position: relative; display: block; width: 100%; height: 625px; overflow: hidden; margin: 0; padding: 0; } .swoophead.alignright .content .imgright img { width: 100%; height: auto; margin: 0px; } .swoophead>.content>.imgshell>.swoop { position: absolute; bottom: 0; width: 100%; height: auto; min-height: 150px; background: url(https://www.bard.edu/includes2024/images/swoop-mask.png); background-position: 100% auto; z-index: 11111; } .swoophead>.content>.imgshell>.swoop img { position: relative; width: 100%; height: auto; } .swoophead.alignleft .content .imgleft { position: relative; display: block; width: 100%; height: 625px; overflow: hidden; margin: 0; padding: 0; } .swoophead.alignleft .content .imgleft img { width: 100%; height: auto; margin: 0px; } .swoophead>.content .embcenter { position: relative; width: 80%; margin: 0 auto 0px auto; } .swoophead>.content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .swoophead>.content .embfull { width: 100%; margin: 0 auto; padding: 0; background: #222222; } .swoophead>.content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .swoophead>.content .embright { width: 50%; margin: 0; padding: 0; background: #FFFFFF; float: right; display: inline; } .swoophead>.content .embright iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .swoophead>.content .embshell { width: auto !important; width: 48%; height: auto !important; margin: 0 30px 0 0; padding: 0; background: #FFFFFF; float: left; display: inline; } .swoophead>.content .embshell iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .swoophead>.content .embleft { width: 48%; height: auto !important; margin: 0 30px 0 0; padding: 0; background: #FFFFFF; float: left; display: inline; } .swoophead>.content .embleft iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } /* Web Site Logo over Swoop */ .swoophead .content .imgshell .sitetitle { position: absolute; top: 40px; left: 10%; width: auto; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } .swoophead .content .imgshell .sitetitle .pagetitle { font-family: "Work Sans", Arial, sans-serif; color:#FFFFFF; margin: 20px 0px 0px 0px; padding: 10px; width: auto !important; display: inline-block; font-weight: 600; font-size: 1.5em; line-height: 1em; background: #000000; z-index: 1001; } .swoophead .content .imgshell .sitetitle a.pagetitle { text-decoration: none; } .swoophead .content .imgshell .sitetitle>.sitelogo { position: relative; top: 0; margin: 0px auto; padding: 0; height: auto; width: auto !important; display: block; max-width: 1000px; background: transparent; overflow: hidden; } .swoophead .content .imgshell .sitetitle>.sitelogo img { margin: 0px; padding: 0px; z-index: 1001; height: auto; width: 20%; float: left; } .swoophead>.content>.words { position: relative; /*top: 50%;*/ display: block; float: none; width: 100%; max-width: 1100px; min-height: 400px; overflow: visible; margin: -18em auto 0 auto; padding: 0; } .swoophead>.content>.words>.padding { position: relative; padding: 3em 3em 0 3em; display:inline-block;float: left; width: 45%; overflow: hidden; margin: 5em 0 0 0; text-align: left; z-index: 1001; } .swoophead>.content>.words>.padding .subtitle { font-size: 1.9em; line-height: 1.2em; font-weight: 600; margin: 0 0 20px 0; color: #000;} .swoophead>.content>.words>.padding>h1 { position: relative; font-size: 2.5em; padding: 0; color: #FFF; margin: 0 0 70px 0; display:table-cell;visibility:hidden;} .swoophead>.content>.words>.padding>h2 { position: relative; font-size: 1em; padding: 0; color: #FFF; margin: 0 0 0 0; display:block; visibility:hidden; } /*.swoophead>.content>.words>.padding>h2 {display:none;}*/ .swoophead>.content>.words>.padding p { position: relative; display: block; width: 100%; background: #FFF; margin: 0 0 10px 0; padding: 0; } .swoophead>.content>.words>.padding .cms-subtitle1 {position: relative; display: block; margin: 10px 0px 10px 0px; font-size: 1.5em; line-height: 1.1em; font-weight: 700; } .swoophead>.content>.words>.padding .cms-subtitle2 { margin: 20px 0px 10px 0px; position: relative; display: block; } .swoophead>.content>.words>.padding .cms-subtitle3 { margin: 20px 0px 10px 0px; position: relative; display: block; } .swoophead>.content>.words>.padding .cms-button { margin: 20px 20px 20px 0px; } .swoophead>.content>.words>.multibuttons { position: relative; top:-2em; padding: 3em 1em 1em 1em; float:none; display:inline-block; width: 33%; margin: 100px 6% 30px 2%; text-align: left; z-index: 999; background: #ededed; } .swoophead>.content>.words>.multibuttons>ul { display: block; width: 95%; padding: 0; margin: 2.5%; } .swoophead>.content>.words>.multibuttons>ul>li { list-style: none; display: inline; } .swoophead>.content>.words>.multibuttons>ul>li>.multitext { list-style: none; display: inline; float: left; margin: 20px 10px 10px 10px; } .swoophead>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { font-family: "Work Sans", Arial, sans-serif; position: relative; border: none; margin: 10px 0; padding: 5px 0px; text-align: left; font-size: 1.5em; font-weight:700; } .swoophead>.content>.words>.multibuttons ul li>.multitext>.linktitle a { color: #222222; text-decoration: none; font-size: 1em; font-weight: 600; } .swoophead>.content>.words>.multibuttons ul li>.multitext>.mftext .cms-button { margin: 20px 20px 20px 0px; } /* swoophead added feb 24*/ .swoophead .content .imgshell {width:100%;height:auto; min-height: 550px; background-size: cover; mask-image: url('../images/desk-swoop-right.png'); mask-size: auto auto; mask-repeat: no-repeat; mask-position: 100% 100%; background-color: #000000;pointer-events:none;} .swoophead .alignleft .imgshell { mask-image: url('../images/desk-swoop-left.png');mask-position: 10% 100%;} .swoophead .content .imgshell h1 {color: #FFF !important; position: relative; text-align: left; left: unset; top: 5.0em; font-size: 3.5em;font-weight: 700; z-index: 2000; max-width: 1000px; margin: 0 auto; } .swoophead .content .imgshell h2 {color: #FFF !important; position: relative; text-align: left; left: unset; top: 5.0em; font-size: 3.5em;font-weight: 700; z-index: 2000; max-width: 1000px; margin: 0 auto; } /*.swoophead .content .words { position:unset; margin:-18em auto; max-width:1100px;}*/ .swoophead .alignleft .words .padding {float: right;} /* Tabbed Portal Styles */ .tabportal { position: relative; display: block; width: 100%; height: 100%; max-height: 550px; margin: 30px auto; padding: 0; overflow: hidden; } .tabportal h2 { position: relative; margin: 20px auto; padding: 0; width: 89%; } .tabportal h2 a {cursor:pointer;text-decoration:none;color:rgb(0,0,0);} .tabportal h2 a:hover {text-decoration:underline;} .tabportal .subtitle { margin: 0 0 20px 0; padding: 0; border-bottom: none; color: #FFF; display: block; font-size: 1.8em; } .tabportal .portalcontent { position: relative; display:block; width: 100%; height: 100%; padding: 0; margin: 0; overflow: hidden; } .tabportal .portalcontent .portaltext { position: absolute; width: 40%; height: 600px; top: 0; left: 0; padding: 0; margin: 0; z-index: 1001; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0));} .tabportal .portalcontent .portaltext .padding { position: relative; width: 70% !important; padding: 10% 15% 5% 15%; margin: 0px; z-index: 1002; color: #FFF;} .tabportal .portalcontent .portaltext .padding .cms-subtitle1 {position: relative; display: block; margin: 10px 0px; font-size: 1.5em; line-height: 1.1em; color: #FFF; } .tabportal .portalcontent .portaltext .padding .cms-subtitle2 {position: relative; display: block; margin: 10px 0px; font-size: 1.3em; line-height: 1.5em; color: #FFF; } .tabportal .portalcontent .portaltext .padding .cms-subtitle3 {position: relative; display: block; margin: 10px 0px; font-size: 1.1em; line-height: 1.0em; color: #FFF; } .tabportal .portalcontent .portaltext .padding .ctabutton { margin-top: 20px; } .tabportal .portalcontent .portaltext .padding .ctabutton a { color: #FFF; text-decoration: none; } .tabportal .portalcontent .portaltext .padding .ctabutton a:link, .tabportal .portalcontent .portaltext .padding .ctabutton a:visited { color: #000 !important; text-decoration: none; background:#FFF !important; padding: 8px 10px; transition: 0.8s ease;} .tabportal .portalcontent .portaltext .padding .ctabutton a:hover, .tabportal .portalcontent .portaltext .padding .ctabutton a:active { color: #FFF !important; text-decoration: none; background: #ad1a1f !important; padding: 8px 10px; opacity: 1 } .tabportal>.portalcontent>.portaltext>.padding a .cms-button { font-size:1.0em; font-weight: 600; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 0 0 20px 0; padding: 10px 0px; color: #FFF; background: #000; border-radius: 0px; font-family: "Work Sans", "Source Sans Pro", "SourceSans", Arial, sans-serif !important; white-space: nowrap; text-transform:none; letter-spacing: 0px; } .tabportal .portalcontent .portaltext .padding a:link .cms-button, a:visited .cms-button { color: #FFF; text-decoration: none; background:#000; padding: 8px 10px; transition: 0.8s ease;} .tabportal .portalcontent .portaltext .padding a:hover .cms-button, a:active .cms-button { color: #FFF; text-decoration: none; background: #222; padding: 8px 10px; opacity: 1 } .tabportal .portalcontent .portalimg { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: hidden; margin: 0px; z-index: 1000; } .tabportal .portalcontent .portalimg img { width: 100%; height: auto; margin: 0px 30px 0px 0px;} .tabportal .portalcontent .portalemb { position: relative; width: 80%; margin: 0 auto 0px auto; } .tabportal .portalcontent .portalemb iframe { width: 100%; height: auto !important; min-height: 550px; padding: 0; margin: 0; } .tabportal .tabcontent { position: relative; display: block; width: 100%; height: 100%; margin: 0; padding: 0; z-index: 1002; } .tabportal .tabcontent .tabtext { width: 100%; height: 550px; margin: 20px 0; padding: 0; z-index: 1003; } .tabportal .tabcontent .tabimg {position: relative; display:block; float: left; width: 100%; height: 550px; overflow: hidden; margin: 0px; z-index: 1002; } .tabportal .tabnav { position: absolute; width: 50%; height: 550px; top: 0; right: 0; padding: 0; margin: 0; z-index: 1004; background:url(https://www.bard.edu/includes2024/images/tabnav-angle-tint.png) no-repeat;} .tabportal .tabnav .tabs { position: relative; width: 60%; display: block; height: auto; top: 0; right: 0; padding: 10% 20% 5% 30%; margin: 0; z-index: 1005; } .tabportal .tabnav .tabs ul { position: relative; display: block; width: 100%; height: auto; padding: 0; margin: 0; z-index: 1005; } .tabportal .tabnav .tabs ul li { list-style: none; position: relative; width: 48%; height: 100px; float: left; padding: 0; margin: 0; z-index: 1005; border-right: 1px solid #FFF; border-bottom: 1px solid #FFF; color: #FFF; vertical-align: middle; } .tabportal .tabnav .tabs ul li h3 { color: #FFF; text-align: center; font-size: 1.3em; line-height: 24px; font-weight: 400; vertical-align: middle; } .tabportal .detail-container .tabimg {position: relative; display: block; float: left; width: 100%; height: 550px; overflow: hidden; margin: 0px; z-index: 1002;} .tabportal .detail-container .tabimg img { position: relative; display: block; float: none; width: 100%; height: auto !important; overflow: hidden; margin: 0px; z-index: 1000; } .tabportal .detail-container .tabtext { color:#fff; position: absolute; width: 40%; height: 550px; top: 0; left: 0; padding: 0; margin: 0; overflow-y: auto; z-index: 1003; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0)); } .tabportal .detail-container .tabtext .padding a { color: #FFF !important; } .tabportal .detail-container .tabtext .padding .cms-subtitle1 { font-family: "Work Sans", Arial, sans-serif !important; color: #ad1a1f;font-size: 1.3em;} .tabportal .detail-container .tabtext .padding .ctabutton { margin-top: 20px; } .tabportal .detail-container .tabtext .padding .ctabutton a { color: #FFF; text-decoration: none; } .tabportal .detail-container .tabtext .padding .ctabutton a:link, .tabportal .detail-container .tabtext .padding .ctabutton a:visited { color: #FFF; text-decoration: none; background:#ad1a1f; padding: 8px 10px; margin-top: 20px; transition: 0.8s ease;} .tabportal .detail-container .tabtext .padding .ctabutton a:hover, .tabportal .detail-container .tabtext .padding .ctabutton a:active { color: #FFF; text-decoration: none; background: #ad1a1f; padding: 8px 10px; opacity: 1 } .tabportal .detail-container .tabtext .padding .cms-button { margin-top: 20px; color: #000 !important; background: #FFF!important; } .tabportal .detail-container .tabtext .padding .cms-button a:link, .tabportal .detail-container .tabtext .padding .cms-button a:visited { color: #000 !important; background: #FFF!important; } .tabportal { position: relative; display: block; width: 100%; height: 100%; max-height: unset; margin: 30px auto; padding: 0; overflow: hidden; } /* added for Tabbed Portal 01.04.2024 */ .tabportal .hide { left: -9999px !important; position: absolute !important; visibility: hidden; z-index: -500; top: -9999px; } .tabportal .tabnav {height:700px;width:50%;background-size: cover;} .tabnav table a { text-decoration: none; color:#FFF !important; display:inline-block; padding: 20px 5px; font-weight: 600; font-size: 1.2em; line-height: 1.2em; } .tabnav a:hover { color:#fff; background-color: rgba(153, 153, 153, 0.5); } .tabnav a.selected { color:#fff; background-color: rgba(153, 153, 153, 0.5); } .border-none { border-collapse: collapse; border: none; } .tabportal .detail-container { position: relative; display: block; width: 100%; min-height: 500px; height: 100%; padding: 0; margin: 0; overflow: hidden; } .tabportal .detail-container .tabtext { color:#fff; position: absolute; width: 40%; height: 80%; min-height: 550px; top: 0; left: 0; padding: 0; margin: 0; overflow-y: auto; z-index: 1003; background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0)); } .tabportal .detail-container .tabtext::-webkit-scrollbar { display: none; } .tabportal .detail-container .tabtext .padding .cms-subtitle1 { color: #FFF !important; } .tabportal .detail-container .tabtext .padding .cms-subtitle2 { color: #FFF !important; } .tabportal .detail-container .tabtext .padding .cms-subtitle3 { color: #FFF !important; } .tabportal .detail-container .tabtext .padding button.modal-open:active { margin: 0px !important; } .tabportal .detail-container .tabtext .padding { position: relative; width: 70% !important; margin: 0px; z-index: 1002; color: #FFF; padding:10% 15% 5% 15%;} .tabportal .detail-container .tabtext .padding h3 { font-size: 1.8em; line-height: 1.2em; margin: 0 0 20px 0; color: #FFF; } .tabportal .detail-container .tabtext .padding p { line-height: 24px; margin: 0; padding: 0; } .tabportal .detail-container .tabtext .padding ul {padding: 5px 5px 5px 20px; margin: 0;} .tabportal .detail-container .tabtext .padding ul li {padding: 0px; margin: 0px;} .tabportal .border-none td { border: 1px solid white; /*padding: 1em;*/text-align:center; } .tabportal .border-none tr:first-child td { border-top: none; } .tabportal .border-none tr:last-child td { border-bottom: none; } .tabportal .border-none tr td:first-child { border-left: none; } .tabportal .border-none tr td:last-child { border-right: none;} .tabportal .portalcontent {height:unset;background-repeat: no-repeat;background-size: cover;} /* height needs to be tweaked to match content - not a hard coded value */ .tabportal .detail-container .tabtext {position:unset;} .tabportal .portalcontent .portaltext {position: unset;} /* Tabbed Text Portal Styles*/ .tabtext { display: block; position: relative; margin: 30px auto; width: 100%; max-width: 1000px; } .tabtext .tab-text-nav { position: relative; display: block; max-width: 1000px; margin:0 auto; padding: 0; } .tabtext .tab-text-nav ul.tab-text-links { position: relative; display: flex; flex-wrap: nowrap; align-items: center; list-style: none; padding: 0; /*margin: 0;*/ height: auto; overflow: visible; } .tabtext .tab-text-nav ul.tab-text-link>li { display:inline-block; padding: 0; margin: 0; height: 34px; } ul.tab-text-links>li>a, .tabtext .tab-text-nav ul.tab-text-links>li a:link, .tabtext .tab-text-nav ul.tab-text-links li a:visited { position: relative; padding: 1em 2em; border: 1px solid #ededed; background: #dadada; z-index: 101;} .tabtext .tab-text-nav ul.tab-text-links li a:hover {background-color:#ad1a1f; color:#fff;} .tabtext .tab-text-nav ul.tab-text-links>li a:active { background: #000; color:#FFF; border-left: 1px solid #ededed; border-top: 1px solid #ededed; border-right: 1px solid #ededed; border-bottom: 1px solid #FFF;} ul.tab-text-links>li>a.active { background-color:#000; color:#FFF; font-weight: 700;display:inline; } .tabtext .tab-text-content {position: relative; display: block; width: auto; height: 100%; min-height: 200px; margin: 5px auto 0px auto; max-width: 1000px; padding: 3%; overflow: visible; border: 1px solid #ededed; z-index: 100; } .tabtext .tab-text-content .content { } .tabtext .tab-text-content .content .tabcontent { } .tabtext .tab-text-content .content .tabcontent .imgleft { } .tabtext .tab-text-content .content .tabcontent .words { } .tabtext .tab-text-content .content .tabcontent .words .padding { } .tabtext .tab-text-content .content .tabcontent .words .padding h2 { } .tabtext .tab-text-content .content .tabcontent .words .padding .subtitle { } /* Text Styles */ .text { position: relative; display: block; width: 100%; height: 100%; margin: 30px auto; padding: 0; overflow: visible; } .text .content .words .padding h2 { margin: 0 0 20px 0; padding: 0; } .text .content .words .padding .subtitle { margin: 0px 0px 10px 0; padding: 0px 0 10px 0; border-bottom: 1px solid #222; font-size: 1.3em; z-index: 1; } /* CMS Background Colors */ .text.bgwhite { background: #FFF !important; margin: 30px auto; padding: 0;} .text.bgwhite .words, .text.bgwhite>.content>.words>.padding>h2{ color: #222; } .text.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .text.bglight { background: #ededed !important; padding: 30px 0;} .text.bglight>.content { margin: 20px auto; } .text.bglight .words, .text.bglight>.content>.words>.padding>h2{ color: #222; } .text.bglight>.content>.words>.padding { padding: 0px 0 5px 0; } .text.bglight>.content>.words>.multibuttons>ul>li {background: #000 !important;} .text.bgmedium { background: #465449 !important; padding: 20px 0;} .text.bgmedium>.content>.words>.padding, .text.bgmedium>.content>.words>.padding a, .text.bgmedium>.content>.words>.padding>h2{ color: #FFF; } .text.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .text.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .text.bgmedium>.content>.words>.multibuttons>ul>li>.multitext a, .text.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #465449 !important; color: #FFF;} .text.bgmedium>.content>.words>.padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #FFF; margin: 0px 0px 10px 0; padding: 0px 0 10px 0; font-size: 1.3em; font-weight: 600; border-bottom: 1px solid #FFF; } .text.bgdmedium>.content>.embshell .caption, .text.bgmedium>.content>.embleft .caption, .text.bgmedium>.content>.embright .caption { color: #FFF; line-height: 1em; } .text.bgdark { background: #364c59 !important; padding: 20px 0;} .text.bgdark>.content { padding: 30px 0 0 0; } .text.bgdark>.content>.words>.padding, .text.bgdark>.content>.words>.padding a, .text.bgdark>.content>.words>.padding>h2 { color: #FFF; } .text.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .text.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .text.bgdark>.content>.words>.multibuttons>ul>li>.multitext a, .text.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #364c59 !important; color: #FFF; } .text.bgdark>.content>.words>.padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #FFF; margin: 0px 0px 10px 0; padding: 0px 0 10px 0; font-size: 1.3em; font-weight: 600; border-bottom: 1px solid #FFF; } .text.bgdark>.content>.embshell .caption, .text.bgdark>.content>.embleft .caption, .text.bgdark>.content>.embright .caption { color: #FFF; line-height: 1em; } .text.bgbright { background: #6e3939 !important; padding: 20px 0;} .text.bgbright .words, .text.bgbright>.content>.words>.padding, .text.bgbright>.content>.words>.padding a, .text.bgbright>.content>.words>.padding>h2{ color: #FFF; } .text.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .text.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .text.bgbright>.content>.words>.multibuttons>ul>li>.multitext a, .text.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #6e3939 !important; color: #FFF; } .text.bgbright>.content>.words>.padding .cms-subtitle1, .text.bgbright>.content>.words>.padding .cms-subtitle2, .text.bgbright>.content>.words>.padding .cms-subtitle3 {color: #FFF;} .text.bgbright>.content>.words>.padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #FFF; margin: 0px 0px 10px 0; padding: 0px 0 10px 0; font-size: 1.3em; font-weight: 600; border-bottom: 1px solid #FFF; } .text.bgbright>.content>.embshell .caption, .text.bgbright>.content>.embleft .caption, .text.bgbright>.content>.embright .caption { color: #FFF; line-height: 1em; } .text.bgbright .content .imgshell .caption, .text.bgbright .content .imgleft .caption, .text.bgbright .content .imgright .caption, .text.bgdark .content .imgshell .caption, .text.bgdark .content .imgleft .caption, .text.bgdark .content .imgright .caption, .text.bgmedium .content .imgshell .caption, .text.bgmedium .content .imgleft .caption, .text.bgmedium .content .imgright .caption {color: #fff; line-height: 1em; } /* CMS Highlight Colors */ .text.hired .content .words .padding h2 { color: #ad1a1f; } .text.hired .content .words .padding .ctabutton>button.modal-open, .text.hired .content .words .padding .ctabutton>a:link, .text.hired .content .words .padding .ctabutton>a:visited, .text.hired .content .words .padding .cms-button>a:link, .text.hired .content .words .padding .cms-button>a:visited { background: #ad1a1f !important;} .text.hired .content .words .padding .ctabutton>a:active, .text.hired .content .words .padding .ctabutton>a:hover, .text.hired .content .words .padding .cms-button>a:active, .text.hired .content .words .padding .cms-button>a:hover { background: #f70707 !important;} .text.hired .content .words .padding .subtitle { color: #000000 !important;} .text.hired .content .words .padding .cms-subtitle2, .text.hired .content .words .padding .cms-subtitle3 { color: #ad1a1f !important;} .text.hired .content .words .padding .cmsp a { text-decoration: none; color: #ad1a1f !important; border-bottom: 1px dashed #ad1a1f; } .text.hired .content .words .padding strong, .text.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .text.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .text.himedium .content .words .padding h2 { color: #465449; } .text.himedium .content .words .padding .ctabutton>button.modal-open, .text.himedium .content .words .padding .ctabutton>a:link, .text.himedium .content .words .padding .ctabutton>a:visited, .text.himedium .content .words .padding .cms-button>a:link, .text.himedium .content .words .padding .cms-button>a:visited { background: #465449 !important;} .text.himedium .content .words .padding .cms-subtitle2, .text.himedium .content .words .padding .cms-subtitle3 { color: #465449 !important;} .text.himedium .content .words .padding .cmsp a { text-decoration: none; color: #465449 !important; border-bottom: 1px dashed #6e3939; } .text.himedium .content>.words .padding strong, .text.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .text.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .text.hibright .content .words .padding h2 { color: #6e3939; } .text.hibright .content .words .padding .ctabutton>button.modal-open, .text.hibright .content .words .padding .ctabutton>a:link, .text.hibright .content .words .padding .ctabutton>a:visited, .text.hibright .content .words .padding .cms-button>a:link, .text.hibright .content .words .padding .cms-button>a:visited { background: #6e3939 !important;} .text.hibright .content .words .padding .cms-subtitle2, .text.hibright .content .words .padding .cms-subtitle3 { color: #6e3939 !important;} .text.hibright .content .words .padding .cmsp a { text-decoration: none; color: #6e3939 !important; border-bottom: 1px dashed #6e3939; } .text.higright .content>.words .padding strong, .text.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .text.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .text.hidark .content .words .padding h2 { color: #364c59; } .text.hidark .content .words .padding .ctabutton>button.modal-open, .text.hidark .content .words .padding .ctabutton>a:link, .text.hidark .content .words .padding .ctabutton>a:visited, .text.hidark .content .words .padding .cms-button>a:link, .text.hidark .content .words .padding .cms-button>a:visited { background: #364c59 !important;} .text.hidark .content .words .padding .cms-subtitle2, .text.hidark .content .words .padding .cms-subtitle3 { color: #364c59 !important;} .text.hidark .content .words .padding .cmsp a { text-decoration: none; color: #364c59 !important; border-bottom: 1px dashed #364c59; } .text.hidark .content>.words .padding strong, .text.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .text.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .text>.content { position: relative; display: table; width: 100%; max-width: 1000px; height: 100%; padding: 0; margin: 0px auto; overflow: visible; } .text.bgdark>.content, .text.bgmedium>.content, .text.bgbright>.content{ padding: 30px 0 20px 0; } .text>.content .imgshell { position: relative; display:inline; float: left; width: 45%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 2;} .text .content .imgleft { position: relative; display:inline; float: left; width: 45%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 2;} .text>.content .imgright { position: relative; display:inline; float: right; width: 45%; height: auto !important; overflow: hidden; margin: 0px 0px 30px 30px; padding: 0; z-index: 2;} .text>.content .imgcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; z-index: 2; } .text>.content .imgshell img, .text>.content .imgleft img, .text>.content .imgcenter img, .text>.content .imgfull img, .text>.content .imgright img { width: 100%; height: auto; margin: 0px; transition: transform 2s ease;} .text>.content>.imgshell:hover img, .text>.content>.imgleft:hover img, .text>.content>.imgcenter:hover img, .text>.content>.imgfull:hover img, .text>.content>.imgright:hover img {transform: scale(1.1);} .text>.content .embcenter { position: relative; width: 100%; margin: 0 auto 0px auto; } .text>.content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .text>.content .embfull { width: 100%; margin: 0 auto; padding: 0; background: #222222; } .text>.content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .text>.content .embright { position: relative; width: 45%; margin: 0; padding: 0px 0 30px 30px; background: transparent; float: right; display: inline; z-index: 100; } .text>.content .embright iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0; } .text>.content .embshell { position: relative; width: 45%; margin: 0; padding: 0px 30px 0px 0; background: transparent; float: left; display: inline; z-index: 100; } .text>.content .embshell iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0px 30px 30px 0; margin: 0; } .text>.content .embleft { position: relative; width: 45%; margin: 0; padding: 0px 30px 30px 0; background: transparent; float: left; display: inline; z-index: 100; } .text>.content .embleft iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .text .content .words { position: relative; display: inline; width: auto !important; padding: 0; margin: 0px; line-height: 30px; } .text>.content>.words p { line-height: 30px; margin: 0 0 20px 0; } .text>.content>.words table { } .text .content .words .padding { margin: 0; padding: 0; width: 100%; } .text .content .words .multibuttons { position: relative; display: block; text-align: center; width: auto !important; margin: 0 0 0 0; padding: 0; } .text>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 100%; margin: 0; padding: 0; } .text>.content>.words>.multibuttons>ul>li { list-style: none; position: relative; display: inline-block; background: #000; color: #FFFFFF; text-align: left; width: auto !important; padding: 5px 10px; margin: 0 10px 10px 0; font-size: 1em; } .text .content .words .multibuttons li a:link, .text .content .multibuttons li a:visited { background: #000; color:#FFFFFF; text-decoration: none; } .text .content .words .multibuttons li a:hover, .text .content .multibuttons li a:active { background: #000; color:#FFFFFF; text-decoration: underline; } .text .content .words .multibuttons li .multitext { display: inline-block; width: auto !important;} .text .content .words .multibuttons li .multitext .textmulti { display: none;} .text .content .words .multibuttons li .multitext .linktitle { font-family: "Work Sans", Arial, sans-serif;font-size: 1em; font-weight: 500; display: inline;} .text .content .words .multibuttons li .multitext .ctabutton { width: auto !important; margin: 0 auto; color: #FFFFFF; float: none; display: inline-block; } .text .content .words .multibuttons li .multitext .ctabutton button.modal-open { font-size: 1em; line-height: 1em; margin: 0px; padding: 0; text-align: center; width: auto; color: #FFFFFF; float: none; display: inline-block; } .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 #CCCCCC; } .text .textlinks ul { margin: 0px 0px 0px 20px; } .text.expandblock { min-height: 0px; } .text .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; } /* Event Archive Expand Styles */ .text > .content > .archive-expand { position: relative; display: block; width: 90%; margin: 0 auto; padding: 0; } .text > .content > .archive-expand ul { list-style: none; position: relative; display: block; margin: 0; padding: 0; } .text > .content > .archive-expand ul li { list-style: none; position: relative; display: block; margin: 10px 0; padding: 10px; border-top: 1px solid #999; } /* Text Angle Styles 2024 */ .textangle { position: relative; display: block; width: 120%; height: 100%; margin: 100px -10% 150px -10%; padding: 0; overflow: visible; background: #ededed;} /* CMS Background Colors */ .textangle.bgwhite { background: #FFF !important;} .textangle.bgwhite .words { color: #222; background: #FFF; } .textangle.bgwhite .content .words .padding .ctabutton a:link {background: #222 !important; } .textangle.bgwhite>.content>.words>.padding>h2{ color: #222; } .textangle.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .textangle.bglight { background: #ededed !important;} .textangle.bglight .words { color: #222; background: #FFF; } .textangle.bglight .content .words .padding .ctabutton, .textangle.bglight .content .words .padding .ctabutton a:link, .textangle.bglight .content .words .padding .ctabutton a:visited {background: #222 !important; transition: 0.8s ease; color: #FFF !important; } .textangle.bglight .content .words .padding .ctabutton a:hover, .textangle.bglight .content .words .padding .ctabutton a:active {background: #666 !important; opacity: 1;} .textangle.bglight>.content>.words>.padding>h2{ color: #222; } .textangle.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} /* Medium (Green) Background Mods */ .textangle.bgmedium{ background: #465449 !important; } .textangle.bgmedium .words { color: #222; background: #FFF; } .textangle.bgmedium .content .words .padding .ctabutton, .textangle.bgmedium .content .words .padding .ctabutton a:link, .textangle.bgmedium .content .words .padding .ctabutton a:visited { color: #FFFFFF !important; background: #465449 !important; transition: 0.8s ease;} .textangle.bgmedium .content .words .padding .ctabutton a:hover, .textangle.bgmedium .content .words .padding .ctabutton a:active { color: #FFFFFF !important; background: #465449 !important; opacity: 1;} .textangle.bgmedium>.content>.words>.padding>h2{ color: #222; } /* Dark Background Mods */ .textangle.bgdark { background: #364c59 !important; } .textangle.bgdark .words { color: #222; background: #FFF; } .textangle.bgdark .content .words .padding .ctabutton, .textangle.bgdark .content .words .padding .ctabutton a:link, .textangle.bgdark .content .words .padding .ctabutton a:visited { color: #FFFFFF !important; background: #364c59 !important; transition: 0.8s ease;} .textangle.bgdark .content .words .padding .ctabutton a:hover, .textangle.bgdark .content .words .padding .ctabutton a:active { color: #FFFFFF !important; background: #263a46 !important; opacity: 1;} .textangle.bgdark>.content>.words>.padding>h2{ color: #222; } /* Bright Background Mods */ .textangle.bgbright { background: #6e3939 !important;} .textangle.bgbright .words { color: #222; background: #FFF; } .textangle.bgbright .content .words .padding .ctabutton, .textangle.bgbright .content .words .padding .ctabutton a:link, .textangle.bgbright .content .words .padding .ctabutton a:visited { color: #FFFFFF !important; background: #6e3939 !important; transition: 0.8s ease;} .textangle.bgbright .content .words .padding .ctabutton a:hover, .textangle.bgbright .content .words .padding .ctabutton a:active { color: #FFFFFF !important; background: #6e3939 !important; opacity: 1;} .textangle.bgbright>.content>.words>.padding>h2{ color: #222; } /* Background Caption Mods */ .textangle.bgdark .content .imgright .caption, .textangle.bgdark .content .imgshell .caption, .textangle.bgdark .content .imgleft .caption, .textangle.bgdark .content .imgcenter .caption, .textangle.bgmedium .content .imgright .caption, .textangle.bgmedium .content .imgshell .caption, .textangle.bgmedium .content .imgleft .caption, .textangle.bgmedium .content .imgcenter .caption, .textangle.bgbright .content .imgright .caption, .textangle.bgbright .content .imgshell .caption, .textangle.bgbright .content .imgcenter .caption, .textangle.bgbright .content .imgleft .caption, .textangle.bgdark .content .embshell .caption a, .textangle.bgdark .content .embright .caption a, .textangle.bgdark .content .embleft .caption a, .textangle.bgmedium .content .embshell .caption a, .textangle.bgmedium .content .embright .caption a, .textangle.bgmedium .content .embleft .caption a, .textangle.bgbright .content .embshell .caption a, .textangle.bgbright .content .embright .caption a, .textangle.bgbright .content .embleft .caption a {color: #FFF !important; margin: 0; width: 100%; } /* CMS Highlight Colors */ .textangle.hired .content .words .padding h2 { color: #ad1a1f; } .textangle.hired .content .words .padding .subtitle { color: #000000; } .textangle.hired .content .words .padding .ctabutton>button.modal-open, .textangle.hired .content .words .padding .ctabutton>a:link, .textangle.hired .content .words .padding .ctabutton>a:visited, .textangle.hired .content .words .padding .cms-button>a:link, .textangle.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .textangle.hired .content .words .padding .ctabutton>a:active, .textangle.hired .content .words .padding .ctabutton>a:hover, .textangle.hired .content .words .padding .cms-button>a:active, .textangle.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .textangle.hired .content .words .padding p strong { color: #ad1a1f; } .textangle.himedium .content .words .padding h2 { color: #465449; } .textangle.himedium .content .words .padding .subtitle { color: #000000; } .textangle.himedium .content .words .padding .ctabutton>button.modal-open, .textangle.himedium .content .words .padding .ctabutton>a:link, .textangle.himedium .content .words .padding .ctabutton>a:visited, .textangle.himedium .content .words .padding .cms-button>a:link, .textangle.himedium .content .words .padding .cmsutton>a:visited{background: #465449 !important;} .textangle.himedium .content>.words .padding strong { color: #465449; } .textangle.hibright .content .words .padding h2 { color: #6e3939; } .textangle.hibright .content .words .padding .subtitle { color: #000000; } .textangle.hibright .content .words .padding .ctabutton>button.modal-open, .textangle.hibright .content .words .padding .ctabutton>a:link, .textangle.hibright .content .words .padding .ctabutton>a:visited, .textangle.hibright .content .words .padding .cms-button>a:link, .textangle.hibright .content .words .padding .cms-button>a:visited { background: #6e3939 !important;} .textangle.hibright .content .words .padding .ctabutton>a:hover, .textangle.hibright .content .words .padding .ctabutton>a:active { background: #ad1a1f !important; } .textangle.higright .content .words .padding p strong { color: #6e3939; } .textangle.hidark .content .words .padding h2 { color: #364c59; } .textangle.hidark .content .words .padding .subtitle { color: #000000; } .textangle.hidark .content .words .padding .ctabutton>button.modal-open, .textangle.hidark .content .words .padding .ctabutton>a:link, .textangle.hidark .content .words .padding .ctabutton>a:visited, .textangle.hidark .content .words .padding .cms-button>a:link, .textangle.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .textangle.hidark .content .words .padding strong { color: #364c59; } /* CMS Alignment Styles */ .textangle.alignright { width: 120%; height: 400px; margin: 140px -10% 100px -10%; transform: rotate(-5deg); overflow: visible; } .textangle.alignright .content .imgright .caption {text-align: right;} .textangle.aligncenter { width: 120%; height: 400px; margin: 140px -10% 100px -10%; transform: rotate(5deg); overflow: visible; } .textangle, .textangle.alignleft { width: 120%; height: 400px; margin: 140px -10% 100px -10%; transform: rotate(5deg); overflow: visible; } .textangle.alignleft .content .imgshell .caption, .textangle.alignleft .content .imgleft .caption, .textangle .content .imgshell .caption, .textangle .content .imgleft .caption{text-align: left;} .textangle .content { position: relative; display:block; width: 150%; max-width: 1080px; height: auto; padding: 0; margin: 0px auto; overflow: visible !important; } .textangle .content .imgshell, .textangle .content .imgleft { position: relative; display:table; float: left; width: 45%; height: auto !important; overflow: hidden; margin: -40px 0px 0px 30px; padding: 0; transform: rotate(-5deg); } .textangle .content .imgshell img, .textangle .content .imgleft img { width: 100%; height: auto; margin: 0;} .textangle .content .imgshell { position: relative; display:table; float: left; width: 45%; height: auto !important; overflow: hidden; margin: -40px 0px 0px 30px; padding: 0; transform: rotate(-5deg); } .textangle .content .imgshell img { width: 100%; height: auto; margin: 0;} .textangle.alignleft .content .imgleft, .textangle .content .imgleft { position: relative; display:table; float: left; width: 45%; height: auto !important; overflow: hidden; margin: -40px 0px 0px 30px; padding: 0; transform: rotate(-5deg); } .textangle.alignleft .content .imgleft img, .textangle .content .imgleft img{ width: 100%; height: auto; margin: 0;} .textangle.alignright .content .imgright { position: relative; display:table; float: right; width: 45%; height: auto !important; overflow: hidden; margin: -40px 50px 0px 0px; padding: 0; transform: rotate(5deg); } .textangle.alignright .content .imgright img { width: 100%; height: auto; margin: 0;} .textangle.aligncenter .content .imgcenter { position: relative; display:table; float: left; width: 45%; height: auto !important; overflow: hidden; margin: -40px 50px 0px 0px; padding: 0; transform: rotate(-5deg); } .textangle.aligncenter .content .imgcenter img { width: 100%; height: auto; margin: 0;} .textangle>.content .embcenter { position: relative; width: 50%; margin: 0 auto 0px auto; transform: rotate(-5deg);} .textangle>.content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .textangle>.content .embfull { width: 50%; margin: 0 auto; padding: 0; background: #222222; transform: rotate(-5deg);} .textangle>.content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .textangle>.content .embright { width: 46%; margin: 0 4% 0 0; padding: 0; background: transparent; float: right; display: inline; transform: rotate(5deg);} .textangle>.content .embright iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .textangle>.content .embshell { width: auto !important; width: 46% !important; height: auto !important; margin: 0 4% 0 0; padding: 0; background: transparent; float: left; display: inline; transform: rotate(-5deg);} .textangle>.content .embshell iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .textangle>.content .embleft { width: 46%; height: auto !important; margin: 0 0 0 4%; padding: 0; background: transparent; float: left; display: inline; transform: rotate(-5deg);} .textangle>.content .embleft iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .textangle .content .words { position: relative; display: inline; width: auto; padding: 0; margin: 0px; line-height: 30px; } .textangle.alignright .content .words { position: relative; display: inline; float: left; width: 40%; padding: 3%; margin: 60px 4% 0 0px; line-height: 30px; transform: rotate(5deg) !important; background: #FFF !important; color: #222; } .textangle.alignleft .content .words, .textangle .content .words { position: relative; display: inline; float: right; width: 40%; padding: 3%; margin: 90px 0 0 4%; line-height: 30px; transform: rotate(-5deg) !important; background: #FFF !important; color: #222; } .textangle.aligncenter .content .words { position: relative; display: inline; float: right; width: 40%; padding: 3%; margin: 60px 0 0 4%; line-height: 30px; transform: rotate(-5deg) !important; background: #FFF !important; color: #222; } .textangle .content .words .padding { margin: 0; padding: 0; width: 100%; } .textangle .content .words .padding h2 { margin: 0 0 20px 0; padding: 0; } .textangle .content .words .padding p { line-height: 28px; margin: 0 0 10px 0 !important; } .textangle .content .words .padding ul { margin: 5px 0 !important; } .textangle .content .words .padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #ad1a1f; margin: 0px 0px; padding: 0px; font-size: 1.3em;font-weight: 600;} .textangle .content .words .padding a:link, .textangle .content .words .padding a:visited { color: #000000; text-decoration: none; border-bottom: 1px dashed #ad1a1f; } .textangle .content .words .padding a:active, .textangle .content .words .padding a:hover{ color: #000000; text-decoration: none; border-bottom: 1px solid #ad1a1f; } .textangle .content .words .padding .cms-button {margin: 20px 20px 0 0; } .textangle .content .words .padding .cms-button a { color: #FFF !important;} .textangle>.content>.words>.multibuttons { width: 100%; margin: 20px 0; padding: 0; color: #000; background: #FFF; display: none; } .textangle>.content>.words>.multibuttons>ul { display: block; table-layout: fixed; margin: 0; padding: 0; width: 100%; list-style: none; color: #000; background: #FFF; } .textangle>.content>.words>.multibuttons>ul>li { display: block; margin: 0; padding: 0px; float:none; color: #000; background: #FFF; } .textangle>.content>.words>.multibuttons>ul>li>.imgshell {width: 10%; margin: 0; padding: 0;} .textangle>.content>.words>.multibuttons>ul>li>.multitext {width: 90%; margin: 0; padding: 0;} .textangle>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFFFFF;} .textangle>.content>.words>.multibuttons>ul>li>.imgshell>img { height: 25px; width: auto; } .textangle>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 8px 10px; line-height: 0.8em; } .textangle>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {} .textangle>.content>.words p { line-height: 28px;} .textangle .content .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px; } .textangle .content .embedshell iframe { width: auto; height: auto; } .textangle .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } .textangle .textlinks .content { width: 100%; min-height: 100px; padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCCCCC; } .textangle .textlinks ul { margin: 0px 0px 0px 20px; } .textangle.expandblock { min-height: 0px; } .textangle .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; } /* Text Billboard 2024 */ .textboard { position: relative; display: block; width: 100%; height: auto !important; max-height: 550px; overflow: hidden; padding: 0; margin: 30px auto; background: #000 !important;} .textboard .content .words .padding .cms-button { position: relative; display: inline-block; font-size: 1.0em; font-weight: 400; padding: 0px; margin: 20px 20px 0 0; transition: 0.8s ease; background: transparent;} .textboard .content .words .padding p .cms-button { position: relative; display: inline-block; font-size: 1.0em; font-weight: 400; padding: 0px; margin: 20px 0px 0 0; transition: 0.8s ease; background: transparent;} .textboard .content .words .padding p .cms-button a:link, .textboard .content .words .padding p .cms-button a:visited { color: #FFF; text-decoration: none; background: #000000 !important; padding: 8px 10px; transition: 0.8s ease; } .textboard .content .words .padding .ctabutton a:link, .textboard .content .words .padding .ctabutton a:visited { color: #FFF; text-decoration: none; background: #000000 !important; padding: 8px 10px; transition: 0.8s ease; } .textboard .content .words .padding .ctabutton>button.modal-open { background: #000000;} /* CMS Background Colors */ .textboard.bgwhite .content .words .padding .ctabutton { color: #222; background: #FFF !important; font-size: 1.0em; } .textboard.bgwhite>.content>.words>.padding>.ctabutton a:link, .textboard.bgwhite>.content>.words>.padding>.ctabutton a:vistied, .textboard.bgwhite .content .words .padding .ctabutton button.modal-open { color: #222; background: #FFF; font-size: 1.0em; } .textboard.bglight .content .words .padding .ctabutton, .textboard.bglight .content .words .padding .ctabutton a:link, .textboard.bglight .content .words .padding .ctabutton a:visited, .textboard.bglight .content .words .padding .ctabutton button.modal-open {background: #918986 !important;font-size: 1.0em; } .textboard.bgbright>.content>.words>.padding>.ctabutton, .textboard.bgbright>.content>.words>.padding>.ctabutton a:link, .textboard.bgbright>.content>.words>.padding>.ctabutton a:visited, .textboard.bgbright .content .words .padding .ctabutton button.modal-open { background: #6e3939 !important; font-size: 1.0em; } .textboard.bgmedium>.content>.words>.padding>.ctabutton, .textboard.bgmedium>.content>.words>.padding>.ctabutton a:link, .textboard.bgmedium>.content>.words>.padding>.ctabutton a:visited, .textboard.bgmedium .content .words .padding .ctabutton button.modal-open { background: #465449 !important; font-size: 1.0em; } .textboard.bgdark>.content>.words>.padding>.ctabutton, .textboard.bgdark>.content>.words>.padding>.ctabutton a:link, .textboard.bgdark>.content>.words>.padding>.ctabutton a:visited, .textboard.bgdark .content .words .padding .ctabutton button.modal-open { background: #364c59 !important; font-size: 1.0em; } .textboard .content, .textboard .content.alignright, .textboard .content.alignleft, .textboard .content.aligncenter, .textboard .content.alignfull { position: relative; width: 100%; display: block; margin: 0; padding: 0; overflow: hidden; background: #000 !important; } .textboard .content .imgshell, .textboard .content .imgleft, .textboard .content .imgcenter, .textboard .content .imgfull, .textboard .content .imgright, .textboard .content.alignright .imgright, .textboard .content.alignleft .imgleft { position: relative; width: 100%; display: block; margin: 0 0 -10px 0; padding: 0; overflow: hidden; background: #000 !important; } .textboard .content .imgshell img, .textboard .content .imgleft img, .textboard .content .imgcenter img, .textboard .content .imgfull img, .textboard .content .imgright img, .textboard .content.alignright .imgright img, .textboard .content.alignleft .imgleft img { width: 100%; height: auto !important; padding: 0; margin: 0; } .textboard .content .caption, .textboard .content.alignleft .caption, .textboard .content.aligncenter .caption, .textboard .content.alignfull .caption { position: absolute; width: 50%; z-index: 1002; margin: 0; padding: 0; top: 500px; left: 5%; color: #fff; text-align: left; } .textboard .content.alignright .caption { position: absolute; width: 50%; z-index: 1002; margin: 0; padding: 0; top: 500px; right: 5%; left: unset; color: #fff; text-align: right; } .textboard .content .embcenter { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .textboard .content .embcenter iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .textboard .content .embfull { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .textboard .content .embfull iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .textboard .content .embright { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .textboard .content .embright iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .textboard .content .embshell { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .textboard .content .embshell iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .textboard .content .embleft { position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 550px; } .textboard .content .embleft iframe { width: 100%; height: 100% !important; padding: 0; margin: 0; } .textboard .content .words { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 550px; z-index: 1000; background: none; margin: 0; padding: 0; } .textboard .content.alignleft .words, .textboard .content.aligncenter .words, .textboard .content.alignfull .words { position: absolute; top: 0; left: 0; right: 0%; width: 100%; height: 550px; z-index: 1000; background: none; margin: 0; padding: 0; } .textboard .content.alignright .words { position: absolute; top: 0; right: 0; left: 0%; width: 100%; height: 550px; z-index: 1000; background: none; margin: 0; padding: 0; } .textboard .content.alignright .words .padding .ctabutton { margin: 10px 0 20px 0px; } .textboard .content .words .padding { position: relative; text-align: left; width: 75%; max-width: 1000px; margin: 0 auto; color: #FFFFFF; left: unset; top: 10%; z-index: 1001; } .textboard .content.alignleft .words .padding, .textboard .content.aligncenter .words .padding, .textboard .content.alignfull .words .padding { position: relative; text-align: left; width: 70%; margin: 0 auto; color: #FFFFFF; left: unset; top: 10%; z-index: 1001; clear: both;} .textboard .content.alignright .words .padding { position: relative; text-align: left; width: 70%; margin: 0 auto; color: #FFFFFF; left: unset; top: 10%; z-index: 1001; float: none; } .textboard .content .words .padding>h2 { text-align: left; color: #FFFFFF; font-size: 2.5em; margin: 20px 0; } .textboard .content .words .padding .subtitle { color: #FFFFFF; font-size: 1.5em;} .textboard .content .words .padding p { font-size: 1.1em; line-height: 1.5em; margin: 0 0 20px 0; } .textboard>.content>.words>.padding>p .cms-subtitle1 {position: relative; display: block; margin: 10px 0px; font-size: 1.5em; line-height: 1.1em; color: #FFF; } .textboard>.content>.words>.padding>p .cms-subtitle2 {position: relative; display: block; margin: 10px 0px; font-size: 1.3em; line-height: 1.1em; color: #FFF; } .textboard>.content>.words>.padding>p .cms-subtitle3 {position: relative; display: block; margin: 10px 0px; font-size: 1.1em; line-height: 1.0em; color: #FFF; } .textboard img { width: 100%; height: auto !important; } .textboard .content .words .padding a:link, .textboard .content .words .padding a:visited { color: #FFFFFF !important; text-decoration: underline;} .textboard .content .words .padding a:active, .textboard .content .words .padding a:hover { color: #FFFFFF !important; text-decoration: none; } .textboard .multibuttons { position: relative; margin-top: 20px; width: 70%; left: 10%; top: 10%; } .textboard .content.alignright .multibuttons { position: relative; margin-top: 20px; width: 70%; left: 20%; top: 10%; } .textboard .multibuttons ul { position: relative; width: 100%; padding: 0; margin: 0; } .textboard .multibuttons ul li { position: relative; width: auto !important; margin: 0 0 15px 0; padding: 0; } .textboard .multibuttons ul li .multitext { position: relative; list-style: none; padding: 0; margin: 0; text-align: left; } .textboard .multibuttons ul li .multitext .linktitle { position: relative; width: auto !important; height: auto; margin: 0; padding: 0px; color: #FFFFFF; font-family: "Work Sans", Arial, sans-serif; white-space: nowrap; font-size: 1.0em; line-height: .5em; font-weight: 500; text-align: left;} .textboard .content.alignright .multibuttons ul li .multitext .linktitle { text-align: right;} .textboard .multibuttons ul li .multitext .linktitle a:link, .textboard .multibuttons ul li .multitext .linktitle a:visited { color: #FFFFFF; text-decoration: none; background: #9d0b0b; padding: 5px 10px; } .textboard .multibuttons ul li .multitext .linktitle a:hover, .textboard .multibuttons ul li .multitext .linktitle a:active { color: #FFFFFF; text-decoration: underline;background: #9d0b0b; padding: 5px 10px; } .textboard .multibuttons ul li .multitext .ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 0.8em; } /* Text – Compact Styles 2025 */ .textcompact { position: relative; display: block; width: 100%; height: 100%; margin: 30px auto; padding: 0; overflow: visible; } .textcompact .content .words .padding h2 { margin: 0 0 20px 0; padding: 0; } .textcompact .content .words .padding .subtitle { margin: 0px 0px 10px 0; padding: 0px 0 10px 0; border-bottom: 1px solid #222; font-size: 1.3em; z-index: 1; } /* CMS Background Colors */ .textcompact.bgwhite { background: #FFF !important; margin: 30px auto; padding: 0;} .textcompact.bgwhite .words, .textcompact.bgwhite>.content>.words>.padding>h2{ color: #222; } .textcompact.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .textcompact.bglight { background: #ededed !important; padding: 30px 0;} .textcompact.bglight>.content { margin: 20px auto; } .textcompact.bglight .words, .textcompact.bglight>.content>.words>.padding>h2{ color: #222; } .textcompact.bglight>.content>.words>.padding { padding: 0px 0 5px 0; } .textcompact.bglight>.content>.words>.multibuttons>ul>li {background: #000 !important;} .textcompact.bgmedium { background: #465449 !important; padding: 20px 0;} .textcompact.bgmedium>.content>.words>.padding, .textcompact.bgmedium>.content>.words>.padding a, .textcompact.bgmedium>.content>.words>.padding>h2{ color: #FFF; } .textcompact.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .textcompact.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .textcompact.bgmedium>.content>.words>.multibuttons>ul>li>.multitext a, .textcompact.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #465449 !important; color: #FFF;} .textcompact.bgmedium>.content>.words>.padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #FFF; margin: 0px 0px 10px 0; padding: 0px 0 10px 0; font-size: 1.3em; font-weight: 600; border-bottom: 1px solid #FFF; } .textcompact.bgdmedium>.content>.embshell .caption, .textcompact.bgmedium>.content>.embleft .caption, .textcompact.bgmedium>.content>.embright .caption { color: #FFF; line-height: 1em; } .textcompact.bgdark { background: #364c59 !important; padding: 20px 0;} .textcompact.bgdark>.content { padding: 30px 0 0 0; } .textcompact.bgdark>.content>.words>.padding, .textcompact.bgdark>.content>.words>.padding a, .textcompact.bgdark>.content>.words>.padding>h2 { color: #FFF; } .textcompact.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .textcompact.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .textcompact.bgdark>.content>.words>.multibuttons>ul>li>.multitext a, .textcompact.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #364c59 !important; color: #FFF; } .textcompact.bgdark>.content>.words>.padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #FFF; margin: 0px 0px 10px 0; padding: 0px 0 10px 0; font-size: 1.3em; font-weight: 600; border-bottom: 1px solid #FFF; } .textcompact.bgdark>.content>.embshell .caption, .textcompact.bgdark>.content>.embleft .caption, .textcompact.bgdark>.content>.embright .caption { color: #FFF; line-height: 1em; } .textcompact.bgbright { background: #6e3939 !important; padding: 20px 0;} .textcompact.bgbright .words, .textcompact.bgbright>.content>.words>.padding, .textcompact.bgbright>.content>.words>.padding a, .textcompact.bgbright>.content>.words>.padding>h2{ color: #FFF; } .textcompact.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .textcompact.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .textcompact.bgbright>.content>.words>.multibuttons>ul>li>.multitext a, .textcompact.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #6e3939 !important; color: #FFF; } .textcompact.bgbright>.content>.words>.padding .cms-subtitle1, .textcompact.bgbright>.content>.words>.padding .cms-subtitle2, .textcompact.bgbright>.content>.words>.padding .cms-subtitle3 {color: #FFF;} .textcompact.bgbright>.content>.words>.padding .subtitle {font-family: "Work Sans", Arial, sans-serif; color: #FFF; margin: 0px 0px 10px 0; padding: 0px 0 10px 0; font-size: 1.3em; font-weight: 600; border-bottom: 1px solid #FFF; } .textcompact.bgbright>.content>.embshell .caption, .textcompact.bgbright>.content>.embleft .caption, .textcompact.bgbright>.content>.embright .caption { color: #FFF; line-height: 1em; } .textcompact.bgbright .content .imgshell .caption, .textcompact.bgbright .content .imgleft .caption, .textcompact.bgbright .content .imgright .caption, .textcompact.bgdark .content .imgshell .caption, .textcompact.bgdark .content .imgleft .caption, .textcompact.bgdark .content .imgright .caption, .textcompact.bgmedium .content .imgshell .caption, .textcompact.bgmedium .content .imgleft .caption, .textcompact.bgmedium .content .imgright .caption {color: #fff; line-height: 1em; } /* CMS Highlight Colors */ .textcompact.hired .content .words .padding h2 { color: #ad1a1f; } .textcompact.hired .content .words .padding .ctabutton>button.modal-open, .textcompact.hired .content .words .padding .ctabutton>a:link, .textcompact.hired .content .words .padding .ctabutton>a:visited, .textcompact.hired .content .words .padding .cms-button>a:link, .textcompact.hired .content .words .padding .cms-button>a:visited { background: #ad1a1f !important;} .textcompact.hired .content .words .padding .ctabutton>a:active, .textcompact.hired .content .words .padding .ctabutton>a:hover, .textcompact.hired .content .words .padding .cms-button>a:active, .textcompact.hired .content .words .padding .cms-button>a:hover { background: #f70707 !important;} .textcompact.hired .content .words .padding .subtitle { color: #000000 !important;} .textcompact.hired .content .words .padding .cms-subtitle2, .textcompact.hired .content .words .padding .cms-subtitle3 { color: #ad1a1f !important;} .textcompact.hired .content .words .padding .cmsp a { text-decoration: none; color: #ad1a1f !important; border-bottom: 1px dashed #ad1a1f; } .textcompact.hired .content .words .padding strong, .textcompact.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textcompact.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .textcompact.himedium .content .words .padding h2 { color: #465449; } .textcompact.himedium .content .words .padding .ctabutton>button.modal-open, .textcompact.himedium .content .words .padding .ctabutton>a:link, .textcompact.himedium .content .words .padding .ctabutton>a:visited, .textcompact.himedium .content .words .padding .cms-button>a:link, .textcompact.himedium .content .words .padding .cms-button>a:visited { background: #465449 !important;} .textcompact.himedium .content .words .padding .cms-subtitle2, .textcompact.himedium .content .words .padding .cms-subtitle3 { color: #465449 !important;} .textcompact.himedium .content .words .padding .cmsp a { text-decoration: none; color: #465449 !important; border-bottom: 1px dashed #6e3939; } .textcompact.himedium .content>.words .padding strong, .textcompact.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textcompact.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .textcompact.hibright .content .words .padding h2 { color: #6e3939; } .textcompact.hibright .content .words .padding .ctabutton>button.modal-open, .textcompact.hibright .content .words .padding .ctabutton>a:link, .textcompact.hibright .content .words .padding .ctabutton>a:visited, .textcompact.hibright .content .words .padding .cms-button>a:link, .textcompact.hibright .content .words .padding .cms-button>a:visited { background: #6e3939 !important;} .textcompact.hibright .content .words .padding .cms-subtitle2, .textcompact.hibright .content .words .padding .cms-subtitle3 { color: #6e3939 !important;} .textcompact.hibright .content .words .padding .cmsp a { text-decoration: none; color: #6e3939 !important; border-bottom: 1px dashed #6e3939; } .textcompact.higright .content>.words .padding strong, .textcompact.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textcompact.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .textcompact.hidark .content .words .padding h2 { color: #364c59; } .textcompact.hidark .content .words .padding .ctabutton>button.modal-open, .textcompact.hidark .content .words .padding .ctabutton>a:link, .textcompact.hidark .content .words .padding .ctabutton>a:visited, .textcompact.hidark .content .words .padding .cms-button>a:link, .textcompact.hidark .content .words .padding .cms-button>a:visited { background: #364c59 !important;} .textcompact.hidark .content .words .padding .cms-subtitle2, .textcompact.hidark .content .words .padding .cms-subtitle3 { color: #364c59 !important;} .textcompact.hidark .content .words .padding .cmsp a { text-decoration: none; color: #364c59 !important; border-bottom: 1px dashed #364c59; } .textcompact.hidark .content>.words .padding strong, .textcompact.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textcompact.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .textcompact>.content { position: relative; display: table; width: 100%; max-width: 1000px; height: 100%; padding: 0; margin: 0px auto; overflow: visible; } .textcompact.bgdark>.content, .textcompact.bgmedium>.content, .textcompact.bgbright>.content{ padding: 30px 0 20px 0; } .textcompact>.content .imgshell { position: relative; display:inline; float: left; width: 25%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 2;} .textcompact .content .imgleft { position: relative; display:inline; float: left; width: 25%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 0px; z-index: 2;} .textcompact>.content .imgright { position: relative; display:inline; float: right; width: 25%; height: auto !important; overflow: hidden; margin: 0px 0px 30px 30px; padding: 0; z-index: 2;} .textcompact>.content .imgcenter { position: relative; display:inline; float: left; width: 50%; overflow: hidden; margin: 0px auto; z-index: 2; } .textcompact>.content .imgshell img, .textcompact>.content .imgleft img, .textcompact>.content .imgcenter img, .textcompact>.content .imgfull img, .textcompact>.content .imgright img { width: 100%; height: auto; margin: 0px; transition: transform 2s ease;} .textcompact>.content>.imgshell:hover img, .textcompact>.content>.imgleft:hover img, .textcompact>.content>.imgcenter:hover img, .textcompact>.content>.imgfull:hover img, .textcompact>.content>.imgright:hover img {transform: scale(1.1);} .textcompact>.content .embcenter { position: relative; width: 100%; margin: 0 auto 0px auto; } .textcompact>.content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .textcompact>.content .embfull { width: 100%; margin: 0 auto; padding: 0; background: #222222; } .textcompact>.content .embfull iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; } .textcompact>.content .embright { position: relative; width: 25%; margin: 0; padding: 0px 0 30px 30px; background: transparent; float: right; display: inline; z-index: 100; } .textcompact>.content .embright iframe { width: 100%; height: auto !important; min-height: 300px; padding: 0; margin: 0; } .textcompact>.content .embshell { position: relative; width: 25%; margin: 0; padding: 0px 30px 0px 0; background: transparent; float: left; display: inline; z-index: 100; } .textcompact>.content .embshell iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0px 30px 30px 0; margin: 0; } .textcompact>.content .embleft { position: relative; width: 25%; margin: 0; padding: 0px 30px 30px 0; background: transparent; float: left; display: inline; z-index: 100; } .textcompact>.content .embleft iframe { width: 100%; height: auto !important; min-height: 320px; padding: 0; margin: 0; } .textcompact .content .words { position: relative; display: inline; width: auto !important; padding: 0; margin: 0px; line-height: 30px; } .textcompact>.content>.words p { line-height: 30px; margin: 0 0 20px 0; } .textcompact>.content>.words table { } .textcompact .content .words .padding { margin: 0; padding: 0; width: 100%; } .textcompact .content .words .multibuttons { position: relative; display: block; text-align: center; width: auto !important; margin: 0 0 0 0; padding: 0; } .textcompact>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 100%; margin: 0; padding: 0; } .textcompact>.content>.words>.multibuttons>ul>li { list-style: none; position: relative; display: inline-block; background: #000; color: #FFFFFF; text-align: left; width: auto !important; padding: 5px 10px; margin: 0 10px 10px 0; font-size: 1em; } .textcompact .content .words .multibuttons li a:link, .textcompact .content .multibuttons li a:visited { background: #000; color:#FFFFFF; text-decoration: none; } .textcompact .content .words .multibuttons li a:hover, .textcompact .content .multibuttons li a:active { background: #000; color:#FFFFFF; text-decoration: underline; } .textcompact .content .words .multibuttons li .multitext { display: inline-block; width: auto !important;} .textcompact .content .words .multibuttons li .multitext .textmulti { display: none;} .textcompact .content .words .multibuttons li .multitext .linktitle { font-family: "Work Sans", Arial, sans-serif;font-size: 1em; font-weight: 500; display: inline;} .textcompact .content .words .multibuttons li .multitext .ctabutton { width: auto !important; margin: 0 auto; color: #FFFFFF; float: none; display: inline-block; } .textcompact .content .words .multibuttons li .multitext .ctabutton button.modal-open { font-size: 1em; line-height: 1em; margin: 0px; padding: 0; text-align: center; width: auto; color: #FFFFFF; float: none; display: inline-block; } .textcompact .content .embedshell { position: relative; display:inline; float: left; width: 25%; min-width: 0%; height: auto; overflow: hidden; margin: 10px 30px 0px 0px; } .textcompact .content .embedshell iframe { width: auto; height: auto; } .textcompact .textlinks { display: block; max-width: 100%; float: left;min-width: 0%; min-height: 0px; padding: 0px 0px 0px 0px; margin: 0px 0px 10px 0px; } .textcompact .textlinks .content { width: 100%; min-height: 100px; padding: 0px; margin: 0px 0px 0px 10px; border-right: 1px solid #CCCCCC; } .textcompact .textlinks ul { margin: 0px 0px 0px 20px; } .textcompact.expandblock { min-height: 0px; } .textcompact .content .imgright .ctabutton { position: absolute; bottom: 10px; right: 10px; } /* Event Archive Expand Styles */ .textcompact > .content > .archive-expand { position: relative; display: block; width: 90%; margin: 0 auto; padding: 0; } .textcompact > .content > .archive-expand ul { list-style: none; position: relative; display: block; margin: 0; padding: 0; } .textcompact > .content > .archive-expand ul li { list-style: none; position: relative; display: block; margin: 10px 0; padding: 10px; border-top: 1px solid #999; } /* start Text Image Mosaic 2024 styles */ .textpics { position: relative; width: 100%; max-width: 1000px; margin: 30px auto; padding: 0px 0; display: block; float: none; overflow: visible; height: 550px; } /* CMS Background Colors (Links and Buttons) */ .textpics.bgwhite { background: #FFF !important; } .textpics.bgwhite .words { color: #222; background: #FFF; } .textpics.bgwhite .content .words .padding .ctabutton a:link {background: #222 !important; } .textpics.bgwhite>.content>.words>.padding>h2{ color: #222; } .textpics.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .textpics.bglight { background: #FFF !important; } .textpics.bglight .words { color: #222; background: #FFF; } .textpics.bglight .content .words .padding .ctabutton, .textpics.bglight .content .words .padding .ctabutton a:link, .textpics.bglight .content .words .padding .ctabutton a:visited {background: #222 !important; } .textpics.bglight>.content>.words>.padding>h2{ color: #222; } .textpics.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} /* Medium Background Mods */ .textpics.bgmedium{ background: #FFF !important; } .textpics.bgmedium .words { color: #222; background: #FFF; } .textpics.bgmedium .content .words .padding .ctabutton, .textpics.bgmedium .content .words .padding .ctabutton a:link, .textpics.bgmedium .content .words .padding .ctabutton a:visited {background: #465449 !important; } .textpics.bgmedium>.content>.words>.padding>h2{ color: #222; } .textpics.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .textpics.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #465449 !important; color: #FFF;} /* Dark Background Mods */ .textpics.bgdark { background: #FFF !important; } .textpics.bgdark .words { color: #222; background: #FFF; } .textpics.bgdark .content .words .padding .ctabutton, .textpics.bgdark .content .words .padding .ctabutton a:link, .textpics.bgdark .content .words .padding .ctabutton a:visited {background: #364c59 !important; } .textpics.bgdark .content .words .padding .ctabutton a:active, .textpics.bgdark .content .words .padding .ctabutton a:hover {background: #5a6972 !important; } .textpics.bgdark>.content>.words>.padding>h2{ color: #222; } .textpics.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .textpics.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #364c59 !important; color: #FFF; } /* Bright Background Mods */ .textpics.bgbright { background: #FFF !important;} .textpics.bgbright .words { color: #222; background: #FFF; } .textpics.bgbright .content .words .padding .ctabutton, .textpics.bgbright .content .words .padding .ctabutton a:link, .textpics.bgbright .content .words .padding .ctabutton a:visited {background: #6e3939 !important; } .textpics.bgbright .content .words .padding .ctabutton a:active, .textpics.bgbright .content .words .padding .ctabutton a:hover {background: #ad8a3b !important; } .textpics.bgbright>.content>.words>.padding>h2{ color: #222; } .textpics.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .textpics.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {background: #6e3939 !important; color: #FFF; } .textpics .content { position: relative; width: 100%; height: auto; margin: 0 auto; padding: 0; display: table; min-height: 550px; } /* CMS Highlight Colors */ .textpics.hired .content .words .padding h2 { color: #ad1a1f; } .textpics.hired .content .words .padding .ctabutton>button.modal-open {background: #ad1a1f;} .textpics.hired .content .words .padding .ctabutton>a:link, .textpics.hired .content .words .padding .ctabutton>a:visited, .textpics.hired .content .words .padding .cms-button>a:link, .textpics.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .textpics.hired .content .words .padding .ctabutton>a:active, .textpics.hired .content .words .padding .ctabutton>a:hover, .textpics.hired .content .words .padding .cms-button>a:active, .textpics.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .textpics.hired>.content>.words .padding strong, .textpics.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textpics.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .textpics.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .textpics.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .textpics.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .textpics.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .textpics.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .textpics.himedium .content .words .padding h2 { color: #465449; } .textpics.himedium .content .words .padding .ctabutton>button.modal-open {background: #465449;} .textpics.himedium .content .words .padding .ctabutton>a:link, .textpics.himedium .content .words .padding .ctabutton>a:visited, .textpics.himedium .content .words .padding .cms-button>a:link, .textpics.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .textpics.himedium .content>.words .padding strong, .textpics.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textpics.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .textpics.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .textpics.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .textpics.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .textpics.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .textpics.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .textpics.hibright .content .words .padding h2 { color: #6e3939; } .textpics.hibright .content .words .padding .ctabutton>button.modal-open {background: #6e3939;} .textpics.hibright .content .words .padding .ctabutton>a:link, .textpics.hibright .content .words .padding .ctabutton>a:visited, .textpics.hibright .content .words .padding .cms-button>a:link, .textpics.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .textpics.higright .content>.words .padding strong, .textpics.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textpics.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .textpics.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .textpics.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .textpics.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .textpics.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .textpics.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .textpics.hidark .content .words .padding h2 { color: #364c59; } .textpics.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .textpics.hidark .content .words .padding .ctabutton>a:link, .textpics.hidark .content .words .padding .ctabutton>a:visited, .textpics.hidark .content .words .padding .cms-button>a:link, .textpics.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .textpics.hidark .content>.words .padding strong, .textpics.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .textpics.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .textpics.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .textpics.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .textpics.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .textpics.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .textpics.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .textpics>.content>.imgshell { position: relative; display: table-cell; width: 50%; float: right; z-index: 100;} .textpics>.content>.imgshell img { position: relative; width: 100%; height: auto !important; transition: transform 2s ease;} .textpics>.content>.imgshell:hover img {transform: scale(1.1);} .textpics>.content>.imgshell .caption { position: absolute; left: 1%; top: 1%; color: #FFF; z-index: 200; font-family: "Work Sans", Arial, sans-serif;font-size: 1.2em; text-align: left; font-weight:600; font-style: normal;} .textpics>.content>.imgleft { position: relative; display: table-cell; width: 50%; float: left; z-index: 100; margin: 0 240px 0 0; padding: 0; } .textpics>.content>.imgleft img { position: relative; width: 100%; height: auto !important; transition: transform 2s ease;} .textpics>.content>.imgleft:hover img {transform: scale(1.1);} .textpics>.content>.imgleft .caption { position: absolute; left: 1%; top: 1%; color: #FFF; z-index: 200; font-family: "Work Sans", Arial, sans-serif;font-size: 1.2em; text-align: left; font-weight:600; font-style: normal;} .textpics>.content>.words { position: relative; width: 100%; max-width: 1200px; height: auto; display: block; margin: 0px; padding: 0; overflow: visible; } .textpics>.content>.words>.padding { position: relative; text-align: left; width: 35%; float: left; display: inline; padding: 75px 0 0 0; } .textpics>.content>.words>.padding>p { margin: 10px 0; } .textpics>.content>.words>.padding>h2 { text-align: left; color: #222222; padding: 0 0 10px 0; margin:0 0 10px 0; line-height: 1em; border-bottom: 1px solid #222; } .textpics>.content>.words>.padding>.subtitle { margin:0; text-align: left; font-size: 1.1em;color: #222222;} .textpics>.content>.words>.padding>.ctabutton { position: relative; margin:10px auto; text-align: center; float: none; } .textpics>.content>.words>.multibuttons { position: absolute; width: 60%; max-width:60%; display: inline; right: 0; margin: 0; padding: 0; background: transparent; } .textpics>.content>.words>.multibuttons>ul { position: relative; width: 100%; display: block; padding: 0; margin: 250px 0 0 0; } .textpics>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display:table; float: none; margin: 0%; padding: 1%; height: auto; vertical-align: top; background: transparent; z-index: 102;} .textpics>.content>.words>.multibuttons>ul>li>.multimgshell {position: absolute; left: 7%; top: 10%; width: 37%; height: auto; overflow: hidden; padding: 0; margin: 0 10px 0px 0; z-index: 102; } .textpics>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0 4% 0 0;display: block; float: none;} .textpics>.content>.words>.multibuttons>ul>li>.multimgleft {position: absolute; left: 7%; top: 10%; width: 37%; height: auto; overflow: hidden; padding: 0; margin: 0 10px 0px 0; z-index: 102; } .textpics>.content>.words>.multibuttons>ul>li>.multimgshell img, .textpics>.content>.words>.multibuttons>ul>li>.multimgleft img, .textpics>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto !important; transition: transform 2s ease;} .textpics>.content>.words>.multibuttons>ul>li>.multimgleft:hover img {transform: scale(1.1);} .textpics>.content>.words>.multibuttons>ul>li>.multimgright { position: absolute; right: 5%; width: 55%; height: auto; overflow: hidden; padding: 0; margin: 0 0 10px 20px; z-index: 101; } .textpics>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; transition: transform 2s ease;} .textpics>.content>.words>.multibuttons>ul>li>.multimgright:hover img {transform: scale(1.1);} /* one-col multiimg center modified for tall/vertical/portrait images */ .textpics>.content>.words>.multibuttons>ul>li>.multimgcenter {position: absolute; left: 30%; bottom: 0; width: 30%; height: auto; padding: 0; margin: 0; z-index: 104; } .textpics>.content>.words>.multibuttons>ul>li>.multimgcenter img { position: relative; width: 100%; height: 100%;transition: transform 2s ease;} .textpics>.content>.words>.multibuttons>ul>li>.multimgcenter:hover img {transform: scale(1.1);} .textpics>.content>.words>.multibuttons>ul>li>.multimgshell iframe {width: 100%; height: 100%; } .textpics>.content>.words>.multibuttons>ul>li>.multiembshell, .textpics>.content>.words>.multibuttons>ul>li>.multiembleft, .textpics>.content>.words>.multibuttons>ul>li>.multiembright, .textpics>.content>.words>.multibuttons>ul>li>.multiembcenter, .textpics>.content>.words>.multibuttons>ul>li>.multiembfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0;display: block; float: none;} .textpics>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .textpics>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .textpics>.content>.words>.multibuttons>ul>li>.multiembright iframe, .textpics>.content>.words>.multibuttons>ul>li>.multiembcenter iframe, .textpics>.content>.words>.multibuttons>ul>li>.multiembfull iframe { position: relative; width: 100%; height: auto !important; min-height: 265px; } .textpics>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: auto !important; min-width: 50%; padding: 2%; margin: 0; font-size: 0.95em; line-height: 1.7em; /*display: table-cell;*/ color: #FFFFFF; vertical-align:top; text-align: left; display: none;} /*.textpics>.content>.words>.multibuttons>ul>li>.multitext .cms-button {margin: 10px 0; } .textpics>.content>.words>.multibuttons>ul>li>.multitext .cms-caption {color: #ededed;} .textpics>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { position: absolute; top: 1%; right: 1%; font-family: "Work Sans", Arial, sans-serif;font-size: 1.3em; text-align: left; color:#FFFFFF;font-weight:600; margin: 0px; padding:0; z-index: 200; } .textpics>.content>.words>.multibuttons>ul>li>.multitext>p {margin: 20px 0px 5px 0px; padding:0; } .textpics>.content>.words>.multibuttons>ul>li>.multitext>a:link, .textpics>.content>.words>.multibuttons>ul>li>.multitext>a:visited {text-decoration:underline;color:#FFFFFF;} .textpics>.content>.words>.multibuttons>ul>li>.multitext>a:active, .textpics>.content>.words>.multibuttons>ul>li>.multitext>a:hover{text-decoration:underline;color:#FFFFFF;} .textpics>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .textpics>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;color:#FFFFFF;} .textpics>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .textpics>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;color:#FFFFFF;}*/ .textpics>.content.alignright>.imgright { position: relative; display: table-cell; width: 50%; float: right; z-index: 100; margin: 0 1% 0 0; } .textpics>.content.alignright>.imgright img { position: relative; width: 100%; height: auto !important; transition: transform 2s ease;} .textpics>.content.alignright>.imgright:hover img {transform: scale(1.1);} .textpics>.content.alignright>.imgright .caption { position: absolute; left: 5%; top: 1%; color: #FFF; z-index: 200; font-family: "Work Sans", Arial, sans-serif; font-size: 1.2em; text-align: left; font-weight:600; font-style: normal; width: auto; background: rgba(0, 0, 0, 0.7); padding: 1px 5px;} .textpics>.content.alignright>.words { position: relative; width: 100%; max-width: 1200px; height: auto; display: block; margin: 0px; padding: 0; overflow: visible; } .textpics>.content.alignright>.words>.padding { position: relative; text-align: left; width: 35%; float: left; display: inline; padding: 75px 0 0 0; } .textpics>.content.alignright>.words>.multibuttons { position: absolute; width: 60%; max-width:60%; display: inline; right: 0; margin: 0; padding: 0; background: transparent; } .textpics>.content.alignright>.words>.multibuttons>ul>li>.multimgleft {position: absolute; left: 5%; top: 0%; width: 35%; height: auto; overflow: hidden; padding: 0; margin: 25px 10px 0px 0; z-index: 102; } .textpics>.content.alignright>.words>.multibuttons>ul>li>.multimgleft .caption { position: absolute; bottom: 5%; left: 2%; z-index: 110; margin: 0; font-family: "Work Sans", Arial, sans-serif;font-size: 1.1em; text-align: left; color:#FFFFFF;font-weight:600; font-style: normal; width: auto; background: rgba(0, 0, 0, 0.7); padding: 1px 5px;} .textpics>.content.alignright>.words>.multibuttons>ul>li>.multimgright { position: absolute; right: 0%; width: 55%; height: auto; overflow: hidden; padding: 0; margin: 0 0 10px 20px; z-index: 101; } .textpics>.content.alignright>.words>.multibuttons>ul>li>.multimgright .caption { position: absolute; bottom: 5%; left: 5%; z-index: 110; margin: 0; font-family: "Work Sans", Arial, sans-serif;font-size: 1.2em; text-align: left; color:#FFFFFF;font-weight:600; font-style: normal; width: auto; background: rgba(0, 0, 0, 0.7); padding: 1px 5px;} .textpics.alignleft .content { position: relative; width: 100%; height: auto; margin: 0 auto; padding: 1%; display: table; min-height: 500px; } .textpics .content.alignleft .imgleft { position: relative; display: inline; width: 50%; float: left; z-index: 100; margin: 0 0 0 3%; } .textpics .content.alignleft .imgleft img { position: relative; width: 100%; height: auto !important; transition: transform 2s ease;} .textpics>.content.alignleft>.imgleft .caption { position: absolute; left: 5%; top: 1%; color: #FFF; z-index: 200; font-family: "Work Sans", Arial, sans-serif; font-size: 1.2em; text-align: left; font-weight:600; font-style: normal; width: auto; background: rgba(0, 0, 0, 0.7); padding: 1px 5px;} .textpics .content.alignleft .words { position: relative; width: 100%; max-width: 1200px; height: auto; display: block; margin: 0px; padding: 0; overflow: visible; } .textpics .content.alignleft .words .padding { position: relative; text-align: left; width: 35%; float: right; display: inline; padding: 75px 0 0 0; } .textpics>.content.alignleft>.words>.multibuttons { position: absolute; width: 60%; max-width:60%; display: inline; left: 0; margin: 0; padding: 0; background: transparent; } .textpics>.content.alignleft>.words>.multibuttons>ul>li>.multimgleft {position: absolute; left: 0%; top: 10%; width: 55%; height: auto; overflow: hidden; padding: 0; margin: 0 10px 0px 0; z-index: 101; } .textpics>.content.alignleft>.words>.multibuttons>ul>li>.multimgleft .caption { position: absolute; bottom: 4%; left: 0%; z-index: 110; margin: 0; font-family: "Work Sans", Arial, sans-serif;font-size: 1.0em; text-align: left; color:#FFFFFF;font-weight:600; font-style: normal; width: auto; background: rgba(0, 0, 0, 0.5); padding: 1px 5px;} .textpics>.content.alignleft>.words>.multibuttons>ul>li>.multimgright { position: absolute; right: 5%; width: 35%; height: auto; overflow: hidden; padding: 0; margin: 20px 0 10px 20px; z-index: 102; } .textpics>.content.alignleft>.words>.multibuttons>ul>li>.multimgright .caption { position: absolute; bottom: 5%; left: 0%; z-index: 110; margin: 0; font-family: "Work Sans", Arial, sans-serif;font-size: 1.0em; text-align: left; color:#FFFFFF;font-weight:600; font-style: normal; width: auto; background: rgba(0, 0, 0, 0.5); padding: 1px 5px;} /* Three Column styles */ .threecol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0; display: block; background: #FFFFFF; } /* CMS Background Colors */ .threecol.bgwhite { background: #FFF !important; padding: 0; margin: 30px auto; } .threecol.bgwhite>.content { color: #222; background: #FFF; padding: 0; } .threecol.bgwhite .words { color: #222; background: #FFF; } .threecol.bgwhite .content .words .padding .ctabutton a:link {background: #222 !important; } .threecol.bgwhite>.content>.words>.padding>h2{ color: #222; } .threecol.bgwhite>.content>.words>.padding>.subtitle{ color: #222; } .threecol.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .threecol.bgwhite>.content>.words>.multibuttons>ul>li {padding: 0; margin: 0 3% 3% 0; } .threecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext {background: #FFF !important; color: #222; width: 100%; margin: 0; padding: 5% 0 0 0; } .threecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .threecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a {color: #000;} .threecol.bgwhite>.content>.words>.multibuttons .linktitle {color: #000; font-size: 1.3em; font-weight: 700;margin: 5px auto 5px auto;} /* Light Background Mods */ .threecol.bglight { background: #ededed !important;} .threecol.bglight>.content { padding: 30px 0; } .threecol.bglight .words { color: #222; background: #ededed; } .threecol.bglight .content .words .padding .ctabutton a:link {background: #222 !important; } .threecol.bglight>.content>.words>.padding>h2{ color: #222; } .threecol.bglight>.content>.words>.padding>.subtitle{ color: #222; } .threecol.bglight>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .threecol.bglight>.content>.words>.multibuttons>ul>li {padding: 0; margin: 0 3% 3% 0; } .threecol.bglight>.content>.words>.multibuttons>ul>li>.multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } .threecol.bglight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .threecol.bglight>.content>.words>.multibuttons2>.multicolumns>.multicol .multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } /* Medium Background Mods */ .threecol.bgmedium { background: #465449 !important; } .threecol.bgmedium>.content { padding: 30px 0; } .threecol.bgmedium .words { color: #FFF; background: #465449; } .threecol.bgmedium .content .words .padding .ctabutton, .threecol.bgmedium .content .words .padding .ctabutton a:link, .threecol.bgmedium .content .words .padding .ctabutton a:visited {background: #222 !important; } .threecol.bgmedium>.content>.words>.padding a, .threecol.bgmedium>.content>.words>.padding>h2{ color: #FFF; } .threecol.bgmedium>.content>.words>.padding>.subtitle{ color: #FFF; } .threecol.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .threecol.bgmedium>.content>.words>.multibuttons>ul>li {padding: 0; margin: 0 3% 3% 0; } .threecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } .threecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } .threecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .threecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a {color: #465449; } .threecol.bgmedium>.content>.words>.multibuttons2>.multicolumns>.multicol .multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } /* Dark Background Mods */ .threecol.bgdark { background: #364c59 !important; } .threecol.bgdark>.content { padding: 30px 0; } .threecol.bgdark .words { color: #FFF; background: #364c59; } .threecol.bgdark .content .words .padding .ctabutton, .threecol.bgdark .content .words .padding .ctabutton a:link, .threecol.bgdark .content .words .padding .ctabutton a:visited {background: #222 !important; } .threecol.bgdark>.content>.words>.padding a, .threecol.bgdark>.content>.words>.padding>h2{ color: #FFF; } .threecol.bgdark>.content>.words>.padding>.subtitle{ color: #FFF; } .threecol.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .threecol.bgdark>.content>.words>.multibuttons>ul>li {padding: 0; margin: 0 3% 3% 0; } .threecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } .threecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } .threecol.bgdark>.content>.words>.multibuttons2>.multicolumns>.multicol .multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } .threecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .threecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a {color: #364c59; } /* Bright Background Mods */ .threecol.bgbright{ background: #6e3939 !important; } .threecol.bgbright>.content { padding: 30px 0; } .threecol.bgbright>.content>.words { color: #FFF; background: #6e3939; } .threecol.bgbright>.content>.words>.padding .ctabutton, .threecol.bgbright>.content>.words>.padding .ctabutton a:link, .threecol.bgbright>.content>.words>.padding .ctabutton a:visited {background: #222 !important; } .threecol.bgbright>.content>.words>.padding a, .threecol.bgbright>.content>.words>.padding>h2{ color: #FFF; } .threecol.bgbright>.content>.words>.padding>.subtitle{ color: #FFF; } .threecol.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .threecol.bgbright>.content>.words>.multibuttons>ul>li {padding: 0; margin: 0 3% 3% 0;} .threecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } .threecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } .threecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .threecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a {color: #6e3939; } .threecol.bgbright>.content>.words>.multibuttons2>.multicolumns>.multicol .multitext { background: #FFF !important; color: #222; width: 80%; margin: 0; padding: 5% 10% 10% 10%; } /* Background Caption Mods */ .threecol.bgdark .content .imgright .caption, .threecol.bgmedium .content .imgright .caption, .threecol.bgbright .content .imgright .caption, .threecol.bgdark .content .imgleft .caption, .threecol.bgmedium .content .imgleft .caption, .threecol.bgbright .content .imgleft .caption, .threecol.bglight .content .imgfull .caption, .threecol.bgdark .content .imgfull .caption, .threecol.bgmedium .content .imgfull .caption, .threecol.bgbright .content .imgfull .caption {color: #FFF; margin: 0; width: 100%; } /* CMS Highlight Colors */ .threecol.hired .content .words .padding h2 { color: #ad1a1f; } .threecol.hired .content .words .padding .ctabutton>button.modal-open {background: #ad1a1f;} .threecol.hired .content .words .padding .ctabutton>a:link, .threecol.hired .content .words .padding .ctabutton>a:visited {background: #ad1a1f !important;} .threecol.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .threecol.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .threecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .threecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .threecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .threecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .threecol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .threecol.himedium .content .words .padding h2 { color: #465449; } .threecol.himedium .content .words .padding .ctabutton>button.modal-open {background: #465449;} .threecol.himedium .content .words .padding .ctabutton>a:link, .threecol.himedium .content .words .padding .ctabutton>a:visited {background: #465449 !important;} .threecol.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .threecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .threecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .threecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .threecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .threecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .threecol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .threecol.hibright .content .words .padding h2, .threecol.hibright .content .words .padding a { color: #6e3939; font-weight: 600; } .threecol.hibright .content .words .padding .ctabutton>button.modal-open {background: #6e3939;} .threecol.hibright .content .words .padding .ctabutton>a:link, .threecol.hibright .content .words .padding .ctabutton>a:visited {background: #6e3939 !important;} .threecol.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .threecol.hibright>.content>.words>.padding>p .cms-button, .threecol.hibright>.content>.words>.padding>p .cms-button a:link, .threecol.hibright>.content>.words>.padding>p .cms-button a:visited, .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important; transition: 0.8s ease; } .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext a {color: #6e3939; font-weight: 600; } .threecol.hibright>.content>.words>.padding>p .cms-button a:hover, .threecol.hibright>.content>.words>.padding>p .cms-button a:active, .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .threecol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; opacity: 1;} .threecol.hidark .content .words .padding h2 { color: #364c59; } .threecol.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .threecol.hidark .content .words .padding .ctabutton>a:link, .threecol.hidark .content .words .padding .ctabutton>a:visited {background: #364c59 !important;} .threecol.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .threecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .threecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .threecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .threecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .threecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .threecol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .threecol .content { position: relative; width: 100%; max-width: 1000px; height: auto; margin: 0px auto; padding: 0; display: table;} .threecol .content>.imgleft, .threecol>.content>.imgshell { position: relative; display:table-cell; float: left; width: 30%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; padding: 0; background: transparent !important; } .threecol .content>.imgleft img, .threecol>.content>.imgshell img { position: relative; width: 100%; height: auto; margin: 0px 30px 0px 0px; z-index: 1000; } .threecol .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; background: transparent !important; } .threecol .content>.imgright img { width: 100%; height: auto; margin: 0;} .threecol>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto; background: transparent !important; } .threecol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .threecol>.content>.imgfull { position: relative; display:inline; float: left; width: 100%; overflow: hidden; margin: 0px auto; background: transparent !important; } .threecol>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .threecol .content .embleft, .threecol>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; } .threecol .content .embleft iframe, .threecol>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;} .threecol .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; } .threecol .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;} .threecol .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; } .threecol .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;} .threecol .content .embfull { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0px auto; } .threecol .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;} .threecol>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto;} .threecol>.content>.words>.padding { text-align: left; line-height: 1.9em; margin: 0 auto 30px auto; width: 100%; } .threecol>.content>.words>.padding>p { line-height:1.9em; margin: 10px 0px; } .threecol>.content>.words>.padding>h2 { text-align: left; color: #222222; padding:0; margin:0 auto; line-height:1em; } .threecol>.content>.words>.padding>.subtitle { margin: 20px 0 0 0; text-align: left; font-size: 1.3em;} .threecol>.content>.words>.padding>.ctabutton {margin: 30px 20px 20px 0;} .threecol>.content>.words>.multibuttons { position: relative; width: 100%; max-width: 1000px; display: block; margin: 20px auto 0px auto;} .threecol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } .threecol>.content>.words>.multibuttons>ul>li {position: relative; width: 30.33%; display: inline-block; float: left; padding: 0; margin: 0 3% 3% 0; text-align: left; min-height: 100px; background: #ededed; color: #222222; border-right: none; } .threecol .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;} .threecol>.content>.words>.multibuttons>ul>li>.multimgshell, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter, .threecol>.content>.words>.multibuttons>ul>li>.multimgleft, .threecol>.content>.words>.multibuttons>ul>li>.multimgright, .threecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0; background: transparent !important; } .threecol>.content>.words>.multibuttons>ul>li>.multimgleft img, .threecol>.content>.words>.multibuttons>ul>li>.multimgright img, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter img, .threecol>.content>.words>.multibuttons>ul>li>.multimgshell img, .threecol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto; padding: 0; margin: 0;} .threecol>.content>.words>.multibuttons>ul>li>.multimgshell .caption, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter .caption, .threecol>.content>.words>.multibuttons>ul>li>.multimgleft .caption, .threecol>.content>.words>.multibuttons>ul>li>.multimgright .caption, .threecol>.content>.words>.multibuttons>ul>li>.multimgfull .caption {position: relative; color: #000; float: none; background: transparent !important} .threecol>.content>.words>.multibuttons>ul>li>.multitext { background: #ededed; color: #000; width: 86%; margin: 0; padding: 5% 7% 7% 7%; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", Arial, sans-serif;font-size: 1.3em; text-align: left; color:#000; font-weight: 700; line-height: 1.0em; margin: 10px auto 5px auto;} .threecol>.content>.words>.multibuttons>ul>li>.multitext>.subtitle {font-size: 1.1em; text-align: left; color: #222; font-weight: 600; margin: 5px 0;} /*.threecol>.content>.words>.multibuttons>ul>li .multitext .cms-subtitle1 {font-size: 2.5em; color: #000000; } .threecol>.content>.words>.multibuttons>ul>li .multitext .cms-subtitle2 {font-size: 1.2em; color: #000000; } .threecol>.content>.words>.multibuttons>ul>li .multitext .cms-subtitle3 {font-size: 1.1em; color: #222222; }*/ .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited { text-decoration:none; color: #000000; background: transparent; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{ text-decoration:underline; background: transparent; } .threecol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFFFFF; text-decoration: none; font-weight: 400; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 5px 0; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 8px 10px; line-height: 1.1em; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;} .threecol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton {font-weight: 400; } .threecol>.content>.words>.multibuttons>ul>li>.multiembshell, .threecol>.content>.words>.multibuttons>ul>li>.multiembleft, .threecol>.content>.words>.multibuttons>ul>li>.multiembright, .threecol>.content>.words>.multibuttons>ul>li>.multiembcenter { position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0 0 10px 0; background: transparent; } .threecol>.content>.words>.multibuttons>ul>li>.multiembshell img { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } .threecol>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .threecol>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .threecol>.content>.words>.multibuttons>ul>li>.multiembright iframe, .threecol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe { position: relative; width: 100%; height: 100%; display:block; min-height: 170px; background: transparent; } .threecol>.content>.words>.multibuttons>ul .threecol>.content>.words>.multibuttons>ul ul, .threecol ul, .threecol ul ul{ list-style-type: square !important; } /* -------- Top (Page) Title ---------- */ .toptitle { position: relative; display: block; text-align: center; height: auto !important; width: 85%; max-width: 1000px; padding: 0; margin: 20px auto; background:url(https://www.bard.edu/images/line.png) repeat-x;} .toptitle>h2 { position: relative; display: inline-block; text-align: center; height: 30px; padding: 5px 10px 20px 10px; margin: 0 auto;background: #FFFFFF; color: #000; clear: both;} .toptitle>.ctabutton { position: relative; display: inline-block; text-align: center; margin: 10px auto; } /* Two Column Side Styles */ .twocol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0; display: block; float: none; background: #FFF; } .twocol>.content { position: relative; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; padding: 0; display: table; } .twocol>.content>.words { position: relative; width: 100%; max-width: 1200px; display: block; margin: 0px auto; float: none; padding: 0;} .twocol>.content>.words>.padding { position: relative; text-align: left; width: 20%; float: left; display: inline; padding: 0 2% 2% 0; } .twocol>.content>.words>.padding>p { line-height:1.6em; margin: 10px 0; } .twocol>.content>.words>.padding>p .cms-button { margin: 10px 0; } .twocol>.content>.words>.padding>h2 { text-align: left; color: #222222; padding: 0; margin: 30px auto 10px auto; line-height:1em; } .twocol>.content>.words>.padding>.subtitle { margin: 10px auto 10px auto; text-align: left; font-size: 1.5em; font-weight: 700; line-height: 1.0em;} .twocol>.content>.words>.padding>.ctabutton { position: relative; margin: 10px auto; text-align: center; float: none; } .twocol>.content>.words>.padding>ul {padding: 0; list-style: none;} .twocol>.content>.words>.padding>ul li {padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ededed; } .twocol>.content>.imgshell { display:none;} .twocol>.content>.words>.multibuttons { position: relative; width: 77%; max-width:77%; display: inline; float: left; margin: 0px; padding: 10px 0 0 0; border-left: 1px dotted #222; background: #ededed; } .twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; width: 100%; display: block; } .twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 46%; display:inline-block; float: left; margin: 0 4% 2% 0; padding: 0 0 0 0; height: auto; vertical-align: top; background: #ededed; } .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: 90%; height: auto; overflow: hidden; padding: 0 5% 0 5%; margin: 20px 0 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: 88%; height: auto; overflow: hidden; padding: 6%; 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 .twocol>.content>.words>.multibuttons>ul ul, .twocol ul, .twocol ul ul{ list-style-type: square !important; } .twocol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: auto !important; padding: 4% 5% 5% 5%; margin: 0; font-size: 1em; line-height: 1.9em; display: block; color: #000; vertical-align:top; text-align: left; min-height: 0px; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .linktitle { font-size: 1.7em; font-weight: 700; margin: 0 0 15px 0;} .twocol>.content>.words>.multibuttons>ul>li>.multitext>p {margin: 15px 0px 5px 0px; padding:0; line-height: 1.8em; } .twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none; color: #000000; } .twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .twocol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{ text-decoration: none; border-bottom: 1px solid #ad1a1f;} .twocol>.content>.words>.multibuttons>ul>li>.multitext a:link, .twocol>.content>.words>.multibuttons>ul>li>.multitext a:visited { color: #000000; text-decoration: none; border-bottom: 1px dashed #ad1a1f; } .twocol>.content>.words>.multibuttons>ul>li>.multitext a:active, .twocol>.content>.words>.multibuttons>ul>li>.multitext a:hover{ color: #000000; text-decoration: none; border-bottom: 1px solid #ad1a1f; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .ctabutton { background: #000000; margin: 20px 0; color: #FFFFFF !important; border: none; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .ctabutton a:link, .twocol>.content>.words>.multibuttons>ul>li>.multitext .ctabutton a:visited { background: #000000; color: #FFFFFF !important; border: none !important; transition: 0.8s ease; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .ctabutton a:active { background: #ad1a1f; color: #FFFFFF !important; border: none; opacity: 1; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .cms-button { background: #000000; margin: 20px 0; color: #FFFFFF !important; border: none; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocol>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #000000; color: #FFFFFF !important; border: none !important; transition: 0.8s ease; } .twocol>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f; color: #FFFFFF !important; border: none; opacity: 1; } .twocol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open {} /* CMS Background Colors */ .twocol.bgwhite { background: #FFF !important;} .twocol.bgwhite .words { color: #222; background: #FFF; } .twocol.bgwhite .content .words .padding .ctabutton a:link {background: #222 !important; } .twocol.bgwhite>.content>.words>.padding>h2{ color: #222; margin-top: 10px; } .twocol.bgwhite>.content>.words>.multibuttons { border-left: 1px dotted #222; background: #FFF; padding: 0; } .twocol.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .twocol.bgwhite>.content>.words>.multibuttons>ul>li { width: 46%; padding: 0 0 4% 0; margin: 0 4% 0 0; } .twocol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext {background: #FFF !important; color: #222; width: 100%; margin: 0; padding: 0; } .twocol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto; font-size: 1.7em; } .twocol.bgwhite>.content>.words>.multibuttons>ul>li>.multimgshell, .twocol.bgwhite>.content>.words>.multibuttons>ul>li>.multimgleft, .twocol.bgwhite>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocol.bgwhite>.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;} /* Light Background Mods */ .twocol.bglight { background: #ededed !important; padding: 30px 0; } .twocol.bglight>.content>.words { color: #222; background: #ededed; } .twocol.bglight>.content>.words>.padding { } .twocol.bglight>.content>.words>.padding .ctabutton a:link {background: #222 !important; color: #FFF !important; } .twocol.bglight>.content>.words>.padding>h2{ color: #222; margin-top: 30px; } .twocol.bglight>.content>.words>.multibuttons { border-left: 1px dotted #222; padding: 0; } .twocol.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .twocol.bglight>.content>.words>.multibuttons>ul>li>.multitext {background: #ededed !important; color: #222; width: 100% !important; margin: 0; padding: 0; } .twocol.bglight>.content>.words>.multibuttons>ul>li>.cms-button {background: #000000; } .twocol.bglight>.content>.words>.multibuttons>ul>li>.cms-button a {background: #000000; } .twocol.bglight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .twocol.bglight>.content>.words>.multibuttons>ul>li>.multimgshell, .twocol.bglight>.content>.words>.multibuttons>ul>li>.multimgleft, .twocol.bglight>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocol.bglight>.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;} /* Medium Background Mods */ .twocol.bgmedium { background: #465449 !important; padding: 50px 0; } .twocol.bgmedium .words { color: #FFF; background: #465449; } .twocol.bgmedium .content .words .padding .ctabutton, .twocol.bgmedium .content .words .padding .ctabutton a:link, .twocol.bgmedium .content .words .padding .ctabutton a:visited {background: #000 !important; } .twocol.bgmedium>.content>.words>.padding, .twocol.bgmedium>.content>.words>.padding a, .twocol.bgmedium>.content>.words>.padding>h2{ color: #FFF; margin-top: 30px; } .twocol.bgmedium>.content>.words>.padding>.subtitle { color: #FFF; } .twocol.bgmedium>.content>.words>.multibuttons { background: #465449 !important; color: #FFF; padding: 0; } .twocol.bgmedium>.content>.words>.multibuttons>ul>li { background: #465449 !important; color: #FFF; } .twocol.bgmedium>.content>.words>.multibuttons>ul>li { padding: 0 0 2% 0; margin: 0 2% 0 0; } .twocol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext {background: #FFF !important; color: #222; width: 90%; margin: 0; padding: 2% 5% 5% 5%; } .twocol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .twocol.bgmedium>.content>.words>.multibuttons>ul>li>.multimgshell { background: #FFF !important;} .twocol.bgmedium>.content>.words>.multibuttons>ul>li>.multimgshell, .twocol.bgmedium>.content>.words>.multibuttons>ul>li>.multimgleft, .twocol.bgmedium>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocol.bgmedium>.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;} /* Dark Background Mods */ .twocol.bgdark { background: #364c59 !important; padding: 50px 0; } .twocol.bgdark .words { color: #FFF; background: #364c59; } .twocol.bgdark .content .words .padding .ctabutton, .twocol.bgdark .content .words .padding .ctabutton a:link, .twocol.bgdark .content .words .padding .ctabutton a:visited {background: #000 !important; } .twocol.bgdark>.content>.words>.padding, .twocol.bgdark>.content>.words>.padding a, .twocol.bgdark>.content>.words>.padding>h2 { color: #FFF; margin-top: 30px; } .twocol.bgdark>.content>.words>.padding>.subtitle { color: #FFF; } .twocol.bgdark>.content>.words>.multibuttons { background: #364c59 !important; color: #FFF; padding: 0; } .twocol.bgdark>.content>.words>.multibuttons>ul>li { background: #364c59 !important; color: #FFF; } .twocol.bgdark>.content>.words>.multibuttons>ul>li { padding: 0 0 2% 0; margin: 0 2% 0 0; } .twocol.bgdark>.content>.words>.multibuttons>ul>li>.multitext {background: #FFF !important; color: #222; width: 90%; margin: 0; padding: 2% 5% 5% 5%; } .twocol.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .twocol.bgdark>.content>.words>.multibuttons>ul>li>.multimgshell { background: #FFF !important;} .twocol.bgdark>.content>.words>.multibuttons>ul>li>.multimgshell, .twocol.bgdark>.content>.words>.multibuttons>ul>li>.multimgleft, .twocol.bgdark>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocol.bgdark>.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;} /* Bright Background Mods */ .twocol.bgbright{ background: #6e3939 !important; padding: 50px 0; } .twocol.bgbright .words { color: #FFF; background: #6e3939; } .twocol.bgbright .content .words .padding .ctabutton, .twocol.bgbright .content .words .padding .ctabutton a:link, .twocol.bgbright .content .words .padding .ctabutton a:visited {background: #000 !important; } .twocol.bgbright>.content>.words>.padding, .twocol.bgbright>.content>.words>.padding a, .twocol.bgbright>.content>.words>.padding>h2{ color: #FFF; } .twocol.bgbright>.content>.words>.padding>.subtitle { color: #FFF; } .twocol.bgbright>.content>.words>.multibuttons { background: #6e3939 !important; color: #FFF; padding: 0; } .twocol.bgbright>.content>.words>.multibuttons>ul>li { background: #6e3939 !important; color: #FFF; } .twocol.bgbright>.content>.words>.multibuttons>ul>li { padding: 0 0 2% 0; margin: 0 2% 0 0; } .twocol.bgbright>.content>.words>.multibuttons>ul>li>.multitext {background: #FFF !important; color: #222; width: 90%; margin: 0; padding: 2% 5%; } .twocol.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} .twocol.bgbright>.content>.words>.multibuttons>ul>li>.multimgshell { background: #FFF !important;} .twocol.bgbright>.content>.words>.multibuttons>ul>li>.multimgshell, .twocol.bgbright>.content>.words>.multibuttons>ul>li>.multimgleft, .twocol.bgbright>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocol.bgbright>.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;} /* Background Caption Mods */ .twocol.bgdark .content .imgright .caption, .twocol.bgmedium .content .imgright .caption, .twocol.bgbright .content .imgright .caption, .twocol.bgdark .content .imgleft .caption, .twocol.bgmedium .content .imgleft .caption, .twocol.bgbright .content .imgleft .caption, .twocol.bglight .content .imgfull .caption, .twocol.bgdark .content .imgfull .caption, .twocol.bgmedium .content .imgfull .caption, .twocol.bgbright .content .imgfull .caption {color: #FFF; margin: 0; width: 100%; } /* CMS Highlight Colors */ .twocol.hired .content .words .padding h2 { color: #ad1a1f; } .twocol.hired .content .words .padding .ctabutton>button.modal-open, .twocol.hired .content .words .padding .ctabutton>a:link, .twocol.hired .content .words .padding .ctabutton>a:visited {background: #ad1a1f !important;} .twocol.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .twocol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .twocol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocol.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707; } .twocol.himedium .content .words .padding h2 { color: #465449; } .twocol.himedium .content .words .padding .ctabutton>button.modal-open, .twocol.himedium .content .words .padding .ctabutton>a:link, .twocol.himedium .content .words .padding .ctabutton>a:visited {background: #465449 !important;} .twocol.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .twocol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .twocol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocol.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f; } .twocol.hibright .content .words .padding h2 { color: #6e3939; } .twocol.hibright .content .words .padding .ctabutton>button.modal-open, .twocol.hibright .content .words .padding .ctabutton>a:link, .twocol.hibright .content .words .padding .ctabutton>a:visited {background: #6e3939 !important;} .twocol.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .twocol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .twocol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocol.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f; } .twocol.hidark .content .words .padding h2 { color: #364c59; } .twocol.hidark .content .words .padding .ctabutton>button.modal-open, .twocol.hidark .content .words .padding .ctabutton>a:link, .twocol.hidark .content .words .padding .ctabutton>a:visited {background: #364c59 !important;} .twocol.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .twocol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .twocol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocol.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f; } /* Two Column Wide Styles */ .twocolwide { position: relative; width: 100%; height: auto; margin: 30px auto 0px auto; padding: 0px 0; display: block; float: none; background: #FFFFFF;} /* CMS Background Colors */ .twocolwide.bgwhite { background: #FFF !important; padding: 0 !important; } .twocolwide.bgwhite .words { color: #222; background: #FFF; } .twocolwide.bgwhite .content .words .padding .ctabutton a:link {background: #222 !important; } .twocolwide.bgwhite>.content>.words>.padding>h2{ color: #222; } .twocolwide.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .twocolwide.bgwhite>.content>.words>.multibuttons>ul>li>.multitext {background: #FFF !important; color: #222; width: 100%; margin: 0; padding: 0; } .twocolwide.bgwhite>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-size: 1.55em; font-weight: 700;margin: 5px auto 5px auto;} /* Light Background Mods */ .twocolwide.bglight { background: #FFF !important; padding: 0px 0; } .twocolwide.bglight .words { color: #222; background: #FFF; } .twocolwide.bglight .content .words .padding .ctabutton a:link {background: #222 !important; } .twocolwide.bglight>.content>.words>.padding>h2{ color: #222; } .twocolwide.bglight>.content>.words>.multibuttons>ul, .twocolwide.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .twocolwide.bglight>.content>.words>.multibuttons>ul>li>.multitext {background: #ededed !important; color: #222; width: 90% !important; margin: 0; padding: 5% 4% 2% 6%; } .twocolwide.bglight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #000; font-weight: 700;margin: 5px auto 5px auto;} /* Medium Background Mods */ .twocolwide.bgmedium{ background: #465449 !important; padding: 30px 0; } .twocolwide.bgmedium>.content>.words { color: #FFF; background: #465449; padding: 50px 0 30px 0; } .twocolwide.bgmedium>.content>.words a { color: #FFF; } .twocolwide.bgmedium .content .words .padding .ctabutton, .twocolwide.bgmedium .content .words .padding .ctabutton a:link, .twocolwide.bgmedium .content .words .padding .ctabutton a:visited {background: #222 !important; } .twocolwide.bgmedium>.content>.words>.padding>h2{ color: #FFF; } .twocolwide.bgmedium>.content>.words>.padding>.subtitle { color: #FFFFFF; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul, .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li { background: #465449 !important; color: #FFF; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext {background: #465449 !important; color: #FFF; width: 100% !important; margin: 0; padding: 0; min-height: 0; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { background: #465449 !important; color: #FFF; font-weight: 700;margin: 5px auto 5px auto; width: 95%; padding: 0 5% 0 0; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF !important; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.mftext { background: #465449 !important; color: #FFF; margin: 5px auto 5px auto; width: 95%; padding: 0 5% 0 0; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle1, .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle2, .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle3 { color: #FFF !important; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } .twocolwide.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a { color: #000; } /* Dark Background Mods */ .twocolwide.bgdark{ background: #364c59 !important; padding: 30px 0; } .twocolwide.bgdark>.content>.words { color: #FFF; background: #364c59; padding: 50px 0 30px 0; } .twocolwide.bgdark>.content>.words a { color: #FFF; } .twocolwide.bgdark .content .words .padding .ctabutton, .twocolwide.bgdark .content .words .padding .ctabutton a:link, .twocolwide.bgdark .content .words .padding .ctabutton a:visited {background: #222 !important; } .twocolwide.bgdark>.content>.words>.padding>h2{ color: #FFF; } .twocolwide.bgdark>.content>.words>.padding>.subtitle { color: #FFFFFF; } .twocolwide.bgdark>.content>.words>.multibuttons>ul, .twocolwide.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext {background: #364c59 !important; color: #FFF; width: 100% !important; margin: 0; padding: 0; min-height: 0; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { background: #364c59 !important; color: #FFF; font-weight: 700;margin: 5px auto 5px auto; width: 95%; padding: 0 5% 0 0; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF !important; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.mftext { background: #364c59 !important; color: #FFF; margin: 5px auto 5px auto; width: 95%; padding: 0 5% 0 0; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle1, .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle2, .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle3 { color: #FFF !important; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } .twocolwide.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a { color: #364c59; } /* Bright Background Mods */ .twocolwide.bgbright{ background: #6e3939 !important; padding: 30px 0; } .twocolwide.bgbright>.content>.words { color: #FFF; background: #6e3939; padding: 50px 0 30px 0; } .twocolwide.bgbright>.content>.words a { color: #FFF; } .twocolwide.bgbright .content .words .padding .ctabutton, .twocolwide.bgbright .content .words .padding .ctabutton a:link, .twocolwide.bgbright .content .words .padding .ctabutton a:visited {background: #222 !important; } .twocolwide.bgbright>.content>.words>.padding>h2{ color: #FFF; } .twocolwide.bgbright>.content>.words>.padding>.subtitle { color: #FFFFFF; } .twocolwide.bgbright>.content>.words>.multibuttons>ul, .twocolwide.bgbright>.content>.words>.multibuttons>ul>li { background: #6e3939 !important; color: #FFF; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext {background: #6e3939 !important; color: #FFF; width: 100% !important; margin: 0; padding: 0; min-height: 0; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { background: #6e3939 !important; color: #FFF; font-weight: 700;margin: 5px auto 5px auto; width: 95%; padding: 0 5% 0 0; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext .subtitle, .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1, .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext .cms-subtitle2, .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext .cms-subtitle3 { color: #FFF !important; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.mftext { background: #6e3939 !important; color: #FFF; margin: 5px auto 5px auto; width: 95%; padding: 0 5% 0 0; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle1, .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle2, .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.mftext .cms-subtitle3 { color: #FFF !important; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext a { color: #FFF; } .twocolwide.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle a { color: #6e3939; } /* Background Caption Mods */ .twocolwide.bgdark .content .imgright .caption, .twocolwide.bgmedium .content .imgright .caption, .twocolwide.bgbright .content .imgright .caption, .twocolwide.bgdark .content .imgleft .caption, .twocolwide.bgmedium .content .imgleft .caption, .twocolwide.bgbright .content .imgleft .caption, .twocolwide.bglight .content .imgfull .caption, .twocolwide.bgdark .content .imgfull .caption, .twocolwide.bgmedium .content .imgfull .caption, .twocolwide.bgbright .content .imgfull .caption {color: #FFF; margin: 0; width: 100%; } /* CMS Highlight Colors */ .twocolwide.hired .content .words .padding h2 { color: #ad1a1f; } .twocolwide.hired .content .words .padding .ctabutton>button.modal-open, .twocolwide.hired .content .words .padding .ctabutton>a:link, .twocolwide.hired .content .words .padding .ctabutton>a:visited {background: #ad1a1f !important;} .twocolwide.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .twocolwide.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1 { color: #ad1a1f; } .twocolwide.himedium .content .words .padding h2 { color: #465449; } .twocolwide.himedium .content .words .padding .ctabutton>button.modal-open, .twocolwide.himedium .content .words .padding .ctabutton>a:link, .twocolwide.himedium .content .words .padding .ctabutton>a:visited {background: #465449 !important;} .twocolwide.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .twocolwide.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .twocolwide.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocolwide.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocolwide.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .twocolwide.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocolwide.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .twocolwide.hibright .content .words .padding h2 { color: #6e3939; } .twocolwide.hibright .content .words .padding .ctabutton>button.modal-open, .twocolwide.hibright .content .words .padding .ctabutton>a:link, .twocolwide.hibright .content .words .padding .ctabutton>a:visited {background: #6e3939 !important;} .twocolwide.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .twocolwide.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .twocolwide.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocolwide.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocolwide.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .twocolwide.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocolwide.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .twocolwide.hidark .content .words .padding h2 { color: #364c59; } .twocolwide.hidark .content .words .padding .ctabutton>button.modal-open, .twocolwide.hidark .content .words .padding .ctabutton>a:link, .twocolwide.hidark .content .words .padding .ctabutton>a:visited {background: #364c59 !important;} .twocolwide.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .twocolwide.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .twocolwide.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .twocolwide.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocolwide.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .twocolwide.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocolwide.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .twocolwide>.content { position: relative; width: 100%; max-width: 1000px; height: auto; margin: 0 auto; padding: 0; display: block; } .twocolwide>.content>.words { position: relative; width: 100%; display: block; margin: 0px auto; float: none; padding: 0;} .twocolwide>.content>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; margin: 0 0 30px 0; padding: 0; } .twocolwide>.content>.words>.padding>p { margin: 10px 0 20px 0; } .twocolwide>.content>.words>.padding>p .cms-button { margin: 10px 0; } .twocolwide>.content>.words>.padding>h2 { text-align: left; color: #222222; padding: 0; margin:0 auto 10px auto; line-height:1em; } .twocolwide>.content>.words>.padding>.subtitle { margin: 10px auto 10px auto; text-align: left; font-size: 1.3em;} .twocolwide>.content>.words>.padding>.ctabutton { position: relative; margin: 10px auto; text-align: center; float: none; } .twocolwide>.content>.words>.padding>ul {padding: 0; list-style: none;} .twocolwide>.content>.words>.padding>ul li {padding: 0 0 15px 0; margin: 0 0 15px 0; border-bottom: 1px solid #ededed; } .twocolwide>.content>.imgshell { display:none;} .twocolwide>.content>.words>.multibuttons { position: relative; width: 100%; max-width:100%; display: block; float: none; margin: 0px auto; padding: 0; } .twocolwide>.content>.words>.multibuttons>ul { position: relative; margin: 0; padding: 0; width: 100%; display: table; } .twocolwide>.content>.words>.multibuttons>ul>li { position: relative; width: 48%; display: table-cell; float: left; margin: 0% 2% 4% 0; padding: 0; height: auto; vertical-align: top; background: #FFFFFF; } .twocolwide>.content>.words>.multibuttons>ul>li>.multimgshell, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgleft, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 95%; height: auto; overflow: hidden; padding: 0; margin: 0 5% 10px 0;display: block; float: none;} .twocolwide>.content>.words>.multibuttons>ul>li>.multimgshell img, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgleft img, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgcenter img, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto !important; } .twocolwide>.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; } .twocolwide>.content>.words>.multibuttons>ul>li>.multimgright img { position: relative; width: 100%; height: auto !important; } .twocolwide>.content>.words>.multibuttons>ul>li>.multiembshell, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembleft, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembright, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembcenter, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembfull{ position: relative; width: 95%; height: auto; overflow: hidden; padding: 0; margin: 30px 0 0 0; display: block; float: none;} .twocolwide>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembright iframe, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembcenter iframe, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembfull iframe { position: relative; width: 100%; height: auto !important; min-height: 265px; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100% !important; padding: 0; margin: 0; font-size: 0.95em; line-height: 2.0em; display: block; color: #000; vertical-align:top; text-align: left; min-height: 0px; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .linktitle { font-size: 1.5em; font-weight: 700; margin: 0 0 10px 0;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .cms-subtitle1 { font-size: 2.5em; font-weight: 700;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>p {margin: 15px 0px 5px 0px; padding:0; line-height: 1.8em; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.mftext { line-height: 2.0em; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.mftext ul {padding: 0 0 0 15px; margin: 0;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.mftext ul li {padding: 0; margin: 0; list-style-type: square;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.mftext strong {font-size: 1.1em; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited { color: #000000; text-decoration:none;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{ color: #000000; text-decoration:underline;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton { margin-top: 20px; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .cms-button { margin-top: 20px; } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .twocolwide>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { } .twocolwide>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open {} /* Video Cols */ .videorow { position: relative; display: block; width: 100%; height: auto !important; min-height: 0px; margin: 10px auto; padding: 0px; } .videorow .videocol { position:relative; display: inline; float: left; width: 48%; margin: 30px 0; padding-right: 2%; } .videorow .videocol .embedshell { position: relative; display: inline; width: 48%; height: auto !important; float: left; margin: 0px; padding: 0px; max-height: 150px; } .videorow .videocol .embedshell iframe { display: block; width: 100%; float: none; margin: 0px; padding: 0px; max-height: 150px; } .videorow .videocol .videotext { position: relative; display: inline; width: 48%; height: auto !important; float: left; margin: 0px; padding: 0 0 0 3%; max-height: 150px; } .videorow h3, .videorow .videocol .videotext h3 { margin: 0px; padding: 0; } .videorow ul { margin: 0px; padding: 0px; height: 150px; overflow-y: scroll; } /* Main Video Styles */ #video{ width:85%; 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; } /* start Footer Column styles */ .footercols { position: relative; width: 100%; height: auto; margin: 30px auto 0px auto; padding: 30px 0; display: block; background: #ededed; } /* CMS Background Colors */ .footercols.bgwhite { background: #FFF !important; padding: 0px; } .footercols.bgwhite .words, .footercols.bgwhite>.content>.words>.padding>h2{ color: #222; } .footercols.bgwhite>.content>.words>.multibuttons>ul>li {background: #FFF !important;} .footercols.bglight { background: #ededed !important;} .footercols.bglight .words, .footercols.bglight>.content>.words>.padding>h2{ color: #222; } .footercols.bglight>.content>.words>.multibuttons>ul>li {background: #ededed !important;} .footercols.bgmedium { background: #465449 !important;} .footercols.bgmedium .content { margin: 30px auto; } .footercols.bgmedium .words, .footercols.bgmedium>.content>.words>.padding, .footercols.bgmedium>.content>.words>.padding a, .footercols.bgmedium>.content>.words>.padding>h2, .footercols.bgmedium>.content>.words>.padding>cms-subtitle1, .footercols.bgmedium>.content>.words>.padding>cms-subtitle2 { color: #FFF; } .footercols.bgmedium>.content>.words>.multibuttons>ul>li {background: #465449 !important; color: #FFF; } .footercols.bgmedium>.content>.words>.padding>.subtitle, .footercols.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .footercols.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.bgmedium>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } .footercols.bgdark { background: #364c59 !important;} .footercols.bgdark .content { margin: 30px auto; } .footercols.bgdark .words, .footercols.bgdark>.content>.words>.padding, .footercols.bgdark>.content>.words>.padding a, .footercols.bgdark>.content>.words>.padding>h2, .footercols.bgdark>.content>.words>.padding>.cms-subtitle1, .footercols.bgdark>.content>.words>.padding>.cms-subtitle2 { color: #FFF; } .footercols.bgdark>.content>.words>.multibuttons>ul>li {background: #364c59 !important; color: #FFF; } .footercols.bgdark>.content>.words>.padding>.subtitle, .footercols.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .footercols.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } .footercols.bgdark>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { font-weight: 500; font-size: 1.2em; line-height: 1.3em; } .footercols.bgbright { background: #6e3939 !important;} .footercols.bgbright .content { margin: 30px auto; } .footercols.bgbright .words, .footercols.bgbright>.content>.words>.padding, .footercols.bgbright>.content>.words>.padding a, .footercols.bgbright>.content>.words>.padding>h2, .footercols.bgbright>.content>.words>.padding>.cms-subtitle1, .footercols.bgbright>.content>.words>.padding>.cms-subtitle2 { color: #FFF; } .footercols.bgbright>.content>.words>.multibuttons>ul>li {background: #6e3939 !important; color: #FFF; } .footercols.bgbright>.content>.words>.padding>.subtitle, .footercols.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .footercols.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.bgbright>.content>.words>.multibuttons>ul>li>.multitext>.subtitle { color: #FFF; } /* CMS Highlight Colors */ .footercols.hired .content .words .padding h2 { color: #ad1a1f; } .footercols.hired .content .words .padding .ctabutton>button.modal-open, .footercols.hired .content .words .padding .ctabutton>a:link, .footercols.hired .content .words .padding .ctabutton>a:visited, .footercols.hired .content .words .padding .cms-button>a:link, .footercols.hired .content .words .padding .cms-button>a:visited {background: #ad1a1f !important;} .footercols.hired .content .words .padding .ctabutton>a:active, .footercols.hired .content .words .padding .ctabutton>a:hover, .footercols.hired .content .words .padding .cms-button>a:active, .footercols.hired .content .words .padding .cms-button>a:hover {background: #f70707 !important;} .footercols.hired>.content>.words .padding strong, .footercols.hired .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.hired>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #ad1a1f; } .footercols.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .footercols.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .footercols.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #ad1a1f !important;} .footercols.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .footercols.hired>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #f70707 !important; } .footercols.himedium .content .words .padding h2 { color: #465449; } .footercols.himedium .content .words .padding .subtitle { color: #0000; } .footercols.himedium .content .words .padding .ctabutton>button.modal-open, .footercols.himedium .content .words .padding .ctabutton>a:link, .footercols.himedium .content .words .padding .ctabutton>a:visited, .footercols.himedium .content .words .padding .cms-button>a:link, .footercols.himedium .content .words .padding .cms-button>a:visited {background: #465449 !important;} .footercols.himedium .content>.words .padding strong, .footercols.himedium .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.himedium>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #465449; } .footercols.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .footercols.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .footercols.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #465449 !important;} .footercols.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .footercols.himedium>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .footercols.hibright .content .words .padding h2 { color: #6e3939; } .footercols.hibright .content .words .padding .ctabutton>button.modal-open, .footercols.hibright .content .words .padding .ctabutton>a:link, .footercols.hibright .content .words .padding .ctabutton>a:visited, .footercols.hibright .content .words .padding .cms-button>a:link, .footercols.hibright .content .words .padding .cms-button>a:visited {background: #6e3939 !important;} .footercols.higright .content>.words .padding strong, .footercols.hibright .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.hibright>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #6e3939; } .footercols.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .footercols.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .footercols.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #6e3939 !important;} .footercols.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .footercols.hibright>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .footercols.hidark .content .words .padding h2 { color: #364c59; } .footercols.hidark .content .words .padding .ctabutton>button.modal-open {background: #364c59;} .footercols.hidark .content .words .padding .ctabutton>a:link, .footercols.hidark .content .words .padding .ctabutton>a:visited, .footercols.hidark .content .words .padding .cms-button>a:link, .footercols.hidark .content .words .padding .cms-button>a:visited {background: #364c59 !important;} .footercols.hidark .content>.words .padding strong, .footercols.hidark .content>.words>.multibuttons>ul>li>.multitext>.linktitle, .footercols.hidark>.content>.words>.multibuttons>ul>li>.multitext .mftext strong { color: #364c59; } .footercols.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button, .footercols.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .footercols.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { background: #364c59 !important;} .footercols.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:hover, .footercols.hidark>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:active { background: #ad1a1f !important; } .footercols .content { position: relative; width: 90%; max-width: 1000px; height: auto; margin: 0px auto; padding: 0px; display: table;} .footercols .content>.imgleft, .footercols>.content>.imgshell { position: relative; display:table-cell; float: left; width: 29%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 20px; padding: 1%; background: #FFFFFF; } .footercols .content>.imgleft img, .footercols>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;} .footercols .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; background: #FFFFFF; } .footercols .content>.imgright img { width: 100%; height: auto; margin: 0;} .footercols>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto; } .footercols>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .footercols>.content>.imgfull { position: relative; display:inline; float: left; width: 100%; overflow: hidden; margin: 0px auto; } .footercols>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .footercols .content .embleft, .footercols>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; } .footercols .content .embleft iframe, .footercols>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;} .footercols .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; } .footercols .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;} .footercols .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; } .footercols .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;} .footercols .content .embfull { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0px auto; } .footercols .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;} .footercols>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto;} .footercols>.content>.words>.padding { text-align: left; line-height:1.9em; margin: 0; } .footercols>.content>.words>.padding>p { line-height:1.9em; margin: 0px; } .footercols>.content>.words>.padding>h2 { text-align: left; color: #222222; padding:0; margin:0 auto; line-height:1em; } .footercols>.content>.words>.padding>.subtitle { margin: 20px auto; text-align: left; font-weight: 600; } .footercols>.content>.words>.multibuttons { position: relative; width: 100%; max-width: 1000px; display: block; margin: 20px auto 0px auto;} .footercols>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: flex; flex-wrap: wrap; flex-direction: row; } .footercols>.content>.words>.multibuttons>ul>li { position: relative; width: 22%; display:inline-block; float: left; margin: 1% 1% 1% 0; padding-right: 2%; text-align: left; min-height: 100px; color: #222222; border-right: none;} .footercols .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;} .footercols>.content>.words>.multibuttons>ul>li>.multimgshell, .footercols>.content>.words>.multibuttons>ul>li>.multimgleft, .footercols>.content>.words>.multibuttons>ul>li>.multimgright, .footercols>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0; } .footercols>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0;} .footercols>.content>.words>.multibuttons>ul>li>.multimgleft a, .footercols>.content>.words>.multibuttons>ul>li>.multimgright a, .footercols>.content>.words>.multibuttons>ul>li>.multimgcenter a, .footercols>.content>.words>.multibuttons>ul>li>.multimgshell a, .footercols>.content>.words>.multibuttons>ul>li>.multimgfull a { height: auto; display: block; margin: 0; padding: 0;} .footercols>.content>.words>.multibuttons>ul>li>.multimgleft img, .footercols>.content>.words>.multibuttons>ul>li>.multimgright img, .footercols>.content>.words>.multibuttons>ul>li>.multimgcenter img, .footercols>.content>.words>.multibuttons>ul>li>.multimgshell img, .footercols>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 70%; height: auto; padding: 0; margin: 0; transition: transform 2s ease;} .footercols>.content>.words>.multibuttons>ul>li>.multimgleft:hover img, .footercols>.content>.words>.multibuttons>ul>li>.multimgright:hover img, .footercols>.content>.words>.multibuttons>ul>li>.multimgcenter:hover img, .footercols>.content>.words>.multibuttons>ul>li>.multimgshell:hover img, .footercols>.content>.words>.multibuttons>ul>li>.multimgfull:hover img { transform: scale(1.1);} .footercols>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 95%; height: auto; margin: 5% 5% 10% 0; display:block; float:none; line-height: 1.5em; text-align: left !important; font-size: 0.7em; } .footercols>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Work Sans", Arial, sans-serif;font-size: 1.0em; text-align: left; color:#000; font-weight: 700; margin: 10px 0 5px 0;} .footercols>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .footercols>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;} .footercols>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .footercols>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;} .footercols>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFFFFF; text-decoration: none; font-weight: 700; } .footercols>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 100%; margin: 0 auto; } .footercols>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; } .footercols>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton {} .footercols>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 8px 10px; font-size: 1.1em; font-weight: 700; line-height: 1.1em; } .footercols>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;font-weight: 400; } .footercols>.content>.words>.multibuttons>ul>li>.multiembshell, .footercols>.content>.words>.multibuttons>ul>li>.multiembleft, .footercols>.content>.words>.multibuttons>ul>li>.multiembright, .footercols>.content>.words>.multibuttons>ul>li>.multiembcenter { position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 5%; } .footercols>.content>.words>.multibuttons>ul>li>.multiembshell img { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } .footercols>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .footercols>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .footercols>.content>.words>.multibuttons>ul>li>.multiembright iframe, .footercols>.content>.words>.multibuttons>ul>li>.multiembcenter iframe { position: relative; width: 100%; height: 100%; display:block; max-height: 150px; } /* footer styles */ .footer { font-size: 1.0em; color: #000; } footer { position: relative; width: 100%; height: auto; min-height: 280px; margin: 0px; padding: 0; background-color: #FFF; display: block; border-top: 1px solid #222;} 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: 100%; padding: 20px 0px; margin: 0 auto; background-color: #FFF; display:table; height: auto;} footer .content a:link, footer .content a:visited { color: #000; text-decoration: none; border-bottom: 1px dotted #000;} footer .content a:hover, footer .content a:active { color:#ad1a1f; text-decoration:underline;} footer .content .cms-button a:link, footer .content .cms-button a:visited { color: #FFF; text-decoration:none; border-bottom: 1px dotted #FFF; } footer .content #footercontent { position: relative; width: 85% !important; max-width: 1000px; display: table; float: none; margin: 0 auto; padding: 0px; } footer .content #footercontent .footercol { position: relative; float:left; width: auto; max-width: 20%; min-width: 20%; display: table-cell; margin: 0px 1% 0px 0px; padding: 0px; } footer .content #footercontent .footercol.first { position: relative; float:left; width: auto; max-width: 30%; min-width: 25%; display: table-cell; margin: 0px 2% 0px 0px; padding: 0px; } footer .content #footercontent .footercol.first .subtitle { } footer .content #footercontent .footercol .imgshell { width: 40%; height: auto !important; margin: 0px; padding: 0;} footer .content #footercontent .footercol .imgshell img { position: relative; width: 100%; height:auto; } footer .content #footercontent .footercol .subtitle { color: #000; font-size: 1.3em; font-weight: 600; } footer .content #footercontent .footercol ul { display: block;} footer .content #footercontent .footercol .ctabutton { margin: 15px 0 0 0; } footer .content #footercontent .footercol .ctabutton a { color:#FFFFFF; text-decoration: none;} footer .content #footiconbox { position: relative; width: 85% !important; max-width: 1000px; display: table; float: none; margin: 0 auto; padding: 0px; } footer .content #footiconbox .footericons { position: relative; display: inline; float: left; margin: 0 10px 0 0; height: auto; width: auto;} footer .content #footiconbox .footericons img { height: 25px; width: auto;} .cal_small { display: none; } .cal_full {display: block; } /* ---------------- Bard Cart Code ----------------- */ #bardcart {position:fixed; display: none; /* HIDE IN 2024 */ bottom: 0; width: 100%; height: 160px; background: #222222; color: #FFFFFF; border-top: 1px solid #FFFFFF; z-index: 9999;} #bardcart .content {position:relative; width: 100%; max-width: 1300px; height: auto; display: table; background: #222222; color: #FFFFFF; padding: 1%; margin: 0 auto; overflow-x: scroll; overflow-y: hidden; } #bardcart .content h2 {position:relative;display:table-cell;float:left;width:auto;height:auto;padding:2%;color: #FFFFFF; margin: 0;line-height: 1em;} #bardcart .cartitem {position:relative;display:table-cell;float:left;width:20%;height:auto;padding:1% 2%;} #bardcart .cartitem .carttext {position:relative;display:table-cell;float:left;width:30%;height:auto;padding:5%; vertical-align: middle; text-transform: uppercase; letter-spacing: 2px;} #bardcart .cartitem .cartimg {position:relative;display:table-cell;float:left;width:60%;height:auto;padding:0; vertical-align: middle;} #bardcart .cartitem .cartimg img {position:relative;display:block;width:100%;height:auto;padding:0;} #bardcart .cartitem a:link, #bardcart .cartitem a:visited {color: #FFFFFF; text-decoration: none; } #bardcart .cartitem a:active, #bardcart .cartitem a:hover {color: #FFFFFF; text-decoration: underline;} /* ----------- Admission CTA Button for Program Websites --------- */ #introshell>.cta-content { position: absolute !important; z-index: 999999; top: 370px; background: transparent; width: 100%; max-width: 100%; padding: 0px; margin: 0; right: 0; } #introshell>.cta-content .cta-admission { position: relative; z-index: 999999; float: none; background: transparent; right: 2%; width: 98%; max-width: 1000px; padding: 0; margin: 0 10px; } #introshell>.cta-content .cta-admission {position: relative; z-index: 999999; float: right; background: #ad1a1f; width: auto; padding: 8px 15px; color: #FFFFFF; font-weight: 700; font-size: 1.0em; } #introshell>.cta-content .cta-admission a:link {color: #FFFFFF !important; text-decoration:none;} #introshell>.cta-content .cta-admission a:visited {color: #FFFFFF !important; text-decoration:none;} #introshell>.cta-content .cta-admission a:active {color: #FFFFFF !important; text-decoration:underline;} #introshell>.cta-content .cta-admission a:hover {color: #FFFFFF !important; text-decoration:underline;} /* ---------------------------- Mega SCREEN DISPLAY STYLES ------------------------ */ @media only screen and (min-width: 1201px) and (max-width: 1500px) { .swoophead>.content>.words>.multibuttons { top: 3em; margin: 100px 6% 20px 2%; padding: 3em 1em 1em 1em; background: #ededed; } .swoophead .content .imgshell .sitetitle { position: absolute; top: 40px; left: 15%; width: auto; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } } @media only screen and (min-width: 1501px) and (max-width: 1775px) { .swoophead>.content>.words>.multibuttons { top: 2em; margin: 100px 6% 20px 2%; padding: 3em 1em 1em 1em; background: #ededed; } .swoophead .content .imgshell .sitetitle { position: absolute; top: 40px; left: 18%; width: auto; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } } @media only screen and (min-width: 1776px) and (max-width: 2100px) { .swoophead>.content>.words>.multibuttons { top:1em; margin: 100px 6% 20px 2%; padding: 3em 1em 1em 1em; background: #ededed; } .swoophead .content .imgshell .sitetitle { position: absolute; top: 40px; left: 20%; width: auto; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } } @media only screen and (min-width: 2101px) and (max-width: 3000px) { /* .swoophead>.content>.words>.multibuttons>ul>li>.multitext {margin-top:70px;}*/ .swoophead>.content>.words>.multibuttons>ul>li>.multitext {margin-top:2em;} .swoophead>.content>.words>.multibuttons { top:-1em; margin: 100px 6% 20px 2%; padding: 3em 1em 1em 1em; background: #ededed;} } /* ---------------------------- LARGE SCREEN DISPLAY STYLES ------------------------ */ @media only screen and (min-width: 1400px) and (max-width: 1835px) { .swoophead>.content>.words>.multibuttons>ul>li>.multitext {margin-top:1em !important;} #introshell .image .introbox h1, #introshell .image .introbox .subtitle { margin-left: 15%; } } /* ---------------------------- LARGE SCREEN DISPLAY STYLES ------------------------ */ @media only screen and (min-width: 1200px) and (max-width: 1401px) { .swoophead>.content>.words>.multibuttons>ul>li>.multitext {margin-top:0px;} } /* ---------------------------- DESKTOP ONLY STYLES ------------------------ */ @media only screen and (min-width: 1001px) and (max-width: 1201px) { header .topnav { width: 100%; height: 25px; background: #222222; text-align: right; margin: 0; padding: 0;} header .topnav .toplinks { width: 96%; max-width: 96%; height: 25px; background: #222222; color: #CCCCCC; text-align: right; margin: 0; padding: 5px 2%; font-size: 0.8em;}ßß ul.subnav { } ul.subnav li a:link, ul.subnav li a:visited { color:#FFFFFF; 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: #FFFFFF; } /* Modify Content Width for Desktop */ .biography .content, .highlight .content, #introtext .intro, .subhead .content, .text .content { width: 90% !important; margin: 0px auto;} .subhead>.content>.words>.multibuttons {margin: 0 0 20px 0;} } /* Custom for swooping header */ @media screen and (min-width:950px) and (max-width:1200px) { .swoophead>.content>.words>.multibuttons>ul>li>.multitext {margin-top:0em;} } @media screen and (min-width:1000px) and (max-width:1250px) { .tabportal .portalcontent .portaltext { width: 50%;} } @media screen and (max-width:1200px) { .swoophead .content .words .padding {margin:100px 0 0 0;} .swoophead .content .words .multibuttons { top:4em; margin: 100px 8% 2em 0; padding: 3em 1em 2em 1em; } } @media only screen and (min-width: 1001px) { /* Fix for Anchor Links Class in Bard Template */ /*a.anchor { display: block; height: 1px; margin-top: -70px; margin-bottom: 100px; visibility: hidden; clear: both; }*/ a.anchor { /*scroll-margin-top: 70px;*/ /*scroll-snap-margin-top: 70px;*/ /* older Safari */ } /*html { scroll-padding-top: 70px; }*/ } /* ---------------------------- TABLET STYLES ------------------------ */ @media only screen and (min-width: 701px) and (max-width: 1000px) { body { background: #FFFFFF; } header.fixed {border-bottom: none;} #supershell { overflow-x: hidden; } ul.subnav { width: 768px; } ul.subnav li a:link, ul.subnav li a:visited { color:#FFFFFF; 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: #FFFFFF; } .active {display: block;} #introshell { margin: 0 0 0 0; } /* Modify Content Width for Table */ .biography, .highlight, #introtext, .subhead, .text { width: 100% !important; } .biography .content, .highlight .content, #introtext .intro, .subhead .content, .text .content { width: 90% !important; margin: 0px auto;} .billboard .content .words { right: 30%; width: 70%; height: 550px; } .billboard .content.alignleft .words, .billboard .content.aligncenter .words, .billboard .content.alignfull .words { right: 30%; width: 70%;} .billboard .content.alignleft .words .padding, .billboard .content.aligncenter .words .padding, .billboard .content.alignfull .words .padding {width: 90%;} /* start FAQ styles */ .faqs { width: 90%; margin: 30px auto; padding: 0%; } .fourcol>.content>.words>.padding { margin: 0 auto; width: 90%; } .fourcol>.content>.words>.multibuttons>ul { width: 90%; } .highcluster>.content { position: relative; display:block; float: none; width: 90%; height: auto !important; overflow: visible; margin: 0 auto; padding: 0;} .highlight>.content>.imgshell {position: relative; display: inline; float: left; width: 40%;margin: 30px 30px 0 0; z-index: 1000;} .highlight>.content>.imgleft {position: relative; display: inline; float: left; width: 40%;margin: 30px 30px 0 0; z-index: 1000;} .highlight>.content>.imgright { position: relative; width: 40%; margin: 30px 0 0 30px; z-index: 1; } .highlight>.content>.words>.padding {position: relative; width: 100%; margin: 0; padding: 2% 0 } .highlight>.content>.words>.multibuttons>ul { width: 100%; margin: 0; } .highlight .content .embshell { margin: 0 20px 20px 0; position: relative; } .highlight .content .embshell iframe { min-height: 200px; } .highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { font-size: 2em; } .highfacts>.content>.words>.multibuttons>ul>li>.multitext { line-height: 1.3em;} #introshell .image { max-height: 400px; } #introshell .image .introbox { right: 0; width: 100%; } #introshell .introtype { width: 90%; } #introshell>.sitetitle { left: 3%; margin: 0; } .jarallax .jarallax-container .jarallax-img {height: 750px !important} #photocluster { width: 90%; } #photocluster .cluster .clustimg { max-height: 213px;} #photocluster .cluster .clustimgleft, #photocluster .cluster .clustimgright, #photocluster .cluster .clustimgfull { max-height: 435px;} .subhead>.content>.words>.multibuttons {margin: 0 0 20px 0;} .textboard .content .imgshell, .textboard .content .imgleft, .textboard .content .imgcenter, .textboard .content .imgfull, .textboard .content .imgright, .textboard .content.alignright .imgright, .textboard .content.alignleft .imgleft { margin: 0 0 -10px 0; } .textboard .content .imgshell img, .textboard .content .imgleft img, .textboard .content .imgcenter img, .textboard .content .imgfull img, .textboard .content .imgright img, .textboard .content.alignright .imgright img, .textboard .content.alignleft .imgleft img { width: 150%; margin: 0 0 -10px 0 } .textboard .content .words .padding { width: 85%; top: 5%; } .textangle .content { max-width: 75%; } .threecol>.content>.words>.padding { width: 90%; } .threecol>.content>.words>.multibuttons { width: 90%; } .twocol>.content { width: 90%; } .twocolwide>.content { width: 90%; } .twocolwide>.content>.words>.padding .pr-news { width: 100%; } } /** remove this comment after testing**/ /* accomodate the curve of the mask as screen reduces*/ @media screen and (max-width:950px) { .swoophead .content .words .padding {padding:1em;} } @media screen and (min-width:769px) and (max-width:949px) { .swoophead .content .words .padding {margin-top:10em; margin-left:2em;} /*.swoophead>.content>.words>.multibuttons {margin-bottom:8em;}*/ .swoophead>.content>.words>.multibuttons>ul>li>.multitext {margin-top:-2em;} } @media screen and (min-width:769px) and (max-width:949px) { .tabportal .portalcontent .portaltext { width: 50% !important; } .tabportal .portalcontent .portaltext .padding { width: 90% !important; padding: 10% 0 0% 10%; } } /* -------------------------------------------- CJS MOBILE STYLES for Swoop and Tabbed Portal ------------------------------------ */ @media screen and (max-width:768px) { #photocluster { width: 90%; } #photocluster .cluster .clustimg { max-height: 165px;} #photocluster .cluster .clustimgleft, #photocluster .cluster .clustimgright, #photocluster .cluster .clustimgfull { max-height: 338px;} /* SWOOPING HEADER added feb 24 */ .swoophead {height:0;min-height:550px;} /*.swoophead .content {height:1200px;}*/ .swoophead .content .words {/*display:flex;flex-direction: column-reverse;*/display:inline-block;position:absolute;margin:0 auto;top:90px;left:0;} .swoophead .content .imgshell h2 {visibility:collapse;} .swoophead .content .imgshell h1 {display:none;} /*mobile title*/ .swoophead>.content>.words>.padding>h2 {display:table-cell;visibility:visible;padding-bottom:1em;} .swoophead .content .words .padding {color:#fff;float:none;width:85%;margin:0 auto;padding:0;clear:both;max-height:500px;overflow-y:auto;} .swoophead .content .words .padding .subtitle {color:#fff !important;} .swoophead .content .words .padding p {background: none;} .swoophead .content .words .padding .cms-subtitle1 {color:#fff !important;} .swoophead .content .words .padding .cms-subtitle3 {color:#fff !important;} .swoophead .content .words .multibuttons {position: absolute; width: 85%; top: 28em; left: 50%; transform: translate(-50%, 0); margin:0 auto 5em auto; padding: 3em 1em; } .swoophead>.content>.words>.multibuttons>ul>li>.multitext {display:inline-block;float:unset;margin:0 auto;} .swoophead .content .imgshell {mask-image: url('../images/mobile-swoop-right.png');mask-size: 100% 100%;mask-repeat: no-repeat;mask-position: center; min-height: 650px; } .swoophead .alignleft .imgshell {mask-image: url(../images/mobile-swoop-left.png);mask-position: 100% 100%;} .swoophead .alignleft .words .padding {float: none;} .swoophead .content .imgshell::before {content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;background-color: rgba(0,0,0,0.5);} .swoophead .content .imgshell .sitetitle { position: absolute; top: 0px; left: 35px; width: auto; height: auto !important; overflow: hidden; float: none; margin: 0; padding: 0px; z-index: 1001; } /* Tabbed Portal */ .tabportal { position: relative; display: block; width: 100%; max-height:unset;/*height: 100%; max-height: 1640px;*/ margin: 30px auto; padding: 0; overflow: hidden;} .tabportal .hide {left: -9999px !important;position: absolute !important;visibility: hidden;z-index: -500;top: -9999px;} .tabnav table, thead, tbody, th, td, tr {display:block;border:none !important;} .tabnav .border-none td {border:none; border-bottom:1px solid #fff !important;text-align: left !important;padding:3% 3% 3% 0 !important;} .tabnav .border-none tr:last-child td { border-bottom: 1px solid #fff !important; } .tabportal .tabnav {position:relative !important; display:inline-block;width:100% !important;height:unset; /*height:380px;*/ margin:0 auto auto 0;background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0));} .tabnav table { width:85%; margin: 20px auto 0 auto; } .tabportal .tabnav table a {text-decoration: none; color:#fff; display:inline-block; padding: 5px 5px 5px 0; font-weight: 600; font-size: 16px; line-height: 1em;} .tabportal .tabnav .tabs {width:100%;padding:0;} .tabportal .tabnav .tabs table tr { border-bottom: none !important; margin: 0 !important; } .tabportal .portalcontent {height:unset;background-repeat: no-repeat;background-size: cover;background-position:center center;} .tabportal .portalcontent .portaltext {width:100%;height:unset;position: relative;background:none;} .tabportal .portalcontent .portaltext .padding { display:block; width:85% !important; margin:0 auto; padding:5% 0;} .tabportal .detail-container {position:relative !important;display:block;width:100% !important;background: linear-gradient(to right, rgba(0,0,0,1), rgba(255,255,255,0));} .tabportal .detail-container .tabtext {position:relative !important;display:block;width:85% !important;margin:0 auto;padding:5% 0;background:none;} .tabportal .detail-container .tabtext .padding { width: 100% !important; padding: 0; } .tabportal h2 { width: 85% !important; } /* Tabbed Text Portal Styles*/ .tabtext { display: block; position: relative; width: 90%; max-width: 1000px; } /* hide .tabtext .tab-text-nav for mobile as all content is visable and stacks */ .tabtext .text { margin: 30px auto 0px auto;} /*.tabtext .tab-text-nav { position: relative; display: block; max-width: 1000px; margin: 0 auto; padding: 0; }*/ .tabtext .tab-text-nav {display: none;} .tabtext .tab-text-content { } .tabtext .tab-text-content .content { width: 92% !important; } .tabtext .tab-text-content .content .tabcontent { margin-bottom:2em; border-top: 2px solid #000; } .tabtext .tab-text-content .content .tabcontent .imgleft { } .tabtext .tab-text-content .content .tabcontent .words { } .tabtext .tab-text-content .content .tabcontent .words .padding { } .tabtext .tab-text-content .content .tabcontent .words .padding h2 { font-size: 1.5em !important; } .tabtext .tab-text-content .content .tabcontent .words .padding .subtitle { } } /* -------------------------------------------- MOBILE ONLY STYLES ------------------------------------ */ @media screen and (max-width: 700px) { body { background: #FFFFFF; } body a:link, a:visited { white-space: normal; word-wrap: break-word; } /* generic tables */ .table {position:relative;display:block;flex-wrap: none; width:95%;margin:2.5%;} .table .tr {position:relative;display:block;flex-flow: none;width: 100%; text-align:left;padding:0%; } .table .td {position:relative;display: block; flex: none; width: 100%;vertical-align: top;text-align:left;padding:1%;margin: 1%; } .table .trborder {position:relative;display:block;flex-flow: none;width: 100%; text-align:left;padding:0%; height:1px; border-bottom: 1px solid #222222; } /* classes for widths of tables and columns */ .width5,.width10,.width15,.width20,.width25,.width30,.width40,.width50,.width60,.width70,.width75,.width80,.width90 { position: relative; display:block !important;width:95% !important;margin:2.5%; padding: 0; overflow: visible; white-space: normal;} .width100 { position: relative; display:block !important;width:100% !important; margin:0; padding: 0; overflow: visible; white-space: normal;} .mobilehide { display: none !important; } /* Force table to not be like tables anymore */ table, thead, tbody, th, td, tr { display: block; } tr { margin: 0 0 3% 0; border-bottom: 1px solid #cccccc !important; } tr.hidemobile {display:none;} thead, thead>tr, thead>tr>td {visibility: hidden;} td { /* Behave like a "row" */border: none; width: 94%; position: relative; padding: 0 3%; } td:before { /* Now like a table header */position: absolute;/* Top/left values mimic padding */top: 6px;left: 6px;width: 45%; padding-right: 10px; white-space: nowrap;} header>.logo {position: absolute;top: 0;left: 5%;margin: 0;padding: 0; width: 100px; height: 85px !important; } header>.logo a { margin: 0;padding: 0; width: 100px; height: 85px !important; } header .topnav { width: 100%; height: 25px; background: #222222; text-align: right; margin: 0; padding: 0;} header .topnav .toplinks { width: 964%; max-width: 94%; height: 25px; background: #222222; color: #CCCCCC; text-align: right; margin: 0; padding: 5px 2%; font-size: 0.8em;} header.fixed {border-bottom: none;} #supershell { width: 100%; display: block; float: none; margin: 0px; padding: 0px; overflow-x: hidden; } main { position:relative; width: 100%; top: 0px;} main { overflow: visible; width: 100%; overflow-x: hidden; } main #maintext, main #maincol { width: 100%; float: none; display: block; clear: both; height: auto; margin: 0px; padding: 0px !important} main #sidebar { float: none; margin: 0px; padding: 0px; width: 100% } main #maintext>.content { position: relative; padding: 0px; margin: 5% auto; width: 100%; display: block; } .active {display: block;} ul.subnav { width: 768px; } ul.subnav li a:link, ul.subnav li a:visited { color:#FFFFFF; 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: #FFFFFF; } #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: #FFFFFF;font-size: .9em; border:none; margin: 0px; padding: 0px;} #topnav a:link, #topnav a:visited { color:#FFFFFF; margin-right: 5px; } #topnav a:hover, #topnav a:active { color:#FFFFFF; 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: #FFFFFF; background-color: #ad1a1f; font-size: 1.1em; font-weight: 600; 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: #FFFFFF; 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: #FFFFFF; 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; } .cms-button { font-size:1.0em; font-weight: 400; line-height: 1.2em; white-space: normal;} .cms-button a:link, .cms-button a:visited, .cms-button a:hover, .cms-button a:active { display: block; } .ctabutton { display: inline-block; width: auto; height: auto; margin: 20px 20px 20px 0; padding: 0px; background: #000; border: none; border-radius: 0; color: #FFFFFF; font-family: "Work Sans", Arial, sans-serif; white-space: normal; font-size:1.0em; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;} .ctabutton>a:link, .ctabutton>a:visited { display: block; } .ctabutton>a:hover, .ctabutton>a:active { display: block; } #introshell { margin: 0 0 0 0; } #introshell .image { position: relative; width: 100% !important; height: auto !important; top: 0px; background: none; z-index: 1000; padding: 0; margin: 0px 0 0 0; min-height: 180px; max-height: 650px; overflow: visible; } #introshell .image img { width: 100%; height: auto !important; padding: 0; margin: 0; max-height: 600px; overflow: visible; } #introshell .image .caption { position: relative; text-align: right; display: block; color: #000;width: auto !important; margin: 0; padding: 1%; font-weight: 400; z-index: 1002; } #introshell .image .introbox { position: relative; right: 0%; bottom: 0%; width: 100%; background: #FFF; margin: 0; padding: 10px 0; } #introshell .image .introbox h1 { width: auto; color: #000; font-size: 2.5em; font-weight: 700; line-height: 1em; background: none; text-shadow: none; margin: 0 auto; } #introshell .image .introbox .subtitle { color: #000; font-size: 2.2em; font-weight: 700; line-height: 1.1em; margin: 20px auto 0px auto; width: 85% !important;} #introshell .image .introbox .subtitle br { display: none; } #introshell>.image>.sitetitle { position: relative !important; top: 1px !important; left: 4% !important; width: 100% !important; height: auto !important; overflow: visible !important; float: none; margin: 0; padding: 0; z-index: 1001;} #introshell>.image>.sitetitle>.sitelogo { position: relative !important; height: auto !important; overflow: visible !important; background: transparent; max-width: 100%; } #introshell>.image>.sitetitle>.sitelogo img { width: 50%; max-width: 50%; height: auto !important; overflow: visible; float: none; margin: 0 auto; padding: 0px; z-index: 1001; } #introshell #title { position: relative; width: 100%; height: auto !important; top: 0px; background: none; z-index: 1000; padding: 0; margin: 20px 0 0 0; overflow: visible; } #introshell>#title>h1 { position: absolute; left: 0; font-weight: 700;text-transform: none; letter-spacing: 0px; display: block; width: 98%; margin: 20px 0 0 30px; padding: 0; color: #222222; font-size: 2.5em; line-height: 1em; text-align: center; background: none; overflow: visible; } #introshell #title h1.pagetitle {position: relative; text-transform: none; letter-spacing: 0px; width: 100%; color: #000 !important; font-size: 2.5em; line-height: 1em; text-align: center; margin: 30px auto 20px auto; padding: 0; z-index: 1001; background: none; text-shadow: none;} #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 #FFFFFF; padding: 5px 0px; margin: 15px 10px; background: url(https://www.bard.edu/images/tints/80black.png) repeat; color: #FFFFFF; font-size: 0.8em; letter-spacing: 2px; text-transform: uppercase; font-weight: 700; } #introshell>.introbuttons>.content>.buttons a:link, #introshell>.introbuttons>.content>.buttons a:visited { color: #FFFFFF; text-decoration: none; padding: 10px 20px;} #introshell>.introbuttons>.content>.buttons a:active, #introshell>.introbuttons>.content>.buttons a:hover { color: #FFFFFF; text-decoration: none; background: #ad1a1f;padding: 9px 20px;} .introbuttons > .content > .buttons {display: inline-block; margin: 10px 10px 10px 0px;} .introbuttons>.content>.buttons a:link, .introbuttons>.content>.buttons a:visited {display: block;line-height: 1.2em;} #introtext { position: relative; width: 100%; margin: 0; padding: 0px;} #introtext .intro {width: 85%; font-size: 1.2em; line-height: 1.6em; } #introtext .subtitle {font-size: 1.0em;} #introtext>.ctabutton { width: auto; height: auto; margin: 10px auto 0 auto; padding: 10px; background: #ad1a1f; border: none; border-radius: 0; font-size: 0.70em; } #introtext button.modal-open { font-size: 0.8em; padding: 8px 10px; background: #000; display: inline-block; position: relative; width: auto; float: none;} #introshell .introtype { width: 85%; margin: 20px auto; } #introshell.bgdark .introtype, #introshell.bgmedium .introtype, #introshell.bgbright .introtype { margin: 20px auto; } #introshell>.introtype>.subtitle { width: 100%; margin: 0 auto;} #introshell #title h1.pagetitle, #introshell.bglight #title h1.pagetitle, #introshell.bgwhite #title h1.pagetitle{ text-align: left; color: #FFF; font-size: 2.4em; } #introshell.bgdark #title h1.pagetitle, #introshell.bgmedium #title h1.pagetitle, #introshell.bgbright #title h1.pagetitle{ color: #FFF !important; font-size: 2.4em; } #introshell>.introtype>.subtitle>.cms-subtitle2 { line-height: 2.0em;} #maintext .content .introbuttons {display: block; height: auto !important; overflow: visible;} #maintext .content .introbuttons .content {display: block; height: auto; overflow: visible;} /* Modify CMS Types Width */ .biography, .highlight, .subhead, .text { width: 100% !important; margin: 0px auto;} /* Modify Content Width */ .biography .content, .highlight .content, .subhead .content, .text .content { width: 85% !important; margin: 0px auto; padding: 0; } /* ----------- 2024 Styles (alpha order) ---------- */ .billboard { position: relative; display: block; width: 100%; height: auto !important; max-height: 1000px; overflow: hidden; padding: 0; margin: 30px auto; } .billboard .content .imgcenter, .billboard .content .imgfull, .billboard .content .imgright, .billboard .content.alignright .imgright, .billboard .content.alignleft .imgleft { position: relative; width: 100%; display: block; margin: 0; padding: 0; overflow: hidden; background: #222; height: 600px; } .billboard .content .imgshell img, .billboard .content .imgleft img, .billboard .content .imgcenter img, .billboard .content .imgfull img, .billboard .content .imgright img, .billboard .content.alignright .imgright img, .billboard .content.alignleft .imgleft img { width: auto; height: 600px !important; padding: 0; margin: 0 0 0 -65%; } .billboard .content .embshell {position: relative; width: 100%; margin: 0; padding: 0; background: #FFFFFF; height: 600px; } .billboard .content .embshell iframe {position: relative; width: 200% !important; margin: 0 0 0 -55%; padding: 0; background: #FFFFFF; height: 100% !important; } .billboard .content .words, .billboard .content.alignleft .words, .billboard .content.alignright .words, .billboard .content.aligncenter .words, .billboard .content.alignfull .words { position: absolute;top: 0; left: 0; right: 0%; width: 100%; height: 600px; z-index: 1000; background: rgba(0, 0, 0, 0.6); margin: 0; padding: 0; overflow: hidden; } .billboard .content .words .padding, .billboard .content.alignleft .words .padding, .billboard .content.alignright .words .padding, .billboard .content.aligncenter .words .padding, .billboard .content.alignfull .words .padding { position: relative; text-align: left; width: 85%; margin: 0 auto; color: #FFFFFF; left: unset; top: 5%; z-index: 1001;} .billboard .content.alignfull .words .padding tr { border-bottom: none; } .billboard .content .words .padding p { font-weight: 500; line-height: 1.3em; } .billboard .content.alignright .words .padding .ctabutton, .billboard .content.alignleft .words .padding .ctabutton, .billboard .content .words .padding .ctabutton { margin: 10px 0 20px 0px; } .billboard .content .caption, .billboard .content.alignleft .caption, .billboard .content.aligncenter .caption, .billboard .content.alignfull .caption { position: absolute; width: 100%;top: unset; bottom: 5%; left: unset; right: 5%;text-align: right;} .billboard .content .words .padding .ctabutton a:link, .billboard .content .words .padding .ctabutton a:visited { display: block; } .biography > .content > .imgshell { width: 100%; margin: 0px 0px 0px 0px; } .callout { margin: 30px auto; width: 85% !important; text-align: left; } .callout .content .imgshell { margin: 0; padding: 0; width: 100%; } .callout .content .words .subtitle { color: #ad1a1f; } .callout.bgmedium .words { padding: 5%; } .callout.bgbright .words h2, .callout.bgmedium .words h2, .callout.bgdark .words h2{ border-bottom: 1px solid #FFF; } .callout>.content { width: 100%; } .callout.bglight>.content, .callout.bgdark>.content, .callout.bgmedium>.content, .callout.bgbright>.content { width: 85%; } .expandbars { display: block; width: 75%; margin: 10px auto; padding: 5%; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; background-color: #FFFFFF; white-space: normal; } /* start FAQ styles */ .faqs { position:relative; display:block; width: 85%; height: auto !important; overflow: visible; margin: 20px auto; padding: 0%; } .faqs .content .words .multibuttons { position: relative; margin: 0; padding: 0; background: #FFFFFF; display: block; overflow: visible; } .faqs .content .words .multibuttons ul { margin: 0; padding: 0; list-style: none; display: block; overflow: visible; border: 1px solid #ededed;} .faqs .content .words .multibuttons ul li { position: relative; width: 100%; height: auto !important; overflow: visible !important; margin: 0 0 0px 0; padding: 10px 0; list-style:none; border-bottom: 1px solid #000; font-size: 1.0em; } .faqs .content .words .multibuttons ul li .multitext { position: relative; width: 90%; height: auto !important; overflow: visible !important; margin: 0; padding: 0; } .faqs .content .words .multibuttons ul li .multitext .ctabutton { position: relative; height: auto !important; float: none; margin: 0; padding: 0 0 0 20px; background: #FFFFFF; color: #222222; text-transform: none; letter-spacing: 0px; } .faqs .content .words .multibuttons ul li .multitext .ctabutton button.modal-open { position: relative; float: none; padding: 5px 0 0 0; background: #FFFFFF; color: #222222; font-size: 1.0em; text-transform: none; letter-spacing: 0px; height: auto !important; min-height: 25px; display:table-cell; overflow: hidden;} .faqs .content .words .multibuttons ul li .multitext .ctabutton button {white-space: normal; word-wrap: break-word;text-align: left; line-height: 1.3em; } /* start Four Column styles */ .fourcol { position: relative; width: 100%; height: auto; margin: 30px auto; padding: 0; display: block; } .fourcol .content { position: relative; width: 85%; height: auto; margin: 0px auto; padding: 0px; display: table;} .fourcol .content>.imgleft, .fourcol>.content>.imgshell { position: relative; display:table-cell; float: left; width: 29%; height: auto !important; overflow: hidden; margin: 0px 30px 0px 20px; padding: 1%; } .fourcol .content>.imgleft img, .fourcol>.content>.imgshell img { width: 100%; height: auto; margin: 0px 30px 0px 0px;} .fourcol .content>.imgright { position: relative; display:table-cell; float: right; width: 29%; height: auto !important; overflow: hidden; margin: 0px 20px 0px 30px; padding: 1%; } .fourcol .content>.imgright img { width: 100%; height: auto; margin: 0;} .fourcol>.content>.imgcenter { position: relative; display:inline; float: left; width: 30%; overflow: hidden; margin: 0px auto; } .fourcol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .fourcol>.content>.imgfull { position: relative; display:inline; float: left; width: 100%; overflow: hidden; margin: 0px auto; } .fourcol>.content>.imgfull img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .fourcol .content .embleft, .fourcol>.content .embshell { position: relative; display:table-cell; float: left; width: 48%; height: auto !important; overflow: hidden; margin: 0px 30px 20px 0px; } .fourcol .content .embleft iframe, .fourcol>.content .embshell iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 30px 0px 0px;} .fourcol .content .embright { position: relative; display:table-cell; float: right; width: 48%; height: auto !important; overflow: hidden; margin: 0px 0px 0px 30px; } .fourcol .content .embright iframe { width: 100%; height: auto; min-height: 300px; margin: 0px 0px 0px 30px;} .fourcol .content .embcenter { position: relative; display:inline; float: left; width: 70%; overflow: hidden; margin: 0px auto; } .fourcol .content .embcenter iframe { width: 100%; height: auto; min-height: 400px; margin: 0px 0px 0px 0px;} .fourcol .content .embfull { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0px auto; } .fourcol .content .embfull iframe { width: 100%; height: auto; min-height: 600px; margin: 0px 0px 0px 0px;} .fourcol>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto;} .fourcol>.content>.words>.padding { text-align: left; line-height: 1.9em; margin: 30px 0 0 0; } .fourcol>.content>.words>.padding>p { line-height:1.9em; margin: 20px 0; } .fourcol>.content>.words>.padding>h2 { text-transform: none; letter-spacing: 3px; text-align: left; color: #000; font-weight: 700; font-size: 1.4em; padding:0; margin:0 auto; line-height:1em; } .fourcol>.content>.words>.padding>.subtitle { margin:10px auto; text-align: center; font-size: 1.1em;} .fourcol>.content>.words>.multibuttons { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto;} .fourcol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0px; width: 100%; display: block; } .fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display: block; float: none; margin: 2% auto; padding: 0;text-align: center; min-height: 100px; background: #ededed; color: #222222; } .fourcol .content .words .multibuttons .cms-button { margin: 15px auto; line-height: 1em;} .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell, .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0; } .fourcol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; display:block; overflow: hidden; margin: 0;} .fourcol>.content>.words>.multibuttons>ul>li>.multimgleft img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgright img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgcenter img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgshell img, .fourcol>.content>.words>.multibuttons>ul>li>.multimgfull img { position: relative; width: 100%; height: auto; padding: 0; margin: 0;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100%; height: auto; margin: 5% auto; display:block; float:none; line-height: 1.8em; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-size: 1.2em; text-align: left; color:#000; font-weight: 700; margin: 10px auto 10px auto;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active, .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFFFFF; text-decoration: none; font-weight: 700; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 8px 10px; line-height: 1.1em; } .fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;} /* 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: 1000px; } .highcluster>.content { position: relative; display:block; float: none; width: 85%; 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 0 1% 0; padding: 0; overflow: visible; } .highcluster .content .imgshell img, .highcluster .content .imgleft img, .highcluster .content .imgcenter img, .highcluster .content .imgfull img, .highcluster .content .imgright img { width: 100%; height: auto !important; padding: 0; margin: 0; } .highcluster>.content>.imgshell .caption, .highcluster>.content>.imgleft .caption, .highcluster>.content>.imgcenter .caption, .highcluster>.content>.imgfull .caption, .highcluster>.content>.imgright .caption { width: 100%; margin: 10px 0; } .highcluster>.content>.words { position: relative; top: 0px; display:block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 30px auto; padding: 0; } .highcluster>.content>.words>.padding { position: relative; text-align: left; width: 100%; margin: 0%; padding: 0; display: block; color: #222222; 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: #FFFFFF; text-decoration: none;} .highcluster>.content>.words>.padding>.ctabutton>a:hover { color: #FFFFFF; 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: #222222; margin: 0; } .highcluster>.content>.words>.multibuttons { position: relative; width: 100%; float: none;margin: 0 auto; } .highcluster>.content>.words>.multibuttons>ul { position: relative; text-align: left; width: 100%; margin: 0 auto; padding: 0;} .highcluster>.content>.words>.multibuttons>ul>li { min-height: 85px; display: block; list-style: none; position: relative; color: #000; text-align: left; width: auto !important; padding: 5px 0; margin: 0 auto; 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: 3.0em; text-align: left; color:#FFF;font-weight:700; margin: 0;} .highcluster>.content>.words>.multibuttons>ul>li>.multitext>p { margin: 0; padding: 0;} .highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {color: #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: 700; background: #ededed;} .highcluster>.content .words>.multibuttons>li>.multitext>.textmulti { } .highcluster>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 1.0em; line-height: 1em; margin: 0px; padding: 0; text-transform: none; letter-spacing: none; 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: 100%; margin: 0 auto;float: left; display: inline; } .highfacts>.content>.imgleft, .highfacts>.content>.imgright, .highfacts>.content.alignright>.imgright, .highfacts>.content>.imgcenter, .highfacts>.content>.imgfull, .highfacts>.content>.imgshell { position: relative; width: 100% !important; float: none !important; display: block; margin: 0 0 1% 0; padding: 0; } .highfacts>.content>.imgleft>.caption, .highfacts>.content>.imgright>.caption, .highfacts>.content.alignright>.imgright>.caption, .highfacts>.content>.imgcenter>.caption, .highfacts>.content>.imgfull>.caption, .highfacts>.content>.imgshell>.caption { position: absolute; display: block; font-size: .75em; line-height: 1.3em; color: #FFF; margin: 5px auto; width: auto; text-align: right; bottom: 10px; right: 10px; background: url(https://www.bard.edu/images/tints/80black.png) repeat; } .highfacts>.content { width: 85% !important; margin: 0 auto; padding: 0; } .highfacts>.content>.words, .highfacts>.content.alignright>.words{ position: relative; display:block; float: none !important; width: 100% !important; height: auto !important; min-height: 100px; overflow: visible; margin: 0; padding: 0; } .highfacts>.content>.words>.padding { position: relative !important; bottom: 5px !important; text-align: left; width: 90% !important; padding: 3% 5% !important; margin: 0 !important; display: block; color: #FFF !important; z-index: 1001; background: #ad1a1f !important; } .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: 100%; margin: 0 auto; } .highfacts>.content>.words>.padding>ul>li { text-align: left; } .highfacts>.content>.words>.padding>h2 { color: #FFF !important; margin: 10px 0; } .highfacts>.content>.words>.multibuttons, .highfacts>.content.alignright>.words>.multibuttons{ position: relative; width: 100% !important; height: auto !important; overflow: visible; float: none !important; margin: 0; padding: 0; } .highfacts>.content>.words>.multibuttons>ul { position: relative; text-align: center; width: 100%; margin: 0 auto; padding: 0; } .highfacts>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; min-height: 100px; display: inline; float: left; list-style: none;color: #000; text-align: center; padding: 0; margin: 0 0 1% 0; font-size: 1.2em; align-content: center; background: #ededed; 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: 100%; 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:700; 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: 700; background: #ededed;} .highfacts>.content .words>.multibuttons>li>.multitext>.textmulti { } .highfacts>.content>.words>.padding>.ctabutton>button.modal-open { font-size: 1.0em; line-height: 1em; margin: 0px; padding: 0; text-transform: none; letter-spacing: none; 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: 100%; margin: 0 auto;float: none; display: block; } .highfacts > .content > .words > .multibuttons > ul > li { width: 100%; margin: 1% 0;} .highlight { position:relative; display:table; overflow: visible; width:100%; height: auto !important; margin: 20px auto; padding: 0 0 20px 0; } .highlight.bgmedium>.content>.words>.padding, .highlight.bgbright>.content>.words>.padding, .highlight.bgdark>.content>.words>.padding { width: 100%; padding: 0;} .highlight .content { position: relative; display:block; width: 100%; overflow: visible; margin: 0 auto; } .highlight.bgwhite>.content>.words, .highlight.bgwhite>.content>.words>.padding { width: 100% !important; padding: 0 !important;} .highlight .content .embshell, .highlight .content .embleft, .highlight .content .embright { position: relative; display:block; width: 100%; overflow: visible; margin: 0 auto 20px auto; float: none; } .highlight .content .embshell iframe, .highlight .content .embleft iframe, .highlight .content .embright iframe, .highlight .content .embcenter iframe, .highlight .content .embfull iframe { min-height: 280px; z-index: 1; } .highlight>.content>.words {display: block; float: none; width: 90%; margin: 0; padding: 5% !important; min-height: 300px; } .highlight>.content>.words>.padding, .highlight>.content.alignright>.words>.padding, .highlight>.content.alignleft>.words>.padding {text-align: left; overflow-x: hidden; width: 90%; padding: 5%;} .highlight>.content>.words>.padding .ctabutton {width: auto !important; margin: 20px 0; } .highlight>.content>.words>.padding>h2 {font-size: 1.7em;text-align: left;} #maintext .highlight .content .imgleft, #maintext .highlight .content .imgright, #maintext .highlight .content .imgshell { position: relative; display: block; float: none; width: 100%; margin: 15px auto; overflow: visible; } .highlight .content .imgshell img, .highlight .content .imgleft img, .highlight .content .imgright img { width: 100%; height: auto !important; margin: 0 0 0 0; } .hovertext #boxes .row1, .hovertext #boxes .row2 { position: relative; display: block; width: 50%; height: auto !important; min-height: 240px; max-height: 240px; overflow: hidden; float: left; background: #FFF; font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 1.0em; line-height:1.3em; color: #FFF; margin: 0; } .hovertext #boxes .row1 h3, .hovertext #boxes .row2 h3 { font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif;position: relative; top:0px; height: 10px;margin: 0px; padding: 0px 0px 60px 0px; z-index: 31; font-size: 1.3em; line-height:1.3em; color: #FFFFFF; } .hovertext #boxes .row1 a, .hovertext #boxes .row2 a { margin: 0px;padding: 10px;font-family: "Source Sans Pro", "SourceSans", Helvetica, Arial, sans-serif; font-size: 1.0em; line-height:1.1em; color: #fff; display:block; background-image:url(https://www.bard.edu/images/tints/80black.png); background-repeat:repeat; background-position:0 0; height: 260px;} .hovertext #boxes .row2 a:hover, .hovertext #boxes .row2 a:active { text-decoration: none;} .hovertext #boxes .row1 img, .hovertext #boxes .row2 img { width: 100%; height: auto !important; z-index: 30; } .hovertext #boxes .row1 #embedshell { width: 100%; height: auto !important; overflow: hidden; } .hovertext #boxes .row1 iframe { width: 100%; height: 210px; z-index: 5; } /* animated text box on HP Boxes */ .hovertext #boxes .row1 .rowtext { width:100%; position:absolute; bottom:0; left:0; margin-bottom:-200px; border-radius:0px;} .hovertext #boxes .row1:hover .rowtext { margin-bottom:-90px; text-decoration: none; } .hovertext #boxes .row1 .rowtext a:link, .hovertext #boxes .row1 .rowtext a:visited, .hovertext #boxes .row1 .rowtext a:hover, .hovertext #boxes .row1 .rowtext a:active { text-decoration: none; } .jarallax { margin: 30px 0; } .jarallax .content { margin: 0; height: 900px; } .jarallax .jarallax-container .jarallax-img { width: 100%; height: 800px !important;} .jarallax .content .words { position: absolute; bottom: unset; top: 10%; left: 10%; width: 80%; background: rgba(255, 255, 255, 0.65); } .jarallax.alignright .content .words { position: absolute; bottom: unset; top: 10%; left: 10%; width: 80%; background: rgba(255, 255, 255, 0.65); } .jarallax.alignleft .content .words { position: absolute; bottom: unset; top: 10%; left: 10%; width: 80%; background: rgba(255, 255, 255, 0.65); } .jarallax .content .words .ctabutton>a:link, .jarallax .content .words .ctabutton>a:visited { display: block; } .montage {} .multitext { } .multitext strong { } /* start One Column styles */ .onecol { position: relative; width: 100%; height: auto; margin: 10px auto 30px auto; padding: 0px 0; display: block; float: none; clear:none !important; background: #FFFFFF; } .onecol .content { position: relative; width: 85%; height: auto; margin: 0 auto; padding: 0; display: block; background: #FFFFFF; } .onecol>.content>.words { position: relative; width: 100%; max-width: 1000px; display: block; margin: 0px auto; float: none; padding: 0;} .onecol>.content>.words>.padding { position: relative; text-align: left; width: 90%; float: none; display: block; margin: 0; padding: 0; } .onecol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:100%; display: block; float: none; margin: 0px; padding: 0; } .onecol>.content>.words>.multibuttons>ul { position: relative; width: 100%; display: block; float: none; margin: 0px auto; padding: 0; } .onecol>.content>.words>.multibuttons>ul>li { position: relative; width: 95%; max-width:95%; display: block; float: none; margin: 0px auto; padding: 0 0 0 5%; min-height: 100px; } .onecol>.content>.words>.multibuttons>ul>li>.multitext { padding: 0; } .onecol>.content>.words>.multibuttons>ul>li>.multitext .mftext tr { margin: 0; border-bottom: none !important;} .onecol>.content>.words>.multibuttons>ul>li>.multitext .mftext tr td { width: 94% !important; padding: 3%;} #photocluster .cluster .clustimg { max-height: 165px;} #photocluster .cluster .clustimgleft, #photocluster .cluster .clustimgright, #photocluster .cluster .clustimgfull { width: 99%; height: 553px; max-height: 553px; float: none; display: block; clear:both; } #photocluster .cluster .clustimg { height: 275px; max-height: 275px; width: 49%; margin: 0 1% 1% 0; float: left; } /* ----- Styles for PR Fac & student Profiles ---- */ #profile { width: 85%; padding: 5%; margin: 20px auto; border: 1px solid #000; } #profile .profimg { position: relative; display: block; width: 100%; height: auto; float: none; margin: 0px; } #profile .profimg img { width: 100%; height: auto; } #profile .proftext { position: relative; display: block; width: 100%; height: auto; float: none; margin: 0px; } /* start Section Header styles*/ .section { position:relative; display:block; width:100%; height: auto !important; overflow: visible; margin: 30px auto 0px auto; padding: 0px; background: none !important; } .section>.content { position: relative; display:block; float: none; width: 85%; overflow: hidden; margin: 0 auto; padding: 0; text-align: left; } .section>.content h2 { position: relative; display: inline-block; text-align: left; height: 30px; width: auto !important; text-transform: none; letter-spacing: 0px; line-height: 1em; padding: 5px 10px; margin: 0;background: #FFFFFF; color: #000; clear: both;} .section>.content p { width: 100%; margin: 0; padding: 0; } .section>.content>.words { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: left; } .section>.content>.words>.padding { position: relative; display:block; float: none; width: 100%; overflow: hidden; margin: 0 auto; padding: 0; text-align: left; } .section>.content>.words>.padding>.ctabutton { display: block; text-align: left; } .section>.content>.words>.padding>.ctabutton a { display: block; text-align: left; } .section>.content>.words>.padding>h2 { line-height: 30px; padding: 0; text-align: left; } .subhead { position: relative; width: 100%; height: auto; display: block; margin: 30px auto; padding: 20px 0;} .subhead>.content>.words {position: relative; display: block; float: none; width: 100%; overflow: visible; margin: 0 auto; padding: 0;} .subhead>.content>.words>.multibuttons {display: block; fllat: none; width: 100%; } .subhead>.content>.words>.multibuttons>ul>li>.multitext {margin: 0px 20px 10px 0;} .subhead>.content .imgshell { width: 15%; } .swoophead .content .imgshell .caption { bottom: 5%; width: 25%; } .swoophead>.content>.words>.multibuttons>ul>li>.multitext { margin: 15px 0 0 0 !important; } .swoophead .content .words .padding { max-height: 520px; overflow-y: scroll; } .swoophead>.content>.words>.padding h2 { padding-bottom: 0.3em; } .swoophead>.content>.words>.padding .subtitle { margin: 0 0 10px 0; font-size: 1.8em; } .swoophead>.content>.words>.padding .cms-subtitle2 { color: #FFF; } /* Tabbed Text Portal Styles*/ .tabtext { display: block; position: relative; } .tabtext .text { } .tabtext .text .content { width: 92% !important; } .tabtext .text .content .words .padding h2 { font-size: 2.0em !important; } .tabtext .tab-text-nav {display: none !important;} .tabtext .tab-text-content { padding: 0; border: none; } .tabtext .tab-text-content .content { width: 92% !important;} .tabtext .text .content .tabcontent { border-top: 2px solid #000 !important;} .tabtext .tabcontent { border-top: 2px solid #000 !important; margin-bottom: 30px; } .tabtext .tab-text-content .content .tabcontent .imgleft { } .tabtext .tab-text-content .content .tabcontent .words { display: block; padding-bottom: 20px; border-bottom: 1px solid #000; margin-bottom: 30px !important; } .tabtext .tab-text-content .content .tabcontent .words .padding { } .tabtext .tab-text-content .content .tabcontent .words .padding h2 { font-size: 1.5em !important; } .tabtext .tabcontent .words .padding h2 { font-size: 1.5em !important; } .tabtext .tab-text-content .content .tabcontent .words .padding .subtitle { } /* Text Styles CS */ .text>.content {width: 85%;} .text>.content>.imgleft, .text>.content>.imgright, .text>.content>.imgshell { display: block; float: none; width: 100%; margin: 10px auto 20px auto;; padding: 0; } .text>.content .embshell, .text>.content .embleft, .text>.content .embright, .text>.content .embcenter { width: 100% !important; float: none; margin: 0 0 20px 0; } .text>.content .embcenter iframe, .text>.content .embleft iframe, .text>.content .embright iframe, .text>.content .embshell iframe { width: 100%; height: 100%; min-height: 250px; padding: 0; margin: 0; float: none; display: block;} .text>.content>.words { display: block; float: none; width: 100%; margin: 0px auto; padding: 0; max-width: 100%; text-align: left;} .text .content .words .padding { width: 100%; margin: 0 auto; padding: 0;} .text .content .words .padding tr { border-bottom: none !important; } .text .content .words .padding .ctabutton a:link, .text .content .words .padding .ctabutton a:link { display: block; } .text>.content>.multibuttons { display: block; float: none; width: 100%; margin: 20px auto; } .text.bgbright, .text.bgmedium, .text.bgdark, .text.bglight { padding: 0; } /* start Text Angle 2024 styles */ .textangle { padding: 20px 0; height: 600px !important; } .textangle, .textangle.alignleft { width: 140%; height: auto !important; margin: 50px 0 50px -18%;transform: rotate(5deg);overflow: visible; } .textangle.alignright { width: 120%; height: 600px !important; margin: 50px 0 50px -10%; transform: rotate(-5deg); overflow: visible; } .textangle .content { position: relative; display: block; width: 95%; height: auto; padding: 0; margin: 20px auto; overflow: visible; } .textangle .content .imgshell { display: block; float: none; margin: 0 0 20px 10%; width: 75%; z-index: 100; } .textangle.alignright .content .imgright { width: 75%; margin: 20px 0 20px 15%; z-index: 100; } .textangle.alignright .content .words { width: 70%; margin: 0 0 0 10%; } .textangle.alignleft .content .words, .textangle .content .words { display: block; width: 65%; margin: 0 0 0 18%; padding: 0; float: none; } .textangle>.content .embleft, .textangle>.content .embshell { position: relative; width: 85% !important; margin: 20px 0 20px 10%; padding: 0 !important; background: transparent; float: none; display: block; transform: rotate(-5deg); } .textangle>.content .embright { position: relative; width: 85%; margin: 20px 0 20px 15% !important; padding: 0 !important; background: transparent; float: none; display: block; transform: rotate(5deg); } .textangle>.content .embright iframe, .textangle>.content .embleft iframe, .textangle>.content .embshell iframe { width: 88%; min-height: 230px; } .textangle.alignright .content .imgright { position: relative; display: block; float: none; width: 75%; height: auto !important; overflow: hidden; margin: 20px 0 20px 15%; padding: 0; transform: rotate(5deg); } .textangle .content .words .padding { margin: 0; padding: 5%; width: 90%; } .textangle .content .words .padding .ctabutton, .textangle .content .words .padding .ctabutton a:link, .textangle .content .words .padding .ctabutton a:visited { display: block; } .textangle.alignleft .content .imgleft { position: relative; display: block; float: none; width: 65%; height: auto !important; overflow: hidden; margin: 20px 10% 20px 10%; ; padding: 0; transform: rotate(-5deg); } .textangle .content .words .multibuttons { display: none; } .textboard {width: 100%; height: auto !important; max-height: 1000px;overflow: hidden;} .textboard .content .words {height: auto !important;} .textboard .content .words .padding { width: 85%; margin: 10% auto; left: unset; top: unset;} .textboard .content .words .padding .subtitle {font-size: 1.4em;} .textboard .content .words .padding .ctabutton a:link, .textboard .content .words .padding .ctabutton a:visited { display: block; } .textboard .content, .textboard .content.alignright, .textboard .content.alignleft, .textboard .content.aligncenter, .textboard .content.alignfull, .textboard .content .imgshell, .textboard .content .imgleft, .textboard .content .imgcenter, .textboard .content .imgfull, .textboard .content .imgright, .textboard .content.alignright .imgright, .textboard .content.alignleft .imgleft { height: auto !important; max-height: 1000px; overflow: hidden; } .textboard .content .imgshell img, .textboard .content .imgleft img, .textboard .content .imgcenter img, .textboard .content .imgfull img, .textboard .content .imgright img, .textboard .content.alignright .imgright img, .textboard .content.alignleft .imgleft img { width: auto; height: 100% !important; padding: 0; margin: 0;} /* start Text Image Mosaic 2024 styles */ .textpics { position: relative; width: 100%; max-width: 1000px; margin: 30px auto; padding: 0; display: block; float: none; overflow: visible; height: auto !important; } .textpics .content { position: relative; width: 85%; height: auto; margin: 0 auto; padding: 0; display: block; min-height: auto !important; } .textpics>.content>.imgshell { position: relative; display: block; width: 100%; float: none; z-index: 100;} .textpics>.content>.imgleft { position: relative; display: block; width: 100%; float: left; z-index: 100; margin: 0; padding: 0; } .textpics>.content>.words { position: relative; width:90%; max-width: 1200px; height: auto; display: block; margin: 0 auto; padding: 0; overflow: visible; } .textpics>.content>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; padding: 0; margin: 0 auto; } .textpics>.content>.words>.multibuttons { position: relative; width: 100%; max-width:100%; display: block; right: 0; margin: 0; padding: 0; background: transparent; } .textpics>.content>.words>.multibuttons>ul { position: relative; width: 100%; display: block; margin: 0; } .textpics>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display: block; margin: 0; } .textpics .content.alignright { position: relative; width: 85%; height: auto; margin: 0 auto; padding: 0; display: block; min-height: auto !important; } .textpics>.content.alignright>.imgright { position: relative; display: block; width: 100%; float: none; z-index: 100;} .textpics>.content.alignright>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; padding: 0 0 0 0; } .textpics>.content.alignright>.words>.multibuttons { position: relative; width: 100%; max-width: 100%; display: block; min-height: 190px;} .textpics>.content.alignright>.words>.multibuttons>ul>li { position: relative; width: 100%; display: block; } .textpics .content.alignleft { position: relative; width: 85%; height: auto; margin: 0 auto; padding: 0; display: block; min-height: auto !important; } .textpics>.content.alignleft>.imgleft { position: relative; display: block; width: 100%; float: none; z-index: 100;} .textpics>.content.alignleft>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; padding: 0 0 0 0; } .textpics>.content.alignleft>.words>.multibuttons { position: relative; width: 100%; max-width: 100%; display: block; min-height: 190px; } .textpics>.content.alignleft>.words>.multibuttons>ul>li { position: relative; width: 100%; display: block; } .textpics>.content.alignright>.words>.multibuttons .multimgright { position: absolute; right: 0%; width: 55%; height: auto; overflow: hidden; padding: 0; margin: 0 0 10px 20px; z-index: 101; } /* start Three Col styles */ .threecol { position: relative; width: 100%; max-width:100%; height: auto; margin: 30px auto; padding: 0px 0px; display: block; } .threecol .content { position: relative; width: 85%; margin: 0px auto; } .threecol>.content>.words { position: relative; width: 100%; max-width:100%; height: auto; margin: 0px auto; padding: 0px 0px; display: block; } .threecol>.content>.imgleft, .threecol .content .imgshell { position: relative; display:block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 10px auto 20px auto; } .threecol>.content>.imgleft img, .threecol .content .imgshell img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .threecol>.content>.imgleft iframe, .threecol .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: 80%; height: auto !important; overflow: visible; margin: 20px auto; padding: 5%; background: #FFFFFF;} .threecol>.content>.imgright img { width: 100%; height: auto; margin: 0;} .threecol>.content>.imgcenter { position: relative; display:block; float: none; width: 95%; overflow: hidden; margin: 10px auto 20px auto; } .threecol>.content>.imgcenter img { width: 100%; height: auto; margin: 0px 0px 0px 0px;} .threecol .ctabutton {margin: 0px 20px 0 0; align-self: center; align-content: center; } .threecol>.content>.words>.padding { margin: 0 !important; } .threecol>.content>.words>.padding > p { margin: 10px 0px; line-height: 38px; } .threecol .content { width: 85% !important; max-width: 85% !important; margin: 0px auto; overflow-x: hidden; } .threecol.hibright .content .words .padding a { color: #FFF; background: #6e3939;} .threecol .content .words .padding .subtitle .cms-button { font-size: 0.8em !important; } .threecol>.content>.words>.multibuttons>ul { margin: 0px auto; padding: 0px 0; width: 100%; max-width:100%; display: block; float: none; overflow-x: hidden; } .threecol>.content>.words>.multibuttons>ul>li { position: relative; float: none; display: block; width: 90%; padding: 5%; margin: 0 0 5% 0; } .threecol>.content>.words>.multibuttons>ul>li> .multitext { width: 100%; display:block; float: none; margin: 0; padding: 2.5% 0; overflow: visible; line-height: 28px; } .threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle, .threecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext>.linktitle{ line-height: 1em; margin: 15px auto 15px auto; } .threecol>.content>.words>.multibuttons>ul>li> .multitext p .cms-button {margin-top: 20px;} .threecol>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:link, .threecol>.content>.words>.multibuttons>ul>li>.multitext .cms-button a:visited { color: #FFF !important; } /* new full width image style for columns */ .threecol>.content>.words>.multibuttons>ul>li>.multimgfull { position: relative; width: 100%; display:block; float: none; margin: 0 0 20px 0; overflow: visible; } .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 { position: relative; width: 100%; display:block; float: none; margin: 0; padding-top: 0px; overflow: visible;} .threecol>.content>.words>.multibuttons>ul>li>.multimgshell img, .threecol>.content>.words>.multibuttons>ul>li>.multimgleft img, .threecol>.content>.words>.multibuttons>ul>li>.multimgright img, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter img, .threecol>.content>.words>.multibuttons>ul>li>.multimgfull img{ width: 100%; height: auto; } .threecol>.content>.words>.multibuttons>ul>li>.multimgshell iframe, .threecol>.content>.words>.multibuttons>ul>li>.multimgleft iframe, .threecol>.content>.words>.multibuttons>ul>li>.multimgright iframe, .threecol>.content>.words>.multibuttons>ul>li>.multimgcenter iframe, .threecol>.content>.words>.multibuttons>ul>li>.multimgfull iframe { width: 95%; display:block; float: none; margin: 10px auto 20px auto; overflow: visible; } .threecol>.content>.words>.multibuttons>ul>li>.multiembshell iframe, .threecol>.content>.words>.multibuttons>ul>li>.multiembleft iframe, .threecol>.content>.words>.multibuttons>ul>li>.multiembright iframe, .threecol>.content>.words>.multibuttons>ul>li>.multiembcenter iframe { width: 100%; height: 200px; max-height: 200px; } .threecol.bgbright, .threecol.bgdark, .threecol.bgmedium, .threecol.bglight { padding: 50px 0; } .threecol.bgbright>.content>.words>.multibuttons>ul>li, .threecol.bgdark>.content>.words>.multibuttons>ul>li, .threecol.bgmedium>.content>.words>.multibuttons>ul>li, .threecol.bglight>.content>.words>.multibuttons>ul>li { width: 92%; padding: 4%; margin: 0 0 5% 0; background: #FFF !important; } .threecol.bgwhite>.content>.words>.multibuttons>ul>li{ width: 100%; padding: 0; margin: 0 0 5% 0; background: #FFF !important; } .threecol>.content>.words>.multibuttons>ul>li>.multitext, .threecol.bgbright>.content>.words>.multibuttons>ul>li>.multitext, .threecol.bgmedium>.content>.words>.multibuttons>ul>li>.multitext, .threecol.bgdark>.content>.words>.multibuttons>ul>li>.multitext, .threecol.bglight>.content>.words>.multibuttons>ul>li>.multitext, .threecol.bgwhite>.content>.words>.multibuttons>ul>li>.multitext { width: 100%; margin: 0; padding: 0%;} .threecol.bgwhite { margin: 30px auto 30px auto; padding: 0; } .threecol.bgwhite .content .words { padding: 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; } .twocol.bgwhite { padding: 0; } .twocol.bglight { padding: 40px 0; } .twocol .content { width: 85%; margin : 0 auto; display: block; } .twocol>.content>.words { position: relative; width: 100%; display: block; margin: 0px; } .twocol>.content>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; padding: 0 0 0px 0; margin: 0; } .twocol>.content>.words>.padding h2, .twocol>.content>.words>.padding p { position: relative; text-align: left; width: 100%; display: block; padding: 0; margin: 0 auto } .twocol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:1200px; display: block; margin: 0px auto 0px auto; border-left: none; padding: 0 !important;} .twocol.bgwhite > .content > .words > .multibuttons, .twocol.bglight > .content > .words > .multibuttons { border-left: none; } .twocol.bgwhite >.content>.words>.multibuttons { margin: 0px auto 0px auto;} .twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0; padding: 0; width: 100%; display: block; } .twocol>.content>.words>.multibuttons>ul>li {position: relative; width: 100%; margin: 0 0 2% 0 !important; } .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: auto; 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: auto; 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: auto !important; padding: 5% 5% 1% 5%; margin: 0; } .twocol.bglight > .content > .words > .multibuttons > ul > li > .multitext { padding: 0; } .twocol > .content > .words > .multibuttons > ul > li > .multitext .cms-button, .twocol.bgwhite > .content > .words > .multibuttons > ul > li > .multitext .cms-button, .twocol.bglight > .content > .words > .multibuttons > ul > li > .multitext .cms-button, .twocol.bgmedium > .content > .words > .multibuttons > ul > li > .multitext .cms-button, .twocol.bgdark > .content > .words > .multibuttons > ul > li > .multitext .cms-button, .twocol.bgbright > .content > .words > .multibuttons > ul > li > .multitext .cms-button { margin: 20px 0; } .twocol > .content > .words > .multibuttons > ul > li > .multitext .cms-button a, .twocol.bgwhite > .content > .words > .multibuttons > ul > li > .multitext .cms-button a, .twocol.bglight > .content > .words > .multibuttons > ul > li > .multitext .cms-button a, .twocol.bgmedium > .content > .words > .multibuttons > ul > li > .multitext .cms-button a, .twocol.bgdark > .content > .words > .multibuttons > ul > li > .multitext .cms-button a, .twocol.bgbright > .content > .words > .multibuttons > ul > li > .multitext .cms-button a { margin: 20px 0; color: #FFFFFF !important; } .twocol > .content > .words > .multibuttons > ul > li > .multitext .linktitle { color: #000000; } .twocol > .content > .words > .multibuttons > ul > li > .multitext>a:link, .twocol > .content > .words > .multibuttons > ul > li > .multitext>a:visited { color: #000000 !important; } .twocol.bgwhite > .content > .words > .multibuttons > ul > li { width: 100% !important; margin: 0 0 4% 0 !important; } .twocol > .content > .words > .multibuttons > ul > li > .multitext > .linktitle > a:link, .twocol > .content > .words > .multibuttons > ul > li > .multitext > .linktitle > a:visited {color: #000000; font-size: 0.8em;} /* start Two Column Wide styles */ .twocolwide { position: relative; width: 100%; display: block; float: none; margin: 30px auto; padding: 0; height: auto; } .twocolwide>.content { position: relative; width: 85%; display: block; float: none; } .twocolwide>.content>.words>.multibuttons>ul>li { position: relative; width: 100%; display: block; float: none; margin: 0; padding: 0; height: auto; vertical-align: top; background: #FFFFFF; } .twocolwide>.content>.words>.multibuttons>ul>li>.multimgshell, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgleft, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgcenter, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgright, .twocolwide>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0;display: block; float: none;} .twocolwide>.content>.words>.multibuttons>ul>li>.multiembshell, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembleft, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembright, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembcenter, .twocolwide>.content>.words>.multibuttons>ul>li>.multiembfull{ position: relative; width: 100%; height: auto; overflow: hidden; padding: 0; margin: 0;display: block; float: none;} .twocolwide>.content>.words>.multibuttons>ul>li>.multitext { position: relative; width: 100% !important; padding: 0; margin: 0 0 20px 0; font-size: 0.95em; line-height: 2.0em; display: block; color: #000; vertical-align:top; text-align: left; min-height: 0px; } /* Video Cols */ .videorow { position: relative; display: block; width: 85%; height: auto !important; overflow: visible; min-height: 0px; margin: 0 auto 0 auto; padding: 0px; } .videorow .videocol { position:relative; display: block; float: none; width: 100%; height: auto !important; overflow: visible; margin: 0px auto 30px auto; padding: 0; clear: right; } .videorow .videocol .embedshell { display: block; width: 100%; height: auto !important; float: none; margin: 0; padding: 0; max-height: 150px; } .videorow .videocol .embedshell iframe { display: block; width: 100%; float: none; margin: 0px; padding: 0px; max-height: 150px; } .videorow .videocol h3 { line-height: 18px; } .videorow .videocol .videotext { position: relative; display: block; width: 94%; height: auto !important; float: none; margin: 0px; padding: 20px 3% 30px 3%; max-height: 1000px; } .videorow .videocol .videolist { position: relative; display: block; width: 94%; height: auto !important; margin: 0px auto; padding: 0; } .videorow h3, .videorow .videocol .videotext h3 { margin: 0px; padding: 0; } .videorow ul { margin: 0px 0px 0 20px; padding: 0px; height: auto; overflow: visible; } .cal_small { display: block; width: 95%; height: auto; margin: 0 auto;} .cal_full {display: none; } .footer { font-size: 1em; color: #000; line-height: 24px; } footer { margin: 0px; width: 100%; height: auto; display: block; top: 45px; min-height: 400px; overflow: visible;} footer { top: 0px !important; margin-top: 5px !important; } footer .content { position: relative; width: 85%; height: auto !important; padding: 5%; margin: 0 auto; display: block; } footer .content #footercontent { position: relative; float: none; width: 100% !important; display: block; margin: 0px auto; padding: 0%; } footer .content #footercontent .footercol { position: relative; float: none; width: 100%; max-width: 100%; display: block; margin: 0px 0 0 0;padding: 0; border: none;} footer .content #footercontent .footercol.first { position: relative; float: none; width: 100%; max-width: 100%; display: block; margin: 0px 0 0 0;padding: 0; border: 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%;height: auto;} footer .content #footiconbox { position: relative; width: 100% !important; display: table; float: none; margin: 20px auto; padding: 0px; } nav .menu_container .menu_dropdown_block .column.three-col, .menu_container .menu_dropdown_block .column.four-col { width: 90%; } /* -------- 2022 News Styles ------- */ .prnews-newscols3x .prnews-col { position: relative; width: 100%; height: auto !important; padding: 0 0 0 0; margin: 0; display: block; vertical-align: top; } /* ----------- Admission CTA Button for Program Websites --------- */ .cta-content {position: relative; z-index: 999999; top:0px;} } @media screen and (max-width:615px) { .swoophead>.content>.words>.multibuttons {/*top:10em; margin:0 auto 5em auto;*/ position:absolute; width:85%; /* top:25em;*/ left: 50%; transform: translate(-50%, 0); padding: 3em 1em; } } /* @media screen and (max-width:565px) { .swoophead>.content>.words>.multibuttons { position:absolute; width:85%; top:25em; left: 50%; transform: translate(-50%, 0); padding: 3em 1em;} }*/ /* @media screen and (max-width:500px) { .swoophead>.content>.words>.multibuttons {top:25em;} }*/ @media screen and (max-width:480px) { /*.swoophead .content {height:1300px;}*/ .swoophead .content .words .padding {max-height:500px;overflow-y:auto;} /* .swoophead .content .words .padding .subtitle {line-height:1em;} .swoophead .content .words .multibuttons {padding-top:25%;top:-2em;} .swoophead>.content>.words>.multibuttons>ul {width:unset;} .swoophead>.content>.words>.multibuttons>ul>li>.multitext {display:inline-block;float:none;margin:0 auto;}*/ #photocluster .cluster .clustimg { max-height: 165px;} #photocluster .cluster .clustimgleft, #photocluster .cluster .clustimgright, #photocluster .cluster .clustimgfull { width: 99%; height: 380px; max-height: 380px; float: none; display: block; } #photocluster .cluster .clustimg { height: 190px; max-height: 190px; } } /* @media screen and (max-width:420px) { .swoophead>.content>.words>.multibuttons {top:25em;} } @media screen and (max-width:390px) { .swoophead>.content>.words>.multibuttons {top:25em;} } @media screen and (max-width:362px) { .swoophead>.content>.words>.multibuttons {top:25em;} } @media screen and (max-width:358px) { .swoophead>.content>.words>.multibuttons {top:25em;} } */ @media screen and (max-width: 320px){ #supershell { /*width: 400px;*/ width: 100%; display: block; float: none; margin: 0px; padding: 0px; } /* remove comment after testing*/ .swoophead .content .words .padding .subtitle {line-height:1em;} /* .swoophead .content .words .multibuttons {top:25em;}*/ .swoophead>.content>.words>.multibuttons>ul {width:unset;} .swoophead>.content>.words>.multibuttons>ul>li>.multitext {display:inline-block;float:none;margin:0 auto;} } /* ---------------------------- PRINT ONLY STYLES ------------------------ */ @media print { body { background: #FFFFFF; } nav { } nav a:link, nav a:visited, nav a:hover, nav a:active { color: #000; text-decoration:underline; } nav#subnavigation_menus { } #subnavigation_menu .menu_nav > .nav_menu_item > a[aria-expanded], #subnavigation_menu .menu_nav > .nav_menu_item.no_subnav > a, #subnavigation_menu .menu_nav > .nav_menu_item > a.mainlink {color: #000; } header, main, footer { position: relative; display: block; width: 100% !important; margin: 0 auto !important; padding: 0; } #introshell, main #maintext { position: relative !important; display: block !important; width: 90% !important; margin: 0 auto !important; padding: 5% !important; } main #maintext>.content, #introtext, .text, .text .content, .text .content .words, .text .content .words .padding, .textangle, .textangle .content, .textangle .content .imgshell, .textangle .content .words, .textangle .content .words .padding { position: relative !important; display: block !important; float: none !important; transform: none !important; width: 100% !important; max-width: 100% !important; height: auto !important; margin: 0 auto !important; padding: 0;} * { 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; } .cal_small {display: none; } .cal_full {display: block; } }