/* Bard Arboretum */ #feeds ul li { list-style: none; display: block; padding-bottom: 0px; border-bottom:none; margin-bottom: 0px; } /*******************************************/ /*** Menu Container ***/ /*******************************************/ nav.campus { display: none; } body { font-family: "Work Sans", Arial, sans-serif !important; font-weight: 300;} body a:link, body a:visited {color: #c11c1c; text-decoration: none; border-bottom: 1px dotted #c11c1c;} body a:active, body a:hover {color: #c11c1c; text-decoration: none; border-bottom: 1px solid #c11c1c;} a.icon:link, a.icon:visited {text-decoration: none; border-bottom: none;} a.icon:active, a.icon:hover {text-decoration: none; border-bottom: none;} footer a:link, footer a:visited {text-decoration: none; border-bottom: 1px dotted #FFF;} footer a:active, footer a:hover {text-decoration: none; border-bottom: 1px solid #FFF;} .footericons a:link, .footericons a:visited {text-decoration: none; border-bottom: none;} .footericons a:active, .footericons a:hover {text-decoration: none; border-bottom: none;} nav#subnavigation_menus li a {border-bottom: none;} .cms-button a, .cms-button a:link {border-bottom: none; background: #000000;} a .cms-button, a .cms-button {border-bottom: none; background: #000000;} .ctabutton a, .ctabutton a:link {border-bottom: none; background: #000000;} a .ctabutton, a:link .ctabutton {border-bottom: none; background: #000000;} .linktitle>a:link, .linktitle>a, .linktitle a {border-bottom: none;} a .linktitle, a:link .linktitle {border-bottom: none;} h1 {font-family: "Work Sans", Arial, sans-serif !important; font-weight: 300 !important; text-transform: none !important; letter-spacing: 0px !important; } h2, .cms-subtitle1, .cms-subtitle2, .cms-subtitle3, .subtitle, .linktitle, .ctabutton, .cms-button {font-family: "Work Sans", Arial, sans-serif !important; font-weight: 500 !important; text-transform: none !important; letter-spacing: 0px !important;} strong {font-weight: 500; } .ctabutton, .cms-button {background: #000000; margin: 0px 10px 10px 0px;} .ctabutton {font-size: 1.0em; padding: 5px 10px;} .ctabutton>button.modal-open {background: #000000;font-family: "Work Sans", Arial, sans-serif;font-weight: 500 !important;} #subnavigation_menu {float: right; margin: 0 50px 0 0; background: #000000;} #subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded].open {color:#e9cf59;} #subnavigation_menu .menu_nav li img {height: 50px; width: auto; margin-top: -15px;} #subnavigation_menu .navigation_submenu {background: #000000;} #subnavigation_menu .navigation_submenu a {background: #000000;} nav#subnavigation_menus {height: 60px; padding-top: 15px; background: #000000; } nav#subnavigation_menus.fixed {max-width: 100%;} nav#subnavigation_menus.fixed img {width: 15%;} header.fixed {display: none;} #supershell #floatbutton {position: absolute; top: 100px; right: 100px; background: #ad1a1f; z-index: 99999;} #supershell #floatbutton a {color: #FFF; margin: 25px 15px; text-transform: uppercase; font-weight: 500; text-decoration: none; line-height: 2em;} #supershell #floatbutton a:hover {color: #FFF; margin: 25px 15px; text-transform: uppercase; font-weight: 500; text-decoration: underline; line-height: 2em;} .caption { width: 100%; text-align: right !important; margin: 0px 0 !important; line-height:1.0em;} main {top: 0;} #introshell {margin: 0px auto 0 auto;} #introshell {width: 100%; max-width: 1300px; background: #222;min-height: 180px;margin: 0px auto 0 auto;} h1.pagetitle {position: absolute;color: #FFF;top: 40%; left: 10%;} #navigation_menu.mobile .logo-head {position: absolute;top: 10px;right: 50px !important;margin: 0;display: block;width: 200px;} #introshell>.sitetitle {left: 10% !important; height: 200px; border: none; } #introshell>.sitetitle>.sitelogo {height: 200px !important; border: none; background: none; max-width: 100%;} #introshell .image .introbox { position: absolute; left: 8%; bottom: 5%; background:none; width: 100%;} #introshell>.sitetitle>.sitelogo img {margin: 0px;padding: 0px;z-index: 1001;height: 200px;width: auto;} #introshell .image .introbox h1 { position: relative; font-family: "Work Sans", Arial, sans-serif; font-weight: 500;text-transform: none; letter-spacing: 0px; color: #FFF; font-size: 3.0em; line-height: 1em; text-align: left; padding: 0; z-index: 1001; margin: 0 0 25px 0;} #introshell .image .introbox .subtitle { position: relative; font-family: "Work Sans", Arial, sans-serif; font-weight: 500;text-transform: none; letter-spacing: 0px; color: #FFF; font-size: 1.1em; line-height: 1.5em; text-align: left; padding: 1% 0; z-index: 1001; margin: 0px 20px 10px 20px;} #introshell>.image .caption { position: absolute; bottom: 0%; right: 0%; font-family: "Work Sans", Arial, sans-serif; font-weight: 300; display: block; width: auto !important; color: #FFF; text-align: center; margin: 0; padding: 1% 2%; font-style: normal; z-index: 1002; } #introshell>.image .caption a:link { color: #FFF; } #introshell>.image .caption a:visited { color: #FFF; } #introshell>.image .caption a:active { color: #FFF; text-decoration: underline; } #introshell>.image .caption a:hover { color: #FFF; text-decoration: underline; } #introtext {position: relative;display: block;width: 90%; max-width: 1000px; margin: 0px auto;padding: 2% 3%;font-size: 1.1em;text-align: left;font-weight: 300; background: #FFFFFF;} .intro {position: relative;} body#articles .imgfull {position: relative; width: 50%; height: auto; float: left; display: inline; margin: 0 30px 10px 0;} body#articles .imgfull img {position: relative; width: 100%; height: auto;} body#articles h2 {color: #222; font-size: 2em; margin: 20px 0px;} body#articles .multimgleft {position: relative; width: 45%; height: auto; float: left; display: inline; margin: 0 2.5% 10px 0;} body#articles .multimgleft img {position: relative; width: 100%; height: auto;} .events ul.hpevents { position: relative; width: 100%; background: #FFF; display: flex; margin: 0 auto; padding: 0; height: auto;} .events ul.hpevents li { position: relative; flex-wrap: wrap; list-style: none; display: table-cell; border: 1px solid #222; padding: 10px;} .billboard>.content>.words {position: absolute;bottom: 5%;width: 100%;height: auto;z-index: 1000;} .billboard .content .embright {z-index:1001;} .billboard>.content>.words>.padding>h2 {font-family: "Work Sans", Arial, sans-serif !important;text-shadow: 2px 2px 2px #000;} .billboard .content .imgcenter {width: 60%;} main #maintext .content .biography .content { max-width: 1000px; } .biography>.content>.words>.padding {margin: 0;} .biography>.content>.words>.padding>h2 { font-size: 1.7em;font-weight: 500;color: #222;text-transform: none;letter-spacing: 0px;padding: 0 0 20px 0;border-bottom: 1px solid #222;margin: 0 0 20px 0; text-align: left;} .biography>.content>.words>.padding>.subtitle { border: none; } .biography>.content>.imgshell, .biography>.content>.imgleft, .biography>.content>.imgright {width:40%;} .biography .content .embright {z-index: 100;} .callout h2 { font-size: 1.7em;font-weight: 500;color: #222;text-transform: none;letter-spacing: 0px;padding: 0 0 20px 0;border-bottom: 1px solid #222;margin: 0 0 20px 0;} .expandbars {width: 100%;max-width: 1100px;padding: 15px 0px 5px 0px; border: 1px solid #CCC; background-color: #EDEDED;} .expandbars .ctabutton {background-color: #EDEDED;} .expandbars .ctabutton button.modal-open {font-family: "Work Sans", Arial, sans-serif !important; background-color: #EDEDED; font-size: 1.3em;font-weight: 500;} .fourcol {background: #FFFFFF;} .fourcol h2 {font-size: 1.7em; text-align: left;} .fourcol>.content>.words>.padding>h2 {text-transform: none; letter-spacing: 0px; text-align: left; color: #222; font-weight: 500; font-size: 1.7em;} .fourcol>.content>.words>.padding {text-align: left;} .fourcol>.content>.words>.multibuttons>ul>li {width: 24%;margin: 0%;} .fourcol>.content>.words>.multibuttons>ul>li>.multitext {width: 95%; margin: 5% 5% 10% 0%; line-height: 1.9em;} .highlight>.content>.words>.padding {text-align: left;} .highlight>.content>.words>.padding .cms-button {margin: 10px 10px 10px 0;} #photocluster .content .subtitle { font-family: "Work Sans", Arial, sans-serif; text-align: center; width: 80%; color:#666; margin: 20px auto; padding: 0px 50px; font-size: 1.2em; font-weight: 500; } .section>.content>.words>.padding>h2 {font-size: 1.7em;} .section>.content p {position: relative;width: 80%;background: #FFF;margin: 10px 10%;padding: 0; font-weight: 300; border-bottom: none !important } .spotlight>.content>.words>.padding {margin: 0px 3%;text-align: left;color: #FFF;} .spotlight>.content>.words>.padding a { color: #C4BFC0; text-decoration: underline;} .spotlight {width: 80%;padding: 3% 10%;margin: 50px auto;align-content: left;} .spotlight .content .words .padding .cms-button {margin: 10px 10px 10px 0;} .spotlight .content .words .padding .cms-button a {color: #FFF !important;text-decoration: none;} .text>.content .embshell, .text>.content .embleft { width: 45% !important; margin: 0 30px 0 0;} .text>.content .embshell iframe, .text>.content .embleft iframe { min-height: 300px !important;} .text>.content .embright { width: 45% !important; margin: 0 0 0 30px;} .text>.content .embright iframe { min-height: 300px !important;} .text>.content>.words>.padding>.ctabutton>button.modal-open {font-weight: 500 !important;} main #maintext .content .text {background: #FFFFFF; margin: 30px auto; min-height: 100px !important;} main #maintext .content .text .content { margin: 0 auto !important; max-width: 1000px; } .text .content .words h2 { font-size: 1.2em;font-weight: 500;color: #222;padding: 0 0 20px 0 !important;border-bottom: 1px solid #222; margin: 0 0 20px 0 !important;} .text .content .words .padding {margin: 0 0;padding: 15px 0 0 0;width: 100%;} .text .content .words .padding p {margin-bottom: 0px;line-height: 36px; } .text>.content>.words>.padding>.ctabutton {margin: 0px; padding: 5px 10px; } .text>.content .embshell {margin-top: 15px;} .text>.content .embshell iframe {min-height: 170px;} .textlists { margin: 30px auto; width: 80%; } .textlists h2 { text-align: left; } .textlists>.content>.words>.multibuttons { margin: 10px auto; padding: 1%; width: 98%; } .textlists>.content>.words>.multibuttons>ul>li>.multitext {width: 100%; } .threecol {background: #FFFFFF; } .threecol .content { position: relative; width: 100%; max-width: 1000px;} .threecol>.content>.words>.padding>h2 {font-size: 1.75em; text-align: left;} .threecol>.content>.words>.multibuttons>ul>li {background: #FFFFFF;} .threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {color: #222222 !important;} .threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 31%;padding: 0% 2% 0 0;background: #FFFFFF;} .threecol>.content>.words>.multibuttons>ul>li>.multitext { width: 98%; margin: 0%;} .threecol .content .words .multibuttons .cms-button {background: #222;} .twocol { background: #FFFFFF; padding: 0; } .twocol>.content { padding: 0; } .twocol>.content>.words>.padding { position: relative; text-align: left; width: 100%; float: none; display: block; padding: 1% 0; } .twocol>.content>.words>.padding>h2 { text-transform: none; letter-spacing: 0px; text-align: left; color: #222; font-weight: 500; font-size: 1.75em; } .twocol>.content>.words>.multibuttons { position: relative; width: 100%; max-width:100%; display: block; float: none; margin: 0px; padding: 0; } .twocol>.content>.words>.multibuttons>ul { position: relative; margin: 0px auto; padding: 0; width: 100%; display: block; } .twocol>.content>.words>.multibuttons>ul>li { position: relative; width: 47.5%; display:inline-block; float: left; margin: 0% 2.5% 2.5% 0; padding: 0%;height: auto; vertical-align: top;background: #FFFFFF; } .twocol>.content>.words>.multibuttons>ul>li>.multitext {padding: 0%;margin: 0;font-size: 1em;line-height: 1.8em;} .twocolw>.content>.words>.multibuttons>ul>li { height: auto; min-height: 100px;} /* start Events styles */ .events { position: relative; width:100%; margin: 50px auto; padding: 0; } .events ul.hpevents { position: relative; width: 100%; max-width: 1100px; background: #FFF; display: flex; flex-flow: row; /*display: table;*/ margin: 0 auto; padding: 0; height: auto;} .events ul.hpevents li { position: relative; list-style: none; display: flex !important; flex-grow: 1; flex-basis: 0; flex-flow: column; /*display: table-cell;*/ border-width: 1px 1px 1px 0px; border-style: solid; border-color: #222; padding: 10px; vertical-align: top; word-wrap: break-word;} .events ul.hpevents li:first-child { border-width: 1px 1px 1px 1px;} .events ul.hpevents li .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 500; } .events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; } .events ul.hpevents li .eventtext { float: left; display: block; font-size: 0.8em; padding: 20px 20px 20px 20px; } .events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 500;} .events .ctabutton { float: right;} .events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;} .events ul.hpevents li .eventpic img { width: auto;height:100%;} .events ul.hpevents li .eventtext button.modal-open {font-family: "Work Sans", Arial, sans-serif !important; font-weight: 300;} /* Modify Constant Contact Styles */ div.ctct-form-embed form.ctct-form-custom input.ctct-form-element { width: 100%; height: 30px !important; padding: 5px 10px !important; border: 1px solid #b0b6bb; background-color: #ffffff; box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%); border-radius: 0px; font-size: 14px; line-height: 1.5; font-family: "Source Sans Pro", "SourceSans", Arial, sans-serif !important;} div.ctct-form-embed form.ctct-form-custom label.ctct-form-label { display: block; margin-bottom: 12px; line-height: 1; font-weight: 300; text-align: left; } div.ctct-form-embed form.ctct-form-custom div.ctct-form-field { margin: 0 0 10px 0 !important; text-align: left; } div.ctct-form-embed div.ctct-form-defaults p.ctct-form-text { color: #323232; font: 14px "Source Sans Pro", "SourceSans", Arial, sans-serif !important;; white-space: pre-wrap; line-height: 1.5; -webkit-font-smoothing: antialiased; margin: 0 0 10px 0 !important; } div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {color: #FFF !important; text-transform: uppercase !important; font-weight: 300 !important; font-size: 14px !important;padding: 10px !important;} #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 { position: relative; display: block; font-size: 16px; line-height: 2em; height: 2em; padding: .3em 12px .3em 12px; text-transform: none; color: #FFFFFF !important; text-decoration: none; outline: none; z-index: inherit; font-weight: 500 !important; border-bottom: none;} #subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:hover, #subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:focus, #subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a:hover, #subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a:focus, #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:hover, #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:focus { color: #e9cf59 !important; outline-offset: -1px; border-bottom: none;} #subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:hover, #subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded]:focus, #subnavigation_menu .menu_nav > .nav_menu_item a[aria-expanded].open, #subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a:hover, #subnavigation_menu .menu_nav > .nav_menu_item.no_subnav a:focus, #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:hover, #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:focus { margin-left: 0; background: #222; color: #e9cf59 !important; text-decoration: underline; z-index: 1002; border-bottom: none;} #subnavigation_menu .menu_nav > .nav_menu_item a:hover { background: #222; color: #e9cf59 !important;text-decoration: underline;padding-bottom: 1px; border-bottom: none;} #subnavigation_menu .menu_nav > .nav_menu_item a.mainlink:hover{ background: #222; color: #e9cf59 !important;text-transform: underline; padding-bottom: 1px; border-bottom: none;} nav#subnavigation_menus #logo img {position: relative;width: 25%;margin-left: 50px; float: left; } /* Mobile(Responsive) */ /*@media only screen and (max-width: 940px) and (min-width: 640px) { .submenu_container > ul > li > a { padding: 8px 15px; font-size: 14px; } .submenu_container > ul > li:hover > a { padding-left: 16px; } }*/ @media only screen and (min-width: 1001px) { } @media only screen and (min-width: 1400px) and (max-width: 4000px) { #supershell #floatbutton {position: absolute; top: 100px; right: 20%; background: #ad1a1f; z-index: 99999;} } @media only screen and (min-width: 901px) and (max-width: 1000px) { } /* ---------------------------- TABLET ONLY STYLES ------------------------ */ @media only screen and (max-width: 1000px) { .events ul.hpevents { display: block !important; flex-flow: initial; } .events ul.hpevents li { display: block !important; border: none !important; } .events ul.hpevents li .date, .events ul.hpevents li .day, .events ul.hpevents li .eventtext { float: none;} nav#subnavigation_menus #logo img {position: relative;width: 25%;margin-left: 30px; float: left; } #subnavigation_menu .subnav-head a {border-bottom: none;} } @media only screen and (min-width: 601px) and (max-width: 1000px) { #introshell>.sitetitle {left: 10% !important; height: 100px; border: none; } #introshell>.sitetitle { position: relative !important; top: 0px !important; left: 20px !important; width: 30% !important; height: auto !important; overflow: visible !important; float: left; margin: 0; padding: 0; z-index: 1001;} #subnavigation_menu {margin: 0 0 0 0 !important;} nav#subnavigation_menus #logo img {position: relative;width: 25%;margin-left: 30px; float: left; } #subnavigation_menu .subnav-head a {border-bottom: none;} } /***************/ @media only screen and (min-width: 400px) and (max-width: 600px) { #navigation_menu.mobile {display: none;} #supershell #floatbutton {position: absolute; top: 150px; right: 50px; background: #ad1a1f; z-index: 99999;} #navigation_menu.mobile .logo-head { position: absolute; top: 10px; right: 50px !important; margin: 0; display: block; width: 200px;} #subnavigation_menu {margin: 0 0 0 0 !important;} #introshell .image .introbox { position: absolute; left: 1%; bottom: 1%; background: url(https://www.bard.edu/images/tints/80black.png) repeat; width: 90%;} #introshell {position: relative !important; margin-top: 0px !important; top: 0px !important; } #introshell>.sitetitle { position: relative !important; top: 10px !important; left: 20px !important; width: 90% !important; height: auto !important; min-height: 100px !important; overflow: visible; float: left; margin: 0 0 0 0; padding: 0; z-index: 1001; } #introshell>.sitetitle>.sitelogo {width: 30% !important; height: auto !important; border: none; margin: 10px; } nav#subnavigation_menus #logo img {position: relative; width: 40%; margin-left: 30px; float: left; } #subnavigation_menu .subnav-head a {border-bottom: none;} }