/* color: 
043753
118891
28ABB8
42B883
DAE03F

*/
/* FOR REALLY BAD CHROME UPDATE THAT ADDS BLACK BORDER AROUND STUFF*/
*,*:focus,*:hover{
    outline:none;
}

img.BlogAuthor

{
max-width:140px;
width:100%;
float:left;
margin-right:7px;
padding:2px;
border:1px solid gray;

}

@font-face 
{
	font-family:drippy;
	src: url('https://bipr.jhu.edu/images/fonts/fontin_sans_r_45b.ttf'), url('https://bipr.jhu.edu/images/fonts/fontin_sans_b_45b.otf');
}
	
@font-face 
{
	font-family:druppy;
	src: url('https://bipr.jhu.edu/images/fonts/proximaNova-Light.ttf'),url('https://bipr.jhu.edu/images/fonts/proximaNova-Light.otf');
}




body{
	margin: 0px;
	padding: 0px;

	font-family: 'Open Sans', sans-serif;
}



.divBoxSmall1reversed{
	color: #FFFFFF;
	font-weight: 600;
	
    width:170px;
    height: 20px;
    padding: 10px 12px;
   
	background: rgb(4,55,83); /* Old browsers */
	background: -moz-linear-gradient(bottom, rgba(4,55,83,1) 49%, rgba(242,236,225,1) 51%); /* FF3.6-15 */
	background: -webkit-linear-gradient(bottom, rgba(4,55,83,1) 49%,rgba(242,236,225,1) 51%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to top, rgba(4,55,83,1) 49%,rgba(242,236,225,1) 51%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043753', endColorstr='#f2ece1',GradientType=0 ); /* IE6-9 */
	
    background-size: 100% 200%;
    background-position:left bottom;
    margin:0.2em;
    transition:all 0.5s ease;

    
    display: inline-block;
    cursor: pointer;
    
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
		  
	outline: none !important;	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);	
	
	border:0px;
	font-family:druppy;
	font-size: 15px;
}
.divBoxSmall1reversed:hover {
    background-position:left top;
    color: #111111;
}


.inputForm{
	width: 100%;
	font-size: 18px;
}

.divContent1900{
	margin: 0 auto;
	position: relative; 
	text-align: center;
	max-width: 1900px;
}

.divContent1200{
	margin: 0 auto;
	position: relative; 
	text-align: center;
	max-width: 1200px;
}


#divMenuBackground{
	position:absolute;
	width: 100%;
	height: 700px;
	
	top: 0px;
	overflow: hidden;
	
}

.aNoDecorations{
	text-decoration: none;
	border: 0px;
}
.aNoDecorations:hover{
	text-decoration: none;
	border: 0px;
}

.aNoDecorationsWhite{
	text-decoration: none;
	border: 0px;
	color: white;
}
.aNoDecorationsWhite:hover{
	text-decoration: none;
	border: 0px;
	color: white;
}

.aNoDecorationsBlue{
	text-decoration: none;
	border: 0px;
	color: #043753;
}



.inline-block{
	display: inline-block;
}

.divClickable{
	cursor: pointer;
}

#divMenuBackgroundSubsection{
	position:absolute;
	width: 100%;
	height: 450px;
	background-size:cover;
	top: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#divMenuBackgroundSubsectionProfessor{
	position:absolute;
	width: 100%;
	height: 600px;
	background-size:cover;
	top: 0px;
	overflow: hidden;
	background-repeat: no-repeat;
}

