@charset "UTF-8";

html {
 font-size:18px;
 background-color:black;
 color:#203749;
 margin:0;
  
}

body {
 margin: 0;
}

button {
 cursor: pointer;
}


/******* headings **********/

h1 {
 font-size:3rem;
 font-weight:600;
 font-family: "proxima-nova", "sans-serif";
 line-height:1.5;
}

h2 {
    font-size: 2.25rem;
    font-weight: 600;
    font-family: "proxima-nova", "sans-serif";
    line-height: 1.5;
    text-align: center;
    text-transform: uppercase;
    margin-bottom: 0;
    margin-top: 3rem;
    margin-left: 5rem;
    margin-right: 5rem;
}

.container#letterBG h2#selected {
    margin-top: 3rem;
}

h3 {
 margin: 0;
 font-size:2.25rem;
 font-weight:600;
 font-family: "proxima-nova", "sans-serif";
 line-height:1.1;
 text-transform: uppercase;
}

h4 {
 font-size:1.33rem;
 font-weight:600;
 font-family: "proxima-nova", "sans-serif";
 line-height:1.5;
 text-align:center;
 margin:0.25rem auto 2rem 0;
 text-transform: uppercase;
}

h4.article-heading {
 margin: 1rem 0;
 font-size: 1.125rem;
 text-align: left;
}

h5 {
 font-size:1.25rem;
 font-weight:600;
 font-family: "proxima-nova", "sans-serif";
 line-height:1.5;
 margin:0.25rem 2.7rem -0.5rem;
}

h6 {
 font-size:1rem;
 font-weight:600;
 font-family: "proxima-nova", "sans-serif";
 line-height:1rem;
 margin:0 0 1rem;
 color:#3172ae;
 text-transform: capitalize;
}

.small {
 font-size:0.7rem;
}

.subhead {
  font-size:1.2rem;
 font-weight:400;
 font-family: "proxima-nova", "sans-serif";
 line-height:1.5;
 text-align:center;
 margin:0 auto 2rem auto;
 text-transform: uppercase;
}

/********* other text styles *********/

p , ul {
 
 font-size:1rem;
 font-weight:300;
 font-family: "proxima-nova", "sans-serif";
 line-height:26px;
}

.slider-p {
 padding: 0rem 10% 0;
font-size: 1.125rem;
font-style: italic;
}

#inspirational + .slider-p {
text-align: center;
margin: 0 auto;
}

span {
  font-family: "proxima-nova", "sans-serif";
}

strong {
 font-weight: 600;
}

ul {
 margin:0;
}

a {
 color:#fff;
}

blockquote {
 font-size:1.25rem;
 font-weight:400;
 font-family: "proxima-nova", "sans-serif";
 line-height:1.8;
 padding:8% 8% 0 8%;
 text-transform: uppercase;
 margin:7.5rem auto;
 max-width:80%;
 min-width: 60%;
 background-color:#222;
 color:transparent;
 position: relative;
 z-index: 1;
 background-image: url(http://image.e.tufts.edu/lib/fe9e13727664067f74/m/8/6a1d7dd4-402a-4efa-962a-6cdd414a5758.gif);
 background-repeat: no-repeat;
 background-position: center;
 background-size: 10rem;
}

blockquote a {
 color:transparent;
}

.quoteSize {
width:40%;
max-width:auto;
min-width: auto;
color:white;
background-image:none;
}

.quoteSize a {
color:white;
}

#smPost {
 max-width: 550px;
 margin:0 auto;
}

blockquote::before {
 content:'\201C';
 font-size:12rem;
 opacity: 0.1;
 position: absolute;
 top:-4rem;
 left:1.5rem;
 font-weight: 800;
 z-index: -1; /**** keep quote mark below quote ****/
}

blockquote::after {
 content: '\201D';
 font-size:12rem;
 opacity: 0.1;
 position: absolute;
 bottom:-8.5rem;
 right:1.5rem;
 font-weight: 800;
 z-index: -1; /**** keep quote mark below quote ****/
}


.twitterBoxout {
  padding:8%;
  height: 500px;
  display: flex;
  align-items: center;
}

.twitterBoxout::before {
  content:'';
}

.twitterBoxout::after {
  content:'';
}

blockquote footer {
 font-size:0.8rem;
 margin:2rem 0 4rem 0;
 float:right;
 text-transform: none;
}

button img {
 display:block;
}

.light {
 font-weight:300;
}

.normal {
 font-weight: 400;
}

.semi {
 font-weight:500;
}

.bold {
 font-weight:600;
}

.italic {
 font-style: italic;
}



/******* floats and sizes *******/

.left {
 
 float:left;
 
}

.right {
 
 float:right;
 
}

.clearfix {
  overflow: auto;
}

.full {
 
 width:100%;
}

.half {
 
 width:50% !important;
}

.quarter {
 
 width:25%;
}



.bottomMargin2rem {
 
 margin-bottom: 2rem;
}


/********* colors and backgrounds *********/


.blue1 {
 
 color:#1fb4ff;
}

.blue2 {
 
 color:#3172ae;
}

.blue3 {
 
 color:#3e8ede;
}

.red1 { 
 
 color:#FF8F94;

}

.green1 { 
 
 color:#00EDFA;

}

.purple1 { 
 
 color:#D691FF;

}



.white {
 
 color:white;
}

