﻿.ms-webpart-titleText.ms-webpart-titleText, .ms-webpart-titleText h2 { font-family: "Open Sans", sans-serif; font-weight: 700; color: #1a1a1a; }
.ms-webpart-titleText h2 { font-size: 2.25em; }

/* General Styles */
a, a:link, a:active, a:focus, a:hover, a:visited, .ms-vb a:visited, .ms-vb2 a:visited, .ms-vb-user a:visited { color: #C30B2A; }

.main-nav .ms-core-listMenu-verticalBox ul.ms-core-listMenu-root li:last-child a.ms-core-listMenu-item.down span.ms-navedit-flyoutArrow { background-image: none; }

.bg-white { background-color: #FFF; color: #2f2f2f; }
.bottom-divider { border-bottom: 2px solid #262626; }
nav li.bottom-divider { padding-top: 15px; margin-bottom: 11px; width: 225px; }

.large-link { padding: 15px; margin: 15px; clear: both; height: 45px; display: block; font-size: 1.5em; font-family: "Open Sans", sans-serif; font-weight: 700; }
    .large-link a:hover { color: #1a1a1a; text-decoration: none; }
    .large-link i { color: #b61029; font-size: 2em; }

.dark-grey-bk { background-color: #F6F6F6; }
.light-grey-bk { background-color: #FBFBFB; }

.display-none, .hidden-var { display: none; }
.strong, .bold { font-weight: bold !important; }
.normal { font-weight: normal; }

.image-wrapper { padding-bottom: 40px; }

.morebutton { margin-top: 40px !important; background-color: #b61029 !important; color: #fff !important; font-size: 1em !important; border: 1px solid #b61029 !important; width: 150px !important; }
.morebuttonnonews { margin-top: 40px !important; background-color: #F7F7F7 !important; color: black !important; font-size: 1em !important; width: 150px !important; font-weight: normal !important; }
ul.mini-bullets, .ms-rtestate-field ul.mini-bullets { padding: 0px; }
    ul.mini-bullets li, .ms-rtestate-field ul.mini-bullets li { background: url("/_catalogs/masterpage/assets/images/bullet.gif") no-repeat left .6em; padding: .5em .1em .5em 1em; list-style-type: none; }
        ul.mini-bullets li a { color: #C30B2A; text-decoration: underline; }

/*News & Events page */
div.news-events main { min-height: 1000px; }

@media(min-width:968px) {
    .news-events aside { width: 21%; }
}

div.news-events main article .article-date { font-size: 1em; color: #1a1a1a; margin-bottom: 15px; }
div.news-events main h4 { font-weight: 700; font-size: 1.36em; color: black; margin-top: 36px; margin-bottom: 24px; }
.news-events aside .white-box .related-article { max-width: 242px; }
div.news-events aside .white-box .related-article .ra-category { margin: 8px 0 8px 0; }
div.news-events aside .white-box .related-article { margin: 26px 0; border-bottom: 1px solid #ddd; }

/* BRANDING - allow container to take up full width so left margin is always left aligned with logo*/
.container { width: 100% !important; }

header, footer .container { max-width: 1500px; }
.container main { padding-left: 100px; /*overflow: hidden;*/ max-width: 1170px; }

.container aside { /*overflow: hidden;*/ }
.branding-pad-left { padding-left: 100px !important; }
.branding-pad-right { padding-right: 60px !important; }

@media (min-width:768px) {
    #homepageSpotlight .container { width: 750px !important; }
    footer address h1 { text-align: center !important; }
    .page-with-left-nav .container main { padding-left: 55px; /*overflow: hidden;*/ max-width: 1170px; }
    div#contentRow .news-events main article img.pull-right { height: 140px; }
    div#contentRow .news-events main article img.pull-left { height: 265px; }
}

@media (min-width:992px) {
    #homepageSpotlight .container { width: 970px !important; }
    footer address h1 { text-align: center !important; }
    div#contentRow .news-events main article img.pull-left { height: 300px; }
}

@media (min-width:1200px) {
    #homepageSpotlight .container { width: 970px !important; }

    footer address h1 { text-align: left !important; }
    div#contentRow .news-events main article img.pull-right { height: 220px; }
    div#contentRow .news-events main article img.pull-left { height: 280px; }
}

.breadcrumb-wrapper .container,
footer .container,
.error-page { padding-left: 100px; }

footer .ms-core-listMenu-horizontalBox ul,
footer .ms-core-listMenu-horizontalBox li,
footer .ms-core-listMenu-horizontalBox .ms-core-listMenu-item,
footer .ms-core-listMenu-horizontalBox > ul > li > table { display: block; }

@media (max-width:768px) {
    div.container main { padding-left: 10px; padding-right: 10px; overflow: inherit; }
    div.branding-pad-left { padding-left: 10px !important; }
    div.branding-pad-right { padding-right: 10px !important; }

    div.breadcrumb-wrapper .container,
    footer .container,
    .error-page { padding-left: 10px !important; }
}

/*Branding Overrides */

#s4-workspace { -webkit-overflow-scrolling: touch; }

.PageIsInEditMode main input, .PageIsInEditMode main input[type="text"], .PageIsInEditMode main input[type="email"], .PageIsInEditMode aside input, .PageIsInEditMode aside input[type="text"], .PageIsInEditMode aside input[type="email"] { border: 1px solid #ddd; border-radius: 2px; padding: 2px 5px; margin-bottom: 5px; width: 100%; color: #121212; }
/* webpart titles */
.bottom-panels h2, .bottom-panels h2.ms-webpart-titleText, .bottom-panels h2.ms-webpart-titleText > a,
h2.ms-webpart-titleText, h2.ms-webpart-titleText > a,
div.news-events aside h2, div.news-events aside h2.ms-webpart-titleText, div.news-events aside h2.ms-webpart-titleText > a,
div.news-events.generic aside h2, div.news-events.generic aside h2.ms-webpart-titleText, div.news-events.generic aside h2.ms-webpart-titleText > a { font-family: "Open Sans", sans-serif; color: #1a1a1a; margin: 0; font-size: 1.5em !important; line-height: 1.3em !important; margin-bottom: 20px; font-weight: 700; overflow: hidden; text-overflow: ellipsis; }
div.news-events aside .related-article h2 { font-size: 1em !important; line-height: 1.15em !important; }

a.footer-link, a.footer-link:visited { font-size: 0.9375em; color: #fff; line-height: 27px; }

.ms-summaryLinksToolbar img { width: auto !important; }

/* right navigation styling */
aside ul { list-style: none; padding: 0; }

    aside ul li { padding: 6px 0; }

        aside ul li, aside ul li a { font-size: 1em; }

    aside ul.horiz-list li { float: left; }

/*Spotlight, campuses, and twitter corrections */

#ulSpotlight { display: inline-block; }
#selectSpotlight { display: none; }

@media (max-width: 480px) {
    #ulSpotlight { display: none; }
}

div.campuses div { padding: 0; margin: 0; }

.campuses .list-single ul { display: block; width: 50%; float: left; list-style: none; padding: 0; }

    .campuses .list-single ul li { line-height: 27px; display: block; width: 100%; float: none; color: #262626; text-decoration: none; }
        .campuses .list-single ul li a, .campuses .list-single ul li a:link, .campuses .list-single ul li a:visited { color: #262626; text-decoration: none; }

@media (max-width: 992px) {
    div.campuses .list ul li { display: block; float: left; width: 170px; }

    div.campuses .list-single ul li { display: block; width: 170px; }
    .campuses .list-single ul { display: block; width: auto; float: left; list-style: none; padding: 0; }
}

.PageIsInEditMode #tweets { overflow: hidden; }

.twitter-zone .ms-webpart-zone .ms-WPBody { width: 265px !important; }

@media (max-width: 992px) {
    .twitter-zone .ms-webpart-zone .ms-WPBody { width: 100% !important; }
}

.ms-rtestate-field h1, h1.ms-rteElement-H1, .ms-rtestate-field h2, h2.ms-rteElement-H2 { color: inherit; }
#WebPartWPQ4 > div:nth-child(1) > section:nth-child(1) { margin-left: 0; }
.image-block .image img { max-width: 100%; }
.divMoreLink a { text-decoration: none; }

footer address p.address-heading { color: #fff; font-size: 0.9375em; margin-bottom: 15px; margin-top: 5px; }

@media (max-width: 1200px) {
    footer address p.address-heading { font-size: 1.125em; }
}

.campuses.campuses-smaller h2 { border-bottom-width: 2px; font-size: 16px !important; }
.campuses.campuses-smaller .list ul li a, .campuses.campuses-smaller .list ul li a:visited { color: #cc0b2a; }
.ms-InlineSearch-SearchStatus { display: none; }
.ms-promlink-button { width: auto; height: auto; }
div#contentRow .ms-promlink-button-image img { max-width: none; }
td#pagingWPQ2next { }
#scriptWPQ2 { padding: 0; }
.news-events main article h2 { font-size: 1.9em; }
div.news-events main article { padding: 35px 0; }
.errorField { color: #cc0b2a; }
.width-90p { width: 90% !important; }
.width-80p { width: 80% !important; }

.padding-top-55px { padding-top: 55px !important; }
.padding-top-75px { padding-top: 75px !important; }
.padding-bottom-75px { padding-bottom: 75px !important; }
.padding-top-100px { padding-top: 100px !important; }
.padding-bottom-100px { padding-bottom: 100px !important; }

.styled-hr-2 { background-color: #eeeeee; border: none; clear: both; color: #eeeeee; height: 2px; }

@media (min-width: 768px) {
    .custom-listview { min-height: 800px; }
    .padding-top-55px-desktop { padding-top: 55px !important; }
}

div.news-events main .carousel-large h4 { margin-top: 10px; }
.carousel-large .caoursel-nav-state { margin-top: 10px; }
.carousel-large-image { overflow: hidden; }

@media (min-width: 992px) {
    .carousel-large-image { height: 550px; overflow: hidden; }
    .carousel-slide-description h2 { margin-top: 0; }
}

@media (min-width: 1200px) {
    #shareNewsForm .field-label { float: right; padding-top: 10px; }
}

.carousel-nav-bar { display: block; margin: auto; text-align: center; width: 175px; }
.caoursel-nav-state { display: block; padding: 0 20px 0 25px; margin-top: 50px; }
#modalCarousel .carousel-nav-bar .carousel-control { color: #000; font-size: 72px; position: relative; top: 0; width: auto; }
.video-hero.hero2 .overlay, .video-hero.hero2 .overlay-bg { z-index: 2; }

.word-spacer { content: "\00a0"; display: inline-block; width: 50px; }
#carouselFade .carousel-inner > .item.active.right, #carouselFade .carousel-inner > .item.next { left: 0; -webkit-transform: translate3d(100%,0,0); transform: translate3d(0,0,0); }
#carouselFade .carousel-inner > .item.active.left, #carouselFade .carousel-inner > .item.prev { left: 0; -webkit-transform: translate3d(-100%,0,0); transform: translate3d(0,0,0); }
#carouselFade { overflow: hidden; }
    #carouselFade .carousel-indicators { bottom: 0; left: 0; margin-left: 0; margin-bottom: 0; padding: 0; position: relative; width: 100%; }
        #carouselFade .carousel-indicators li { font-weight: bold; height: auto; padding: 8px 15px; text-indent: 0; width: 100px; }
            #carouselFade .carousel-indicators li.active { color: #fff; background-color: #cc0b2a; border-radius: 0; }
    #carouselFade a.right.carousel-control, #carouselFade a.left.carousel-control { background-image: none; font-size: 10em !important; color: #fff; font-weight: 100; margin-top: 12%; width: 4%; }
    #carouselFade a.left.carousel-control { padding-left: 25px; }
    #carouselFade a.right.carousel-control { padding-right: 25px; }

.carousel-style-1 a.right.carousel-control, .carousel-style-1 a.left.carousel-control { background-image: none; font-size: 10em !important; color: #aaa; font-weight: 100; width: 4%; }
.carousel-style-1 a.left.carousel-control { padding-left: 25px; }
.carousel-style-1 a.right.carousel-control { padding-right: 25px; }

.csu-fb-widget { padding: 50px 0; margin: 0 0 0 25px; min-height: 260px; }
.csu-leader-widget { padding: 50px 25px; }
    .csu-leader-widget .link-item, .csu-leader-widget .link-item a { font-size: 14px; }
    .csu-leader-widget .link-item { padding-bottom: 15px; }
    .csu-leader-widget table td { padding: 0; }
    .csu-leader-widget .pp_publishdate { color: #000; }
    .csu-leader-widget .pp_headline { color: #C30B2A; }
    .csu-leader-widget .slm-layout-main { padding-bottom: 20px; }
    .csu-leader-widget button { display: block; }
.right-nav-contact-info h2 { padding-bottom: 10px; }
aside .regular-box .right-nav-contact-info { padding-top: 10px; }
    aside .regular-box .right-nav-contact-info p { margin-bottom: 20px; }
.helpful-links li { border-top: none; }
#latestTweets { padding: 50px 0; }
.apply-as .fa-caret-right { color: #cc0b2a; font-size: 20px; padding-left: 5px; }
aside .regular-box .ms-core-navigation .apply-as a, aside .regular-box .ms-core-navigation .apply-as a:link { background-color: #eee; color: #1a1a1a; padding: 20px; margin-bottom: 10px; width: 325px; float: left; display: block; z-index: 10; }
aside .regular-box .apply-as a:hover, aside .regular-box .apply-as a:vistied, aside .regular-box .apply-as a:active { color: #1a1a1a; }
.sticky-apply { background-color: #eee; display: block; float: right; font-weight: bold; padding: 20px; width: 300px; z-index: 10; }

@media (max-width: 768px) {
    .sticky-apply { padding: 10px; width: 190px; }
}

.abs-right { position: absolute; right: 0; }
    .abs-right.affix { position: fixed; top: 5px; }
.hvr-forward { display: inline-block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px transparent; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-property: transform; transition-property: transform; }
    .hvr-forward:hover, .hvr-forward:focus, .hvr-forward:active { -webkit-transform: translateX(8px); transform: translateX(8px); }

/* .modal-fullscreen */

.modal-fullscreen { background: transparent; }
    .modal-fullscreen .modal-content { background: transparent; border: 0; -webkit-box-shadow: none; box-shadow: none; }
.modal-backdrop.modal-backdrop-fullscreen { background: #ffffff; }
    .modal-backdrop.modal-backdrop-fullscreen.in { opacity: 1; filter: alpha(opacity=100); }

/* .modal-fullscreen size: we use Bootstrap media query breakpoints */

.modal-fullscreen .modal-dialog { margin: 0; margin-right: auto; margin-left: auto; width: 100%; height: 100%; }
.modal-fullscreen .modal-body { padding: 0; height: 91%; }
.modal-fullscreen .modal-header { border-bottom: none; height: 9%; padding: 0; }
    .modal-fullscreen .modal-header h2 { float: left; font-weight: bold; margin-left: 25px; }
.modal-fullscreen .modal-content { height: 100%; }
#map { bottom: 0; left: 0; position: absolute; right: 0; top: 0; height: 100%; }
a.ms-rteElement-actionlink.close-modal-button { margin: 20px 25px 0 0; width: auto !important; }
.gm-style-iw .campus-info-window img { margin-top: 25px; width: 100%; }
.campus-info-window { display: inline-block; margin-top: 15px; }
    .campus-info-window .col-sm-2 { display: none; }

.height-100p { height: 100%; }
.height-full2 { height: 1200px; overflow: hidden; }
.height-full { height: 900px; overflow: hidden; }
.height-full-caption { height: 900px; }
.height-fullscreen { height: 1800px; }
.height-fullscreen2 { height: 1800px; }
.height-fullscreen3 { height: 4000px; }

.height-half { height: 600px; }
.height-small { height: 500px; }
.height-250px { height: 250px; }

.csu-module .height-fullscreen, .csu-module .height-fullscreen2, .csu-module .height-fullscreen3, .section, .section-no-padding { position: relative; }
div#contentRow .csu-module img { width: 100%; max-width: none; }

@media (min-width: 768px) and (max-width: 1200px) {
    .educorp-home .section-tables .section-image img { height: 100%; width: 100%; }
}

.width-85p { margin-left: auto; margin-right: auto; width: 85% !important; }

.educorp-home .section-tables { }
    .educorp-home .section-tables .col-md-6, .educorp-home .section-tables .col-sm-6 { overflow: hidden; height: 100%; padding: 0; }
    .educorp-home .section-tables .section-title { font-size: 50px; min-width: 185px; padding: 10px 25px; position: absolute; top: 185px; text-shadow: 0 0 5px rgba(0, 0, 0,1); text-transform: uppercase; font-style: normal; }
        .educorp-home .section-tables .section-title.right { margin-right: -25px; right: 0; text-align: left; }
        .educorp-home .section-tables .section-title.left { margin-left: -25px; left: 0; text-align: right; }
    .educorp-home .section-tables .section-table { display: table; height: 100%; overflow: hidden; width: 100%; }
        .educorp-home .section-tables .section-table .section-information h3 { margin-bottom: 0; text-transform: uppercase; }
        .educorp-home .section-tables .section-table .section-information p { color: #2f2f2f; }
        .educorp-home .section-tables .section-table .section-information { display: table-cell; vertical-align: middle; }

    .educorp-home .section-tables .section-image img { height: 100%; width: 100%; }

@media (min-width: 768px) and (max-width: 1200px) {
    .educorp-home .section-tables .section-image img { height: 100%; width: 100%; }
}

.site-logo { position: absolute; bottom: 25px; left: 25px; z-index: 1; }

.image-caption { position: absolute; background-color: rgba(255,255,255,.8); padding: 25px; color: #000; }
    .image-caption.left { position: absolute; top: 50%; left: 55px; width: 40%; }
    .image-caption.right { position: absolute; top: 50%; right: 55px; width: 40%; }
    .image-caption.center { position: absolute; top: 50%; left: 20%; width: 65%; }
        .image-caption.center.half { position: absolute; top: 50%; left: 25%; width: 50%; }

.story-layout main .article-body h4 { font-weight: normal; text-transform: uppercase; font-family: "Oswald"; }
.story-layout main h2 { }
.story-layout .bounce { bottom: 85px !important; color: #fff; position: absolute; margin-left: auto; margin-right: auto; padding-right: 10px; bottom: 5%; left: 47%; 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; }
div#contentRow .story-layout .bounce img { width: 85px; }
.scroll-to-top { position: fixed; bottom: 55px; left: 55px; width: 50px; transform: rotate(180deg); opacity: 0; }

.icon-scroll, .icon-scroll:before { position: absolute; left: 50%; }
.icon-scroll { width: 40px; height: 70px; margin-left: -20px; bottom: 5%; margin-top: -35px; box-shadow: inset 0 0 0 2px #a1a1a1; border-radius: 25px; }
    .icon-scroll:before { content: ''; width: 8px; height: 8px; background: #a1a1a1; margin-left: -4px; top: 8px; border-radius: 4px; -webkit-animation-duration: 1.5s; animation-duration: 1.5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-name: scroll; animation-name: scroll; }

@-webkit-keyframes scroll {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); }
}

@keyframes scroll {
    0% { opacity: 1; }
    100% { opacity: 0; -webkit-transform: translateY(46px); transform: translateY(46px); }
}


@-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); }
}

@media (min-width:768px) {
    .section-tables.height-small.has-captions { height: 350px; }
}

@media (min-width:1024px) {
    .section-tables.height-small { height: 350px; }
        .section-tables.height-small.has-captions { height: 415px; }
}

@media (min-width:1200px) {
    .section-tables.height-small { height: 465px; }
        .section-tables.height-small.has-captions { height: 465px; }
}

@media (min-width:1400px) {
    .section-tables.height-small { height: 525px; }
        .section-tables.height-small.has-captions { height: 550px; }
}

@media (min-width:1500px) {
    .section-tables.height-small.has-captions { height: 625px; }
}

@media (min-width:1700px) {
    .section-tables.height-small.has-captions { height: 625px; }
}

@media (min-width:1900px) {
    .section-tables.height-small.has-captions { height: 750px; }
}

@media (min-width:768px) {
    .section-tables .col-sm-6.desktop-padding-right-5px { padding-right: 5px; }
    .section-tables .col-sm-6.desktop-padding-left-5px { padding-left: 5px; }
}

@media (max-width: 768px) {
    .site-logo { left: 0; }
    #carouselFade a.left.carousel-control, .carousel-style-1 a.left.carousel-control { margin: 0; padding: 0; }
    #carouselFade a.right.carousel-control, .carousel-style-1 a.right.carousel-control { margin: 0; padding-right: 35px; }
    .educorp-home .height-full, .educorp-home .section-hero { height: auto; }
    .height-small, .height-250px { height: auto; }
    .educorp-home .section-tables .section-title { font-size: 35px; }
        .educorp-home .section-tables .section-title.left { margin: 0; }
        .educorp-home .section-tables .section-title.right { margin: 0; }
    .educorp-home .section-information { padding: 25px 40px; }
    .educorp-home.carousel-style-1 { height: 375px; }

    .image-caption.left, .image-caption.right, .image-caption.center { position: absolute; top: 50%; left: 55px; width: 75%; }
    .height-fullscreen, .height-fullscreen2, .height-fullscreen3 { }
    div#contentRow .csu-module .height-fullscreen img.skrollable-between, div#contentRow .csu-module .height-fullscreen2 img.skrollable-between, div#contentRow .csu-module .height-fullscreen3 img.skrollable-between { position: fixed; }
    .story-layout #sectRelatedNews { width: 100%; }
}

@media (max-width: 1200px) {
    div#contentRow .csu-module .height-fullscreen img, div#contentRow .csu-module .height-fullscreen2 img, div#contentRow .csu-module .height-fullscreen3 img { width: 115%; }
}

@media (max-width: 768px) {
    .story-layout .bounce { display: none; }
    div#contentRow .csu-module .height-fullscreen img, div#contentRow .csu-module .height-fullscreen2 img, div#contentRow .csu-module .height-fullscreen3 img { width: 200%; max-width: none; left: -50%; position: relative; }
    div#contentRow .csu-module #section1 img { left: -40%; }
    div#contentRow .csu-module #section2 img { left: -45%; }

    div#contentRow .csu-module #section12 img { left: -40%; }
    div#contentRow .csu-module #section13 img { left: -70%; }
    div#contentRow .csu-module #section6 img { left: -50%; }
    div#contentRow .csu-module #section3 img { left: -55%; }
    div#contentRow .csu-module #section4 img { left: -30%; }
    div#contentRow .csu-module #section7 img { left: -5%; }
    div#contentRow .csu-module #section8 img { left: -20%; }
    div#contentRow .csu-module #section11 img { left: -80%; }

    div#contentRow .csu-module #section14 img { left: -10%; }
    div#contentRow .csu-module #section15 img { left: -55%; }
    div#contentRow .csu-module #section18 img { left: 10%; }
    div#contentRow .csu-module #section16 img { left: -55%; }
    div#contentRow .csu-module.cap-decoration { background-color: #000; }
    .height-fullscreen.mobile-small-height { height: 400px; }
    .height-full.mobile-small-height { height: auto; }
}

@media (min-width: 600px) and (max-width: 767px) {
    div#contentRow .csu-module.cap-decoration div.height-fullscreen img, div#contentRow .csu-module.cap-decoration .height-fullscreen2 img, div#contentRow .csu-module.cap-decoration .height-fullscreen3 img { width: 100%; max-width: none; left: 0% !important; }
    .height-full2 { height: 400px; }
}

@media (max-width: 420px) {
    div#contentRow .csu-module .height-fullscreen img, div#contentRow .csu-module .height-fullscreen2 img, div#contentRow .csu-module .height-fullscreen3 img { width: auto; max-width: none; height: 740px; left: -50%; position: relative; }
    div#contentRow .csu-module #section1 img { left: -65%; }
    div#contentRow .csu-module #section2 img { left: -120%; }
    div#contentRow .csu-module #section3 img { left: -90%; }
    div#contentRow .csu-module #section4 img { left: -58%; }
    div#contentRow .csu-module #section7 img { left: -16%; }
    div#contentRow .csu-module #section11 img { left: -140%; }
    div#contentRow .csu-module #section13 img { left: -120%; }
    div#contentRow .csu-module #section14 img { left: -10%; }
    div#contentRow .csu-module #section15 img { left: -55%; }
    div#contentRow .csu-module #section18 img { left: 10%; }
    div#contentRow .csu-module #section16 img { left: -95%; }

    div#contentRow .csu-module.cap-decoration #section1 img { left: -45%; height: 500px; }
    div#contentRow .csu-module.cap-decoration #section2 img { left: -60%; height: 630px; }
    div#contentRow .csu-module.cap-decoration #section3 img { left: -95%; }
    div#contentRow .csu-module.cap-decoration #section4 img { left: -90%; }
    div#contentRow .csu-module.cap-decoration #section5 img { left: -85%; }
    div#contentRow .csu-module.cap-decoration #section6 img { left: -55%; height: 650px; }
    div#contentRow .csu-module.cap-decoration #section7 img { left: -100%; height: 650px; }
    div#contentRow .csu-module.cap-decoration #section9a img { left: -60%; height: 590px; }
    div#contentRow .csu-module.cap-decoration #section10a img { left: -100%; }
    div#contentRow .csu-module.cap-decoration #section11 img { left: -95%; }
    div#contentRow .csu-module.cap-decoration #section12 img { left: -70%; }
    div#contentRow .csu-module.cap-decoration #section13 img { left: -145%; height: 700px; }
    div#contentRow .csu-module.cap-decoration #section14 img { left: -90%; height: 650px; }
    div#contentRow .csu-module.cap-decoration #section15 img { left: -85%; }
    div#contentRow .csu-module.cap-decoration #section16 img { left: -110%; }
    div#contentRow .csu-module.cap-decoration #section17 img { left: -85%; height: 685px; }
    div#contentRow .csu-module.cap-decoration #section18 img { left: -100%; height: 700px; }
    div#contentRow .csu-module.cap-decoration #section19a img { left: -135%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section20 img { left: -70%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section21 img { left: -40%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section22 img { left: -75%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section23 img { left: -85%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section25 img { left: 0%; }
    .height-full2 { height: 700px; }
}

@media (max-width: 376px) {
    div#contentRow .csu-module.cap-decoration #section1 img { left: -55%; height: 500px; }
    div#contentRow .csu-module.cap-decoration #section2 img { left: -65%; height: 630px; }
    div#contentRow .csu-module.cap-decoration #section3 img { left: -105%; }
    div#contentRow .csu-module.cap-decoration #section4 img { left: -100%; }
    div#contentRow .csu-module.cap-decoration #section5 img { left: -95%; }
    div#contentRow .csu-module.cap-decoration #section6 img { left: -65%; height: 650px; }
    div#contentRow .csu-module.cap-decoration #section7 img { left: -110%; height: 650px; }
    div#contentRow .csu-module.cap-decoration #section9a img { left: -70%; height: 590px; }
    div#contentRow .csu-module.cap-decoration #section10a img { left: -120%; }
    div#contentRow .csu-module.cap-decoration #section11 img { left: -105%; }
    div#contentRow .csu-module.cap-decoration #section12 img { left: -80%; }
    div#contentRow .csu-module.cap-decoration #section13 img { left: -155%; height: 700px; }
    div#contentRow .csu-module.cap-decoration #section14 img { left: -100%; height: 650px; }
    div#contentRow .csu-module.cap-decoration #section15 img { left: -95%; }
    div#contentRow .csu-module.cap-decoration #section16 img { left: -120%; }
    div#contentRow .csu-module.cap-decoration #section17 img { left: -95%; height: 685px; }
    div#contentRow .csu-module.cap-decoration #section18 img { left: -110%; height: 700px; }
    div#contentRow .csu-module.cap-decoration #section19a img { left: -145%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section20 img { left: -80%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section21 img { left: -50%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section22 img { left: -85%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section23 img { left: -95%; height: 600px; }
    div#contentRow .csu-module.cap-decoration #section25 img { left: -10%; }
}

.story-layout { }
    .story-layout .information { position: relative; }
        .story-layout .information h2 { font-family: "Oswald", sans-serif; font-weight: 400; text-transform: uppercase; }
    .story-layout .container main { max-width: none; padding: 0; }
    .story-layout.news-events main article { padding: 0; margin: 0; }
    .story-layout .article-body img { padding: 0; }
    .story-layout .section-hero { height: auto; overflow: hidden; position: relative; }
        .story-layout .section-hero h2 { padding-bottom: 15px; }
        .story-layout .section-hero video { height: auto; }
    .story-layout .image-caption { font-size: 16px; }
    .story-layout .byline { padding-right: 25px; padding-top: 20px; }
.font-white, .font-white h1, .font-white h2 { color: #fff !important; }
.story-layout .title-content { top: 55px; position: absolute; text-align: center; width: 100%; }
    .story-layout .title-content.bottom { top: auto; bottom: 155px; }
    .story-layout .title-content.top35p { top: 35%; }
    .story-layout .title-content.top15p { top: 15%; }

    .story-layout .title-content.font-white h1, .title-content.font-white h2, .title-content.font-white h3 { color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0,1); }
    .story-layout .title-content h1, .title-content h2, .title-content h3 { font-family: "Oswald", sans-serif; text-transform: uppercase; font-style: normal; }
    .story-layout .title-content h1 { font-size: 64px; font-weight: 600; line-height: 1.1; margin-bottom: 15px; }
    .story-layout .title-content h2 { font-size: 30px !important; font-weight: 400; }
    .story-layout .title-content * { margin: 0; }

.story-layout .carousel-fade .carousel-inner .item { opacity: 0; transition-property: opacity; }
.story-layout .carousel-fade .carousel-inner .active { opacity: 1; }
    .story-layout .carousel-fade .carousel-inner .active.left,
    .story-layout .carousel-fade .carousel-inner .active.right { left: 0; opacity: 0; z-index: 1; }
.story-layout .carousel-fade .carousel-inner .next.left,
.story-layout .carousel-fade .carousel-inner .prev.right { opacity: 1; }
.story-layout .carousel-nav-bar { position: relative; top: 130px; width: 100%; }
    .story-layout .carousel-nav-bar a.carousel-control { color: #fff; font-size: 200px; position: relative; z-index: 2; }

.story-layout .carousel-indicators { left: auto; right: 0; width: 200px; }
.story-layout ol.carousel-indicators li { margin: 0 5px; padding-bottom: 0; height: 11px; width: 11px; }
.story-layout .carousel-caption { position: absolute; bottom: 150px; font-size: x-large; color: #fff; text-shadow: 0 0 5px rgba(0, 0, 0,1); }
.story-layout div#stat-row, .story-layout div#quote-row { border: solid 1px #e6e6e6; padding: 25px 0; border-left: none; border-right: none; margin: 0 auto !important; }
    .story-layout 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; }
.story-layout img.redImgQuote { margin: 20px auto; display: block; }
.story-layout .large-font { font-size: 16px !important; font-weight: 300; }
.story-layout .xlarge-font { font-weight: 300; font-size: 30.6px !important; }

.story-layout #sectRelatedNews { margin: 55px auto 35px auto; width: 75%; }
    .story-layout #sectRelatedNews:after { clear: both; content: ""; display: block; }
    .story-layout #sectRelatedNews h1, .story-layout #sectRelatedNews h2 { }
    .story-layout #sectRelatedNews h1 { font-size: 26.6px !important; text-align: center; }
    .story-layout #sectRelatedNews h2 { font-size: 28px !important; }
    .story-layout #sectRelatedNews .related-article h2 { font-size: 18px !important; }
.story-layout .related-article { float: left; padding: 25px; width: 33%; }
    .story-layout .related-article img { width: 100%; }
    .story-layout .related-article .ra-category { color: #C30B2A; font-size: .8125em; padding-bottom: 10px; border-bottom: 3px solid #C30B2A; }
#editStoryPanel { background-color: white; position: fixed; bottom: 25px; right: 50px; width: 300px; z-index: 100; }

@media all and (transform-3d), (-webkit-transform-3d) {
    .carousel-fade .carousel-inner > .item.next,
    .carousel-fade .carousel-inner > .item.active.right { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
    .carousel-fade .carousel-inner > .item.prev,
    .carousel-fade .carousel-inner > .item.active.left { opacity: 0; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
        .carousel-fade .carousel-inner > .item.next.left,
        .carousel-fade .carousel-inner > .item.prev.right,
        .carousel-fade .carousel-inner > .item.active { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
}

.quote-author { font-size: 22px; font-style: italic; }
.section { padding-top: 75px; padding-bottom: 75px; }
.section-tables .col-sm-6 { padding: 0; }
.section-tables { }
    .section-tables .col-md-6, .section-tables .col-sm-6 { height: 100%; }
    .section-tables .section-title { font-size: 50px; min-width: 185px; padding: 10px 25px; position: absolute; top: 185px; text-shadow: 0 0 5px rgba(0, 0, 0,1); text-transform: uppercase; font-style: normal; }
        .section-tables .section-title.right { margin-right: -25px; right: 0; text-align: left; }
        .section-tables .section-title.left { margin-left: -25px; left: 0; text-align: right; }
    .section-tables .section-table { display: table; height: 100%; overflow: hidden; width: 100%; }
        .section-tables .section-table .section-information h3 { margin-bottom: 0; text-transform: uppercase; }
        .section-tables .section-table .section-information p { color: #2f2f2f; }

    .section-tables .section-image { height: 100%; overflow: hidden; }
        .section-tables .section-image img { width: 100%; }
    .section-tables .section-table .section-information { display: table-cell; vertical-align: middle; }

.grid-sizer, .grid-item { width: calc(25% - 10px); margin-bottom: 10px; }
.grid-item--width2 { width: 50%; }

@media (max-width: 768px) {
    .section { padding-top: 55px; padding-bottom: 55px; padding-left: 25px; padding-right: 25px; }
    .story-layout #sectRelatedNews { width: 100%; }
    .story-layout .related-article { width: 100%; }
    .story-layout .title-content { top: 0; }
        .story-layout .title-content.bottom { bottom: 0; }
}

.skrollable-between { position: fixed; }

.tweetcard-container { float: left; margin: 10px; min-height: 415px; padding: 25px; width: 46%; border: 2px solid #eee; }
    .tweetcard-container iframe { margin-top: 25px; display: block; }
.tweetcard { }
.tweetcard-container a { text-align: right; }
.tweetcard p { min-height: 95px; }
.tweetcard a, .tweetcard a:visited { color: #1DA1F2; }

.tweetcard img { border-radius: 5px; width: 100%; }

@media only screen and (max-width: 767px) {
    .tweetcard-container { min-height: 0; width: 95%; }
    .news-events main article img.redImgQuote { width: auto; }
}

div#contentRow .shark-container img { }
.shark-item { display: inline-block; }
.width-20p { width: 20%; }
.width-25p { display: inline-block; width: 25%; }
.width-30p { width: 30%; }
.width-35p { width: 35%; }
.width-40p { width: 39%; }
.width-50p { width: 49%; }

.shark-container { width: 95%; margin: auto; }
    .shark-container strong, .shark-container p strong { color: #5384AD; font-weight: 500; }
    .shark-container .shark-item { display: inline-block; position: relative; padding: 0 10px; }
        .shark-container .shark-item .blue-overlay { opacity: 0; height: 100%; position: absolute; transition-property: bottom opacity; transition-duration: .75s; }
.blue-overlay { background-color: rgba(83,132,173,0.7); color: #fff; height: 100%; width: 50%; }

.shark-container .shark-item img { width: 100%; opacity: 1; transition-property: bottom opacity top; transition-duration: .75s; }

.shark-container .shark-item .info strong { color: #fff; }
.shark-container .shark-item .info a { }
.shark-container .shark-item .info p { margin: 0; padding-bottom: 10px; }
.width-20p h2, .width-25p h2 { margin-top: 0; }
.width-50p h2 { margin-top: 75px; }
.width-40p h2 { margin-top: 45px; }
.shark-container .shark-item .info em { font-weight: 400; }
.shark-container .shark-item .info h2 { font-family: "Oswald", sans-serif; font-weight: 500; margin-bottom: 0; padding-bottom: 0; text-transform: uppercase; }
.shark-container .shark-item .info { color: #000; position: absolute; text-align: center; }

.projects-container, .projects-container p { font-weight: 300; font-size: 22px; }
    .projects-container strong, .projects-container p strong { color: #5384AD; font-weight: 500; }
    .projects-container .item { display: inline-block; position: relative; width: 25%; }
        .projects-container .item .teal-overlay { opacity: 0; position: absolute; transition-property: bottom opacity; transition-duration: .75s; }
        .projects-container .item:hover .teal-overlay { opacity: 1; transition-property: bottom opacity; transition-duration: .75s; }
        .projects-container .item img { width: 100%; }
        .projects-container .item .info { bottom: 35%; left: 0%; top: auto; color: #fff; font-size: 26px; position: absolute; text-align: center; width: 100%; transition-property: bottom opacity top; transition-duration: 1s; }
            .projects-container .item .info p { font-size: 16px; margin: auto; width: 95%; }
            .projects-container .item .info h2 { color: #fff; font-size: 26px; font-weight: 300; opacity: 1; width: 50%; font-family: "Oswald", sans-serif; }
        .projects-container .item:hover .info { bottom: 0%; transition-property: bottom opacity top; transition-duration: 1s; }

        .projects-container .item .info strong { color: #fff; }
        .projects-container .item .info p a { color: #000; text-decoration: underline !important; text-shadow: none; }
        .projects-container .item .info a { margin-top: 15px; }

.overflow-hidden {overflow:hidden; }
.information img.numbers-background { position: absolute; top: 0; left: 0; }
.numbers-count-up { position: relative; width: 100%; margin-bottom: 25px; margin-top: 25px; }
    .numbers-count-up img, .information .numbers-count-up img { width: 125px; opacity: .7; }
    .numbers-count-up p, .information .numbers-count-up p { font-size: 110px; font-weight: 700; font-family: "Oswald"; margin: 0; line-height: 1; }
    .numbers-count-up img.large-image { width: 300px; }

@media only screen and (min-width: 1025px) {
    .projects-container .item .info .more-info { height: 0; opacity: 0; overflow: hidden; transition-property: bottom opacity; transition-duration: .75s; }

    .projects-container .item:hover .info .more-info { height: 300px; opacity: 1; transition-duration: .75s; }
    .projects-container .item:hover .info h2 { opacity: 0; transition-duration: .75s; }
    .shark-container .shark-item .info { opacity: 0; top: 0; width: 100%; transition-property: bottom opacity top; transition-duration: 1s; z-index: 2; }
    .shark-container .shark-item:hover .info { opacity: 1; transition-property: bottom opacity top; transition-duration: .75s; }
    .shark-container .shark-item:hover .blue-overlay { opacity: 1; transition-property: bottom opacity; transition-duration: .75s; }
    .shark-container .shark-item:hover img { opacity: .65; transition-property: bottom opacity; transition-duration: .75s; }
    .shark-container .shark-item .info .more-info { height: 0; opacity: 0; overflow: hidden; transition-property: bottom opacity; transition-duration: .75s; }
    .shark-container .shark-item:hover .info .more-info { height: 75px; opacity: 1; transition-duration: .75s; }
}

.teal-overlay { background-color: rgba(9,150,123,0.8); color: #fff; height: 100%; width: 50%; }

div#contentRow .quote-block img.top-quotemarks, div#contentRow .quote-block img.bottom-quotemarks { width: 75px; }
.quote-block.width-75p { margin-left: 5%; }
.top-quotemarks { position: absolute; left: 5%; top: 15%; }
.bottom-quotemarks { position: absolute; right: 5%; bottom: 10%; }

@media only screen and (max-width: 1024px) {
    .information img.numbers-background { height: 100%;width: auto; }
    .story-layout .title-content h2 { font-size: 24px !important; }
    .projects-container .item { width: 50%; }
        .projects-container .item .info { bottom: auto; left: 5%; top: 5%; width: 90%; }
            .projects-container .item .info h2 { width: 85%; }
    .top-quotemarks { position: absolute; left: 5%; top: 8%; }
    .width-20p { width: 40%; }
    .width-25p { width: 50%; }
    .width-30p { width: 60%; }
    .width-35p { width: 70%; }
    .width-40p { width: 80%; }
    .width-50p { width: 100%; }
        .width-50p h2 { margin-top: 0px; }
    .width-40p h2 { margin-top: 0px; }
    .shark-container .shark-item .info { left: 25%; }
    .width-50p h2 { margin-top: 75px; }
    .width-40p h2 { margin-top: 45px; }
    .story-layout .title-content.top35p { top: 15%; }
    .story-layout .title-content.top15p { top: 10%; }
    .projects-container .item .info p { text-shadow: 0 0 5px rgba(0, 0, 0,1); }
    .story-layout p.large-font { font-size: medium !important; }
}

@media only screen and (max-width: 767px) {
    .title-content.mobile-relative { }
    .projects-container .item img { width: 100%; }
    .projects-container .item { width: 100%; }
        .projects-container .item .info { bottom: auto; left: 5%; top: 5%; width: 90%; }
            .projects-container .item .info .more-info { height: auto; opacity: 1; }
    .shark-container .shark-item { min-height: 175px; }
        .shark-container .shark-item .info { opacity: 1; left: 0; }
    .width-20p { width: 75%; }
    .width-25p { width: 75%; }
    .width-30p { width: 80%; }
    .width-35p { width: 80%; }
    .width-40p { width: 90%; }
    .width-50p { width: 100%; }
        .width-50p h2 { margin-top: 0px; }
    .width-40p h2 { margin-top: 0px; top: 25%; }
    .story-layout .title-content.top35p { top: 5%; }
    .story-layout .title-content.top15p { top: 5%; }
    .top-quotemarks { position: absolute; left: 5%; top: 5%; }
    .quote-block.width-75p, .generic .quote-block.width-75p { width: 90% !important; }
    .story-layout .width-80p { width: 100% !important; }

    div#contentRow .quote-block img.top-quotemarks, div#contentRow .quote-block img.bottom-quotemarks { width: 25px; }

    .story-layout .col-sm-6 .information.width-75p { width: 75%; }
    .story-layout .col-sm-6 .quote-block { margin: auto; margin-bottom: 55px; }

    .story-layout .mobile-relative { position: relative; margin-bottom: 35px; }
    .image-caption.mobile-relative { width: 100%; top: 0; left: 0; font-style: italic; margin-bottom: 0; }
    .story-layout h4.width-25p { margin: 0; text-align: left !important; }
    .mobile-hide { display: none !important; }
    .story-layout .title-content { padding: 0 3%; }
        .story-layout .title-content br { display: none; }
    .mobile-padding-top-55px { padding-top: 55px; }
    
    .numbers-count-up p, .information .numbers-count-up p { font-size: 60px; }

}

/*all mobile horizontal*/
@media only screen and (max-width: 767px) and (min-width: 640px) {
    .projects-container .item { width: 50%; }
    .story-layout .title-content.top35p { top: 25%; }
    .story-layout .title-content.top15p { top: 20%; }
}

.story-layout .btn-default, .story-layout .btn-primary, .story-layout .btn-info, .story-layout .btn-success, .story-layout .btn-danger { font-family: "Oswald", sans-serif; font-size: 18px; text-transform: uppercase; }
.story-layout .btn-default { background-color: #CC0B2A; color: #fff; border: 2px solid #CC0B2A; }
.story-layout .btn-primary { background-color: transparent; color: #fff; border: 2px solid #fff; }
.story-layout .btn-info { background-color: transparent; color: #CC0B2A; border: 2px solid #CC0B2A; }
.story-layout main article a.btn-success { background-color: transparent; color: #fff; border: 2px solid #fff; }
.story-layout main article a.btn-danger { background-color: transparent; color: #000; border: 2px solid #000; }

.story-layout .btn-default:hover, .story-layout .btn-default:focus, .story-layout .btn-default:active { background-color: #fff; border: 2px solid #CC0B2A; color: #CC0B2A; }
.story-layout .btn-primary:hover, .story-layout .btn-primary:focus, .story-layout .btn-primary:active { background-color: #CC0B2A; color: #fff; border: 2px solid #CC0B2A; }
.story-layout .btn-info:hover, .story-layout .btn-info:focus, .story-layout .btn-info:active { background-color: #CC0B2A; border: 2px solid #CC0B2A; color: #fff; }
.story-layout .btn-success:hover, .story-layout .btn-success:focus, .story-layout .btn-success:active { background-color: #fff; border: 2px solid #fff; color: #000; }
.story-layout .btn-danger:hover, .story-layout .btn-danger:focus, .story-layout .btn-danger:active { background-color: #000; border: 2px solid #000; color: #fff; }

.story-layout .btn { border-radius: 0; padding: 6px 15px; }

.story-profile .title-content.bottom { bottom: 55px; }
.story-profile .title-content h1 { font-weight: 400; margin-bottom: 5px; font-size: 75px; }
.story-profile .title-content h2 { font-size: 38px !important; font-weight: 300; }
.story-profile .bounce { bottom: 25px !important; }
div#contentRow .story-profile .bounce img { width: 55px; }

.quote-block { font-family: "Oswald", sans-serif; padding: 8% 14% 8% 14%; position: relative; }
    .quote-block.width-75p { font-family: "Oswald", sans-serif; padding: 15% 8% 10% 8%; position: relative; }
    .quote-block strong { font-weight: 500; }
    .quote-block .quote-by { padding-top: 15px; }
    .quote-block.width-75p .top-quotemarks { left: 8%; top: 8%; }
    .quote-block.width-75p .bottom-quotemarks { right: 8%; }

.sound-block, .sound-block h2 { font-family: "Oswald", sans-serif; }
    .sound-block h2 { }
    .sound-block .width-40p, .sound-block .width-60p { display: inline-block; }
    .sound-block .quote-block { padding: 0; }
        .sound-block .quote-block p { font-size: 38px; }
    .sound-block p.xlarge-font { font-size: 24px !important; }

    .sound-block h2 { font-family: "Oswald", sans-serif; font-size: 38px !important; font-weight: 400; margin: 0; padding: 0 !important; }
.story-profile .sound-block h4 { font-weight: 300 !important; font-size: 30px; margin: 0; }

.section .quote-block p, .section-tables .quote-block p { line-height: 1.2; }

@media screen and (max-width: 736px) {
    .desktop-only { display: none !important; }
    .mobile-only { display: block !important; }
}

@media screen and (min-width: 737px) {
    .desktop-only { display: block !important; }
    .mobile-only { display: none !important; }
}

.sound-block i.fa { border: 3px solid #6BBBAE; border-radius: 100px; padding: 18px; font-size: 42px; width: 80px; }
.sound-block.large i.fa { border: 3px solid #6BBBAE; border-radius: 100px; margin-top: 25px; margin-right: 15px; padding: 20px; font-size: 60px; width: 100px; }
.sound-block.large p { display: inline-block; }


.light-bold, .large-font.light-bold, .xlarge-font.light-bold { font-weight: 400; }

.light-green-text, .light-green-text h1 { color: #6BBBAE !important; }
.text-teal { color: #39A282; }
.border-teal { border: 8px solid #09967B; }
a.play-yt-video { cursor: pointer; }
.width-65p { width: 65% !important; }
.pp_description #templatePreheader, .pp_description #templateHeader, .pp_description #templateFooter, .pp_description #templateColumns, .pp_description #canspamBarWrapper { display: none; }
.rss-test img.mcnImage { display: block; margin: auto; width: 75%; }
.rss-test .pp_headline { font-family: "Open Sans", sans-serif; font-size: 26.6px; font-weight: 300; }
.rss-test .pp_publishdate { font-family: "Open Sans", sans-serif; font-size: 14px; }
.rss-test .templateContainer { border: none !important; }

/* CSUEA Donate Page */
.csuea .bio { max-width: 840px; padding-top: 10px; /*    padding-top: 35px;*/ }
.csuea img.displayImage, .csuea .left img.displayImage { /*    max-width: 300px !important;*/ max-width: 250px !important; float: left; margin-right: 35px; margin-left: 160px  !important; }
.csuea a.right.carousel-control, .csuea a.left.carousel-control { margin-top: 3%; font-size: 10em !important; color: #e6e6e6; background-image: none; }

@media (min-width: 768px) and (max-width: 1024px) {
    .csuea .bio { max-width: 700px; }
    .csuea img.displayImage { margin: 0 auto; float: inherit !Important; padding: 0; }
}

@media (min-width: 481px) and (max-width: 767px) {
    .csuea img.displayImage { margin: 0 auto; float: inherit !Important; padding: 0; }
}

@media (min-width: 320px) and (max-width: 480px) {
    .csuea img.displayImage { margin: 0 auto; float: inherit !Important; padding: 0; }
}
/* CSUEA Donate Page */

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?by6ayf');
  src:  url('fonts/icomoon.eot?by6ayf#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?by6ayf') format('truetype'),
    url('fonts/icomoon.woff?by6ayf') format('woff'),
    url('fonts/icomoon.svg?by6ayf#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-endquote:before {
  content: "\e900";
}
.icon-startquote:before {
  content: "\e901";
}

.long-list-container {
	width:100%;
	overflow:scroll;
}