#divPreMenu{
	width: 100%;
	height:100px;
	text-align: center;


	background: rgb(4,55,83);
	background: -moz-linear-gradient(180deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	background: -webkit-linear-gradient(180deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	background: linear-gradient(180deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#043753",endColorstr="#043753",GradientType=1); 

	z-index: 5000;
	position: relative;

}

#divMenu{
	position: sticky;
	width: 100%;
	height:65px;

	top: 0px;
	text-align: center;
	border-top:1px solid white;
	border-bottom:1px solid white;
	background-color: #043753;

	-webkit-box-shadow: 0px 0px 82px 10px rgba(4,55,83,1);
	-moz-box-shadow: 0px 0px 82px 10px rgba(4,55,83,1);
	box-shadow: 0px 0px 82px 10px rgba(4,55,83,1);

	z-index: 50;
	overflow: hidden;

}
.divMenuItem{
	display: inline-block;
	color: white;
	font-size: 20px;
	padding: 19px 0px;
	margin: 0px 20px;
	cursor: pointer;
	transition: all .5s;
	position:relative;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
}

.divMenuItem:hover{
  color:#42b883;
}
 


.divMenuItem:before {
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:4px;
  top: 0px;
  background-color:#42b883;
  transform:scale3d(0,1,1);
  transform-origin:center;
  transition:transform .3s;
}
.divMenuItem:after {
  position:absolute;
  display:block;
  content:"";
  width:100%;
  height:4px;
  bottom: 0px;
  background-color:#42b883;
  transform:scale3d(0,1,1);
  transform-origin:center;
  transition:transform .3s;
}

.divMenuItem:hover:before, .divMenuItem:hover:after  {
  transform:scale3d(1,1,1);
}

.divEffectBorderLeft:after{
	position:absolute;
	  display:block;
	  content:"";
	  width:100%;
	  height:4px;
	  bottom: 0px;
	  background-color:#42b883;
	  transform:scale3d(0,1,1);
	  transform-origin:left;
	  transition:transform .3s;
}

.divEffectBorderLeft:hover:before, .divEffectBorderLeft:hover:after  {
  transform:scale3d(1,1,1);
  color: #42b883;
}


#divMenuLogos{
	position: absolute;
	left:5px;
	top: 0px;
	height: 100%;
}

#divMenuSocial{
	position: absolute;
	right:5px;
	top: 5px;
}

#divMenuSocial>div{
	top:50%;
	transform: translateY(50%);
}
#divMenuSocial>div>div{
	margin-right: 10px;
	cursor: pointer;
	height: 24px;
	width: 24px;
	background-size: contain !important;
	background-repeat: no-repeat;
	display: inline-block;
	
	position: relative;
	filter: brightness(100%) sepia(0%) hue-rotate(0deg) saturate(100%);
	transition: filter 0.4s;
}

#divMenuSocial>div>div:hover {
    filter: brightness(55%) sepia(100%) hue-rotate(100deg) saturate(200%);
}



#divMenuSocialFooter>div{
	margin-top: 10px;
}
#divMenuSocialFooter>div>div{
	margin-right: 10px;
	cursor: pointer;
	height: 24px;
	width: 24px;
	background-size: contain !important;
	background-repeat: no-repeat;
	display: inline-block;
	
	position: relative;
	filter: brightness(100%) sepia(0%) hue-rotate(0deg) saturate(100%);
	transition: filter 0.4s;
}

#divMenuSocialFooter>div>div:hover {
    filter: brightness(55%) sepia(100%) hue-rotate(100deg) saturate(200%);
}





#divSubMenu{
	width: 100%;
	height:0px;
	border-bottom: 1px solid white;
	border-top: 1px dashed #043753;
	position: sticky;
	top: 65px;
	z-index: 60;
	background-color: #032C42;
	overflow: hidden;
}

.divSubSubMenu{
	text-align: center;
	margin: 0 auto;
	color: white;
	display: none;
	font-size: 18px;
}

.divSubSubMenuItem{
	display: inline-block;
	padding:7px;
	cursor: pointer;
	transition: .5s all;
}
.divSubSubMenuItem:hover{
	background-color: white;
	color: black;
}

#divMenuContentWrapper{
	position: absolute;
	bottom: 0px;

	padding-bottom: 20px;
	padding-top: 150px;
	color: white;
	

	width: 100%;

	background: rgb(4,55,83);
	background: -moz-linear-gradient(0deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	background: linear-gradient(0deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#043753",endColorstr="#043753",GradientType=1); 
	text-align: center;

	z-index: 10;

}

#divMenuContent{
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	padding:20px 20px 0px 20px;
}
.divMenuContent{
	max-width: 1200px;
	text-align: left;
	margin: 0 auto;
	padding:10px;
}


.spanTitleBig{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 50px;
	border-bottom: 3px dotted #42b883;
	cursor: pointer;
}

.spanTitleBig:hover{
	border-bottom: 3px solid #42b883;
}

.spanTitleBigNoUnderline{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 50px;
	line-height: .95;
}