.blueBG {
 
 background-color:#002E6D;

}


.blueBG2 {
 
 background-color:#002E6D;
}


.blueBG3 {
 
 background-color:#3172ae;
}

.redBG {
 
 background-color:#AA0061;
}

.redBG2 {
 
 background-color:#8c2f35;
}


.greenBG {
 
 background-color:#00843D;
}

.greenBG2 {
 
 background-color:#016e73;
}

.yellowBG {
 
 background-color:#f1c400;

}

.yellowBG2 {
 
 background-color:#f6c800;

}

.purpleBG {
 
 background-color:#500778;

}

.brownBG {
 
 background-color:#5E4B3C;

}

.grayBG {
 
 background-color:#53565A;

}







.quoteBG {
 
 background-image: url(https://image.e.tufts.edu/lib/fe9e13727664067f74/m/1/57ad7741-2b75-4e4b-8645-e43a54f94cf9.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 border-top:10px solid white;
 position:relative;
background-position:bottom;
}


.socialBG {
 background-image: url(https://image.e.tufts.edu/lib/fe9e13727664067f74/m/1/4e92685c-258f-4414-a89c-9c5f1e868986.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 border-top:10px solid white;
 position:relative;
background-position:bottom;
}

#coverBG{
 
 background-image: url(https://image.e.tufts.edu/lib/fe9e13727664067f74/m/1/1a9d7dee-0579-46bc-8cab-e05df8aff43d.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: right;
 
}

#coverBG h2 {
 
 position:absolute;
 top:0;
 margin-top:1rem;
 display: flex;
 font-size:2rem;
    justify-content: center;
 width:100%;
 color:#fff;
}

#letterBG {
 
 
 background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%);
 background-color:white;
}


#letterBG2 {
 
 
 background: linear-gradient(135deg, #FFFFFF, #D7ECFD);
 background-color:white;
}

.arrow img {
 
 
 width:100%;
 margin-bottom: 3rem;
 
}


#profiles h2{
 
 display: block;
 width:100%;
 background-color: white;


 
}



#profiles .col a{
 
  margin:2rem auto;

 
 
 color:#3172ae;
 font-weight:600;
  font-family: "proxima-nova", "sans-serif";
 font-size:1.3rem;
  line-height:1.7;
 text-align: center;
 border-radius: 0;
 border:0;
 display: inherit;
 text-transform: uppercase;
 
 


 
}


#profiles #wrap {
 
 
 background-color: white;
 padding: 0 2.7rem 1.5rem;
}

#giving h2 {

 background-color:white;
 margin-bottom:0;

 
}



/********** articles ***********/

section {
 
 width:100%;
 
}
article {

overflow:auto;
overflow-x: hidden;
 margin-top:1.5rem;
}


 article + article {
  display:none

}



.container {
 
 width:100%;
 max-width: 60rem; 
 margin:0 auto;
 background-color: white;
 display:grid;

 
}

.profileArticle {
 
   width: 100%;
    background-image: url();
    padding: 0;
    background-repeat: no-repeat;
    background-size: 65% auto;
    background-position: left -2rem bottom -6rem;
    display: flex;
    margin: 1rem 0 0 0;
    position: relative;
    max-width: 52rem;
    padding-right: 2rem;
    padding-left: 0;
    align-items: center;
    flex-wrap: wrap;
justify-content: center;
}






.profileArticle.right {
 
 
 background-image:url(); 
 background-position: right -2rem bottom -6rem;
padding-left:2rem;
padding-right:0;
 
 

}

