.calloutLink.tableIt a {
    display: table; 
    background: #f6be00;
  }


.ecTable {
	border-collapse: collapse;
	background: #ffffff;
}

.ecTable thead {
	background: #00aeff;
	color: #ffffff;
}

.ecTable thead td {
	text-transform: uppercase;
	font-weight: bold;
}

.ecTable  tr {
	border-bottom: 1px solid #ffffff;
}

.ecTable  tr td:first-child {
	font-weight: bold;
}

.ecTable  tr:nth-child(even) {
	background: #f4f2f1;
}
.ecTable  tr td:not(:last-child) {
    border-right: 1px solid #ffffff;
}

.ecTable td {
    padding: 15px 20px;
    text-align: left;
    font-size: 14px;
}

.floatImgLeft {
    float: left;
    margin: 0 20px 15px 0;
}

.floatImgRight {
    float: right;
    margin: 0 0 15px 20px;
}


#quoteBlock img {
	border-radius: 50%;
	margin: 0 auto;
	width: 220px;
}

.rfiClosingCallout {
  font-size: 24px;
}


.globalNavigation .navbar.wBs {
  padding: 0 !important;
}

.localist-widget .eventBlock .dateBlockWrap .titleBlock {
  padding-left: 0;
  padding-top: 0 !important;
}

.localist-widget .eventBlock .event-short-date {
  background: #004b87;
  color: #ffffff;
  padding: 15px 25px;
  text-align: center;
  font-family: "homestead_regularregular", "Georgia", serif;
font-size: 48px;
line-height: 32px;
}

.localist-widget .eventBlock .eventListing {
  flex-grow: 2;
  padding-left: 25px;
}

.localist-widget .eventBlock .event-short-date abbr {
  display: block;
  text-decoration: none;
  font-size: 24px;
}
.contentModule.contentList .contentListItem figure img {
  max-width: 100%;
}

  ul.dataSetList {
    font-size: 36px;
    line-height: 36px;
  }

  ul.dataSetList li:nth-child(1) {
    color: #004b87;
  }

 ul.dataSetList li:nth-child(2) {
   color: #f6be00;
}

 ul.dataSetList li:nth-child(3) {
   color: #cccccc;
}

 ul.dataSetList li {
  margin-bottom: 15px;
 }

  ul.dataSetList li span {
    color: #454545;
    font-size: 18px;
    line-height: 22px;
    display: block;
  }


#stickyMenuArea {
  display: none;
}

#pageLoad #taxonomyLandingBanner {
  background: #cccccc !important;
}

.canvasWrapper {
  position: relative;
}