.spanTitleBigNoUnderlineThin{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 50px;
}

.spanTitle{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	line-height: 0.93;
	font-size: 35px;
	color:#043753;
}

.spanTitleDate{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 35px;
	color:#42b883;
}

.spanTitleSmall{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 23px;
	line-height: 20px;
	color:#043753;
}

.spanTitleSmallThin{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 23px;
	line-height: 20px;
	color:#043753;
}


.spanTitleSmallGreen{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 23px;
	line-height: 20px;
	color:#42b883;
}

.spanTitleSmallWhite{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 23px;
	line-height: 20px;
	color:white;
}

.spanTitleSmallTime{
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	font-size: 25px;
	line-height: 20px;
	color:#043753;
}



.spanTitleSmallWhiteThin{
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 22px;
	line-height: 20px;

	color:white;
}

.spanTitleDescription{
	font-size: 17px;
	font-family: 'Open Sans', sans-serif;
}
.spanTitleDescriptionSmall{
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}

.spanTitleDescriptionUltraSmall{
	font-size: 13px;
	font-family: 'Open Sans', sans-serif;
}

.spanDate{
	font-size: 12px;
	color: #666666;
	line-height: 15px;
}

.divAuthor{
	padding-top: 0px;
}

.divAuthorProfilePic{
	width: 50px;
	height: 50px;
	border-radius: 25px;
	background-size: contain !important;
	/*float:left;*/
	display: inline-block;
	
	margin-right:10px;
}

.divAuthorProfilePicLarge{
	width: 130px;
	height: 130px;
	border-radius: 65px;
	background-size: contain !important;
	float:left;
	margin:10px;
}



.flexInlineCenter{
    display: flex;
    align-items: center;
}

.divAuthorName{
	position: absolute;
	top: 50%;
	transform: translateY(-50%);

	font-size: 16px;
}


.divAuthorProfilePicWrapper{
	padding-top: 10px;
	position: relative;
}

.divAuthorNameAndPicWrapper{
	height: 50px;
	display: inline-block; 
	position: relative; 
	width: calc(100% - 65px);
}

.divSmallPicturesText{
	position: absolute; 
	bottom: 0px; 
	padding: 20% 10px 10px 10px;
	width: calc(100% - 20px);



	background: rgb(4,55,83);
	background: -moz-linear-gradient(0deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	background: -webkit-linear-gradient(0deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	background: linear-gradient(0deg, rgba(4,55,83,1) 0%, rgba(4,55,83,0) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#043753",endColorstr="#043753",GradientType=1); 


}

.imgLogos{
	padding: 20px;
	height: 50px;
}
.imgLogosMenu{
	padding: 14px;
	height: 35px;
	opacity: 100;
	display: none;
}
#divMenuLogoSAIS{
		display: inline-block;
	}

#divMenuCentralLogo{
	margin: 0 auto;
	padding-top: 10px;
	display: none;
}

#divNewsAndViewsHome{
	display: inline-block;
	text-align: left;
}

#divMoreResearchHome{
	display: inline-block;
	text-align: left;
	padding: 20px;
	overflow: hidden;
}




.divNextEventsHome{
	height: 480px;
	width: 31vw;
	max-width: 600px;
	text-align: left;
	display: inline-block;
	position: relative;
	overflow: hidden;
	padding: 20px;
}



.divFacultyBackground{/*div1*/
	grid-area: 1 / 1 / 2 / 3; 
	text-align: left;
	display: inline-block;
	padding: 0px 20px 15px 20px;
	width: 100%;
	width: calc(100% - 40px);
}
.divFacultyMostCitedWorks{/*div2*/
	grid-area: 1 / 3 / 2 / 4;
	text-align: left;
	padding: 0px 20px 0px 20px;
	width: 31vw;
	max-width: 600px;
	display: inline-block;
	position: relative;
}

.divFacultyMostCitedWorksFull{/*div2*/
	text-align: left;
	padding: 20px 20px 20px 20px;
	width: calc(100% - 40px);
	display: inline-block;
	position: relative;
}

.divMostCitedWorkWrapper{
	padding-top: 0px;
	cursor: pointer;
}

.divFacultyInTheNews{/*div4*/
	padding: 0px 20px 0px 20px;
	grid-area: 2 / 3 / 3 / 4; 
	text-align: left;
	position: relative;
	max-width: 600px;
	width: 31vw;
}