.darkHex {
 
 background-image:url(http://image.e.tufts.edu/lib/fe9e13727664067f74/m/6/16392c1f-75de-4515-8b01-d9632f30de46.svg); 
 
}

.darkHexRight {
 
 background-image:url(http://image.e.tufts.edu/lib/fe9e13727664067f74/m/6/b085a612-aca7-4516-9977-21521e542b6f.svg); 
 
 
 
}

.profileArticle .copy {
 
 
 
 
padding: 3rem 5% 5% 12%;
    flex: 1 1 400px;
 
 
}


.profileArticle.right .copy {
    padding: 2rem 3rem 4rem 2rem;
    flex: 1 1 298px;
 
}

.profileArticle .imgContainer {
   padding-top: 2.7rem;
    width: 40%;
    vertical-align: middle;
    padding-bottom: 2rem;
    flex-basis: 374px;

 
 
}

.imgCaption {
 font-style: italic;
 font-size: .75rem;
 color: #fff;
 margin: .125rem .25rem;
 display: block;
}

.articleCredit {
 font-size: .75rem;
}

.dark {
 color: #203749;
 
}


.transparent {
 
   
}


.noBG {
 
  
 
}



.profileArticle .imgContainer img {
 
 width:100%;
 max-width:400px;
 display: block;
 margin: 0 ;



 
}

.profileArticle.right .imgContainer img {
 
width:100%;
 max-width:400px;
 display: block;
 margin: 0;
 
}

.imgContainer2 {
    padding: 0 0 3rem 11%;
    display: flex;
    flex-direction: column;
    max-width: 48rem;
    width: 100%;
    background-repeat: no-repeat;
    background-size: 65% auto;
    background-position: left -2rem bottom -4rem;
    padding-right: 0;
    flex: 1 1 830px;
    align-items: start;
}

.imgContainer2 img {
  width: 100%;
    max-width: 887px;
}



.readMore {
 
 
 width:100%;
 background-color: transparent;
 border:0;
 border-bottom: 5px solid #FFCE00;
 margin:0;
 text-align: left;
 position: absolute;
 bottom: 0;
 left:0;
 outline:none;
 
}




.readMore span {
  
 background-color: #FFCE00;
 padding:0.5rem 2rem 0.25rem;
 font-size:1.25rem;
 color:#333;
 margin-left:2.7rem;
 
 

 
}


.readMore2 {
 
margin:2rem auto;
 width:12rem;
 display: block;
 padding:0.5rem 2rem;
 color:#fff;
 font-weight:400;
  font-family: "proxima-nova", "sans-serif";
 font-size:1rem;
  line-height:1.7;
 text-align: center;
 border-radius: 0;
 background-color:#333;
 border:0;
 outline:none;
 
}



.readMore2 span {
  

 
}

.RMright {
 
 

 text-align: right;
 right:0;

}

.RMright span{
 
 

 margin-right:2.7rem;

}

.RMdark {
 
 border-color:#333;
 
 
 
}

.RMdark span {
 
 background-color:#333;
 color:#fff;
}

.open::before {
 
 content: "Read More";
}

.close::before {
 
 content: "Close";

 
}


.expand {
 
 width: 100%;
 padding: 1.5rem 4.9rem 1.9rem 1.9rem;
 margin:0;
 max-width: 54rem;
 display:none;
 box-sizing: border-box;
 
 
}

.expand2 {
 
 width: 100%;
 

 max-width: 54rem;
 display:none;
 box-sizing: border-box;
 
 
}

.expand2 p:first-of-type {
 
 margin-top:0;
 
 
}
.expandR {
 
 padding-left:4.6rem;
 
}



.expand p {
 
 margin:1rem 0;
 
}

.sm {
 
 height:100px;
 width:100%;
 position: absolute;
 top:0;
 left:0;
 background-color:white;
 z-index: 1;
 } 



 .articleGridwrapper {
  display: grid;
  grid-template-columns: 25% 25% 25% 25%;
  grid-gap: 1.5%;
 
}


 .sub-articleGridwrapper {
  display: inline-grid;
  grid-template-columns: 25% 75%;
  grid-gap: 1rem;
margin:1rem 0 ;
 
 
}



.articleGridcol img{

 width:100%;
}




/********** article buttons ***********/

.btnContainer {
 
 text-align: center;
}

.sectionButton {
 
 margin:2rem auto 0;
 width:12rem;
 
 padding:0.5rem 2rem;
 color:#fff;
 font-weight:400;
  font-family: "proxima-nova", "sans-serif";
 font-size:1rem;
  line-height:1.7;
 text-align: center;
 border-radius: 0;
 background-color:#333;
 border:0;
 
 
}

.previous{
 

 margin-right:0.5rem;
 
}



/********** hero and navigation ***********/

.container#coverBG{
 
 position: relative;
 height:29.7rem; /* 535px */
 display:table;
 border-collapse:separate;
 border-spacing: 0 5rem;
 overflow:hidden; /* keep the pipe character from showing below the section */
}

.container#coverBG h1 {
 
 
 bottom:0;
 right:1rem;
 position: absolute;
 color:#fff;
 line-height: 0.7;
 margin:0;
 text-shadow: 0 0 5rem rgba(0,0,0,0.75);

 
}

nav { 

background-color:rgba(255,255,255);
padding:2rem;
/* display:table-cell; */
width:62%;
max-width:20rem;

}



nav a {
 
 font-size:1rem;
 font-weight:400;
  font-family: "proxima-nova", "sans-serif";
 line-height:1.5;
 display:inline-block;
 margin-top:0.8rem;
 color:#333;
}
a:hover {
  text-decoration: underline;
  color: #3172AE;
}

nav a:last-of-type {
 
 margin-bottom:2.5rem;
}



/********** dean's letter ***********/





.container#letterBG p {
 
 
}

.container#letterBG h2 {
 
 margin-top:0;
 
 
}


.container#letterBG .sig {
 
vertical-align: bottom;
 
}

.container#letterBG .sig p{
 
margin-top:8rem;
 
}
#letterBox em {
font-size: .75rem;
}


.container#letterBG #letterBox  {
 
 
 padding:3rem 10% 3rem ;
 
}

.container#letterBG .sig img {
 
 display: block;
margin:2rem 3rem 0;
 
 
}
#letterBG img, #letterBG2 img {
 
max-width: 850px;
width: 100%;
 
 
}

 #sigContainer {
  

overflow:auto;
  
 }



/********** dean's letter 2 ***********/





.container#letterBG2 p {
 
 
}

.container#letterBG2 h2 {
 
 margin-top:0;
 
 
}


.container#letterBG2 .sig {
 
vertical-align: bottom;
 
}

.container#letterBG2 .sig p{
 
margin-top:8rem;
 
}


.container#letterBG2 #letterBox  {
 
 
 padding:3rem 10% 3rem;
 
}

.container#letterBG2 .sig img {
 
 display: block;
margin:2rem 3rem 0;
 
 
}

 #sigContainer {
  

overflow:auto;
  
 }
 




/********** giving by the numbers ***********/

.container#giving {
 
 /* background-color: transparent; */
 
}

