/*
Bard Berlin Styles
*/
@font-face {
	font-family: "Source Sans Pro";
	src: url("../../fonts/source-sans-pro/SourceSansPro-Regular.eot") format('embedded-opentype'); /* IE9 */
	src:
		local("Source Sans Pro"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.ttf") format("truetype"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.otf") format("opentype"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.woff") format("woff"),
		url("https://berlin.bard.edu/fonts/source-sans-pro/SourceSansPro-Regular.woff2") format("woff2");
    }

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

/*******************************************/
/***            Menu Container           ***/
/*******************************************/

body {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; font-weight: 400;}
body a:link, a:visited {color: #c11c1c;text-decoration: underline;}
h1 {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-weight: 600 !important;
font-size: 2.8em;line-height: 1.1em;}
h2 {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-weight: 600 !important;
font-size: 2.0em;line-height: 1.1em;}
h3 {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-weight: 600 !important;
font-size: 1.5em;line-height: 1.1em;}
h1.pagetitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-weight: 600;}
strong {font-weight: 600 !important;}

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

/* CMS Styles */
.cms-subtitle1 { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;color:#c11c1c; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.3em; font-weight: 600; }
.cms-subtitle2 { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;color:#c11c1c; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 600; }
.cms-subtitle3 { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;color:#c11c1c; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 600; }
.cms-caption { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;}

.cms-button { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400; }
.cms-button a { color: #FFF; text-decoration: none; }
.cms-button a:link, .cms-button a:visited { color: #FFF; text-decoration: none; }
.cms-button a:hover, .cms-button a:active { color: #FFF; text-decoration: underline; }
a .cms-button { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400; }

/* button styles */
.ctabutton { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}
.ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none;  }
.ctabutton a:hover, .ctabutton a:active { color: #FFF; text-decoration: underline;  }

body#faculty .modal-text-shell button.modal-open {color: #c11c1c; background-color: #FFFFFF; font-size: 0.8em !important; text-align: left;}

button { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: normal; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}

/* modal button styles */
button.modal-open { font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: normal; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}
button.modal-open a:link, button.modal-open a:visited { color: #FFF; text-decoration: none; }
button.modal-open a:hover, button.modal-open a:active { color: #FFF; text-decoration: underline; }

/* modal button styles */
.ctabutton>button.modal-open { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-size: 1.1em; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}
.ctabutton>button.modal-open a:link, .ctabutton>button.modal-open a:visited { color: #FFF; text-decoration: none; }
.ctabutton>button.modal-open a:hover, .ctabutton>button.modal-open a:active { color: #FFF; text-decoration: underline; }

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

header > nav .logo { position: absolute; top: 0; left: 10%; display: block; box-sizing: border-box; list-style: none; margin: 10px 0 20px 0; padding: 0; width: 224px; height: 50px; float: left; color: #222222 !important; z-index: 1002; }
header > nav .logo a { position: relative; display: block; font-size: 0px; width: 224px; height: 50px !important; margin: 0 10px 0 0; padding: 0 0 0 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://berlin.bard.edu/images/logos/logo-bcb-header.png) !important; background-size: 224px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }
header > nav .logo a:hover, #navigation_menu .menu_nav > .logo a:active { background: transparent; }

.highfacts>.content>.words>.padding { top: 5px; bottom: unset; }
	
#introshell { position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 40px 0 0 0 !important; padding: 0; border-bottom: none !important;}
#introshell .introtype { position:relative; text-align: left; max-width: 1100px; height: auto; min-height: 50px; margin: 20px auto 0 auto; padding: 0;}
#introshell>#title { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;margin: 25px auto; padding: 10px 0; max-width: 1100px; }
#introshell>#title>h1.pagetitle { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;padding: 0px; margin: 40px auto 0px auto; text-transform: none; text-align: left; color: #222;font-weight: 600; }
#introshell>.sitetitle { position: absolute; top: 10px; left: 5%; width: auto; max-width: 1100px; height: 50px;overflow: hidden; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell .image {max-width: 1300px;}
#introshell .image .introbox h1 {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}
#introshell .image .introbox h1 {margin: 20px 0 25px 20px;}
#introshell .image .introbox .subtitle {padding: 0 0 1% 0;}
#introshell .image .introbox a { color: #e8ca60;}
#introshell .image .introbox {position: absolute;left: 10%;bottom: 0%;width: 50%; background: url(https://www.bard.edu/images/tints/80black.png) repeat;}

#introtext {width: 100%; max-width: 1100px;padding: 2% 0;font-size: 1.1em;text-align: center;font-weight: 600;}
#introtext .ctabutton {background: #c11c1c; font-size: 1.1em !important; padding: 10px 15px;}
#introtext button.modal-open {background: #c11c1c;}
#introtext button.modal-open {font-size: 1.2em; line-height: 1.0em; }
body#home #introtext {width: 80%;margin: 0px auto 0 auto;padding: 2% 3%;max-width: 80%;background: #FFF;}


.subtitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;color: #222;margin: 20px 0;padding: 0px;font-size: 1.4em;font-weight: 600;}
.subtitle a:link, .subtitle a:visited {text-decoration: none;}
.subtitle a:active, .subtitle a:hover {text-decoration: underline;}


.billboard>.content>.words>.padding>h2 {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}
.billboard .content .embshell {position: absolute;width: 25%;top: 20px;right: 45px;margin: 0;padding: 0; background: #222;float: none;}

.biography {margin: 30px auto 40px auto;}
.biography>.content>.words>.multibuttons .linktitle { position: relative; margin: 0px; padding: 0px 0px; width: auto; color: #c11c1c; background:FFF; display: block; line-height: 25px;}
.biography>.content>.words>.padding {margin: 0;}
.biography>.content>.words>.padding>h2 {font-weight: 600; text-transform: none; letter-spacing: 0px; font-size: 1.5em; padding: 0; margin: 0; line-height: 1em;}
.biography>.content>.imgshell {width: 35%; margin: 0px 30px 0px 0px;}
.biography>.content>.imgleft {width: 15%;margin: 0px 30px 0px 0px;padding: 0 0 0 50px;background:#FFF;}
.biography>.content>.imgright {width: 35%;}

body#home .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: 40%; height: auto; overflow: hidden; display: inline;float: left;margin: 5%; padding-top: 0;}
body#home .highlight>.content>.words>.padding>iframe  {height:350px !important;}
body#home .highlight>.content>.words>.padding p iframe {height:350px !important;}
body#home .section {margin-top: 0; }

#bottombuttons {position: relative;width: 80%;height: auto !important;overflow: visible;padding: 2% 10% 2% 10%;margin: 0px auto;display: block; background: #f6f6f6; min-height: 150px; }

.callout .content .words .multibuttons ul li .multitext .linktitle {background: #c11c1c;}
.callout h2 {font-size: 1.1em;font-weight: 600;}

.expandbars {display: block;width: 65%;max-width: 960px;margin: 10px auto 10px auto;padding: 5px 15px 0px 15px;border-top: 1px solid #CCC;border-bottom: none;background-color: #FFF;}
.expandbars .ctabutton button.modal-open {line-height: 1.8em;}

.facultycols { position: relative; display: block; width: 90%; max-width: 1100px; overflow: visible; margin: 0 auto; padding: 0; }
.facultycols .faccolbox {position: relative; float: left; width: 13%; height: 230px; margin: 0 0.5% 0 0.5%; padding: 0; }
.facultycols .faccolbox .imgshell {position: relative; display: block; width: 100%; height: auto; max-height: 120px; overflow: hidden; margin: 0; padding: 0; }
.facultycols .faccolbox imgshell img {position: relative; display: block; width: 100%; height: auto; margin: 0; padding: 0; }
.facultycols .faccolbox h2 {font-size: 1.1em; }

.faqs {width: 100%;max-width: 1100px;}
.faqs .content .words .padding h2 {font-weight: 600;}
.faqs .content .words .multibuttons ul li .multitext .linktitle {font-size:1.1em;line-height: 1.1em;}
.faqs .content .words .multibuttons ul li .ctabutton button.modal-open {font-size:1.1em;line-height: 1.1em;}

.fourcol>.content>.words>.multibuttons>ul { position: relative; margin: 0 auto; }
.fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 22.5%; display:table-cell; float: left; margin: 0; padding: 1%;text-align: left; min-height: 100px; color: #222; border-right: 1px solid #222;}
.fourcol .cms-subtitle3 { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; color: #c11c1c; font-size: 1.0em; text-transform: none;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {margin-top:0;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-size: 1.2em; text-align: left; color:#222;font-weight:600; margin: 0px auto 5px auto;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none; color: #222;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {color: #FFF; text-decoration: none; font-weight: 600; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul { position: relative; text-align: left; width: 90%; margin: 0 auto; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open { margin: 0; padding: 0; line-height: 1.1em; }
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>.ctabutton {display:inline-block;margin-top: 20px;}
.fourcol .content .words .multibuttons .cms-button {margin: 15px auto;line-height: 1em; font-size: 1.0em;}

.fourcol>.content>.words>.multibuttons>ul>li>.multimgleft {width: 30%;float: left;margin:0 10px 5px 0;}
.fourcol>.content>.words>.multibuttons>ul>li>.multimgright {width: 30%;float: right;margin:0 0 5px 10px;}

main #maintext .content .gallery {position: relative;width: 100%;height: auto;margin: 40px auto 40px auto;padding: 0px;display: block;background: #f6f6f6;min-height: 300px;overflow: visible;}
main #maintext .content .gallery .content {max-width: 1100px;padding: 30px 0;margin: 0px auto;display: block;}
main #maintext .content .gallery .words {display: none;}
.gallery>.words {display: none;}

.highcluster>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}

.highfacts>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}
    
/* start Highlight styles */
.highlight { position:relative; display:block; width:100%; height: auto !important; margin: 30px auto; padding: 10px 0px; vertical-align: top; background: #FFFFFF; overflow: visible;  }
.highlight>.content { position: relative; display:block; width: 100%; max-width: 1100px; overflow: visible; margin: 0 auto; align-content: center; vertical-align: top; }

.highlight>.content>.imgshell { position: relative; display:inline; float: left; width: 50%; overflow: hidden; margin: 50px 0 30px 0; padding: 0; }
.highlight>.content>.imgleft { position: relative; display:inline; float: left; width: 50%; overflow: hidden; margin: 50px 0; padding: 0;}
.highlight>.content>.imgcenter { position: relative; display:inline; width: 50%; overflow: hidden; margin: 0;padding: 0;}
.highlight>.content>.imgfull { position: relative; display:inline; width: 50%; overflow: hidden; margin: 0; padding: 0;}
.highlight>.content>.imgright { position: relative; display:inline; float: right; width: 50%; overflow: hidden; margin: 50px 0;padding: 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}
.highlight>.content>.imgshell a { position: relative; display:block; width: 100%; margin: 0; }
.highlight .content .embcenter { position: relative; width: 80%; margin: 0 auto 0px auto; background: #f6f6f6; }
.highlight .content .embcenter iframe { width: 100%; height: auto !important; min-height: 600px; padding: 0; margin: 0; }
.highlight .content .embfull { width: 100%; margin: 0 auto; padding: 0; background: #f6f6f6; }
.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: 50px 0;  padding: 0; background: #f6f6f6; float: right; display: inline; }
.highlight .content .embright iframe { width: 100%; height: 100%; min-height: 350px; padding: 0; margin: 0 0 0 0 }
.highlight .content .embshell { width: 45%; height: auto !important; margin: 50px 0;  padding: 0; background: #f6f6f6; /*background-color: transparent;*/ float: left; display: inline; }
.highlight .content .embshell iframe { width: 100%; height: 100%; min-height: 350px; padding: 0; margin: 0 0 0 0; }
.highlight .content .embleft { width: 50%; height: auto !important; margin: 0; padding: 0; background: #f6f6f6; float: left; display: inline; }
.highlight .content .embleft iframe { width: 100%; height: 100%; min-height: 350px; padding: 0; margin: 0 0 0 0 }

.highlight>.content .words { position: relative; text-align: center; width: 50%; max-width: 100%; min-height: 800px; margin: 0; padding: 0 0 5% 0; background: #cdc8bf !important;}
.highlight>.content .words>.padding { position: relative; text-align: left; width: 90%; margin: 0 auto; padding: 5% 5% 1% 5%; line-height: 1.8em;}
.highlight>.content .words>.padding .subtitle { color: #222; font-size: 1.2em; font-weight: 600; line-height: 1.5em; }
.highlight>.content>.words>.padding p { line-height: 1.9em;}
.highlight>.content>.words>.padding a { color: #222; text-decoration: underline;}
.highlight>.content>.words>.padding>.ctabutton { display: inline-block; width: auto !important; margin: 0px auto 10px auto; padding: 12px 20px;text-align: center;}
.highlight>.content>.words>.padding>.ctabutton a { color: #FFF !important;text-decoration: none !important;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open { font-weight: 400; font-size: 0.9em;line-height: 0em; margin: 0px; padding: 0; text-transform: none; letter-spacing: 0px; text-align: left; width: auto !important; color: #FFFFFF; float: none;}
.highlight>.content>.words>.padding>.ctabutton>button.modal-open>a:hover, .highlight>.content>.words>.padding>.ctabutton>button.modal-open>a:active { text-decoration: underline; }
.highlight>.content>.words>.padding>.ctabutton>a:hover, .highlight>.content>.words>.padding>.ctabutton>a:active { color: #FFF; text-decoration: underline; }
.highlight>.content>.words>.padding .cms-button a:link { color: #FFF !important;text-decoration: none !important;}
.highlight>.content>.words>.padding .cms-button a:visited { color: #FFF !important;text-decoration: none !important;}
.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; }
.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: #c11c1c; font-size: 1.3em; margin: 0; }
.highlight .content .words .multibuttons { position: relative; display: block;text-align: center; width: auto !important; margin: 0;}
.highlight>.content>.words>.multibuttons>ul { position: relative; text-align: center; width: 80%; margin: 0 auto; }
.highlight .content .words .multibuttons li { list-style: none; position: relative; background: #c11c1c;color: #FFF; text-align: center; width: auto !important; padding: 5px 0; margin: 0 0 10px 0; font-size: 1.0em; text-transform: none; letter-spacing: 0px;}
.highlight .content .words .multibuttons li a:link, .highlight .content .multibuttons li a:visited { background: #c11c1c; color:#FFF; text-decoration: none;  }
.highlight .content .words .multibuttons li a:hover, .highlight .content .multibuttons li a:active { background: #c11c1c; color:#FFF; text-decoration: underline;  }
.highlight .content .words .multibuttons li .multitext { display: inline-block; width: auto !important;}
.highlight .content .words .multibuttons li .multitext .textmulti { display: none;}
.highlight .content .words .multibuttons li .multitext .linktitle { font-family: "Source Sans Pro", Arial, sans-serif;font-size: 1.1em; font-weight: 600; 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: 1.0em; line-height: 1.0em; margin: 0px; padding: 0; text-transform: none; letter-spacing: 2px; text-align: center; width: auto; color: #FFFFFF; float: none; display: inline-block; }


/* language icon styles */
#maintext .content #langicon { position: absolute; top: 2%; right: 2%; width: 30px; height: 30px; z-index: 900;  }
#maintext .content #langicon img { position: relative; width: 100%; height: auto; }
#maintext .content #langicon a:link,
#maintext .content #langicon a:active { position: relative; width: 30px; height: 30px; }

.onecol>.content>.words>.multibuttons>ul>li {background: #f6f6f6;}
.onecol>.content>.words>.multibuttons>ul>li>.multitext {color: #222;}
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; color: #222;text-transform: none;}
.onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link, .onecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration: none;color: #c11c1c;}

#photocluster {min-height: 650px; background: none; padding: 5px 0; }
#photocluster .content h2 {text-transform: uppercase;letter-spacing: 3px;text-align: center;color: #222;font-weight: 600;font-size: 1.4em;padding: 0;margin: 0 auto 20px auto;line-height: 1.4em;}
#photocluster .content .cluster .clustimg .clusttext a {font-weight: 600;font-size: 1.7em;}
#photocluster .content .cluster .clustimg .clusttext {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}

.profileimg {postion: relative; display: inline; float:left; width:30%; height: auto;}
.profileimg img {postion: relative; display: block; width:100%; height: auto;}
.profiletxt {postion: relative; display: inline; float:left; width:66%; height: auto; padding: 0 2%;}

.sidecols .content .words .multibuttons ul li .linktitle { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-weight: 600;}
.sidecols .content .words .padding h2 {font-weight: 600;}

.subhead>.content>.words>.padding>h2 {position: relative;display: inline-block;text-align: left;height: 30px;width: auto !important;text-transform: none;letter-spacing: 0px;font-size: 1.5em;line-height: 1em;padding: 5px 10px;margin: 0;background: #FFF;color: #222;clear: both;font-weight: 600;}
.subhead>.content>.words>.multibuttons>ul>li>.multitext>.linktitle { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}

.spotlight {background: #f6f6f6;}
.spotlight > .content > .words > .padding {color: #222;}
.spotlight > .content > .words > .padding > h2 {color: #222; text-transform: none !important; letter-spacing: 0px;}
.spotlight>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; text-transform: none; font-size: 1em; letter-spacing: 0px; font-weight: 600;}

/* Table 2Col Styles */
.table { position: relative; display: table; width: 100%; max-width: 1200px; height: auto !important; min-height: 0px; margin: 15px auto;  padding: 0px;}
.table .tdx2 h2 { padding: 0px; margin: 0px; }
.table .tdx2 { display: table-cell; width: 47%; height: auto !important; margin: 0 3% 10px 0; border: none; float: left; }
.table .tdx2.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx2 .tdx2img { position: relative; float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; overflow: hidden;  }
.table .tdx2 .tdx2img img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx2 .tdtext { position: relative; width: 70%; float: left; height: auto !important; padding: 0px; margin: 0 0 0 2%; }
.table .tdx3 h2 { padding: 0px; margin: 0px; }
.table .tdx3 { display: table-cell; width: 30%; height: auto !important; margin: 0 3% 10px 0; border: none; float: left; }
.table .tdx3.tdlast { display: table-cell; width: 48%; height: auto !important; margin-right: 0%; border: none; float: left; }
.table .tdx3 .tdx2img { position: relative; float: left; width: 25%; height: auto !important; padding: 0px; margin: 0px; overflow: hidden;  }
.table .tdx3 .tdx2img img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0px; }
.table .tdx3 .tdtext { position: relative; width: 70%; float: left; height: auto !important; padding: 0px; margin: 0 0 0 2%; }

.text>.content>.words>.padding>.ctabutton>button.modal-open {font-size: 1.0em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #c11c1c; border: none; border-radius: 0; color: #FFF; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; white-space: normal; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}

.text .content .words .padding .subtitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif;color: #c11c1c;margin: 20px 0px;padding: 0px;font-size: 1.3em;font-weight: 600;}
.text .content .words .padding .ctabutton {display: inline-block; width: auto; height: auto; margin: 0px; padding: 0px; background: #c11c1c; border: none; }
.text .content .words .padding .ctabutton a {font-size: 1.0em; display: block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #c11c1c; border: 2px solid #F6F6F6; border-radius: 0; color: #FFF !important; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}
.text .content .words .padding .ctabutton a:hover {font-size: 1.0em; display: block; width: auto; height: auto; margin: 0px; padding: 10px 12px; background: #c11c1c; border: 2px solid #c11c1c; border-radius: 0; color: #222; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; white-space: nowrap; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 400;}


.threecol { margin-bottom: 50px; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext>div>ul>li { text-align: left; margin: 0 0 10px 0; }
.threecol>.content>.words>.multibuttons>ul>li>.multitext {font-size: 0.95em; line-height: 1.5em;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; font-size: 1.2em; text-align: left; color:#222;font-weight:600; margin: 10px auto 5px auto;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:link,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:visited {text-decoration:none; color: #222;}
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:active,
.threecol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle>a:hover{text-decoration:underline;}
.threecol>.content>.words>.multibuttons>ul>li>.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: 93%;height: auto;display: block;overflow: hidden;margin: 2% 2% 5% 2%;}

.threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 29%; display: table-cell; float: left; padding: 2%; margin: 0; text-align: left; min-height: 200px; background: #F6F6F6; color: #222; border-right: 1px solid #222; }
    body.faculty .threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 29%; display: table-cell; float: left; padding: 2%; margin: 0; text-align: left; min-height: 250px !important; background: #F6F6F6; color: #222; border-right: 1px solid #222; }

.threecol>.content>.words>.multibuttons>ul>li>.multimgshell,
.threecol>.content>.words>.multibuttons>ul>li>.multimgcenter{ position: relative; width: 94%; height: auto; display:block; overflow: hidden; margin: 3%; }
/*multimgleft is for small profil pics */
.threecol>.content>.words>.multibuttons>ul>li>.multimgleft { position: relative; width: 30%; height: auto; max-height: 130px; display:inline; overflow: hidden; margin: 2% 5% 2% 0; float: left; }
.threecol>.content>.words>.multibuttons>ul>li>.multimgright { position: relative; width: 40%; height: auto; display:inline; overflow: hidden; margin: 2% 0 2% 5%; float: right; }
.threecol>.content>.words>.multibuttons>ul>li>.multimgfull{ position: relative; width: 100%; height: auto; max-height: 200px; display:block; overflow: hidden; margin: 0;}

.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.ctabutton>button.modal-open {font-size: 1.0em; margin: 0;padding: 0;line-height: 1.0em; font-weight: 400;}

.threecolw>.content>.words>.multibuttons>ul>li>.multitext button.modal-open {font-size: 1.0em; margin: 0;padding: 0;line-height: 1.0em; font-weight: 400;}

.threecolw>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important;}


.twocol > .content > .words > .padding > h2 {font-size: 1.4em;}
.twocol > .content > .words > .multibuttons > ul > li > .multitext .linktitle { font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-size: 1.2em; text-align: left; color: #222; font-weight: 600; margin: 0px 0px 0px 0px; padding: 0; text-transform: none; }
.twocolw>.content>.words>.multibuttons>ul>li>.multitext .linktitle {font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif !important; font-size: 1.2em; text-align: left; color: #222; font-weight: 600; margin: 0px 0px 0px 0px; padding: 0; text-transform: none; }


.section>.content>.words>.padding>h2 {font-weight: 600; }
.section>.content p {width: 85%;margin: 0 auto;border-bottom: none;}

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

.events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.3em; font-size: 1.8em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; }

.events ul.hpevents li .eventtext .eventtitle {display: block; font-family: "Source Sans Pro", PT Sans, Tahoma, Helvetica, sans-serif; color: #222; white-space: normal; text-align: left; line-height: 1.3em; font-size: 1.8em; text-transform: none; letter-spacing: 0px; font-weight: 600; margin: 8px 0; }
.events ul.hpevents li .eventtext .eventtitle a {color: #222; text-decoration: none;}

/* PR News and Events Feeds for Homepage */
.hpcols ul.hpevents li strong {font-weight: 600 !important;}

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

body#home #hppr .hpprfeed { position: relative; width: 23%; padding: 1%; display: table-cell; float: left; border: 1px solid #222; }

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

body#home #hppr>.hpprevents { position: relative; width: 23%; padding: 0%; display: table-cell; float: left; }
body#home #hppr>.hpprevents>ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }

body#home #hppr .date {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 1.5em; color: #222; font-weight: 600; }
body#home #hppr .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }
body#home #hppr>h2 , body#home #hppr .subtitle, body#home #hppr .hpprevents>h2 {color: #222;}
body#home #hppr strong { font-weight: 600; }
body#home #hppr .hpprevents li a:link, body#home #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }



/* PR News Feeds for a News Page */
body#news h1 {font-size: 2.8em;line-height: 1.1em;}
body#news .newscontent .primgfeat {width: 40%;}

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

body#news #hppr .hpprfeed { position: relative; width: 25%; padding: 0%; display: table-cell; float: left; }
body#news #hppr .hpprevents { position: relative; width: 100%; padding: 0%; display: table-cell; float: left; }
body#news #hppr .hpprevents>.hpcols {position: relative; width: 100%; padding: 3%; display: block; border: 1px solid #222; }

body#news .newscols {position: relative;width: 100%;max-width: 1100px;height: auto !important;padding: 0px;margin: 50px auto;display: table;}
body#news .newscols .newslist {position: relative; display: table-cell; width: 34%; padding: 3%; margin: 0px; background: #f6f6f6;}
body#news .newscols .newslist .hpcols ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#news .newscols .newslist .hpcols ul.hpevents li {position: relative; display: block; width: 100%;float: none; padding: 0; margin: 0; list-style: none; border-right: none; }
body#news .newscols .newslist .hpcols 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: 600; }
body#news .newscols .newslist .hpcols 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; }
body#news .newscols .newslist .hpcols ul.hpevents li h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}
body#news .newscols .newslist .hpcols ul.hpevents li strong { font-weight: 600; }
body#news .newscols .newslist .hpcols ul.hpprevents li a:link, body#news #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }
body#news .newscols .highlight {position: relative;width: 60%;height: auto !important;padding: 0;margin: 20px 0;display: table-cell;vertical-align: top;}
body#news .newscols .highlight .cce-videocol { position: relative; width: 90%; height: auto !important; padding: 0;  margin: 0 auto; display: block; vertical-align: top;}
body#news .newscols .highlight .cce-videocol iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0 auto; display: block;}

.prnews-newscols3x .prnews-col .newsimg {position: relative;width: 98%;height: auto !important;max-height: 1000px;overflow: visible; padding: 0;margin: 0;display: block; }

/* 2021 PR 3-Col News */
.prnews-newscols3x { position: relative; width: 90%; max-width: 1100px; height: auto !important; padding: 0px; margin: 30px auto; display: table; }
.prnews-newscols3x .prnews-col { position: relative; width: 31%; height: auto !important; padding: 0 2% 0 0; margin: 0; display: table-cell; vertical-align: top; }
.prnews-newscols3x .prnews-col .newsimg { position: relative; width: 98%; height: auto !important; max-height: 310px; overflow: hidden; padding: 0; margin: 0; display: block; }
.prnews-newscols3x .prnews-col .newsimg img { position: relative; width: 100%; height: auto !important; padding: 0px; margin: 0; }
.prnews-newscols3x .prnews-col .newsimg a { display: block; position: relative; width: 100%; height: 100%; padding: 0px; margin: 0; z-index: 100;}
.prnews-newscols3x .prnews-col .newstext { position: relative; width: 98%; height: auto !important; padding: 1%; margin: 0 auto; display: block; line-height: 1.8em; }
.prnews-newscols3x .prnews-col .newstext h2 { color: #222; font-size: 1.2em; }
.prnews-newscols3x .prnews-col .newstext h2 a { color: #222; text-decoration: none; }
.prnews-newscols3x .prnews-col .newstext h2 a:hover { color: #222; text-decoration: underline; }
.prnews-newscols3x .prnews-col iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0 auto; display: block; }
.prnews-newscols3x .prnews-col .newstext h2 { color: #222; font-size: 1.2em; }


.eventbox {position: relative; width: 100%; max-width: 1200px; height: auto !important; margin:0px auto; padding:0px; display:block; color: #222; }
.eventbox ul {position: relative; width: 100%; display: block;  }
.eventbox h2 { font-size: 2.3em; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; margin:0px 0px 10px 0px;padding:0px;color:#222; }
.eventbox li  { text-align: left; width: 100%; height: 40px; list-style:none; display: block; float: none; color: #222; margin: 0 0 40px 0 !important;}
.eventbox li .eventdate { position: relative; width: 8%; float: left; color: #FFF; background: #222; padding: 1%; margin: 0 3% 0 0; border: none; text-align: center; }
.eventbox li .eventdate .datesml { color: #FFF; font-weight: bold; font-size: 28px; line-height: 20px; padding: 0px; margin: 0px; display: block;text-align: center;  }
.eventbox li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;display: block;  }
.eventbox li .eventarea { position: relative; width: 70%; text-align: left; float: left; padding: 0px; margin: 0px; padding-right: 0px; margin-right: 0px;border-right: none;  }

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

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

ul.events { display: block;}
ul.events li { list-style: none; }
ul.events li .eventdate { position: relative; width: 10%; float: left; color: #FFF; background: #222; padding: 2%; margin: 0 1% 0 0; border: none; text-align: center; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif;}
ul.events li .eventdate .datesml { color: #FFF; font-weight: bold; font-size: 28px; line-height: 20px; padding: 0px; margin: 0px; display: block;text-align: center; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; }
ul.events li .eventdate .month { color: #FFF; text-transform:uppercase; font-size: 10px; line-height: 10px; font-weight: bold; text-align: center; padding: 0px; margin: 0px 0px 3px 0px;display: block; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; }
ul.events li .eventarea { position: relative; width: 70%; float: left; padding: 0px; margin: 0px; padding-right: 10px; margin-right: 10px;border-right: 1px solid #ededed; font-family: "Source Sans Pro", "SourceSans",  Helvetica, Arial, sans-serif; }

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

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

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

body#civic .newscols {position: relative;width: 100%;max-width: 1100px;height: auto !important;padding: 0px;margin: 50px auto;display: table;}
body#civic .newscols .newslist {position: relative; display: table-cell; width: 34%; padding: 3%; margin: 0px; background: #f6f6f6;}
body#civic .newscols .newslist .hpcols ul.hpevents {position: relative; width: 100%; display: table; padding: 0; margin: 0; list-style: none; }
body#civic .newscols .newslist .hpcols ul.hpevents li {position: relative; display: block; width: 100%;float: none; padding: 0; margin: 0; list-style: none; border-right: none; }
body#civic .newscols .newslist .hpcols 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: 600; }
body#civic .newscols .newslist .hpcols 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; }
body#civic .newscols .newslist .hpcols ul.hpevents li h2 , body#news #hppr .subtitle, body#news #hppr .hpprevents>h2 {color: #222;}
body#civic .newscols .newslist .hpcols ul.hpevents li strong { font-weight: 600; }
body#civic .newscols .newslist .hpcols ul.hpprevents li a:link, body#news #hppr .hpprevents li a:visited { color:#ad1a1f; text-decoration: none; }
body#civic .newscols .highlight {position: relative;width: 60%;height: auto !important;padding: 0;margin: 20px 0;display: table-cell;vertical-align: top;}
body#civic .newscols .highlight .cce-videocol { position: relative; width: 90%; height: auto !important; padding: 0;  margin: 0 auto; display: block; vertical-align: top;}
body#civic .newscols .highlight .cce-videocol iframe { width: 100%; height: auto !important; min-height: 400px; padding: 0; margin: 0 auto; display: block;}

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

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

/* footer styles */
.footer { font-size: .9em; color: #FFF; line-height: 20px; }
footer { position: relative; width: 100%; height: auto; min-height: 280px; margin: 0px; padding: 0; background-color: #2d2d2d; display: block; }
footer ul {margin: 0px; padding: 0px; list-style:none;}
footer .imgshell img { height: 35px; width: auto; margin: 0px; }
footer .content { position: relative; width: 90%; max-width: 1100px; padding: 20px 0px; margin: 0 auto; background-color: #2d2d2d; display:table; height: auto;}
footer .content a:link, footer .content a:visited { color: #FFF; text-decoration:none;}
footer .content a:hover, footer .content a:active { color:#FF5C5C; text-decoration:underline;}

footer .footerlogo {position: relative;display:block;float:left;width: 7%;margin: 0 20px 0 0; }
footer .footerlogo .footerlogoimg { display: block; margin: 0; height: auto; width: 100%;}
footer .footerlogo .footerlogoimg img { height: auto; width: 100%;}

/*footer .content #footercontact { position: relative; float: left; width: 40%; margin: 0; display:none; }
footer .content #footercontact .imgshell { display:inline; float: left; height: 100px; width: auto !important; margin: 0px; padding: 0; border: 1px solid blue;}
footer .content #footercontact .subtitle { display:block; float:none; color: #FFF; font-size: 1.6em; font-weight: 100; margin: 0 0 10px 0; padding: 0; clear: both;}*/

footer .content #footercontent { position: relative; float: left; width: 70% !important; display: table; margin: 0px 0 0 0;padding: 0 0px; }
footer .content #footercontent .imgshell { height: 50px !important; width: 100% !important; display: block; margin: 0 0 10px 0; padding: 0; }
footer .content #footercontent .imgshell img { height: 50px !important; width: auto !important; margin: 0px; padding: 0; }
footer .content #footercontent h2 { font-size: 1.2em; color: #FFFFFF; }
footer .content #footercontent .subtitle { color: #FFF; font-size: 0.9em; text-transform: none; letter-spacing: 2px; display: none;}
footer .content #footercontent ul { display: block;}
footer .content #footercontent .ctabutton { margin: 15px 0 0 0; }

footer .content #footercontent .footercol .ctabutton a:hover, footer .footercol .ctabutton a:active { color:#FFF; text-decoration:underline;}
footer .content #footercontent .footercol { position: relative; display: table-cell; width: auto; max-width: 50%; margin: 0px 2% 0px 0px; padding: 0px 0px 0px 0px; }
footer .content #footercontent .footercol.first { padding: 0px 0px 0px 15px; border-left: none;}
footer .content #footercontent .footercol #imgfooter img { position: relative; width: 100%; }
footer .content #footercontent .footercol #imgfooter a { position: relative; width: 100%; height: 100%; }
footer .content #footercontent .footercol img { position: relative; width: 100%; }

footer .footericonbox {position: relative; display:block; float:right; width: 10%;margin: 0px 0 0 0; }
footer .footericonbox .footericons { float: left; display: inline; margin: 0 10px 0 0; height: auto; width: auto;}
footer .footericonbox .footericons img { height: 25px; width: auto;}

footer .content .footcolumn {position: relative; display: inline; width: auto; max-width: 25%;}
footer .content .footcolumn .content {position: relative; display: block; width: 100%; color: #FFFFFF;}
footer .content .footcolumn .content .imgshell { height: 50px !important; width: 100% !important; display: block; margin: 0 0 10px 0; padding: 0; }
footer .content .footcolumn .content .imgshell img { height: 50px !important; width: auto !important; margin: 0px; padding: 0; }
footer .content .footcolumn .content h2 { font-size: 1.2em; color: #FFFFFF; }
footer .content .footcolumn .footlinks { position: relative; display: block; width: auto;}
footer .content .footcolumn .footlinks ul li { list-style: none; display: inline;}


/* Mobile(Responsive) */

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


}

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

.biography {width: 90%;}
#photocluster {min-height: 550px;}
    
}

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

.biography {width: 90%;}
#photocluster {min-height: 550px;}
    
}

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

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

header > nav .logo { position: absolute; top: 0; left: 0 !important; display: block; box-sizing: border-box; list-style: none; margin: 0; padding: 0; width: 400px; height: 85px; float: left; color: #222222 !important; z-index: 1002; }
header > nav .logo a { position: relative; display: block; font-size: 0px; width: 400px; height: 85px !important; margin: 0; padding: 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://berlin.bard.edu/images/logos/logo-bcb-header.png) !important; background-size: 75px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }
header > nav .logo a img { position: relative; width: 100%; height: auto !important; }
	
main { top: 0px !important;}

#introshell .image .introbox {left: 15%;width: 85%;}
#introshell .image .introbox .subtitle {font-size: 1em;line-height: 1.3em;}
#introshell { margin: 0 auto 0 auto !important; }
#introshell #title {margin: 0;min-height: 50px;}
#introshell #title h1.pagetitle {text-transform: none; letter-spacing: 0;font-size: 2.5em;}
#introshell .introtype {margin: 40px auto 0 auto;padding: 0;}


.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;}

.facultycols .faccolbox {position: relative; float: left; width: 24%; height: 250px; margin: 0 0.5% 0 0.5%; padding: 0; }
.facultycols .faccolbox .imgshell {position: relative; display: block; width: 100%; height: auto; max-height: 180px; overflow: hidden; margin: 0; padding: 0; }

.fourcol>.content>.words>.multibuttons {width: 90%;margin: 0px auto;}
.fourcol>.content>.words>.multibuttons>ul>li {position: relative;width: 47%;display: inline;float: left;margin: 0;padding: 1%;text-align: left;min-height: 100px;color: #222;border-right: none;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {position: relative; width: 90%; height: auto; margin: 1%; display: block; float: none; line-height: 1.5em; text-align: left !important; }

.highlight .content .embshell {z-index: 9000; float: none;}

#photocluster .content .cluster .clustimg {height: 200px; max-height:200px;}
	

}

/* -------------------------------------------- MOBILE ONLY  STYLES ------------------------------------ */
@media screen and (max-width: 664px) {
	
header > nav .logo { position: absolute; top: 0; left: 0 !important; display: block; box-sizing: border-box; list-style: none; margin: 0; padding: 0; width: 400px; height: 85px; float: left; color: #222222 !important; z-index: 1002; }
header > nav .logo a { position: relative; display: block; font-size: 0px; width: 400px; height: 85px !important; margin: 0; padding: 0 !important; text-indent: -9999px; color: #222222 !important; text-decoration: none; outline: none; z-index: inherit; background-image: url(https://berlin.bard.edu/images/logos/logo-bcb-header.png) !important; background-size: 75px auto !important; background-repeat: no-repeat !important; background-position: left top !important; }
header > nav .logo a img { position: relative; width: 100%; height: auto !important; }

main {top:85px;}
main { top: 0px !important; padding-top: 15px !important;} /* fix for scrolling on mobile */
	body#home main { top: 0px !important; padding-top: 5px !important;} /* fix for scrolling on mobile */

#slideshowbox-slick { top: 0px !important; margin-top: 0px !important; }

.subtitle {margin: 20px;}
    
#maintext .content #langicon {top: 0;}
    
#introshell #title h1.pagetitle {text-transform: none; letter-spacing: 0;font-size: 2.5em; height: auto;}
    
.biography>.content>.words>.padding {margin: 0 auto;}
.biography >.content >.imgleft {width: 50% !important;margin: 0px 0px 0px 50px;padding: 0 0 0 0px;background:#FFF;}
.biography>.content>.words>.padding>.subtitle {margin: 15px 0;}

.facultycols .faccolbox {position: relative; float: left; width: 49%; height: 300px; margin: 0 0.5% 0 0.5%; padding: 0; }
.facultycols .faccolbox .imgshell {position: relative; display: block; width: 100%; height: auto; max-height: 200px; overflow: hidden; margin: 0; padding: 0; }

.events ul.hpevents li { position: relative; list-style: none; display: block !important; flex-grow: 1; flex-basis: 0; border-right: none; border-left: none; border-top: none; border-bottom: none; padding: 2%; vertical-align: top; word-wrap: break-word; width: 96% !important;}

#introshell {position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 0px auto 0 auto !important; padding: 0; border-bottom: none;}
#introshell .image .caption {display: none;} 
#introshell .image .introbox {left: 0%; bottom: 3%; width: 100%;}
#introshell .image .introbox h1 {font-size: 2em; margin: 10px;}
.intro {width: 90%;}
#introshell .image .introbox h1 {}
#introshell .image {margin: 0;}
#introshell .image img {max-height: 600px;}
#introshell .image .introbox .subtitle {padding: 0;}
	
#introtext {width: 90%;max-width: 90%;}

.fourcol>.content>.words>.multibuttons {width: 90%;margin: 0px auto;}
.fourcol>.content>.words>.multibuttons>ul>li {position: relative;width: 98%;display: block;float: none;margin: 5% 0;padding: 1%;text-align: left;min-height: 180px;color: #222;border-right: none; clear: both;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {position: relative; width: 90%; height: auto; margin: 1%; display: block; float: none; line-height: 1.5em; text-align: left !important; }
.fourcol>.content>.words>.multibuttons {width: 90%;margin: 0px auto;}
.fourcol>.content>.words>.padding>h2 {letter-spacing: 2px;font-size: 1.2em;padding: 0 10px;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext {width: 95%;margin: 2.5%;}


.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell {position: relative;width: 50%;margin: 0 auto;float: left;display: inline;}
.highcluster>.content>.words>.multibuttons>ul>li>.multimgshell img {width: 95%; margin: 10px auto;}
.highcluster>.content>.words>.multibuttons>ul>li>.multitext {width: 50%; margin: 10px auto 20px auto;float:left;display:inline;} 

    
.highlight {padding: 20px 0 20px 0;}
.highlight>.content>.words {min-height: 400px; overflow: visible; width: 90%; margin: 0 auto; }
.highlight .content .embshell {z-index: 9000; float: none;}
.highlight .content .embshell iframe {z-index: 9001;}
    
.highlight .content .words .multibuttons li .multitext .linktitle {font-family: "Source Sans Pro", "Source Sans Pro", Arial, sans-serif;font-size: 1em;font-weight: 600;display: block;}
.highlight .content .embright {width: 100%;height: auto !important;margin: 20px 0;padding: 0;background: #f6f6f6;float: none;display: block;}
	
#photocluster {position: relative;width: 86%;height: auto !important;display: block;margin: 0 auto;padding: 3%;}
#photocluster .content .cluster .clustimg .clusttext a {font-weight: 600;font-size: 1.5em;}
	
.profileimg {postion: relative; display: block; float: none; width:90%; height: auto; margin: 0 auto;}
.profileimg img {postion: relative; display: block; width:100%; height: auto;}
.profiletxt {postion: relative; display: block; float:none; width:90%; height: auto; padding: 0; margin: 0 auto;}
    
.sidecols .content .words .multibuttons ul li {min-height: 100px;padding: 2.5% 5%;}

.threecol>.content>.words>.multibuttons>ul>li {width: 100%;display: block;float: none;padding: 0 0 20px 0; min-height: 50px;}

body.faculty .threecol>.content>.words>.multibuttons>ul>li { position: relative; width: 90%; display: block; float: none; padding: 0; margin: 0 auto; text-align: left; min-height: 200px !important; background: #F6F6F6; color: #222; border-right: none; }
	
.callout {width: 90%;margin: 20px auto;}
.callout .content .words .subtitle {font-size: 1.2em; line-height: 1.2em;}

	
    /* HP Styles */
body#home #hppr {position: relative; width: 100%; max-width: 100%; display: block; margin: 20px auto;}
body#home #hppr .hpprnews {position: relative; width: 95%; display: block; float: none; margin: 20px auto;}
body#home #hppr .hpprnews>.hpcols {position: relative; width: 100%; display: block; float: none; margin: 0 0 20px 0; }
body#home #hppr .hpprevents {position: relative; width: 95%; padding: 0%; display: block; float: none; margin: 20px auto; }
body#home #hppr .hpprevents>.hpcols {position: relative; width: 95%; padding: 2.5%; display: block; border: 1px solid #222; }
body#home #hppr .hpprevents>.hpcols>ul.hpevents {position: relative; width: 96%; padding: 0 1% 0 2%; margin: 0 auto; line-height: 1.5em; }
body#home #hppr .hpprevents>.hpcols>ul.hpevents li {list-style: none; margin-bottom: 7px; }
body#home #hppr .hpprevents>.hpcols>ul.hpevents li a:hover { text-decoration: underline; }
    
body#news .newscols .newslist {position: relative; display: block; width: 90%; padding: 5%; margin: 0px; background: #f6f6f6;}
body#news .newscols .highlight {position: relative;width: 90%;height: auto !important;padding: 0;margin: 20px 5%;display: block;vertical-align: top;}
body#news .newscols .highlight .cce-videocol {width: 100%;}
	
.events ul.hpevents {display: block; flex-flow: column; border-left: none;}
.events ul.hpevents li { position: relative; list-style: none; display: block !important; flex-grow: none; flex-basis: none;width: 90%; max-width: 90%; height: auto !important; padding: 5%; margin: 10px auto; text-align:left; overflow: visible; border-bottom: 1px solid #222; border-right: none;}
.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: 800; }
.events ul.hpevents li .day {position: relative; display: inline; float: left; padding: 0; margin: 0 5px 0 0; font-size: 0.8em; text-transform: uppercase; letter-spacing: 1px; }

/* -------- 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; }
	
.pr-news .pr-columns {width: 100%;padding: 0px;margin: 0 auto;display: block;}
.pr-news .pr-newscols {width: 90%;padding: 0 0 0 0;margin: 0 auto;display: block;}
    
footer .content #footercontent .footercol {position: relative; float: none; width: auto; max-width: 90%; margin: 0px 0px 30px 0px; padding: 0px 0px 0px 0px; border-left: none;}
footer .content #footercontent .footercol.first {padding: 0px 0px 0px 0px;border-left: none;}
footer .footerlogo {width: 15%;margin: 0 20px 0 0;}
footer .footericonbox {position: relative; display: block; float: none; width: 100%; margin: 0px 0 0 0;}
	
#slideshow-slick #slideshell-slick div.ss_content {width: 70%;}
#slideshow-slick #slideshell-slick .slick-slide > .ss_image img {
    width: auto;
    height: 350px;
    padding: 0px;
    margin: 0px;
    border: none;
	visibility:inherit;
    overflow: hidden;
}
	
}