.divFacultyInTheNewsFull{/*div4*/
	padding: 20px 20px 20px 20px;
	text-align: left;
	position: relative;
	width: calc(100% - 40px);
}


.divFacultyExpertiseIndividualBox{
	display: inline-block;
	vertical-align: top;
	padding-right: 20px;
	width: auto;
	text-align: left;
}
.divFacultyExpertiseIndividualBox>ul{
	margin-left: 15px;
	margin-top: -2px;
	font-size: 15px;
	padding: 0px;
	list-style-position: outside;
	list-style-type: circle;

}

.divFacultyOtherPublications{/*div3*/
	padding: 0px 20px 0px 20px;
	
	grid-area: 2 / 1 / 3 / 3;
	text-align: left;
}



/* EVENT PROFILE*/

.divNextEventsModule{
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
	grid-template-rows: auto;
	gap: 1px 1px;
	grid-template-areas:
	". . . . . .";
}

.videoWrapper{
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
}

.videoWrapper iframe,
.videoWrapper object,
.videoWrapper embed {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}







.swipe {
        overflow: hidden;
        visibility: hidden;
        position: relative;
      }
      .swipe-wrap {
        overflow: hidden;
        position: relative;
      }
      .swipe-wrap > div {
        float: left;
        width: 100%;
        position: relative;
      }


.grid-container {
  display: grid;
  display:-ms-grid;

  grid-template-columns: 2fr 1fr;
  -ms-grid-columns:2fr 1fr;

  grid-template-rows: 1fr;
  -ms-grid-row:1fr;

  gap: 1px 1px;
  grid-template-areas: ". .";

}
.grid-containerFaculty {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-template-rows: repeat(2, auto);
	grid-column-gap: 0px;
	grid-row-gap: 0px; 
}


.grid-containerReversed {
  display: grid;
  display:-ms-grid;

  grid-template-columns: 1fr 2fr;
  -ms-grid-columns:1fr 2fr;

  grid-template-rows: 1fr;
  -ms-grid-row:1fr;

  gap: 1px 1px;
  grid-template-areas: ". .";

}


.grid-container3 {
  display: grid;
  display:-ms-grid;

  grid-template-columns: 1fr 1fr 1fr;
  -ms-grid-columns:1fr 1fr 1fr;

  grid-template-rows: 1fr;
  -ms-grid-row:1fr;

  gap: 1px 1px;
  grid-template-areas: ". . .";
}

.grid-container2 {
  display: grid;
  display:-ms-grid;

  grid-template-columns: 1fr 1fr;
  -ms-grid-columns:1fr 1fr;

  grid-template-rows: 1fr;
  -ms-grid-row:1fr;

  gap: 1px 1px;
  grid-template-areas: ". .";
}

a{
	text-decoration: none;
	color: #42b883;
	border-bottom: 1px dotted #42b883;
	cursor: pointer;
}
a:hover{
	border-bottom: 1px solid #42b883;
}

ul{
	line-height: 1.5em;
}

.a{
	text-decoration: none;
	color: #42b883;
	border-bottom: 1px dotted #42b883;
	cursor: pointer;
}
.a:hover{
	border-bottom: 1px solid #42b883;
}

.aWhite{
	text-decoration: none;
	color: white;
	border-bottom: 1px dotted white;
	cursor: pointer;
}
.aWhite:hover{
	border-bottom: 1px solid #42b883;
}

.divGrid3first{
	float: left;
	padding-right: 14px;
}

.divGrid3second{
	float: left;
	padding-right: 14px;
}




#divMenuHamburgerOpen{
	cursor: pointer;
	position: absolute;
	right:14px;
	top: 14px;
	display: none;
}

