/**
 * file style sheet for all stories, all alumni stories, all spotlight views to  have the same look as original design
*/

/*#grid view */



td.col-1, .col-2, .col-3 {
    float: left;
    margin-right: 10px;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-top: 10px;
    overflow: hidden;
    zoom: 1;
    width: 226px;
    overflow: hidden;
    font-size: 0.92857em;
    line-height: 1.28571em;
    color: #646464;
    position: relative;
    padding-bottom: 45px;
    background-color: #efefef;
    }
@media all and (max-width: 480px){
td.col-1, .col-2, .col-3, .col-last{
    width: 100%;
    height: auto;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
   }
}
td.grid-view-story {
    height: 353px;
    background-color: #efefef;
}

@media all and (max-width: 480px){
td.grid-view-story {
    height: 450px;
    background-color: #efefef;
}
}

td.grid-view-alumni {
    height: 488px;
    background-color: #efefef;
}
td.grid-view-spotlight {
    height:379px;
    background-color: #efefef;
}

@media all and (max-width: 480px){
td.grid-view-spotlight {
    height: 450px;
    background-color: #efefef;
}
}

td.col-last {
margin-right: 0px;
}
span.field-story-type {
    display: block;
    font-size: 0.5em;
    line-height: 2em;
    font-weight: bold;
    text-transform: uppercase;
    font-style: normal;
}

h2.story-title, .alumnistory-title {
    margin-right: 10px;
    margin-left: 10px;
    margin-top: 12px;
    font-size: 1.6em;
    line-height: 1.16667em;
    font-family: Helvetica, Arial, "Nimbus Sans L", sans-serif;
    font-weight: bold;

}

.spotlight-teaser, .alumnistory-teaser{
line-height: 1.42857em;
margin-right: 10px;
margin-left: 10px;
margin-top: 10px;
}


.homecountry-lable, .program-label{
    color: #353535;
    font-weight: bold;
    font-size: 0.8em;
    line-height: 1.66667em;
    text-transform: uppercase;
    margin-right: 10px;
    margin-left: 10px;
}
.alumnistory-occupation{
  font-style: italic;
  font-size: 0.93333em;
  line-height: 1.46667em;
  color: #353535;
  margin-bottom: 0px;
  margin-right: 10px;
  margin-left: 10px;
  }
.homecountry-field, .program-field,.alumnistory-homecountry-field, .alumnistory-program-field {
    color: #353535;
    padding-top: 0;
    font-size:  1em;
    margin-right: 10px;
    margin-left: 10px;
    line-height: 1.42857em;
}
.program-label, .homecoumtry-label, .alumnistory-program-field, .alumnistory-homecountry-field{
font-weight: bold;
}


h2.spotlight-title {
    font-size: 1.21429em;
    line-height: 1.21429em;
    margin-bottom: 0;
    font-family: "Proxima Nova",Helvetica,sans-serif;
    font-weight: 600;
    margin-right: 10px;
    margin-left: 10px;
}

.media-images {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 210px;
    height: 40px;
    border-top: 1px dotted #d8d8d8;
    background-color: #efefef;
    padding: 0 10px;
    float: right;
}

@media all and (max-width: 480px){
.media-images{
    width: 100%;
    padding-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 10px;
   }
}


.media-images .Photo-Gallery {
    text-indent: -9999em;
    line-height: 10000px;
    overflow: hidden;
    text-align: left;
    display: block;
    background-position: -12px -307px;
    height: 16px;
    width: 20px;
    background-image: url(../images/icons-sf44c2847b2.png)!important;
    background-repeat: no-repeat;
    background-color: transparent;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.media-images .Highlight {
    text-indent: -9999em;
    line-height: 10000px;
    overflow: hidden;
    text-align: left;
    display: block;
    background-position: -19px -749px;
    height: 15px;
    width: 13px;
    background-image: url(../images/icons-sf44c2847b2.png)!important;
    background-repeat: no-repeat;
    background-color: transparent;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.media-images .Video {
    text-indent: -9999em;
    line-height: 10000px;
    overflow: hidden;
    text-align: left;
    display: block;
    background-position: -12px -450px;
    height: 19px;
    width: 20px;
    background-image: url(../images/icons-sf44c2847b2.png)!important;
    background-repeat: no-repeat;
    background-color: transparent;
    float: right;
    margin-top: 10px;
    margin-right: 10px;
}

.pager__item a {
  margin-left: 30%;
  display: block;
    font-size: 13px;
    font-weight: bold;
    width: 186px;
    height: 38px;
    text-indent: 50px;
    line-height: 29px;
    background: url(../images/buttons-s729c2a5684.png) -254px -1541px no-repeat;
}
@media all and (max-width: 480px){
.pager__item a {
  margin-left: 15%;
  display: block;
    font-size: 13px;
    font-weight: bold;
    width: 186px;
    height: 38px;
    text-indent: 50px;
    line-height: 29px;
    background: url(../images/buttons-s729c2a5684.png) -254px -1541px no-repeat;
}
}

ul.pager--infinite-scroll {
    list-style-type: none;
}
@media all and (max-width: 480px){
 .img-field img{
    width: 100%;
   }
}