/*
OSUN TSI
*/


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


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

nav.campus { display: none; }

body { }

body {font-family: "Source Sans Pro", "SourceSans", Helvetica, sans-serif; font-weight: 500;}
h1, h2 {font-family: "Josefin Sans", Helvetica, sans-serif !important; font-weight: 500;}

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

body a:link, a:visited {color: #097ad5;text-decoration: underline;}

/* CMS Styles */
.cms-subtitle1 { font-family: "Josefin Sans", sans-serif;color:#097ad5; margin: 20px 0px 5px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; }
.cms-subtitle2 { font-family: "Josefin Sans", sans-serif;color:#097ad5; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; }
.cms-subtitle3 { font-family: "Josefin Sans", sans-serif;color:#097ad5; margin: 15px 0px 0px 0px; padding: 0px; font-size: 1.3em; font-weight: 700; }
.cms-caption { font-family: "Source Sans Pro", "SourceSans", sans-serif; font-style: italic; color:#666; margin: 10px 0px; padding: 0px; font-size: 0.8em;}
.cms-button { font-size:1.1em; font-weight: 800; line-height: 1.0em; display: inline-block; width: auto !important; height: auto; margin: 10px 0; padding: 10px; color: #FFF; background: #097ad5; border-radius: 0px; font-family: "Josefin Sans", sans-serif; 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; }
.cms-button a:hover, .cms-button a:active { color: #FFF; text-decoration: underline; }
a .cms-button { font-size:1.2em; font-weight: 800; line-height: 0.5em; display: inline-block; width: auto !important; height: auto; margin: 0px 10px; padding: 10px; color: #FFF; background: #097ad5; border-radius: 0px; font-family: "Josefin Sans", sans-serif; white-space: nowrap; text-transform:none; letter-spacing: 0px; }

/* button styles */
.ctabutton { display: inline; float: left; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 12px; background: #097ad5; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: nowrap; font-size:1.0em; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
.ctabutton a:link, .ctabutton a:visited { color: #FFF; text-decoration: none; }
.ctabutton a:hover, .ctabutton a:active { color: #FFF; text-decoration: underline; }

/* modal button styles */
button.modal-open { font-size: 1.1em; display: inline-block; width: auto; height: auto; margin: 0px; padding: 5px 10px; background: #097ad5; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: normal; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
button.modal-open a:link, button.modal-open a:visited { color: #FFF; text-decoration: none; }
button.modal-open a:hover, button.modal-open a:active { color: #FFF; text-decoration: underline; }

/* modal button styles */
.ctabutton>button.modal-open { display: inline-block; width: auto; height: auto; margin: 0px ; padding: 5px 10px; background: #097ad5; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; font-size: 1.1em; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
.ctabutton>button.modal-open a:link, .ctabutton>button.modal-open a:visited { color: #FFF; text-decoration: none; }
.ctabutton>button.modal-open a:hover, .ctabutton>button.modal-open a:active { color: #FFF; text-decoration: underline; }

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


.introbuttons {display: block; position: relative;width: 100%;height: auto !important;margin: 20px auto;padding: 0;z-index: 100;}
.introbuttons>.content {display: block; position:relative; width: 100%; height: auto; overflow: visible; }
.introbuttons>.content>.buttons { display: inline; float: left; width: auto; height: auto; margin: 5px 5px 10px 0px; padding: 10px 0px; background: #097ad5; border: none; border-radius: 0; color: #FFF; font-family: "Josefin Sans", Helvetica, Arial, sans-serif; white-space: nowrap; font-size:1.0em; line-height: 1.0em; text-transform:none; letter-spacing: 0px; font-weight: 800;}
.introbuttons>.content>.buttons a:link, .introbuttons>.content>.buttons a:visited { background: #097ad5; color: #FFF; text-decoration: none; }
.introbuttons>.content>.buttons a:hover, .introbuttons>.content>.buttons a:active { background: #097ad5; color: #FFF; text-decoration: underline; }
   

header > nav .logo { position: absolute; top: 0; left: 18%; display: block; box-sizing: border-box; list-style: none; margin: 0 0 20px 0; padding: 10px 0 0 0; width: 213px; height: 50px; float: left; color: #222222 !important; z-index: 1002; }

header > nav .logo a { position: relative; display: block; font-size: 0px; width: 213px; 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://www.bard.edu/institutes/tsi/images/tsi-logo.png) !important; background-size: 213px 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; }

#introshell { position: relative; width: 100%; height: auto; min-height: 0px; overflow: hidden; z-index: 900; margin: 30px 0; padding: 0 0 30px; border-bottom: 1px solid #222;}
#introshell .introtype { position:relative; text-align: left; max-width: 1000px; margin: 20px auto 0 auto; padding: 0;}
#introshell .introtype .subtitle { font-family: "Josefin Sans", Helvetica, sans-serif !important; font-weight: 500; color: #097ad5; margin-top: 20px; }
#introshell>#title { font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;margin: 25px auto; padding: 10px 0; max-width: 1200px; }
#introshell>#title>h1.pagetitle { font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;padding: 0px; margin: 70px auto 0px auto; text-transform: none; text-align: left; color: #222;font-weight: 900; }
#introshell>.sitetitle { position: absolute; top: 10px; left: 5%; width: auto; max-width: 1200px; height: 50px;overflow: hidden; float: none; margin: 2px auto; padding: 0px; z-index: 1001; }
#introshell .image .introbox h1 {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;}
#introshell .image .introbox h1 {margin: 20px 0 10px 20px;}
#introshell .image .introbox .subtitle {padding: 0 0 1% 0;}
#introtext {position: relative;display: block;width: 100%;max-width: 1250px;margin: 0px auto;padding: 2% 3% 50px 3%;font-size: 1.1em;text-align: left;font-weight: 500;}
#introtext .ctabutton {background: #097ad5; font-size: 1.0em;}
#introtext button.modal-open {background: #097ad5;}
#introtext button.modal-open {font-size: 1.0em; line-height: 1.0em; }

#photocluster .content .cluster .clustimg .clusttext {font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; text-shadow: #222 }
.biography {margin: 30px auto;}
.biography>.content>.words>.multibuttons .linktitle { position: relative; margin: 5px; padding: 0px 15px; width: auto; background: #097ad5; display: inline-block; line-height: 25px;}
.biography>.content>.words>.padding>h2 {font-weight: bold; text-transform: none; letter-spacing: 0px; font-size: 1.5em; padding: 0; margin: 0; line-height: 1em;}

.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 {font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, sans-serif; color: #097ad5;}

.fourcol>.content>.words>.multibuttons>ul>li { position: relative; width: 21%; display:table-cell; float: left; margin: 1%; padding-right: 1%;text-align: left; min-height: 100px; color: #222; border-right: 1px solid #222;}
.fourcol .cms-subtitle3 { font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif; color: #097ad5; font-size: 1.0em; text-transform: uppercase;}
.fourcol>.content>.words>.multibuttons>ul>li>.multitext>.linktitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif; font-size: 1.2em; text-align: left; color:#222;font-weight:900; margin: 10px 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: 800; }
.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;}

.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>.linktitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif; font-size: 1.2em; text-align: left; color:#222;font-weight:900; 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%;}

.text .content .words .padding .subtitle {font-family: "Josefin Sans", Trebuchet, Helvetica, Arial, sans-serif;color: #097ad5;margin: 20px 0px;padding: 0px;font-size: 1.3em;font-weight: 800;}


/* start 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; /*display: table !important; table-layout: fixed; border-collapse: collapse;*/ margin: 0 auto; padding: 0; height: auto; border-left: 1px solid #222;}
.events ul.hpevents li { position: relative; list-style: none; width: calc(100% / 4) !important; display: flex !important; /*display: table-cell !important;*/ 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: 800; }
.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: 800; color: #097ad5;}
.events ul.hpevents li .eventtext { float: left; display: inline; font-size: 0.9em; padding: 20px;  }
.events ul.hpevents li .eventtext .eventlink {font-size: 1.3em; font-weight: 800;}
.events .ctabutton { float: right;}
.events ul.hpevents li .eventpic { position: relative; width: 25%; height: 150px; float: left; overflow: hidden; margin-right: 1%;}
.events ul.hpevents li .eventpic img { width: auto;height:100%;}

.events ul.hpevents li .eventtext button.modal-open {display: block; font-family: "Josefin Sans", "SourceSans", Trebuchet, Helvetica, Arial, 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: 800; margin: 8px 0; }
body#home .section {margin-top: 0; }

footer .content #footercontact .imgshell {display: inline; float: left; width: 100px !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; */}

/* 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: 1001px) and (max-width: 1210px) {


}

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



}

/* ---------------------------- 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 0 20px 0; padding: 0; width: 140px; height: 135px; float: left; color: #222222 !important; z-index: 1002; }
	
	main { top: 70px; }
	
	#introshell .image .introbox {left: 15%;width: 85%;}
	#introshell .image .introbox .subtitle {font-size: 1em;line-height: 1.3em;}

}
/***************/