#divMenuHamburger{
	width: 300px;
	height: 100%;
	position: fixed;
	right: -350px;
	top: 0px;
	z-index: 1000000;

	background: #043753;
	background: -moz-linear-gradient(left, #043753 0%, #031634 100%);
	background: -webkit-linear-gradient(left, #043753 0%,#031634 100%);
	background: linear-gradient(to right, #043753 0%,#031634 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#043753', endColorstr='#031634',GradientType=1 );

	transition: all .4s ease-in-out;
}

.divHamburgerMenuItem{
	display: block;
	color: white;
	font-size: 20px;
	cursor: pointer;
	transition: all .5s;
	position:relative;
	text-transform: uppercase;
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
}
.divHamburgerMenuItem:hover{
	color:#42b883;
}


#divBlackBackground{
	display: none; 
	position:fixed; 
	left: 0;
	top:0; 
	bottom:0;
	right:0; 
	background-color: rgba(0,0,0,0.5); 
	z-index: 9999;
}

#divFooter3s{
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  grid-template-rows: 1fr;
  gap: 1px 1px;
  grid-template-areas: ". . .";
  color: white;
  max-width: 1000px;
  margin: 0 auto;
  text-align: left;


}

#divFooter3s>div{
	padding: 20px;
}

#divFooter3s #secondDiv{
	border-left: 1px dotted white;
	border-right: 1px dotted white;
	
}

.divFooterBottom{
	text-align: center;
}