.infographicOuter {
 
 height:16rem;
 margin:2rem 0 0 0;
 
}

.infographicInner {
 
 margin:4rem 0 0;
 width:100%;
 text-align: center;
 /* background-image: linear-gradient(to bottom, transparent 42%, white 42%); */
 
}

.infographicInner img {
 
 
 display: none;
 
 
}

.infographicInner img { 
 
 width:80%;
 
}


.infographicInner img:nth-child(n+2) { 
 
 
 width:auto;
 
}




#infographicLeft, #infographicRight {
 
 position: absolute;
bottom:0;
 margin:0 0 -2rem 0;
 padding:0;
 border:0;
 z-index: 1;
 
 
}


#infographicLeft {
 
 left:0;
 
}

#infographicRight {
 
 right:0;
 
}



/********** donor wall ***********/


  
    
.container#donors {
 
 
}




.container#donors h4 {
 
font-size:1rem;
color:#3172ae;
text-align: left;
margin:3rem auto 1rem;

}

.container#donors li {
 
font-size:1rem;
color:#333;
font-weight: 500;
list-style-image: url(http://image.e.tufts.edu/lib/fe9e13727664067f74/m/6/561c7ce6-080d-4151-896e-b1cce2a37d52.svg);
padding-left:1rem;


 
}



.paragraph_indent {
 
 margin-left:3.25rem;
 margin-top:0.5rem;
}


.container#donors img {
 
 margin:0 auto 2rem;
 display: block;
 width:100%;
}

.container#video-section {
 
 padding-top: 3rem;; /*** set initial value ***/
padding-bottom:8rem;
}




.video-container {
    position: relative;
    width: 90%;
    margin: auto;
    padding-bottom: 51%;
    height: 0;
}

.container#video-section iframe {
 
 margin:0 auto 2rem;
   position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
 
}

.container#video-section p {
 
 margin:auto 0 1rem;
text-align: center;
 
}

.container#donors div {
 
 padding:0 3rem;
 margin:0 auto;
 
}


 .articleGridwrapper2 {
  display: inline-grid;
  grid-template-columns: 50% 50%;
  grid-gap: 1.5%;
 
}


.articleGridwrapper2 .articleGridcol{
  padding-top:0 !important;
  background-color:#F0F0F0;
 background-image:url("http://image.e.tufts.edu/lib/fe9e13727664067f74/m/6/5246a692-1412-473b-8088-7db8d2543444.png");
 background-repeat: no-repeat;
 background-position: bottom;
}




/********** footer ***********/


.container#learnmore div:first-child {
 
padding: 3rem 3% 3rem;
 
 
}

.footerImg {
 
width:16rem;
padding-top:0.8rem;

 
}

.container#learnmore p, .container#learnmore ul {
 
 color:#fff;
}

.container#learnmore h4, .container#learnmore h2 {
 
 color:#ffffff;
}

.container#learnmore h4:last-of-type {
 
 margin:3rem 0 2rem 0;
}

.container#learnmore h4 {

 text-align: left;
 font-weight:400;
 
}

.container#learnmore h2 {

margin: 0 0 2rem 0;
 
}




/********** triptych ***********/

#profiles h4 {
 
 
}

#giving h4 {

margin-top:0;
 margin-bottom:0.5rem;
font-weight:600;
}


.container#profiles {
 
 
 background-image: url(https://image.e.tufts.edu/lib/fe9e13727664067f74/m/11/80b3400c-bc31-40d0-afe0-76c465c8f614.jpg);
 background-repeat: no-repeat;
 background-size: cover;
 background-position: 0 20rem;
}


.flex-grid {
  display: flex;
  position: relative;

 padding:2rem;
  
}

.col {
  flex: 1;
  padding:0; 
  clear:both;
  margin:0.5rem 0.26rem;
  position: relative;
  font-size:1rem;
  font-weight:400;
   font-family: "proxima-nova", "sans-serif";
  line-height:1.5;
  background-color:white;

  
}

.col p {
 
 margin-top:0;
 padding:0 2rem 1rem 2rem;
}

.col h6 {
 
 margin-top:-3rem;
 padding:0 2rem 0 2rem;
 line-height: 1.7;
}



.col img {
 
 width:100%;
 display:block;
 margin:0 auto;
}

.col div{  /*** names ***/
 
 
 margin:-4rem auto 1rem;
 position: absolute;
 top:0;
 text-align: center;
 width:100%;
 font-size:1.3rem;
 font-weight:600;
  
}


.col.story div.name,.col.impact div.name{  /*** names ***/
 
 
 margin:-3rem auto .5rem;
 position: relative;
 top:0;
 text-align: center;
 width:100%;
 font-size:1.3rem;
 padding-top: .5rem;
 font-weight:600;
  
}

#tripytchLeftStories, #tripytchRightStories, #mobileTripytchLeftStories, #mobileTripytchRightStories, #tripytchLeftImpact, #tripytchRightImpact, #mobileTripytchLeftImpact, #mobileTripytchRightImpact, #smLeft, #smRight  {
 
 position: absolute;
 top:50%;
 margin:-2.083rem 0.5rem 0;
 padding:0;
 border:0;
 z-index: 1;
 
 
}

#tripytchLeftStories, #mobileTripytchLeftStories, #tripytchLeftImpact, #mobileTripytchLeftImpact, #smLeft {
 
 left:0;
 
}

