.ms-rtestate-field p, p.ms-rteElement-P { line-height:  1.4;}
#sectRelatedNews {display: none;}
.section-image { float: left; padding-right: 25px !important; width: 50%; }
.story-layout .title-content { text-align: left; }

.bg-img, .bgimg-1, .bgimg-2, .bgimg-3, .bgimg-4, .bgimg-5 { position: relative; background-attachment: fixed; background-repeat: no-repeat; }
.bgimg-1, .bgimg-3, .bgimg-4, .bgimg-5 { background-size: cover; background-position: center; }
.bgimg-1 { background-image: url("/csu-system/news/PublishingImages/Pages/60th/60th-hero.jpg"); min-height: 90vh; }
.bgimg-2 { background-image: url("/csu-system/news/PublishingImages/Pages/women-filmmakers/ff-1.jpg"); min-height: 90vh; }
.bgimg-3 { background-image: url("/csu-system/news/PublishingImages/Pages/women-filmmakers/ff-2.jpg"); min-height: 90vh; }
.bgimg-4 { background-image: url("/csu-system/news/PublishingImages/Pages/women-filmmakers/ff-3.jpg"); min-height: 90vh; }
.bgimg-5 { background-image: url("/csu-system/news/PublishingImages/Pages/women-filmmakers/ff-4.jpg"); min-height: 90vh; }

.fixed-bg-text { position: absolute; left: 0; top: 35%; width: 100%; text-align: center; color: #000; }

/* Turn off parallax scrolling for tablets and phones */
@media only screen and (max-device-width: 1024px) {
    .bgimg-1, .bgimg-2, .bgimg-3 { background-attachment: scroll; }
}

.fixed-bg.small-bg-left { background-position: 15% 65%; background-size: 35%; }
.fixed-bg.small-bg-right { background-position: 85% 65%; background-size: 35%; }
.fixed-bg-text.right { width: 35%; left: 50%; }
.fixed-bg-text.left { width: 35%; left: 10%; }

@media only screen and (min-width : 992px) {
    .section-image img { width: 100%; }
    .padded-border-top-bot { border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; padding-top: 15px; padding-bottom: 15px; }
    .title-content { padding-left: 5%; }
    .story-layout .title-content.bottom { bottom: 100px !important; }
}

@media only screen and (max-width : 480px) {
    .section { padding-bottom: 0px; }
    .bounce { display: none !important; }
}

.modal-universe .modal-dialog {
    width: 100%;
    margin-top: 5%;
}

.modal-universe .modal-body {
    padding: 5%;
    height: 62vh;
}

.modal-universe .carousel, .modal-universe .carousel-inner {height:100%;}

.section-hero .jarallax-img { z-index: -100; }
.light_Box_Video {cursor: pointer;}
.campus-histories { font-family: "oswald", sans-serif; }

.campus-collection {margin-bottom:55px !important; width:75%;}
.campus-history { position: relative; }
.campus-history.right { text-align: right; }
    .campus-history p { font-size: 18px !important; position: relative; width: 100%; }
    .campus-history img { position: relative; width: 100%; }
    .campus-history .campus-image { display: inline-block; margin: auto 15px; width: 55%; }    
    .campus-history .campus-text { display: inline-block; width: 40%; vertical-align: middle; }
    .campus-history .campus-text.top {vertical-align: top;} 
    .campus-history .campus-text.bottom {vertical-align: bottom;} 
    .campus-history h2 {font-size: 42px !important;}
    .campus-history .campus-image.extend {
        margin-left: -5%;
        width: 60%;
    }
    .campus-history h2.campus-heading {margin-top:10px;}
    .campus-history .width-20p {width:20%;}
    .campus-history .width-25p {width:25%;}
    .campus-history .width-30p {width:30%;}
    .campus-history .width-40p {width:40%;}
    .campus-history .width-45p {width:45%;}
    .campus-history .offset-5p {margin-left:5%;}
    .campus-history .offset-10p {margin-left:10%;}
    .campus-history .offset-15p {margin-left:15%;}
    .campus-history .offset-right-5p {margin-right:5%;}
    .campus-history .offset-right-10p {margin-right:10%;}
    .campus-history .offset-right-20p {margin-right:20%;}
    .campus-history .margin-top--20px { margin-top:-20px; }
    .campus-history .margin-top--55px { margin-top:-55px; }
    .campus-history .margin-top--max { margin-top:-1000px; }
    .campus-heading-mobile, .campus-image-mobile {display:none;}
    .image-caption-text { font-weight: 100; font-style: italic;}
    hr.styled-hr-1 { margin-top: 35px; margin-bottom: 35px; }
    @media only screen and (min-width : 1550px) {
        .campus-collection {width:65%}
    }
    @media only screen and (max-width : 1439px) {
        .campus-collection {width:85%}
    }
    @media only screen and (max-width : 1279px) {
        .campus-history .margin-top--20px { margin-top: 0px; }
    }
    @media only screen and (max-width : 812px) {
        .campus-histories .campus-heading-mobile, .campus-history .campus-image-mobile  {display:block;}
        .campus-history .campus-heading, .campus-history.right .campus-image {display: none;}
        .campus-collection {width:90%}
        .campus-history.right { text-align: left; }
        .campus-history .campus-image, .campus-history .campus-image.extend { margin:0; width: 100%; }    
        .campus-history .campus-text { margin-top:15px; margin-bottom:25px; width: 100%; }
        hr.styled-hr-1 { margin-top:10px;}
        h4.width-25p, h4.width-25p.pull-right {float:left !important; width:90%;}
        
    }

    /* .campus-history img { z-index: -100;}
    @media only screen and (max-width : 812px) {
        .campus-history img { z-index: 1;}
    } */

    /* parallax styles */
  /* .campus-history { background-size: 41%; position: relative; background-attachment: fixed; background-repeat: no-repeat; height:60vh;}
  .campus-history.vertical-image {height: 85vh;}
  .campus-history img{ z-index: -1;}
  .campus-history.left {background-position: 23% 65%; }
  .campus-history.right {background-position: 77% 65%; }
  .campus-history h2.campus-heading { margin-top:55px;}
  .campus-history .campus-text.top.force-top {vertical-align: top;}
  .campus-history.left.bg-offset-5p {background-position: 27% 65%;}
  .campus-history.left.smaller-image.bg-offset-5p {background-position: 24% 65%; background-size: 34%;}
  .campus-history.left.smaller-image-2.bg-offset-5p {background-position: 24% 65%; background-size: 29%;}
  .campus-history.left.smaller-image.bg-offset-10p {background-position: 24% 65%; background-size: 34%;}    
  .campus-history.left.bg-offset-10p {background-position: 33% 65%;}
  .campus-history.left.bg-extend {background-position: 15% 65%; background-size: 45%;}
  .campus-history.right.bg-offset-right-5p {background-position: 73% 65%;}
  .campus-history.right.bg-offset-right-10p {background-position: 67% 65%;}
  .campus-history.right.bg-offset-right-20p {background-position: 53% 65%;}
  .campus-history.right.smaller-image {background-position: 80% 65%; background-size: 34%;}
  @media only screen and (min-width : 1920px) {
    .campus-history { background-size: 40%;}
    .campus-history.right.bg-offset-right-20p { background-position: 57% 65%;}
  }

  @media only screen and (max-width : 812px) {
    .campus-history img{ z-index: 1;}
    .campus-history {background:none !important; }
    .campus-history, .campus-history.vertical-image {height: auto;}
    
  } */