.divBox1{
	color: #FFFFFF;
	font-weight: 600;
	
    height: 35px;
    padding: 10px 12px;
   
	background: rgb(0,170,177); /* Old browsers */
	background: -moz-linear-gradient(right, rgba(17,136,145,1) 50%, rgba(66,184,131,1) 50%); /* FF3.6-15 */
	background: -webkit-linear-gradient(right, rgba(17,136,145,1) 50%,rgba(66,184,131,1) 50%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to left, rgba(17,136,145,1) 50%,rgba(66,184,131,1) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00aaaa', endColorstr='#f2ece1',GradientType=0 ); /* IE6-9 */
	
    background-size: 200% 100%;
    background-position:right top;
    transition:all 0.5s ease;

    font-size: 25px;
    font-family: 'Roboto Slab', serif;
    font-weight: 900;
    display: inline-block;
    cursor: pointer;
    
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
		  
	outline: none !important;	
	-webkit-tap-highlight-color: rgba(255, 255, 255, 0);	
	
}
.divBox1:hover {
    background-position:left top;
}

.divBox1:after {
    content: ">";
    text-indent: -9999px;
    letter-spacing: -10px;
    opacity: 0;
    transition: letter-spacing 0.3s ease-out, opacity 0.3s ease-out;
}

.divBox1:hover:after {
	text-indent: 0px;
    letter-spacing: normal;
    opacity: 1;

}
.divBox1Wrapper{
	float:right;
	padding-top: 15px;
	right: 20px;
	z-index: 10;
	display: inline-block;
}

.divBoxToggle{
	color: #FFFFFF;
	
    height: 35px;
    padding: 10px 12px;
    transition:all 0.5s ease;

    font-size: 25px;
    font-family: 'Roboto Slab', serif;
    font-weight: 900;
    display: inline-block;
    cursor: pointer;
    
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}

.divBoxToggleUnclicked{
	background: #28ABB8;
}
.divBoxToggleUnclicked:hover{
	background: #118891;
}

.divBoxToggleClicked{
	background: #42B883;
}
.divBoxToggleClicked:hover{
	background: #43A87B;
}

.selectCoolWrapper{
	padding: 15px;
	display: inline-block;

}

.divTagsWrapper>div{
	border: 1px solid #28ABB8;
	display: inline-block;
	padding: 4px;
	margin-top: 4px;
	cursor: pointer;
	color: #118891;
	font-size: 10px;
	transition: .4s all;
	background-color: white;
}

.divTagsWrapper>div:hover{
	background-color: #42B883;
	color: #FFFFFF;
}

.divTagsWrapperReversed>div{
	border: 1px solid white;
	display: inline-block;
	padding: 4px;
	margin-top: 4px;
	cursor: pointer;
	color: white;
	font-size: 10px;
	transition: .4s all;
	background-color: transparent;
}

.divTagsWrapperReversed>div:hover{
	background-color: #42B883;
	color: #FFFFFF;
}

.divTopicsSelection{
	width: 100%; 
	height: 190px;
	margin: 0px;
	overflow: hidden;
	transition: all .45s;
	text-align: center;
}

.divTopicsSelection:first-child:hover{
	box-shadow: 0 18px 16px -16px black;
	transition: all .45s;
}

.divTitleWrapper{
	border-bottom: 1px solid #043753;
	width: 100%;
	margin-bottom: 10px;
	text-align: left;
}



/* faculty flexbox container*/
.flexContainer {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

  justify-content: space-between;
  align-items: auto;
  align-content: start;

  text-align: left;
}

.flexContainerTopics {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

  justify-content: space-between;
  align-items: auto;
  align-content: start;

  text-align: center;
}

.flexContainerEvents {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;

  justify-content: space-between;
  align-items: auto;
  align-content: start;

  text-align: left;

}

.flexItem {
  flex: 1 1 0;
  margin: 15px 7px 15px 7px;
  min-width: 360px;
  transition: all .45s;
}

.flexItem:hover{
	box-shadow: 0 18px 16px -16px black;
}

.flexItemDummy {
  flex: 1 0 0;
  margin: 15px 3px 15px 3px;
  min-width: 360px;
}

/*flex item for boox so it's 1 third of the width maximum*/
.flexItemBig {
  flex: 1 0 30%;
  margin: 20px 10px 0px 10px;
  padding-bottom: 20px;
  min-width: 250px;
  vertical-align: top;
  transition: all .45s;
}
.flexItemBig:hover{
	box-shadow: 0 18px 16px -16px black;
}

.flexItemBigDummy {
  flex: 1 0 30%;
  margin: 0px 10px 0px 10px;
  padding-bottom: 20px;
  min-width: 250px;
  vertical-align: top;
}

.flexItemBigWOShadow {
  flex: 1 0 30%;
  margin: 20px 10px 0px 10px;
  padding-bottom: 20px;
  min-width: 250px;
  vertical-align: top;
}


/*flex item for boox so it takes 50% of the width maximum*/
.flexItemBook { 
  flex: 1 0 40%;
  margin: 20px 10px 0px 10px;
  padding-bottom: 20px;
  min-width: 250px;
  vertical-align: top;
  transition: all .45s;
}

.flexItemBookDummy { 
  flex: 1 0 40%;
  margin: 0px 10px 0px 10px;
  min-width: 250px;
  vertical-align: top;
}


.flexItemDummy {
  flex: 1 0 0;
  margin: 0px 10px 0px 10px;
  padding-bottom: 0px;
  min-width: 390px;
  height: 0px;
}

.flexItemDummyPastEvents {
  flex: 1 0 0;
  margin: 0px 10px 0px 10px;
  min-width: 390px;
}

.flexItemDummyFutureEvents {
  flex: 1 0 0;
  margin: 0px 10px 0px 10px;
  min-width: 390px;
}

.divClickableLetters{
	font-size: 25px;
	cursor: pointer;
	display: inline-block;
	font-family: 'Roboto Slab', serif;
	font-weight: 900;
	color: #043753;
	transition: all .45s;
}
.divClickableLetters:hover{
	color: #42b883;
}

/* color: 
043753
118891
28ABB8
42B883
DAE03F

*/


.divStreamingLiveNow{
	border: 1px solid #FF004D;
	padding: 4px 7px 4px 7px;
	border-radius: 3px;
	color: #FF004D;
	display: inline-block;
	margin: 0px 4px 0px 4px;
	opacity: 0;

}


@media screen and  (max-width:1800px)
{
	#divMenuLogoSAIS{
		display: none;
	}
}

@media screen and  (max-width:1600px)
{
	.divNextEventsModule{
		display: grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-template-rows: auto auto;
		gap: 1px 1px;
		grid-template-areas:
		". . ."
    	". . .";
	}
}




	

@media screen and  (max-width:1200px)
{
	.grid-container3{
		display: grid;
		  grid-template-columns: 1fr 1fr;
		  grid-template-rows: 1fr;
		  gap: 1px 1px;
		  grid-template-areas: ". .";
	}
	.divGrid3first{
		padding-right: 7px;
	}

	.divGrid3second{
		padding-left: 7px;
		padding-right: 0px;
	}
	.divGrid3third{
		display: none;
	}




}	

