@charset "utf-8";
/* CSS Document */
ol.carousel-indicators { display: none; }
p.small-caption-right { color: #fff; text-align: right; font-size: 0.55em !important; }
.margin-top-55px { margin-top: 55px !important; }
.margin-bot-55px { margin-bottom: 55px !important; }
.parallax-window { min-height: 400px; background: transparent; }
h2.oswald.center.bot { font-size: 24px !important; font-weight: 400; text-shadow: 0 0 5px rgba(0, 0, 0,1); }
.red-overlay { background-color: rgba(204,11,42, 0.8); color: #fff; height: 100%; }
.uppercase, h2#scrollTome { text-transform: uppercase; }
.fwImage1 img, .fwImage2 img { width: 100%; }
a.closeIt:hover { text-decoration: none; }
.overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 9000; background-color: rgba(0,0,0,0.5); /*dim the background*/ display: none; }
a.closeIt { background: #fff; right: 16px; padding: 1px 12px 10px; font-size: x-large; }
p + a#play-video img { margin-top: 20px !important; }
a#play-video img { margin: 55px 0 !important; }
a.closeIt { z-index: 9900; position: absolute; }

footer address p { margin-bottom: 0 !important; }
.csu-profile-story .article-body h2 { margin-bottom: 25px !important; padding-top: 35px; }
span + h2 { margin-top: 0; }
h2:first-child { padding-top: 0 !important; }
.opaque { opacity: 1 !important; min-height: 90px; padding-top: 9px; max-width: 90%; margin: 0 auto; }
.bio.container { padding-top: 10px; }
.carousel-indicators { top: 500px !important; }
    .carousel-indicators li { width: 11px !important; height: 11px !important; }
.csu-profile-story .csu-profile-info h2, .csu-profile-story .csu-profile-info h1, .csu-profile-story .csu-profile-info p { color: #FFF; position: absolute; width: 100%; }
.csu-profile-story .csu-profile-info, .future .csu-profile-story .csu-profile-info { font-family: 'Oswald'; text-transform: uppercase; text-align: center; text-align: center; width: 100%; text-shadow: 0 0 20px #000; top: -5%; position: relative; }
.csu-profile h2 { font-size: 26px; }
.csu-profile-story p { text-align: left !important; }
    .csu-profile-story p.center.oswald { text-align: center !important; }
div#quote-row p { text-align: center !important; }
.text-cap { text-transform: uppercase; }
span.large-red.text-cap { margin-top: 6px; }

.csu-profile-story .csu-profile-info h1 { bottom: 230px; font-size: 62px !important; font-family: 'Oswald'; font-weight: 500; }
.csu-profile-story .csu-profile-info h2, .csu-profile-story .csu-profile-info p { bottom: 150px; font-size: x-large; }
/*.csu-profile-story .csu-profile-info h3 #bounce-arrow*/ .csu-profile-story .csu-profile-info .bounce { bottom: 50px !important; color: #fff; }

.hero { max-height: 995px; background-repeat: no-repeat; background-size: cover; background-position: center center; color: #fff; }
.fluid-width-video-wrapper { margin-bottom: 55px; margin-top: 55px; z-index: 9999; }
.videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; }
    .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

#quote-row-excerpt .col-md-10 p { margin-bottom: 0 !important; }
.col-md-12.excerpt { text-align: -webkit-left !important; width: 100% !important; line-height: 1.15em; }
.col-md-10 p { max-width: 100% !important; }
h2.leading-quote { text-align: center; }
h2.leading-quote, h4.storyBlurb, .col-md-12.excerpt, h2.byTheNumbers { font-family: 'Oswald'; color: #767679; font-size: 32px !important; font-weight: 500; }
h4.storyBlurb, .col-md-12.excerpt, h2.byTheNumbers { font-weight: lighter !important; width: 80%; text-align: center; }

h2.byTheNumbers { text-transform: uppercase; padding-top: 55px !important; /*border-top: solid 1px #e6e6e6;*/ }
div#stat-row { text-align: center; }
span.large-red.dollar-sign::before { content: "$" !important; }
div#image-row { max-width: 100%; margin-left: -2px !important; }
#image-row .col-md-4, #image-row .col-md-4 img { padding: 0 !important; }
    #image-row .col-md-4 img:nth-child(-n+2) { padding-left: 5px !important; }
span.large-red { color: #cc0b2a; font-size: -webkit-xxx-large; font-size: 48px; /*display: -webkit-box;*/ display: block; margin-top: -10px; font-weight: bold; font-family: 'Oswald'; padding-bottom: 22px; }
.yellow { color: #fecd2f !important; }
.csu-profile-story .article-body img { padding: 0 !important; }
div#stat-row, div#quote-row { border: solid 1px #e6e6e6; padding: 25px 0; border-left: none; border-right: none; margin: 0 auto !important; }

    div#stat-row .col-md-2, div#stat-row .col-md-3, div#stat-row .col-md-4, div#stat-row .col-md-6, div#stat-row .col-md-12 { text-align: -webkit-center; color: #767679; font-size: x-large; padding-top: 12px; }
img.redImgQuote { margin: 20px auto; display: block; }
div#quote-row p { text-align: center; text-align: -webkit-center; margin: auto !important; color: #767679; font-size: xx-large !important; font-family: 'Oswald'; line-height: 40px !important; }
span.glyphicon { position: relative !important; }
.csu-profile-story .ms-rte-embedil { width: 100% !important; }

#moreProfilesContainer .profile-text { padding: 15px 20px; }
    #moreProfilesContainer .profile-text p { font-size: 1.1em; }
    #moreProfilesContainer .profile-text h4 { font-size: 1.35em; }
.carousel-inner img { padding: 0 !important; }
.carousel-control.right, .carousel-control.left { background: transparent !important; }
div#stat-row, div#quote-row, .article-body p, .article-body h1, .article-body h2, .article-body h3, .article-body h4, .article-body h5, .article-body h6 { max-width: 85%; margin-left: auto !important; margin-right: auto !important; }
p { margin-bottom: 55px !important; }

p { margin-bottom: 25px !important; }
a.right.carousel-control, a.left.carousel-control { margin-top: 20%; font-size: 10em !important; color: #fff; }
    a.right.carousel-control:hover, a.left.carousel-control:hover { color: #cc0b2a; }
.carousel-indicators .active { width: 12px; height: 12px; margin: 1px; background-color: #fff; }

/* Future Budget Advocacy Fixes */

.future .csu-profile-story .csu-profile-info .bounce { bottom: inherit !important; font-size: inherit !important; }
.future .bounce { position: initial !important; }
.future .csu-profile-story .csu-profile-info h2 { bottom: 60px !important; }

.outer-div { display: table; /*     position: absolute;*/ min-height: 900px; width: 100%; }
.mid-div { display: table-cell; vertical-align: middle; }
.center-div { margin: 0 auto; /* width: 300px;*/ min-height: 100px; }

/* Bounce Arrow */

.bounce { position: absolute; margin-left: auto; margin-right: auto; padding-right: 10px; bottom: 5%; left: 0; right: 0; -webkit-animation: bounce 1s infinite; -moz-animation: bounce 1s infinite; -ms-animation: bounce 1s infinite; -o-animation: bounce 1s infinite; animation: bounce 1s infinite; }

@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

/* Bounce Arrow */

/*Firefox Only Styling*/
@-moz-document url-prefix() {
    .csu-profile-story .csu-profile-info { top: -7%; }
}

.darrell-jodoin div#excerptSection { display: none; }

/* Per Profile Fixes */

.dr-jeffrey-duncan-andrade h4.storyBlurb { max-width: 66%; }

.anthony-karambelas div#excerptSection { display: none !important; }
.anthony-karambelas h2.byTheNumbers, .anthony-karambelas div#stat-row .col-md-2, .darrell-jodoin h2.byTheNumbers, .darrell-jodoin div#stat-row .col-md-2, .darrell-jodoin h2.byTheNumbers, .darrell-jodoin div#stat-row .col-md-3 { color: #fff; }
.anthony-karambelas div#stat-row { padding: 45px 0; border-top: none !important; border-bottom: none !important; }
    .anthony-karambelas div#stat-row .col-md-2 { font-size: large !Important; }
.anthony-karambelas .hero-w-options { background: URL("/impact-of-the-csu/student-success/Profiles/PublishingImages/AnthonyKarambelas/anthony-fullwidth-2.jpg") no-repeat center center #ccc; }

.james-bowles h2#scrollTome { max-width: 700px; }
.james-bowles h4.storyBlurb { max-width: 860px; }
.jonathan-kelber h2#scrollTome { max-width: 610px; }

.darrell-jodoin h2#scrollTome { text-transform: uppercase; width: 85% !important; color: #2f2f2f; font-size: 32px !important; padding-bottom: 12px; }
.darrell-jodoin .hero-w-options { background: URL("/impact-of-the-csu/student-success/Profiles/PublishingImages/DarrellJodoin/darrell-bythenumbers.jpg") no-repeat center center #ccc; }

@media only screen and (min-device-width : 320px) and (max-device-width : 736px) and (orientation : portrait) {
    .csu-profile-info { margin-top: 280px; }

    .csu-profile-story .csu-profile-info .bounce { top: -50px; }

    .csu-profile-story .csu-profile-info h3 { top: -100px; }
    .csu-profile-story .csu-profile-info h3, .csu-profile-story .csu-profile-info h2 { color: #767679; text-shadow: none; }

    .trustee-awards-profile.profile-page a#prevData { margin-bottom: 15px; }
    .trustee-awards-profile.profile-page a#nextData { margin-left: 0 !important; }
    .trustee-awards-profile.profile-page div#prevNextButtons { text-align: right; }
    .trustee-awards-profile.profile-page select.select-nav { margin-bottom: 35px; }
}

.more-profiles { display: table; }

@media screen and (max-width: 768px) {
    .margin-top-55px { margin-top: 40px !important; }
}


@media (min-width:768px) {
    .profile-link { width: 33%; }
}

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
    .csu-profile-story .csu-profile-info .bounce { bottom: 10px !important; color: #fff; }
    .csu-profile-story .csu-profile-info h3 { bottom: 50px !important; }
}