#tripytchRightStories,  #mobileTripytchRightStories, #tripytchRightImpact,  #mobileTripytchRightImpact, #smRight {
 
 right:0;
 
}

#tripytchLeftStories img, #mobileTripytchLeftStories img,  #tripytchRightStories img,  #mobileTripytchRightStories img, #tripytchLeftImpact img, #mobileTripytchLeftImpact img,  #tripytchRightImpact img,  #mobileTripytchRightImpact img,  #smRight img,  #smLeft img {
 
 display:block;
 
 
}

#smRight img,  #smLeft img {
 
  margin:0 -1.5rem;
 
}


#mobileTripytchLeftStories, #mobileTripytchRightImpact, #mobileTripytchRightStories, #mobileTripytchLeftImpact {
 
 display:none;
 
}

.container#giving {
 
 position: relative;
 
}






.col {
 
 
}

.hidden {
 
  opacity: 0;
  transition-timing-function: linear, step-end;
 
  
}



.longBottom {
 
 margin-bottom:0;

 }

#SM {
 
 display: grid;
 grid-template-columns: 20% 80%;
 background-color:#3172ae;

 
}

.border {
    margin: 0 auto;
    border-top: 1px solid #ffffff;
    width: 93%;
    background-color: #3172ae;
}

.disclaimer {
    color: #ffffff;
    font-size: 12px;
    padding: 2rem;
    display: block;
    background-color: #3172ae;
    font-family: "proxima-nova", "sans-serif";
}

#SM div{
 
 padding:2rem;
}

#SM div:last-child {
    display: flex;
    text-align: right;
    padding-top: 3rem;
    justify-content: flex-end;
}



#SM div a:last-child  img:last-child {
 
 width:90px;
 margin-right:0;
 
}



#SM div:last-child  img {
 
 width:32px;
 margin-right:0.5rem;
 
}

footer.container {
    background-color: #3172ae;
}

footer hr {
    border: 1px solid #ffffff;
    width: 80%;
}

footer a:hover {
color: #ffffff;
}

.set4 .profileArticle.right .copy {
margin-top: 2rem;
flex: 0 1 800px;
}

h2#centers {
    padding-top: 3rem;
}

.expand.left {
    padding: 1.5rem 4.9rem 1.9rem 10%;
}



/*********** MOBILE ************/

@media screen and (max-width: 400px)  {
.slider-p {
    padding: 0rem 1.7rem 0;
}
  .footerImg {

    width:100%;

  }

}





@media screen and (max-width: 700px)  {
.imgContainer2 {
    width: 84%;
}
.imgContainer2 img {
width: 100%;
max-width: 820px;
}
  
.imgCaption {
align-self: flex-start;
max-width: 400px;
}

.profileArticle .copy {
flex: 0 1100%;
}

  #smRight img, #smLeft img {
   margin: 0 -.75rem;
 }


.profileArticle .imgContainer {
  padding-top: 0;
    width: 100%;
    vertical-align: middle;
    padding-bottom: 2rem;
    flex-basis: 374px;
    padding: 3rem 5% 5% 11%;
}

 
 .container {
  
 }
 
 body {
  
  width:100%;
  background-color:#fff;
  
 }
 
 article, section {
  
 width:100%;
  
 }
 
 .articleGridwrapper2 {
  
 display: block;
 }
 
 .articleGridcol {
  
 }
 
 .articleGridwrapper {
  
  grid-template-columns:50% 50%;
  
 }

 .container#donors div {
  
  padding:5%;
 }
 
 .container#donors div:first-child {
  
  margin-bottom:2rem;
 }
 
 .profileArticle {
  
  display: block;
  padding-right: 0;
  padding-left: 0;
 }

 .profileArticle .imgContainer {
  width:100%;
  order: 2;
  padding: 1rem 2rem 1rem;
}
 

 .profileArticle .copy, .profileArticle.right .copy{
  
 order: 1;

  padding:1rem 2rem 4rem
 }


 

 
#profiles #wrap {
 
 

 padding: 0 2.7rem 4rem;
 
}

 .quoteSize {
  
  width:95%;
  
 }
 
  .flex-grid {
    display: block;
  }
 
 #coverBG {
  
  background-position:  right -400px center;
  
 }

 h1 { 
  font-size:2rem
 }
 
 #coverBG h2 {
  
  font-size:1.2rem
 }
 
 .sectionButton {
  
  margin:0.25rem auto;
 }
 .previous {
  
  margin-right:0;
 }
 .col {
  
  margin-top:6rem;
 }

 
 .col div {
  
  margin:-4rem auto 1rem;
  
 }
 


 .subhead {
  
  margin:0.5rem 2rem 2rem 2rem;
 }

.infographicOuter {

height:5rem;

}
 
.infographicInner {

margin:1rem auto 0;
width:80%;
 
}
 
 .infographicInner img:first-child {
  
  /*max-width:40% !important;*/
 }
 
 .infographicInner img {
  
  max-width:90%;
 }

 
 #sigContainer {
  
  display: flex; 
 flex-flow: column-reverse;

  
 }
 
 .container#letterBG .sig p {
  
  /*margin: 0 2rem 1rem;*/
  
 }
 
 .container#letterBG .sig img {
  
  margin:1rem 0 0 1rem;
 }
 
 .container#donors {
  
  padding-top:4rem;
 }
 
 .container#donors h4 {
  
  padding-top:2.5rem;
  margin-top:0;
 }
 