@media screen and  (max-width:1000px)
{
	.grid-container{
		display: grid;
		  grid-template-columns: 1fr;
		  -ms-grid-columns:1fr;

		  grid-template-rows: 1fr 1fr;
		  -ms-grid-row:1fr 1fr ;

		  gap: 0px 0px;
		  grid-template-areas: "." ".";
	}



	.grid-containerReversed {
	  display: grid;
	  display:-ms-grid;

	  grid-template-columns: 1fr;
	  -ms-grid-columns:1fr;

	  grid-template-rows: 1fr 1fr;
	  -ms-grid-row:1fr 1fr;

	  gap: 0px 0px;
	  grid-template-areas: "." ".";

	}

	.grid-containerFaculty { /* parent faculty div*/
		display: grid;
		grid-template-columns: 1fr;
		grid-template-rows: repeat(4, auto);
		grid-column-gap: 0px;
		grid-row-gap: 0px; 
	}




	.divFacultyBackground{/*div1*/
		grid-area: 1 / 1 / 2 / 2;
		width: calc(100% - 40px);
	}
	.divFacultyMostCitedWorks{/*div2*/
		grid-area: 2 / 1 / 3 / 2;
		width: calc(100% - 40px);
		max-width: calc(100vw - 60px);
		min-height: auto;
	}
	.divFacultyInTheNews{/*div3*/
		grid-area: 3 / 1 / 4 / 2;
		width: calc(100% - 40px);
		max-width: calc(100vw - 60px);
		min-height: auto;
	}
	.divFacultyOtherPublications{/*div4*/
		grid-area: 4 / 1 / 5 / 2; 
		
		width: calc(100% - 40px);
	}



	

	.divNextEventsHome{
		width: calc(100% - 40px);
		max-width: none;
		
	}


	.spanTitleBig{
		font-size: 40px;
	}

	.spanTitleBigNoUnderline{
		font-size: 40px;
	}
	.spanTitleBigNoUnderlineThin{
		font-size: 40px;
	}






}	



/* Togliamo i loghi dal menu e i social media buttoins*/
@media screen and (max-width:1450px)
{	
	#divMenuSocial{
		display: none;
	}
	#divMenuLogos{
		display: none;
	}

}	
/* togliamo i menu items e aggiungiamo al suo posto l'hamburger menu e il logo al centro*/
@media screen and  (max-width:1000px)
{	
	.divMenuItem{
		display: none;
	}
	

	#divMenuHamburgerOpen{
		display: block;
	}

	#divMenuCentralLogo{
	display: block;
}
#imgPreMenuLogoBipr{
	display: none !important;
}

.divNextEventsModule{
		display: grid;
		grid-template-columns: 1fr 1fr;
		grid-template-rows: 1fr 1fr 1fr;
		gap: 1px 1px;
		grid-template-areas:
		". ."
		". ."
		". .";
	}



}		

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

	.spanTitleSmallWhiteThin{
		font-family: 'Roboto Slab', serif;
		font-weight: 300;
		font-size: 18px;
		line-height: 17px;

		color:white;
	}

	.spanTitleBigNoUnderline{
		font-size: 30px;
	}
	.spanTitleBig{
		font-size: 30px;
	}


}

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

	.divNextEventsModule{
	  display: grid;
	  grid-template-columns: 1fr;
	  grid-template-rows: auto auto auto auto auto auto;
	  gap: 1px 1px;
	  grid-template-areas:
	    "."
	    "."
	    "."
	    "."
	    "."
	    ".";
	}


	.grid-container{
		display: grid;
		  grid-template-columns: 1fr;
		  grid-template-rows: auto auto;
		  gap: 0px 0px;
		  grid-template-areas:
		    "."
		    ".";
	}

	.grid-containerReversed{
		display: grid;
		  grid-template-columns: 1fr;
		  grid-template-rows: auto auto;
		  gap: 0px 0px;
		  grid-template-areas:
		    "."
		    ".";
	}

	.grid-container3{
		display: grid;
		  grid-template-columns: 1fr;
		  grid-template-rows: auto auto;
		  gap: 0px 0px;
		  grid-template-areas:
		    "."
		    ".";
	}

	.divGrid3first{
		padding-left: 0px;
		padding-right: 0px;
	}

	.divGrid3second{
		padding-left: 0px;
		padding-right: 0px;
		padding-top: 20px;
	}

	.spanTitleBigNoUnderline{
		font-size: 26px;
	}

	.spanTitleBig{
		font-size: 26px;
	}





	

}