.canvasWrapper .dataValue {
  position: absolute;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.canvasWrapper .dataValue h4 {
  font-family: "homestead_regularregular", "Georgia", serif;
  font-size: 48px;
  color: #004b87;
}

  ul.aggregateList {
    list-style: none;
    margin: 0;
    padding: 0;
  }


.fluidSpaced .container-fluid .row {
  min-height: 520px;
}


.rotateBannerBlock .bannerContent {
  width: 540px;
}

.bannerContent {
  position: relative;
  margin-bottom: 32px;
  max-width: 420px;
}

.bannerContent h1 {
  font-size: 72px;
  text-transform: uppercase;
  line-height: 72px;
}





h2.sectionTitle {
  font-size: 28px;
  margin-bottom: 32px;
  color: #004b87;
    font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.fluidSpaced h2 .sansLight {
  font-size: 28px;
  font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.fluidSpaced h2 {
  font-size: 34px;
  font-family: Akkurat-Pro-Bold-S,Arial,Helvetica,sans-serif;
  color: #004b87;
}




.rightRail.subSection  h3 {
  font-size: 20px;
}

ul.blueBullets {
  list-style-image: url('../images/icons/ico_li-blue-square.png');
  padding-left: 20px;
}

ul.blueBullets li {
  margin-bottom: 15px;
  margin-left: 15px;
  padding-left: 12px;
}

.rightRail.subSection .railMenu .t2Nav .nav-link {
  padding-left: 0;
}



.fill {
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden
}
.fill img {
  min-height:100%; 
  min-width: 100%; 
  object-fit: cover;
}


.cb-slideshow {
  background: #00aeff;
}


.cb-slideshow,
.cb-slideshow:after { 
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0px;
    left: 0px;
    z-index: 0;
    margin: 0;
    padding: 0;
    list-style: none; 
}
.cb-slideshow:after { 
    content: '';
}
.cb-slideshow li span { 
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0px;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-position: 50% 50%;
    background-repeat: none;
    opacity: 0;
    z-index: 0;
  -webkit-backface-visibility: hidden;
    -webkit-animation: imageAnimation 9s linear infinite 0s;
    -moz-animation: imageAnimation 9s linear infinite 0s;
    -o-animation: imageAnimation 9s linear infinite 0s;
    -ms-animation: imageAnimation 9s linear infinite 0s;
    animation: imageAnimation 9s linear infinite 0s; 
    animation-iteration-count: 1;
}

.bannerContent {
  width: 100%;
  text-align: right;
  padding: 0 50px 0 0;
  color: #ffffff;
}


.cb-slideshow li {
  position: absolute;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
}

.cb-slideshow li div { 

    -webkit-animation: titleAnimation 9s linear infinite 0s;
    -moz-animation: titleAnimation 9s linear infinite 0s;
    -o-animation: titleAnimation 9s linear infinite 0s;
    -ms-animation: titleAnimation 9s linear infinite 0s;
    animation: titleAnimation 9s linear infinite 0s; 
}

.cb-slideshow li:nth-child(1) span { 
    opacity: 0;
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s; 
    animation-iteration-count: 1;    
}
.cb-slideshow li:nth-child(2) span { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
    animation-iteration-count: 1;
}
.cb-slideshow li:nth-child(3) span { 
    opacity: 0;
    -webkit-animation: imageAnimationEnd 9s linear forwards 9s;
    -moz-animation: imageAnimationEnd 9s linear forwards 9s;
    -o-animation: imageAnimationEnd 9s linear forwards 9s;
    -ms-animation: imageAnimationEnd 9s linear forwards 9s;
    animation: imageAnimationEnd 9s linear forwards 9s; 
    animation-iteration-count: 1;
}

.cb-slideshow li:nth-child(2) div { 
    -webkit-animation-delay: 3s;
    -moz-animation-delay: 3s;
    -o-animation-delay: 3s;
    -ms-animation-delay: 3s;
    animation-delay: 3s; 
}
.cb-slideshow li:nth-child(3) div { 
    -webkit-animation-delay: 6s;
    -moz-animation-delay: 6s;
    -o-animation-delay: 6s;
    -ms-animation-delay: 6s;
    animation-delay: 6s; 
}



@keyframes imageAnimation { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    80% { opacity: 0 }
    100% { opacity: 0 }
}


@keyframes imageAnimationEnd { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    80% { opacity: 0.1}
    100% { opacity: 0.1}
}

@keyframes titleAnimation { 
    0% { opacity: 0 }
    8% { opacity: 1 }
    17% { opacity: 1 }
    19% { opacity: 0 }
    100% { opacity: 0 }
}



.t2NavContainer li a {
  display: block;
  padding: 0.5rem 1rem;
}

.subsiteNavLinks  li a {
  padding: 1rem;
  display: block;
}


@keyframes bg {
    0% {
        background-size:    0 6px,
                            6px 0,
                            0 6px,
                            6px 0;
    }
    25% {
        background-size:    100% 6px,
                            6px 0,
                            0 6px,
                            6px 0;
    }
    50% {
        background-size:    100% 6px,
                            6px 100%,
                            0 6px,
                            6px 0;
    }
    75% {
        background-size:    100% 6px,
                            6px 100%,
                            100% 6px,
                            6px 0;
    }
    100% {
        background-size:    100% 6px,
                            6px 100%,
                            100% 6px,
                            6px 100%;
    }
}

.interactiveBanner {
  position: relative;
}

.interactiveBanner .setMinHeight {
  min-height: 540px;
}

.bannerBorderWrapper {
    position: absolute;
    height: 100%;
    width: 100%;
    padding: 15px;
}

.bannerBorder {

    background-repeat: no-repeat;
    background-image:   linear-gradient(to right, #ffffff 100%, #ffffff 100%),
                        linear-gradient(to bottom, #ffffff 100%, #ffffff 100%),
                        linear-gradient(to right, #ffffff 100%, #ffffff 100%),
                        linear-gradient(to bottom, #ffffff 100%, #ffffff 100%);
    background-size:    100% 6px,
                        6px 100%,
                        100% 6px,
                        6px 100%;
    background-position:    0 0,
                            100% 0,
                            100% 100%,
                            0 100%;
    animation: bg 2.25s cubic-bezier(0.19, 1, 0.22, 1) 1;
    animation-play-state: running;

}

.bannerBorderWrapper:hover {
    
}



.fullWidthBanner img {
  width: 100%;
}

.filter-controls {
  text-align: center;
  margin-bottom: 30px;
}
.filter-controls .control {
  display: inline-block;
  width: 240px;
  margin: 0 10px;
}
.filter-controls .control * {
  box-sizing: border-box;
}
.filter-controls .control .form-control {
  width: 100%;
  height: 40px;
  padding: 0 20px;
  border: 2px solid #ccc;
  border-radius: 3px;
  background-color: #fff;
  color: #666;
  font-size: 16px;
  cursor: pointer;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}
.filter-controls .control .form-control:focus {
  outline: 0;
  border-color: #0CAAF5;
}

.grid.row.muuri {
  margin: 0;
}

.grid {
  position: relative;
  max-width: 100%;
}


.muuri .item {
  position: absolute;
  margin: 8px;
  z-index: 1;
  transition: -webkit-transform .6s ease;
  transition: transform .6s ease;
  transition: transform .6s ease, -webkit-transform .6s ease;
}

  .muuri .item {
    width: calc(100% - 16.33px);
    height: calc(100vw - 16.33px);
  }
  .muuri .item.w2 {
    width: calc(100% - 16.33px);
  }
  .muuri .item.h2 {
    height: calc(100vw - 16.33px);
  }

@media all and (min-width: 1640px) {


  .muuri .item {
    width: calc(12.5% - 16.33px);
    height: calc(12.5vw - 16.33px);
  }
  .muuri .item.w2 {
    width: calc(25% - 16.33px);
  }
  .muuri .item.h2 {
    height: calc(25vw - 16.33px);
  }

}  

@media all and (min-width: 748px) {


  .muuri .item {
    width: calc(25% - 16.33px);
    height: calc(25vw - 16.33px);
  }
  .muuri .item.w2 {
    width: calc(50% - 16.33px);
  }
  .muuri .item.h2 {
    height: calc(50vw - 16.33px);
  }
}  


.muuri .contentListItemMedia img.icoFloatBottomRight {
  width: 74px;
  height: auto;
}

.item.blue .custom-content {
  background-color: #0CAAF5;
  color: #0CAAF5;
}
.item.red .custom-content {
  background-color: #F54487;
  color: #F54487;
}
.item.green .custom-content {
  background-color: #00DE73;
  color: #00DE73;
}

.muuri .contentListItemMedia {
  margin: 0;
  width: 100%;
}

.muuri .contentListItemMedia img {
  width: 100%;
  height: 100%;
}


.muuri .item-content {
  position: relative;
  width: 100%;
  height: 100%;
  display: table;
}

.custom-content {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  background: #fff;
  color: #666;
  border: 2px solid;
  border-radius: 3px;
}

.item.muuri-item-dragging {
  z-index: 3;
  transition: none;
}

.item.muuri-item-releasing {
  z-index: 2;
}






@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
/* IE10+ CSS styles go here */
 .fullPageBanner.withImage .container-fluid,
 .fullPageBanner.withImage .container .col-lg-5,
 .fullPageBanner.withImage .container .col {
    position: absolute;
    bottom: 40px;
  }

 .navbar-toggler svg {
  width: 60px !important;
  height: 60px !important;
  position: absolute;
  right: 10px;
  bottom: 25px;
 }

 .navigationWrapper {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
 }

 body {
  padding-top: 164px;
 }

 .siteNavigation .navbar a.primary .icoArrowRight {
  width: 24px !important;
  height: 20px !important;
 }

}

h1.editorialHeadline {
  font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
}

p.blockText {
  display: block;
  clear: both;
  border-left: 6px solid #00aeff;
  margin: 24px 0; 
  padding: 24px 24px 24px 24px;
  font-size: 18px;
  color: #00aeff;
  font-style: italic;
}

p span.pullQuoteLeft,
p.pullQuoteLeft {
  float: left;
  max-width: 320px;
  border-top: 2px solid #EAEAEA;
  border-bottom: 2px solid #EAEAEA;
  margin: 24px 24px 24px 0;   
  color: #00aeff;
  font-style: italic;
  background: url(../images/icons/ico_pull-quote.png) left top 12px no-repeat;    
  padding: 18px 18px 18px 64px;
}


p span.pullTextLeft,
p.pullTextLeft {
  float: left;
  max-width: 320px;
  border-top: 2px solid #EAEAEA;
  border-bottom: 2px solid #EAEAEA;
  margin: 24px 24px 24px 0;  
  color: #00aeff;
  font-style: italic;
  padding: 18px 18px 18px 18px;
}


p span.pullTextRight,
p.pullTextRight  {
  float: right;
  max-width: 320px;
  border-top: 2px solid #EAEAEA;
  border-bottom: 2px solid #EAEAEA;
  margin: 24px 0 24px 24px;   
  color: #00aeff;
  font-style: italic;   
  padding: 18px 18px 18px 18px;
}

 p.blockQuote {
  display: block;
  clear: both;
  border-top: 2px solid #EAEAEA;
  border-bottom: 2px solid #EAEAEA;
  margin: 24px 0; 
  padding: 24px 24px 24px 64px;
  font-size: 18px;
  color: #00aeff;
  font-style: italic;
  background: url(../images/icons/ico_pull-quote.png) left top 24px no-repeat;  
}

 p span.pullQuoteRight,
 p.pullQuoteRight  {
  float: right;
  max-width: 320px;
  border-top: 2px solid #EAEAEA;
  border-bottom: 2px solid #EAEAEA;
  margin: 24px 0 24px 24px;   
  color: #00aeff;
  font-style: italic;
  background: url(../images/icons/ico_pull-quote.png) left top 12px no-repeat;    
  padding: 18px 18px 18px 64px;
}


.acceptedStudents .siteNavigation.bgGray,
.acceptedStudents .siteNavigation.bgGray .bg-light,
.acceptedStudents .siteNavigation .navbar-expand-lg #navbarSupportedContent {
  background: #004b87 !important;
}


.acceptedStudents  .siteNavigation .navbar-expand-lg #navbarSupportedContent a#navbarDropdown {
  border-bottom: none;
  color: #ffffff;
}

.acceptedStudents .siteNavigation .navbar a.nav-link {
  border-bottom: 2px solid #004b87;
}

.module.AccordionBlock {
  border: 1px solid rgba(0, 0, 0, 0.125);
}


/* Course Catalog Styling */

.courseCombination {
    background: none repeat scroll 0 0 #E9E9EA;
    border: 1px solid #d9d9d9;
    border-radius: 4px;
    padding: 15px 40px;
    font-style: italic;    
    color: #005B97;
    margin: 15px 0 0 0;
}

.courseCombination:before {
  content: "Choose Either:";
}

.courseCombination li {
  font-style: normal;
  color: #333333;
}
  
  ul.courseCombination {
    border: 1px solid #f0eaf1;
    border-radius: 4px;
    padding: 15px 40px;
    margin: 15px 0 0 0 !important;
    font-style: italic;    
    color: #005B97;
    list-style-type: none;
    list-style: none;
    list-style-image: none;
}

ul.courseCombination:before {
  content: "Choose Either:";
  list-style-type: none;
  list-style: none;
  list-style-image: none;
}

.courseCombination li,
.courseList li {
  font-style: normal;
  color: #333333;
  margin: 3px 0;
  padding: 3px 0;
  border-bottom: 1px dotted #b0b4b0;
}

ul.courseList {
    list-style: none outside none;
    margin: 15px 0;
    padding: 0 0 0 10px;
}

ul.courseCombination {
    list-style: none outside none;
    margin: 15px 0;
    padding: 24px;
}

ul.courseList {
  margin: 15px 0;
}


.fullMenuChildren .flex-column {
  margin: 0;
  padding: 0;
  column-count: 1;
}

@media all and (min-width: 764px) {

.fullMenuChildren .flex-column {
  margin: 0;
  padding: 0;
  column-count: 2;
}
}


body.progress {
  display: block !important;
}


.calloutMenu h6 {
  font-size: 22px !important;
}

.calloutMenu .cardCallout a {
  margin-bottom: 6px;
  padding-bottom: 6px;
  border-bottom: 1px dashed rgba(151,151,151, 0.5);
  font-weight: bold;
  break-inside: avoid-column;
}

.dateMonth {
  font-size: 22px;
  color: #00AEFF;
  text-transform: uppercase;
  line-height: 22px;
}

.dateDay {
font-family: "homestead_regularregular", "Georgia", serif;
font-size: 56px;
color: #00AEFF;
line-height: 44px;
}

.descriptionCull p {
  display: none;
}

.descriptionCull p:first-child {
  display: block;
}


.calloutBlock .calloutLinkGold {

    font-family: Akkurat-Pro-Bold-S,Arial,Helvetica,sans-serif;
    background-color: #f6be00;
    background-image: url(https://www.emmanuel.edu/assets/prebuilt/2018/images/patterns/ptrn_candy-stripe-ffffff.png),url(https://www.emmanuel.edu/assets/prebuilt/2018/images/icons/icon_right-arrow_dark-blue-lead-cta.svg);
    background-position: top left,center right 24px;
    background-repeat: repeat-y,no-repeat;
    font-size: 18px;
    text-transform: uppercase;
    padding: 24px 62px 24px 32px;
    display: block;

}

.calloutBlock .calloutCopy {

    width: 60%;

}

.resourcesInline {
  margin: 0;
  padding: 0;
  column-count: 2;
  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px;    
  -webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */
}

.audience .module.AccordionBlock {
  border: none;
}

.audience .module.AccordionBlock .bgGold {
  background: none;
}

.audience .module.AccordionBlock .bgGold h5 {
font-size: 1.75rem;
color: #454545;
}

.audience .module.AccordionBlock .bgGold.p-3 {
  padding-left: 0 !important;
  padding-top: 0 !important;
}

#anchorContent .col-md-6 {
    width: 100% !important;
    max-width: 100% !important;
    flex: 0 0 100%;
}

#anchorContent .col-md-6 .verticalNav {
  column-count: 2;
  -webkit-column-gap: 40px; /* Chrome, Safari, Opera */
  -moz-column-gap: 40px; /* Firefox */
  column-gap: 40px; 
-webkit-column-break-inside: avoid; /* Chrome, Safari, Opera */
          page-break-inside: avoid; /* Firefox */
               break-inside: avoid; /* IE 10+ */   
}

#anchorContent h6 {
    margin-bottom: 20px;
    font-size: 24px !important;
    border-bottom: 1px solid rgba(151,151,151, 0.5);
    padding-bottom: 12px;
}

.resourcesInline .cardCallout a {
  font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 20px;
  font-weight: 100;
}

.anchorPoint {
    display: block;
    position: relative;
    top: -180px;
    visibility: hidden;
}

.showHideMenu.colLeft {
  margin: 0;
  padding: 0;
  display: flex;
  justify-content: space-between;
  list-style: none;
}

.contentListItemMedia {
  position: relative;
}

.contentListItemMedia .icoFloatBottomRight {
  position: absolute;
  bottom: 0;
  right: 0;
}

.hoverSlotItemCol .btn {
  display: block;
  white-space: normal;
}

.showHideMenu.colLeft li a.activo {
  color: #454545;
}

.hoverSlotItem.hoverSlotInctive {
  position: relative;
}

.hoverSlotItemCol.content {
  position: absolute;
  background-color: rgba(0, 174, 255);
  color: #ffffff;
  width: 100%;
  padding: 16px;
  bottom: 0;
}

.hoverSlotItemCol.content.back {
  background-color: #00aeff;
}

.hoverSlotItemCol.staticCard {
  background-color: rgba(0, 174, 255);
  color: #ffffff;
  width: 100%;
  padding: 16px;
  bottom: 0;
}

.hoverSlotItemCol.content h5  {
  font-size: 1em;
}

.hoverSlotItemCol.content ul {
  margin: 0;
  padding: 0 0 0 15px;
  font-size: 14px;
}

.fullScreenHero {
  display: flex;
  height: calc(100vh - 160px); 
}

.fullScreenHero .fillHeight {
  height: 100%;
}

.fullScreenHero .fullScreenHeroBg {
  background-size: cover !important;
  background-position: center center;
}

.siteSection.fullScreenHero {
  padding: 6px;
}
.siteSection.fullScreenBody {
  padding: 0 6px 6px 6px;
}

.intro-middle {

    position: absolute;
    z-index: 100;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    width: 200px;
    height: 200px;
    background: #ffffff;
    border-radius: 100px;
    overflow: hidden;
    text-align: center;    
    animation: shieldZoom 2s;
    animation-delay: 2s;
    animation-fill-mode:forwards;

}

@keyframes shieldZoom {
from {
    top: 0;
}
to {
   top: 60%;
}

}
@keyframes shieldFlee {
from {
    margin-top: 0;
}
to {
   margin-top: 400px;
}

}

@keyframes zoomShow {
from {
    margin-top: -190px;
}
to {
   margin-top: 84px;
}

}


.intro-logo {
    animation: shieldFlee 2.4s;
    animation-delay: 1.5s;
    animation-fill-mode:forwards;  
}

.intro-scroll {
  margin-top: -190px;
  margin-bottom: 190px;
  font-family: Akkurat-Pro-Bold-S,Arial,Helvetica,sans-serif;
  font-size: 20px;
  color: #004b87;
    animation: zoomShow 2.4s;
    animation-delay: 1.5s;
    animation-fill-mode:forwards;    
}

.intro-middle img {
  display: block;
  margin: 0 auto;
}

.editorialProfileTitle {
  font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #004b87;
  font-size: 36px;
}

.editorialProfileSubtitle {
   font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  color: #004b87;
  font-size: 24px; 
}

.editorialProfileAbstract {
   font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  font-size: 19px; 
}


.editorialProfileAbstract p::first-letter {

    float: left;
    font: 400 107px/74px "homestead_regularregular",Georgia,Times,serif;
    margin-right: 0;
    margin-top: 7px;
    color: #454545;

}

.fullScreenBody .editorialProfileAbstract p {
  font-size: 20px;
}

.fullScreenBody p {
  font-size: 18px;
}
.imgLeft {
  padding: 0 3px 0 6px;
}

.imgRight {
  padding: 0 6px 0 3px;
}

.imgCaption {
  font-size: 14px;
  color: #1f1f1f;
}

@media all and (max-width: 764px) {

  .row.fillHeight {
    flex-direction: row-reverse;
  }

  .fullScreenHero {
    display: flex;
    height: auto;
  }

  .inner-div {
    height: 500px !important;
  }

}


.outer-div
{
     height: 100%;
     overflow: hidden; 
}
.inner-div
{
     height: 100%;
     width: 100%;
     background-size: cover;
     background-position: center;
     transition: all 0.5s ease;
     background-size: cover !important;
     background-position: center center !important;
     animation: 2s cubic-bezier(0.075, 0.82, 0.165, 1) scaling;
     transform: scale(1.2);
     opacity: 0;
     animation-fill-mode:forwards;
}
.inner-div:hover
{
     
}


@keyframes scaling {
from {
    transform: scale(1.2);
    opacity: 0;
}
to {
   transform: scale(1.0);
   opacity: 1;
}
}


.blueNavBlock {
  display: block;
  background: #004b87;
  align-items: center;
  transition: 500ms all;
  color: #ffffff;
  font-size: 20px;
}

.blueNavBlock:hover {
  background: #00345e;
  transition: 500ms all;
  color: #ffffff;
  text-decoration: none;
}

.blueNavBlock span {
  font-size: 20px;
  font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";

}

.bgBlue {
  background: #004b87;
}

.white {
  color: #ffffff;
}

.fluidSpaced .container-fluid {
flex-basis: 0;
flex-grow: 1;
max-width: 100%;
}











h4.textRotate{
  position: relative;
}
h4.textRotate span {
  position: absolute;
  top: 0;
  right: 0;
  opacity: 0;
}

.bannerContent h3 {
  opacity: 0;
  animation: textFadeEnd 1s forwards 12s;  
  animation-iteration-count: 1;  
}

h4.textRotate span {
  animation: textFade 3s linear infinite 0s;    
  animation-iteration-count: 1;
}

h4.textRotate span:nth-child(1){
  animation-delay: 3s;
}

h4.textRotate span:nth-child(2){
animation-delay: 6s; 
}

h4.textRotate span:nth-child(3){
  animation-delay: 9s; 
  animation: textFadeEnd 3s forwards 9s;  
  animation-iteration-count: 1;
  opacity: 0;

}

@keyframes textFade { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
         animation-timing-function: ease-out; }
    17% { opacity: 1 }
    80% { opacity: 1 }
    100% { opacity: 0 }
}

@keyframes textFadeEnd { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    8% { opacity: 1;
    animation-timing-function: ease-in; }
    100% { opacity: 1;}
}


@media all and (min-width: 764px) {
.rightRail.bannerMask {
  margin-top: -104px;
  background: #ffffff;
}
}

.rightRail.bannerMask {
  margin-top: 0;
  background: #ffffff;
}



.tierColumn .module .eventVertGrid {
  padding: 10px 15px;
}

.tierColumn .module .eventVertGrid:nth-child(even) {
  background: #f9f9f9;
}


.module .rssFeedCallout .calloutLink {
    color: #004b87;
    border-radius: 0;
    display: block;
    text-align: left;
    background-image: url(../images/patterns/ptrn_candy-stripe-ffffff.png), url(../images/icons/icon_right-arrow_dark-blue-lead-cta.svg);
    background-position: top left, center right 25px;
    background-repeat: repeat-y, no-repeat;
    text-transform: uppercase;
    font-family: "Akkurat-Pro-Bold-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    letter-spacing: 1px;
    padding: 18px 82px 18px 42px;
    background-color: #f6be00;
    float: left;
    margin-top: 24px;
}


.subsiteNavLinks li.active {
  background: #EDEDED;
}

li.active a {
  font-weight: bold;
}


.contentList .contentListItem:nth-child(odd) .zStripe {
  background: #f9f9f9;
}

.contentList .contentListItem .contentListItemMedia {
  width: 100%;
}

.dataTable {
	border: 1px solid rgba(222,222,222,0.5);
}


.dataTable tr:nth-child(odd) {
	background: #fcfcfc;
}

.dataTable tr:nth-child(even) {
	background: #F7F7F7;
}

.dataTable td,
.dataTable th {
	padding: 24px;
}

.inlineNavigation {
  column-count: 2;
}

.inlineNavigation .inlineNavItem:first-child {
  margin-top: 0;
}

.inlineNavigation .inlineNavItem {
  width: 100%;
  border-bottom: 1px solid #f6f6f6;
  padding-bottom: 5px;
  margin-top: 5px;
}

.inlineNavigation .inlineNavItem a {

  font-size: 13px;
}

a.anchorPoint {
    display: block;
    position: relative;
    top: -320px;
    visibility: hidden;
}

a.btn-secondary.leadCta.inlineLine {
  display: inline;
  padding-right: 72px;
}

ul.zebra {
  list-style: none;
  margin: 0;
  padding: 0;
}

ul.zebra li:nth-child(even) {
  background: #f6f6f6;
}

ul.zebra li {
  padding: 12px 15px;
  margin: 0;
}

ul.zebra li p {
  margin: 0;
}

ul.zebra h5 {
  font-size: 16px;
  font-weight: bold;
}

ul.zebra {
  font-size: 13px;
}

.animationBlock {
	position: absolute;
	top: 0;
	right: 0;
	overflow: hidden;
	width: 100%;
}

.animationBlock .arrowSteps {
	font-size: 20px;
	font-family: Akkurat-Pro-Bold-S,Arial,Helvetica,sans-serif;
	display: flex;
	flex-direction: row;
}

.animationBlock .arrowSteps .step {
	display: flex;
	flex-direction: row;
	margin-right: 25px;
}

.animationBlock .arrowSteps .step p {
	margin-bottom: 0;
	margin-right: 10px;
}

.fullPageBanner.withImage {
	min-height: 640px;
	position: relative;
}




.stepScale {
	margin-right: -60%;
	animation: electricSlide 8s infinite;
	animation-delay: 2s;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;
}

.stepScale .step {
	animation: electricSlideFadeIn 1s infinite;
	opacity: 0;
	animation-iteration-count: 1;
	animation-fill-mode: forwards;	
}

.stepScale .step.one {
	animation-delay: 2s;
}

.stepScale .step.two {
	animation-delay: 4s;
}

.stepScale .step.three {
	animation-delay: 6s;
}

.stepScale .step.four {
	animation-delay: 8s;
	margin-right: 0;
}

.animationIntroCopy {
	opacity: 0;
	margin-top: 80px;
	animation: electricSlideFadeUp 2s forwards;
	animation-delay: 10s;
}

.animationIntroCopy.two {
	animation-delay: 12s;
	font-family: Akkurat-Pro-Bold-S,Arial,Helvetica,sans-serif;
}

h2.animationIntroCopy {
	font-family: "Akkurat-Pro-Light-S", "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
	font-size: 28px;

}



@keyframes electricSlide { 
    0% { margin-right: -46%;
    		 }
    25% { margin-right: -30%;
         animation-timing-function: ease-out; }
    50% { margin-right: -14% }
    75% { margin-right: -0% }
    100% { margin-right: 0 }
}

@keyframes electricSlideFadeIn { 
    0% { opacity: 0;
    animation-timing-function: ease-in; }
    60% { opacity: 1 }
    100% { opacity: 1 }
}

@keyframes electricSlideFadeUp {
	0% {
		opacity: 0;
		margin-top: 80px;
		animation-timing-function: ease-out; 
	}

	50% {
		opacity: .8;
		margin-top: 0;
		animation-timing-function: ease-out; 
	}
	70% {
		margin-top: 0;
		opacity: 1;
		animation-timing-function: ease-out; 
	}
	100% {
		margin-top: 0;
		opacity: 1;
	}