blockquote {

width:80%;
padding:5rem 1.5rem 1rem;

}

.col p {

padding-bottom:1rem;

}

.col.story p, .col.impact p {
  padding-top: 1rem;
}
 
 .col a {
  padding-bottom:2rem;
 }
 
.longBottom {
 
 margin-bottom:3rem;

 }
 
.quoteBG,.socialBG {
  text-align: center;
 }
 
 
 #smPost iframe {
  
  width:100% !important;
 }
 
  h2 {
 
 font-size:1.8rem;
 margin:3rem 0.25rem 0;
 
}
 
 h3 {
  
  font-size:1.5rem;
  line-height:1.4;
  margin-top: 3rem;
  
 }
 
 .container#letterBG .sig p {
  
  margin-top:1rem;
 }
 
 .sig img {
  
  width:80%;
 }
 
 .readMore span {
  
  font-size:1rem;
  display:block;
  width:6rem;
  text-align:center;
  padding:0.5rem;
 }
 
 .expand {
  
  padding-left:2rem;
 }
 
 .expandR {
  
  
  padding-left:2.2rem;
 }
 
 
 
 #SM {
 
 grid-template-columns: 100%;
  

 
}

 #SM div:last-child {
  
 
  text-align:left;
  padding-top:0;
 
 }

 
}



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

.expand.left {
    padding: 1rem 2rem 1rem;
}

.profileArticle .imgContainer {
padding: 1rem 2rem 1rem;
width: 80%;
}

/*
.set5 .profileArticle .imgContainer {
padding: 1rem 2rem 5rem;
}
*/

.profileArticle {
justify-content: start;
}

.profileArticle .copy {
    padding: 1rem 2rem 1rem;
    flex: 1 1 316px;
}

.imgContainer2 {
   padding: 1rem 2rem 1rem;
   align-items: start;
   flex: 1 1 941px;
}



}


@media screen and (max-width: 1024px) and (orientation : landscape)  {


.infographicInner img {

 margin:0 auto;

 
}

.infographicOuter {

height:9rem;

}
 
.infographicInner {

margin:1rem auto 0;

}
 
 .container#donors {
  
  margin-top:0;
 }

.container#giving h4 {

margin:1rem 0.5rem 0;
font-weight:600;
}
 
#donors div h4:first-of-type{
  
  padding-top:6rem;
 }
 
 .articleGridcol h4 {
  padding-top:2rem !important;
 }

.container#donors h2 {
 margin:8rem 0.5rem 0rem;
}

.col img {
 //width:33%;
 width: 100%;
float:left;
clear:both;
margin-right:1rem;
}

.col p {
padding:2rem 1rem;
}
 
.col h6 {
  padding-top:1rem;
     margin-top:0;
 }
 
.profileArticle .imgContainer {
width:40%;
 }
 
.previous{
 margin-right:0.5rem;
}
 
  .articleGridwrapper {
  grid-template-columns:25% 25% 25% 25%;
 }
 
#SM {
 grid-template-columns: 20% 80%;
}

 #SM div:last-child {
  text-align:right;
  padding-top:3rem;
 
 }


}

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

#SM {
    display: flex !important;
    background-color: #3172ae;
    flex-direction: column;
    align-items: center;
}

}


/* AW modified CSS for 2025 ENG report */
*, html, body {
  color: #000000;
  font-family: "proxima-nova", sans-serif;
}
#coverBG {
  background-image: url(https://image.e.tufts.edu/lib/fe9e13727664067f74/m/1/760a4d97-25e3-4baa-8def-ecc664fecebc.jpg);
}
.profileArticle {
  max-width: none;
  padding-right: 0;
 align-items: flex-start;
}
.profileArticle.right {
  padding-left: 0;
}
.profileArticle .copy, .profileArticle.right .copy {
  padding-left: 3rem;
  padding-right: 3rem;
}
.profileArticle .imgContainer {
  padding-left: 0;
  padding-right: 3rem;
}
.profileArticle.right .imgContainer {
  padding-left: 3rem;
  padding-right: 0;
}
h2, h3, h4 {
  text-transform: none;
  font-weight: 700;
 line-height: 1.1;
}
.white em {
  color: #FFFFFF;
}
.white a, .white a:link, .white a:visited, .white a:hover, .white a:active {
  color: #FFFFFF;
 text-decoration: underline;
}
.black, .black em {
  color: #000000;
}
.black a, .black a:link, .black a:visited, .black a:hover, .black a:active {
  color: #000000;
 text-decoration: underline;
}
.readMore span {
  background-color: #FFC72C;
}
.readMore {
  border-bottom: 5px solid #FFC72C;
}
.expand, .expand.left, .expand.right {
  max-width: none;
  padding-left: 3rem;
  padding-right: 3rem;
}
h2#centers {
  padding-top: 0;
}

/*CSS for IDs: letterBG, letterBG2, letterBox - copied from stylesheet and converted to classes*/
.container.letterBG h2#selected { margin-top: 3rem; }
.letterBG { background: linear-gradient(to right, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(237,237,237,1) 100%); background-color: white; }
.letterBG2 { background: linear-gradient(135deg, #FFFFFF, #D7ECFD); background-color: white; }
.container.letterBG p { }
.container.letterBG h2 { margin-top: 0; margin-left: 0; margin-right: 0; }
.container.letterBG .sig { vertical-align: bottom; }
.container.letterBG .sig p { margin-top: 8rem; }
.letterBox em { font-size: .75rem; }
.container.letterBG .letterBox { padding: 0; }
.container.letterBG .sig img { display: block; margin: 2rem 3rem 0; }
.letterBG img, .letterBG2 img { max-width: 850px; width: 100%; }
.container.letterBG2 p { }
.container.letterBG2 h2 { margin-top: 0; margin-left: 0; margin-right: 0; }
.container.letterBG2 .sig { vertical-align: bottom; }
.container.letterBG2 .sig p { margin-top: 8rem; }
.container.letterBG2 .letterBox { padding: 0; }
.container.letterBG2 .sig img { display: block; margin: 2rem 3rem 0; }
.container#letterBG .sig img { margin-top: 0px; }

/*Carousel background colors*/
.carousel-1 {
  background-color: #1A5532;/*green*/
}
.carousel-2 {
  background-color: #002E6D;/*dark blue*/
}
.carousel-3 {
  background-color: #AA0061;/*magenta*/
}
.carousel-4 {
  background-color: #5E4B3C;/*tufts brown*/
}
.carousel-5 {
  background-color: #8C4799;/*purple*/
}

/**/
.container.letterBG .letterBox, .container.letterBG2 .letterBox {
  padding: 50px 0px 10px 0px;
  max-width: 700px;
  margin: 0 auto;
}
.sigContainer {
  width: 100%;
  max-width: 700px;
  margin: 0 auto;
  overflow: hidden !important;
}
article {
  overflow: auto;
}
.container-700 {
  max-width: 700px;
  margin: 0 auto;
}
.profileArticle, .profileArticle.right {
  margin-top: 0;
  padding: 0;
}
.profileArticle .copy, .profileArticle.right .copy {
  width: 350px;
 padding: 30px 0;
 margin: 0;
 flex: 1 1 350px;
}
.profileArticle .copy p {
  padding-right: 30px;
 padding-left: 0px;
}
.profileArticle .copy p:first-child {
  margin-top: 0;
}
.profileArticle.right .copy p, .profileArticle.right .copy h3 {
  padding-left: 30px;
 padding-right: 0px;
}
.profileArticle .imgContainer, .profileArticle.right .imgContainer {
  width: 350px;
 padding: 30px 0;
 margin: 0;
 flex-basis: 350px;
}
.profileArticle .imgContainer img, .profileArticle.right .imgContainer img {
  max-width: 350px;
}
.container-700 h2, .container-900 h2 {
  margin-left: auto;
 margin-right: auto;
 padding: 0 20px;
}
.container-700 .slider-p, .container-900 .slider-p {
  padding: 0 20px;
}
.imgCaption {
  margin: 0;
 padding: 10px 0 0 0;
}
.border-bottom-yellow {
  border-bottom: 5px solid #FFC72C;
}
.readMore {
  border-bottom: none;
}
.copy-hidden-content-container {
  width: 100%;
}
.hidden-content p:first-of-type {
  margin-top: 0;
}
.toggle-button {
  background-color: #FFC72C;
  padding: 0.5rem 2rem 0.25rem 2rem;
  font-size: 1.25rem;
  color: #333;
  border: 0;
  float: right;
 margin: 0;
}
.container-700 .profileArticle .copy.copyHasReadMore, .container-700 .profileArticle.right .copy.copyHasReadMore, .container-900 .profileArticle .copy.copyHasReadMore, .container-900 .profileArticle.right .copy.copyHasReadMore {
  padding-bottom: 0px;
}
.mb-0 {
 margin-bottom: 0;
}
.footer-logo-social-container {
  background-color: #3172ae;
  margin: 0;
  padding: 0;
}
#SM div {
  padding: 0;
}
footer div.footer-logo-social-container div#SM.SM {
  padding: 0;
}
.footer-logo-social-container .SM .footer-logo-container {
  padding-left: 0;
}
.footer-logo-social-container .SM .footer-social-container {
  padding-right: 0;
}
.border{
  width: 100%;
  max-width: 700px;
}
.disclaimer {
  padding-left: 0;
  padding-right: 0;
}
h3.alignHeaderOverCol {
  margin-left: 350px;
  padding-left: 30px;
  padding-top: 30px;
}
h3.alignHeaderOverCol-Left {
  margin-left: 0;
  padding-left: 0;
  padding-top: 30px;
}
h2#inspirational {
  padding-bottom: 15px;
}
.container-900 {
  max-width: 900px;
  margin: 0 auto;
}

/*CSS for carousel slides*/
.fade-in-element {
  animation-name: SlideFadeIn;
  animation-duration: 0.5s;
  animation-timing-function: ease-in-out;
}
@keyframes SlideFadeIn {
  0% {opacity: 0;}
  1% {opacity: 0;}
 50% {opacity: 0.5;}
  100% {opacity: 1;}
}
/*end of CSS for carousel slides*/

/*Back to top CSS*/
html {
  scroll-behavior: smooth;
  overscroll-behavior: none;
}
.hideBackToTop {
  display: none;
  opacity: 0;
  animation: FadeOut 0.75s ease-in-out;
}
#backToTopImg {
  position: fixed;
  bottom: 20px;
  right: 30px;
  z-index: 9999;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 0;
  margin: 0;
  width: 70px;
  height: 70px;
  display: none;
  opacity: 0;
  animation: FadeOut 0.75s ease-in-out;
  &.show {
    display: block;
    opacity: 1;
    animation: FadeIn 0.75s ease-in-out;
  }
}
@keyframes FadeIn {
  0% {display: none; opacity: 0;}
  1% {display: block; opacity: 0;}
  100% {opacity: 1;}
}
@keyframes FadeOut {
  0% {display: block; opacity: 1;}
  99% {display: block; opacity: 0;}
  100% {display: none; opacity: 0;}
}
@media screen and (max-width: 480px) {
  #backToTopImg {
    bottom: 15px;
    right: 15px;
    width: 40px;
    height: 40px;
  }
}
/*end of Back to top CSS*/


/*CSS for 900px and lower*/
@media screen and (max-width: 900px) {

  .profileArticle .copy p {
    padding-left: 30px;
  }
  .profileArticle .imgContainer {
    width: 100%;
  }
  .profileArticle .imgContainer img {
    width: 100%;
    max-width: none;
  }
  .imgCaption {
    max-width: 315px;
  }
  .profileArticle.left .imgContainer {
    padding-right: 30px;
    padding-left: 0px;
  }
  .profileArticle.right .imgContainer {
    padding-right: 0;
    padding-left: 30px;
  }
  .profileArticle.right .copy {
    padding-right: 30px;
  }
  .toggle-button {
    margin-right: 30px;
  }
  .hidden-content p {
    padding-left: 30px;
    padding-right: 30px;
  }
  h3.alignHeaderOverCol {
    margin-left: 0;
    text-align: center;
  }
  h3.alignHeaderOverCol-Left {
    text-align: center;
  }
  .profileArticle.slideNoImg .copy h3, .profileArticle.slideNoImg .copy p {
    padding-left: 30px;
    padding-right: 30px;
  }
}


/*CSS for 759px and lower*/
@media screen and (max-width: 759px) {

  .container#letterBG .sig p {
    margin-top: 0;
  }
  .container.letterBG .sig p {
    margin: 0 30px;
  }
  .container.letterBG .sig img {
    margin: 1rem 0 0 1rem;
  }
  .container.letterBG .letterBox, .container.letterBG2 .letterBox {
    padding: 50px 30px 50px 30px;
  }
  .profileArticle .copy, .profileArticle.right .copy {
    width: 100%;
   padding: 0px;
 }
  .profileArticle .copy h3, .profileArticle .copy p {
    padding-right: 30px;
    padding-left: 30px;
  }
  .profileArticle.right .copy h3, .profileArticle.right .copy p, .profileArticle.right .expand p, .hidden-content p {
    padding-left: 30px;
   padding-right: 30px;
  }
  .profileArticle .copy h3 {
    margin-top: 0;
  padding-top: 30px;
  }
  .profileArticle.right .copy h3 {
    padding-top: 0px;
  }
  .profileArticle .imgContainer, .profileArticle.right .imgContainer {
    width: 100%;
  }
  .profileArticle.left .imgContainer, .profileArticle.right .imgContainer {
    padding-right: 0;
   padding-left: 0;
  }
  .profileArticle .imgContainer img, .profileArticle.left .imgContainer img, .profileArticle.right .imgContainer img {
    max-width: none;
  margin: 0 auto;
  width: 90%;
  }
  .imgCaption {
    padding: 10px 0px 10px 0px;
    max-width: none;
  }
  .imgContainer .imgCaption {
    padding-left: 30px;
  padding-right: 30px;
  }
  .container-700 .slider-p, .container-900 .slider-p {
    padding: 0 30px 0 30px;
  }
  .toggle-button {
    margin-right: 30px;
  }
  .copy ul {
    padding-left: 50px;
    padding-right: 30px;
    padding-bottom: 30px;
  }
  .SM .footer-logo-container {
   padding: 0;
  text-align: center;
  }
  footer .footer-logo-social-container #SM.SM .footer-social-container {
    padding-bottom: 3rem;
  }
  .disclaimer {
    padding-left: 30px;
    padding-right: 30px;
    width: 50%;
  }
  .profileArticle.right .imgContainer.pb-0-mobile {
    padding-bottom: 0px;
  }
  .profileArticle .copy p:first-child {
    margin-top: 18px;
  }
  h3.alignHeaderOverCol, h3.alignHeaderOverCol-Left {
    margin-left: auto;
    margin-right: auto;
  margin-top: 0;
    padding-left: 20px;
    padding-right: 20px;
    text-align: center;
  font-size: 1.7rem;
  }
  .container-700 .profileArticle .copy h3, .container-900 .profileArticle .copy h3 {
    font-size: 1.7rem;
  }
  .container.letterBG .letterBox.pb-0-mobile {
    padding-bottom: 0;
  }
  h2#advancement, h2#centers, h2#inspirational {
    padding-bottom: 15px;
  }
  .pb-15-mobile {
    padding-bottom: 15px;
  }
  .alignCenter-mobile {
    text-align: center;
  }

}


/*CSS for 480px and lower*/
@media screen and (max-width: 480px) {
  
}