/*
Theme Name:   Asbury Child Theme
Description:  Child Theme of Asbury Theme by FastSpot
Author:       Colin McGlothlin
Template:     asbury
Version:      1.0.1
*/

/* Make the carousel item images to be centered at the top so that heads don't get cut off */
.fs-background-media.fs-background-native {
  background-position: top !important;
}

/* Fix a font smoothing bug for browsers on Mac */
body {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Reduce the font size for front page carousel item descriptions */
.cards_carousel_item .news_description p,
.cards_carousel_item .flex_description p,
.cards_carousel_item .profile_description {
  font-size: 0.875rem;
}

/* Make the front page carousel items narrower */
.cards_carousel_item {width: 350px !important;}
.cards_carousel_item.carousel_first {width: 300px !important;}

/* Make table rows shorter to allow more rows to fit on a page */
.typography table th, .typography table td {
  padding: 5px;
}

/* Change the thickness and fix the opacity difference of the lines between the video feature regions */
.video_feature:before, .video_feature:after {
  height: 5px;
}
.video_feature:after {
  background: rgba(255, 255, 255, 0.15);
}
.video_feature:before {
  background: rgba(255, 255, 255, 0.3);
}
@media screen and (min-width: 980px) {
  .video_feature:before, .video_feature:after {
    width: 5px;
    height: 100%;
  }
}
.video_feature.active:before, .video_feature.active:after {
  content: "";
}
.video_feature.activated:before, .video_feature.activated:after {
  content: "";
}
@media screen and (min-width: 980px) {
  .video_feature.active:before, .video_feature.active:after {
    content: none;
  }
  .video_feature.activated:before, .video_feature.activated:after {
    content: none;
  }
}

/* Change the heading styles: shift up everything one style, overwriting the
existing h2 and duplicating h5 */
.typography h2 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  line-height: 1.2381;
}
@media screen and (min-width: 740px) {
  .typography h2 {
    font-size: 42px;
    font-size: 2.625rem;
  }
}
.typography h3 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.33333;
}
@media screen and (min-width: 740px) {
  .typography h3 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.typography h4, .typography h5 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 1.59091;
  letter-spacing: 0.73px;
  letter-spacing: 0.04563rem;
}
@media screen and (min-width: 740px) {
  .typography h4, .typography h5 {
    font-size: 22px;
    font-size: 1.375rem;
  }
}
.typography h6 {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem;
  line-height: 2.91667;
  letter-spacing: 1.25px;
  letter-spacing: 0.07813rem;
  text-transform: uppercase;
}


/* Change the video feature: feature subtitle now has a border that fades in on hover, and
the line between the feature title and subtitle is removed. */
@media screen and (min-width: 980px) {
  .video_feature_subtitle {
    -webkit-transition: all .15s ease-out;
    transition: all .15s ease-out;
    border: 2px solid transparent;
  }
  .video_feature_content:hover .video_feature_subtitle {
    -webkit-transition: border-color .50s ease-in;
    transition: border-color .50s ease-in;
    -webkit-transition: margin-bottom .25s ease-in-out;
    transition: margin-bottom .25s ease-in-out;
    border-color: white;
  }
  .video_feature_content:hover .video_feature_title:after {
    -webkit-transform: none;
    transform: none;
  }
}
.video_feature_subtitle {
  width: 350px;
  max-width: 100%;
  margin: 0 auto;
}
.video_feature_title:after {
  -webkit-transform: none;
  transform: none;
  -webkit-transition: none;
  transition: none;
  display: none;
}
.video_feature_predescription {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  color: #3E1952;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.66667;
  color: rgba(255, 255, 255, 0.75);
  margin: 0;
  position: absolute;
  width: 100%;
  text-align: center;

  -webkit-transition: opacity 0.25s, visibility 0.25s;
  transition: opacity 0.25s, visibility 0.25s;
  visibility: visible;
  opacity: 1;
}

@media screen and (min-width: 740px) {
  .video_feature_predescription {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
@media screen and (max-width: 739px) {
  .video_feature_predescription {
    font-size: 16px;
    font-size: 1rem;
  }
}
@media screen and (min-width: 980px) {
  .video_feature_content:hover .video_feature_predescription {
    visibility: hidden;
    opacity: 0;
  }
}

/* Change link underline color on video feature tabs to a more opaque white */
.main_tabs_tab_item a:after {
  background-color: rgba(255,255,255,0.9);
}

/* Make table headers bold */
.typography table th {font-weight: 700;}

/* Modify spacing of Asbury address in footer */
@media screen and (min-width: 980px) {
  .footer_address {
    text-align: center;
  }
  .footer_address_street:after, .footer_address_phone:before {
    margin-left: 10px;
    margin-right: 10px;
  }
}

/* Tighten up the linked list items a bit. Also helps items where the item
label is too long to fit one line. */
.linked_list_link {
  line-height: 1.5;
}

/* Tighten up the linked list items a 2nd time. This time the padding is reduced. */
@media screen and (min-width: 740px) {
  .linked_list {
    padding-bottom: 40px;
  }
  .linked_list_group {
    padding-top: 20px;
  }
  .linked_list_item {
    padding-top: 20px;
  }
}

/* Helper for building FAQ pages with in-page links */
span.anchor {
  margin-top: -150px !important; /* Size of fixed header */
  padding-bottom: 150px !important;
  display: block;
}

/* Widen the button element */
.typography .button {
  padding-left: 30px;
  padding-right: 30px;
}

/* Make the font color inside of tables match the rest of the text */
.typography table td {
  color: #363636;
}

/* Make the link underline the same color as the font */
.typography p a,
.typography ul li a,
.typography ol li a,
.typography td a {
  border-bottom: 1px solid #363636;
}

/* Swap table row highlight colors */
.typography table tr:nth-child(even) {
  background: transparent;
}
.typography table tr:nth-child(odd) {
  background: #f6f6f5;
}

/* Fix the Start Here, Impact the World, Unique Value in the sticky header so
that it appears on the homepage after scrolling down, not just on inside pages*/
@media screen and (min-width: 980px) {
  .layout_home .sticky .header_group {top: 50%;}
}
.header.sticky .header_sticky_tabs.header_sticky_tabs_mobile {display: block;}
@media screen and (min-width: 980px) {
  .header.sticky .header_sticky_tabs.header_sticky_tabs_mobile {display: none;}
}
.header.sticky .header_sticky_tabs.header_sticky_tabs_desktop {display: none;}
@media screen and (min-width: 980px) {
  .header.sticky .header_sticky_tabs.header_sticky_tabs_desktop {display: block;}
}

/* Fix the media gallery so that it doesn't go off-screen when on mobile */
/* .media_gallery_item_figure_wrap {
max-width: 100%;
height: auto;
} */

/* Responsive Video Helper */
.video-container {
  position: relative;
  padding-bottom: 54.75%;
  padding-top: 0;
  height: 0;
  overflow: hidden;
}
.video-container iframe,
.video-container object,
.video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* Temporarily hide ads on Google Custom Search until Google switches our account to ad-free */
/* .gsc-adBlock {
	position: absolute !important;
	left: -9999px !important;
} */

/* Custom CSS for Library homepage and anything else that's similar */
.layout_tile {
  margin: 10px !important;
}
.layout_tile.col-2 {
  float: left;
  width: calc(48% - 20px);
}
.layout_tile .title {
  background-color: #e6e7e8;
  padding-left: 20px;
}
.layout_tile .title a {
  font-size: 1.7rem;
  border-bottom: 2px solid #3e1952; !important;
  color: #3e1952;
}
@media screen and (max-width: 550px) {
  .layout_tile.col-2 {
    width: 100%;
    margin: 10px 0;
    float: none;
  }
}
/* Custom CSS for LibraryThing New Books widget */
.librarything_newbooks > div {
  border: none;
  background-color: #e6e7e8;
  -webkit-border-radius: none;
  border-radius: none;
}
div.grid.LT_coverdisplay {
  width: 100% !important;
}
div.grid.LT_coverdisplay > div {
  width: 14% !important;
  height: auto !important;
}
div.LT_header {
  padding: 15px 1em !important;
  text-align: left !important;
  background-color: #3e1952;
  margin-bottom: 20px !important;
}
div.LT_header a {
  color: #fff !important;
  font-weight: bold;
  border-bottom: 1px solid white;
}
div.LT_header a:hover {
  text-decoration: none !important;
}
div.LT_content {
  padding-left: 20px !important;
}

/* Remove list item bullets from GravityForms elements */
body .gform_wrapper form .gform_body ul > li:before {
     content: "";
     width: 0;
     height: 0;
}
/* Fix the padding issue with select/dropdown elements in GravityForms
This was a problem only in safari. */
.gform_wrapper.gf_browser_safari select {
  padding: 2px 0 2px 3px !important;
}

/* Add a purple background to the date tag on a news card */
.news_date {
  background: #3e1952;
  display: inline-block;
  padding: 2px 4px 4px 4px;
}

/* Added a privacy policy link to the site footer and made some adjustments so that it fits */
 .privacy_link {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  border-top: 1px solid #333435;
  color: #fff;
  display: block;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1.25px;
  letter-spacing: 0.07813rem;
  padding: 25px 0;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (min-width: 980px) {
  .privacy_link {
    border-top: none;
    -webkit-box-shadow: inset -1px 0 0 #333435;
    box-shadow: inset -1px 0 0 #333435;
    display: inline-block;
  }
}
.privacy_link:hover {
  background: #363636;
}
.privacy_link {
  -webkit-transition: background 0.25s;
  transition: background 0.25s;
}
@media screen and (min-width: 980px) {
  .privacy_link {
    /* border-left: 1px solid #333435; */
    padding: 32px 19px;
  }
}
@media screen and (min-width: 1220px) {
  .privacy_link {
    padding: 32px 50px;
  }
}
.privacy_label {
  position: relative;
  top: -8px;
}
.privacy_icon {
  display: inline-block;
  height: 26px;
}
@media screen and (min-width: 980px) {
  .social_nav_item {
    margin-right: 15px;
  }
}
@media screen and (min-width: 1220px) {
  .social_nav_item {
    margin-right: 20px;
  }
}
.social_nav_link .symbol_facebook {
  width: 20px;
  height: 30px;
}
.social_nav_link .symbol_twitter {
  width: 20px;
  height: 25px;
}
.social_nav_link .symbol_instagram {
  width: 20px;
  height: 30px;
}
.social_nav_link .symbol_pinterest {
  width: 16px;
  height: 30px;
}
.social_nav_link .symbol_youtube {
  width: 20px;
  height: 22px;
  margin-top: 5px;
}
.social_nav_link .symbol_google {
  width: 20px;
  height: 26px;
  margin-top: 5px;
}
.social_nav_link .symbol_linkedin {
  width: 20px;
  height: 30px;
}

/* Custom mobile styling for left/right arrows on card grids on homepage */
.cards .custom_container {
  display: block !important;
}
.card_grid .custom_container {
  display: block;
}
@media screen and (min-width: 980px) {
  .card_grid .custom_container {
    display: none;
  }
}
.fs-carousel-enabled .fs-carousel-pagination.fs-carousel-visible {
  display: none;
}
.card_grid .custom_container .fs-carousel-control {
  padding-top: 0;
  padding-left: 13px;
}
@media screen and (max-width: 799px) {
  .cards .custom_container .fs-carousel-control,
  .card_grid .custom_container .fs-carousel-control {
    padding-left: 0px;
  }
  .fs-carousel-controls {
    width: 40px !important;
    height: 120px;
  }
  .fs-carousel-control {
    height: 59px;
    width: 40px;
  }
}
.fs-carousel-controls.fs-carousel-visible {
  background: #fff;
  color: #3e1952;
}
.fs-carousel-control {
  padding-top: 60px;
}
.card_grid {
  position: relative;
}



/* Custom styling for new card in homepage card grid */
/* ==========================================================================
Social Media card
============================================================================= */
.socialmedia {
  margin-top: 40px;
  margin-bottom: 40px;
  position: relative;
  background: #000;
}
@media screen and (min-width: 740px) {
  .socialmedia {
    margin-top: 50px;
  }
}
@media screen and (min-width: 980px) {
  .socialmedia {
    margin-top: 60px;
  }
}
@media screen and (min-width: 740px) {
  .socialmedia {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 980px) {
  .socialmedia {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 980px) {
  .socialmedia {
    margin-left: -25px;
    margin-right: -25px;
  }
}
@media print {
  .socialmedia {
    margin: 20px 0;
  }
}
.card_grid_card .socialmedia {
  margin: 0;
  overflow: hidden;
}
@media screen and (min-width: 980px) {
  .card_grid_card .socialmedia {
    width: 340px;
  }
}

.socialmedia_background_wrap {
  overflow: hidden;
}
@media print {
  .socialmedia_background_wrap {
    display: none;
  }
}

.socialmedia_background_wrap:before {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  content: "";
  display: block;
}

.socialmedia_background {
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.socialmedia_body {
  position: relative;
  z-index: 2;
  color: #fff;
  padding: 0 25px 35px 25px;
}
@media print {
  .socialmedia_body {
    padding: 20px 0;
  }
}

.socialmedia_header {
  background: #3E1952;
  display: inline-block;
  margin-bottom: 18px;
  padding: 2px 4px 4px 4px;
}

.socialmedia_title {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 500;
  color: #fff;
  font-size: 12px;
  font-size: 0.75rem;
  letter-spacing: 1.25px;
  letter-spacing: 0.07813rem;
  margin: 0;
  text-transform: uppercase;
}

.socialmedia_stat {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 70px;
  font-size: 4.375rem;
  margin: 0 0 10px 0;
}
@media screen and (min-width: 740px) {
  .socialmedia_stat {
    font-size: 105px;
    font-size: 6.5625rem;
    margin: 0;
  }
}

.socialmedia_caption {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 15px;
  font-size: 0.9375rem;
  line-height: 1.94444;
  line-height: 19px;
  margin: 0;
}
@media screen and (min-width: 740px) {
  .socialmedia_caption {
    font-size: 18px;
    font-size: 1.125rem;
  }
}
.socialmedia_caption:after {
  width: 65px;
  height: 1px;
  background: rgba(255, 255, 255, 0.5);
  content: "";
  display: block;
  margin: 25px 0 0 0;
}

.socialmedia_description {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  margin: 25px 0;
  font-size: 1.125rem;
  line-height: 1.8rem;
  color: #fff;
}
@media print {
  .socialmedia_description {
    margin: 0;
  }
}
.socialmedia_description p {
  font-size: 1.125rem;
  line-height: 1.8rem;
  color: #fff;
}
.socialmedia_description p a {
  border-bottom: 1px solid #fff;
  color: #fff;
  font-weight: 800;
  -webkit-transition: all 0.25s, background 0.25s;
  transition: all 0.25s, background 0.25s;
}
.socialmedia_description p a:hover {
  color: #b9babc;
  border-bottom: 1px solid #b9babc;
}

@media print {
  .socialmedia_links {
    display: none;
  }
}

.socialmedia_link {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  position: relative;
  border-bottom: 1px solid transparent;
  color: #fff;
  display: inline-block;
  font-size: 14px;
  font-size: 0.875rem;
  line-height: 20px;
  -webkit-transition: border 0.25s;
  transition: border 0.25s;
  display: inline-block;
  margin-right: 25px;
}
.socialmedia_link:after {
  width: 7px;
  height: 7px;
  position: absolute;
  top: 7px;
  right: -13px;
  content: "";
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  display: inline-block;
  font-size: 12px;
  font-size: 0.75rem;
  overflow: hidden;
  -webkit-transform: rotate(54deg) skew(20deg);
  transform: rotate(54deg) skew(20deg);
}
.socialmedia_link:hover {
  border-color: rgba(255, 255, 255, 0.7);
  color: #fff;
}

/* Custom styling for new card in homepage card grid */
/* Tighten up the 4th item */
@media screen and (min-width: 980px) {
  .card_grid_card:nth-child(4) {
    margin-top: 22px;
    margin-left: 95px;
  }
}
/* Tighten up the 5th item */
@media screen and (min-width: 980px) {
  .card_grid_card:nth-child(5) {
    margin-top: 100px;
    margin-right: 100px;
  }
}
/* Reassign the 6th item (used to be :last-child) */
@media screen and (min-width: 980px) {
  .card_grid_card:nth-child(6) {
    margin-left: 600px;
    margin-top: -50px;
  }
}
/* Reassign the 6th item (used to be :last-child) */
@media screen and (min-width: 1220px) {
  .card_grid_card:nth-child(6) {
    margin-left: 200px;
  }
}
/* Place the 7th and final item */
@media screen and (min-width: 980px) {
  .card_grid_card:last-child {
    margin-top: -250px;
    margin-left: 100px;
  }
}
@media screen and (min-width: 1220px) {
  .card_grid_card:last-child {
    margin-left: 0;
    margin-top: 84px;
    margin-right: 200px;
  }
}
.socialmedia .card_grid_title {
  color: #fff;
  margin-top: 15px;
  margin-bottom: 10px;
  font-size: 1.375rem;
}
@media screen and (min-width: 980px) {
  .card_grid_card.theme_sml_socialmedia {
    width: 340px;
  }
}
.socialmedia .card_grid_figure {
  position: relative;
}
.media_gallery_play {
  border: 2px solid #fff;
}
.socialmedia .cta_row_watermark {
  right: 0px;
}

/* Custom styles for Google Custom Site Search promotions (auto-results when
certain target words are searched for). FastSpot had styled the normal results,
but not the promotions */
.site_search_results .gsc-results a.gs-title em {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 400;
  font-size: 17px;
  font-size: 1.0625rem;
  line-height: 1.33333;
  height: inherit;
  color: #3E1952 !important;
  text-decoration: inherit;
}
@media screen and (min-width: 740px) {
  .site_search_results .gsc-results a.gs-title em {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
.site_search_results .gsc-results a.gs-title em {
  font-weight: 1.875rem;
  font-weight: bold;
}
.site_search_results .gsc-results .gs-visibleUrl-long {
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 600;
  font-size: 12px;
  font-size: 0.75rem !important;
  line-height: 2.91667;
  letter-spacing: 1.25px;
  letter-spacing: 0.07813rem;
  text-transform: uppercase;
  color: #000;
  display: block !important;
}
.site_search_results .gsc-webResult.gsc-result.gsc-promotion:hover {
  border: none;
  border-bottom: 1px solid #e5e2e0;
}

/* Make the Family grid card button stay visible when the card is selected */
.fs-swap-active .family_grid_card_button {
  opacity: 1;
}

/* Custom styles for More News link on homepage */
.js-carousel .cards_heading_links {
  margin: 40px 0 20px;
  position: absolute;
  top: 45%;
}
.cards_heading {
  font-size: 44px;
  font-size: 2.75rem;
}
@media screen and (min-width: 980px) {
  .cards_heading {
    font-size: 52px;
    font-size: 3.25rem;
  }
}
.cards_heading_links p {
  margin: 0 0 20px 0;
}
.js-carousel .cards_heading_links p {
  margin: 20px 0;
}
.cards_heading {
  margin: 0 0 10px 0;
}

/* Custom styles for a paging profile sidebar component */
.sidebar_item_paging .custom_container .fs-carousel-control {
  padding-top: 0;
  padding-left: 13px;
}
.sidebar_item_paging .fs-carousel-controls {
  top: 100px;
}
@media screen and (min-width:980px) {
  .sidebar_item_paging .fs-carousel-controls {
    top: 100px;
  }
}
.sidebar_item_paging .custom_container .fs-carousel-control,
.sidebar_item_paging .custom_container .fs-carousel-control {
  padding-left: 0px;
}
.sidebar_item_paging .fs-carousel-controls {
  width: 40px !important;
  height: 120px;
}
.sidebar_item_paging .fs-carousel-control {
  height: 59px;
  width: 40px;
}
@media screen and (min-width: 740px) {
  .sidebar_item_paging .profile_description {
    font-size: 1rem;
  }
}
.sidebar_item_paging .profile_image {
  border-radius: 0;
}
.sidebar_item_paging .profile_image_container_background {
  width: 164px;
  height: 164px;
  border-radius: 100%;
  overflow: hidden;
}
/* Globally make profile title same size on mobile as on desktop */
.profile_title {
  font-size: 22px;
  font-size: 1.375rem;
}

/* Reduced line height for news card titles */
.news_title {
  line-height: 1.4;
}
/* Slightly increased font size on mobile for news card titles */
@media screen and (max-width: 739px) {
  .news_title {
    font-size: 16px;
    font-size: 1rem;
  }
}

/* Expand content area to be full-width on pages using the Full width template*/
.page.fullwidth .fs-cell.fs-lg-8.content_cell {
  width: 98%;
}

/* Fix the Meet Our Family feature so that the selected item keeps its purple
overlay when you scroll past it. It makes it easier to read the text in the foreground. */
.animate .family_grid_active:after {
  background: rgba(62, 25, 82, 0.7);
}

/* Fix the search button on the search page so that the clickable area is the full
height of the search bar, and the button is transparent. */
.gsc-search-button, .gsc-search-button-v2 {
  height: 100%;
}

/* Custom styles for callouts within the page content */
.typography table td {
  color: inherit;
}
.typography .callout {
  border-left: 5px solid #3e1952;
}
.typography .callout.purple {
  border: none;
  background: #3e1952;
  color: white;
}
.typography .callout h3 {
  margin-top: 20px;
}
.typography .callout.purple table tr:nth-child(odd) {
  background: #4b275d;
  color: white;
}

.typography .callout {
  padding: 1px 20px;
}
@media screen and (min-width: 500px) {
  .typography .callout.alignright {
    padding: 0 0 0 20px;
  }
}

/* Leaflet Maps. */
.leaflet-container .leaflet-popup-pane {
  display: block;
}
.leaflet-container .leaflet-control-zoom a {
  margin: 0;
}
.leaflet-popup-content br + br {
  display:none;
}
.leaflet-popup-content p + br {
  display:none;
}
.leaflet-map, .leaflet-container {
  z-index: 1;
}

/* Fundraiser Progress Bar and other stuff for Fundraiser Pages */
#progressbar {
  margin-bottom: 50px;
}
#progressbar .raisedamount {
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 2.7rem;
}
#animated-raisedTotal {
  display: inline-block;
  width: 120px;
}
#progressbar .goalamount {
  font-size: 1.3rem;
  margin-bottom: 5px;
}
#progressbar .raisedPercentage {
  background-color: #b8babc;
  height: 40px;
  position: relative;
  width: 100%;
  overflow: hidden;
}
#progressbar .progressbar {
  background-color: #3e1952; height: 40px; width: 100%;
  -webkit-transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.8s ease;
  -moz-transform: translateX(-100%);
  -moz-transition: -moz-transform 0.8s ease;
  transform: translateX(-100%);
  transition: -webkit-transform 0.8s ease;
  will-change: transform;
  transitionDelay: 2s; position: relative;
}

/* Password form styles for Password-protected posts */
.post-password-form p {
  position: relative;
}
.post-password-form label {
  width: calc(100% - 6rem);
  float: left;
}
.post-password-form label > input {
  width: calc(100% - 7rem);
  margin-left: 20px;
}
.post-password-form p > input {
  position: relative;
  top: -4px;
  width: 6rem;
  font-family: 'Source Sans Pro', sans-serif;
  font-weight: 700;
  border: 1px solid #fff;
  display: block;
  background: #3E1952;
  color: #fff;
  font-size: 14px;
  font-size: 0.875rem;
  letter-spacing: 0.5px;
  letter-spacing: 0.03125rem;
  margin: 15px 0;
  padding: 17px 10px 16px 10px;
  text-align: center;
  -webkit-transition: background 0.25s;
  transition: background 0.25s; }
.post-password-form p > input:hover {
  background: #fff;
  border: 1px solid #979797;
  color: #3E1952; }
@media screen and (max-width: 500px) {
  .post-password-form label {
    width: 100%;
    float: none;
  }
  .post-password-form label > input {
    width: calc(100% - 6rem);
  }
  .post-password-form p > input {
    width: 100%;
  }
}

/* Half-Height Subpage Header Images */
.subpage-header {
  width: 100%;
}
.subpage-header img {
  max-width: 100%;
}
@media screen and (min-width: 1440px) {
  .subpage-header {
    width: 1440px;
    margin: 0 auto;
  }
}

/* Edits to sortable searchable tables */
table[class*="sortable_searchable"] th:nth-child(2),
table[class*="sortable_searchable"] th:nth-child(3),
table[class*="sortable_searchable"] th:nth-child(4),
table[class*="sortable_searchable"] td:nth-child(2),
table[class*="sortable_searchable"] td:nth-child(3),
table[class*="sortable_searchable"] td:nth-child(4) {
  border-left: 1px solid rgba(0,0,0,0.1);
}

#sortable_wrapper th.header::after,
#sortable_wrapper th.sorting::after,
#sortable_wrapper th.sorting_asc::after,
#sortable_wrapper th.sorting_desc::after,
.dataTables_wrapper th.header::after,
.dataTables_wrapper th.sorting::after,
.dataTables_wrapper th.sorting_asc::after,
.dataTables_wrapper th.sorting_desc::after{
content: "" !important;
display: inline !important;
color: #555 !important;
text-align: none !important;
}

#sortable_wrapper th.header.headerSortDown::after,
#sortable_wrapper th.sorting_asc::after,
.dataTables_wrapper th.header.headerSortDown::after,
.dataTables_wrapper th.sorting_asc::after {
    content:"\2b07" !important;
}
#sortable_wrapper th.header.headerSortUp::after,
#sortable_wrapper th.sorting_desc::after,
.dataTables_wrapper th.header.headerSortUp::after,
.dataTables_wrapper th.sorting_desc::after {
    content:"\2b06" !important;
}

/* Tweaked margin at top of floating images to line up with top of text paragraph */
@media screen and (min-width: 500px) {
  .typography .block_left,
  .typography .alignleft,
  .typography .block_right,
  .typography .alignright {
    margin-top: 8px;
  }
}

/* Sidebar Admissions CTA Buttons */
.sidebar-cta a.button {
  padding: 17px 22px 16px;
}
.sidebar-cta a.button.contact,
.sidebar-cta a.button.visit {
  width: calc(30% - 5px);
}
.sidebar-cta a.button.apply {
  width: calc(40%);
}
.sidebar-cta.novisit a.button.contact {
  width: calc(40% - 5px);
}
.sidebar-cta.novisit a.button.apply {
  width: calc(60%);
}
@media screen and (min-width: 980px) {
  .sidebar-cta {
    margin: 0 -25px;
  }
  .sidebar-cta a.button {
    padding: 17px 17px 16px;
  }
  .sidebar-cta a.button.contact,
  .sidebar-cta a.button.visit,
  .sidebar-cta a.button.apply {
    width: initial;
  }
}
@media screen and (min-width: 1220px) {
  .sidebar-cta a.button {
    padding: 17px 26px 16px;
  }
}

/* Majors, Minors, Emphases table page */
td div.major, td div.minor, td span.emph, td div.empty {
  width: 24px;
  height: 24px;
  line-height: 1.5rem;
  border-radius: 12px;
  color: transparent;
  font-weight: bold;
  margin: 0 auto;
  text-align: center;
  margin-top: 3px;
}
td div.major {
  background-color: #3e1952;
}
td div.minor {
  background-color: #717375;
}
td span.emph {
  background-color: #b8babc;
  margin: initial;
  display: inline-block;
}
td div.empty {
  display: none;
}
@media screen and (max-width: 740px) {
  div.table_wrapper {
    margin-left: calc(-1.04166667% - 20px) !important;
    margin-right: calc(-1.04166667% - 20px) !important;
    /* width: 100vw !important; */
  }
  table.sortable_searchable-majminemp thead th {
    padding: 10px 3px;
    letter-spacing: 0rem;
  }
}
div.dataTables_filter {
  margin-bottom: 30px;
}
@media screen and (min-width: 370px) {
  br.majors-narrow {
    display: none;
  }
}

/* Add extra margin above footer ribbon */
@media screen and (min-width: 980px) {
  .footer_ribbon {
    margin-top: 50px;
  }
}

/* Move the profile sidebar component tag to the top of the box if no photo */
.profile_inner.nophoto .profile_header{
  top: -25px;
}

/* Increase the right padding for profile sidebar components if when paging buttons are visible but no photo */
.sidebar_item_paging .profile_inner.nophoto {
  padding: 25px 50px 35px 25px;
}

/* Styles for paging sidebar items */
/* Fix problem where ByTheNumbers background image spans entire queue of items */
.sidebar_item_paging .numbers_inner {
  position: relative;
}
/* Increase right padding for ByTheNumbers items to accommodate the paging buttons */
.sidebar_item_paging .numbers_body {
  padding: 0 45px 35px 25px;
}
/* Decrease font size of stat for a certain range of screen widths, to accommodate the paging buttons */
@media screen and (min-width: 980px) and (max-width: 1219px) {
  .sidebar_item_paging .numbers_stat {
    font-size: 5rem;
  }
}
/* Increase right padding for profiles up to a certain screen size, to accommodate the paging buttons */
@media screen and (max-width: 979px) {
  .sidebar_item_paging .profile_inner {
    padding: 25px 50px 35px 25px;
  }
}

/* Add new theme colors for flex callouts */
.flex_description a {
  font-weight: bold;
}
.flex_callout.theme_dark_gray {
  background: #717375;
}
.flex_callout.theme_dark_gray .flex_description a,
.flex_callout.theme_black .flex_description a{
  /* border-bottom: 1px solid rgba(255, 255, 255, 0.7); */
}
.flex_callout.theme_medium_gray .flex_description a,
.flex_callout.theme_light_gray .flex_description a,
.flex_callout.theme_white .flex_description a{
  color: #000;
  border-bottom-color: #000;
}
.flex_callout.theme_dark_gray .flex_description a:focus,
.flex_callout.theme_dark_gray .flex_description a:hover,
.flex_callout.theme_black .flex_description a:focus,
.flex_callout.theme_black .flex_description a:hover {
  border-bottom-color: #fff;
}
.flex_callout.theme_medium_gray .flex_description a:focus,
.flex_callout.theme_medium_gray .flex_description a:hover,
.flex_callout.theme_light_gray .flex_description a:focus,
.flex_callout.theme_light_gray .flex_description a:hover,
.flex_callout.theme_white .flex_description a:focus,
.flex_callout.theme_white .flex_description a:hover {
  border-bottom-color: #3e1952;
  color: #3e1952;
}
.flex_callout.theme_light_gray,
.flex_callout.theme_medium_gray {
  background: #e6e7e8;
  border: 1px solid #E6E7E8;
  color: #000; }
  .flex_callout.theme_light_gray .flex_link,
  .flex_callout.theme_medium_gray .flex_link {
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 700;
    position: relative;
    border-bottom: 1px solid transparent;
    color: #3E1952;
    display: inline-block;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 20px;
    -webkit-transition: border 0.25s;
    transition: border 0.25s; }
    .flex_callout.theme_light_gray .flex_link:after,
    .flex_callout.theme_medium_gray .flex_link:after {
      width: 7px;
      height: 7px;
      position: absolute;
      top: 7px;
      right: -13px;
      content: "";
      border-top: 2px solid #3E1952;
      border-right: 2px solid #3E1952;
      display: inline-block;
      font-size: 12px;
      font-size: 0.75rem;
      overflow: hidden;
      -webkit-transform: rotate(54deg) skew(20deg);
              transform: rotate(54deg) skew(20deg); }
    .flex_callout.theme_light_gray .flex_link:hover,
    .flex_callout.theme_medium_gray .flex_link:hover {
      border-color: rgba(62, 25, 82, 0.7);
      color: #3E1952; }
.flex_callout.theme_medium_gray {
  background: #b8babc;
}

/* Custom styles for Accordion In-Content Component */
.accordion p {
  margin: 0;
}
.accordion .detail {
  margin-bottom: 25px;
}
.accordion h4 {
  margin-bottom: 0px;
  margin-top: 0px;
  padding: 10px 0 10px;
}
.accordion h4 a{
  border-bottom: 1px solid #363636;
  color: #363636;
  font-weight: normal;
  -webkit-transition: color 0.25s, background 0.25s;
  transition: color 0.25s, background 0.25s;
  cursor: pointer;
}
.accordion h4 a:hover {
  color: #3E1952;
  border-bottom: 2px solid #3e1952;
}


/* Make the Image caption links to look like all other links */
figcaption a {
  color: #363636;
  font-weight: 800 !important;
  -webkit-transition: color 0.25s, background 0.25s;
  transition: color 0.25s, background 0.25s;
  border-bottom: 1px solid #363636;
}
figcaption a:hover {
  color: #3e1952;
  border-color: #3e1952;
}

/* Custom styling for quick facts page */
div[class^="stat-"] {
  /* for testing purposes: */
  /* background-color: rgba(0,255,0,0.2); */
  margin: 0 auto;
  margin-top: 50px;
  max-width: 100%;
}
hr.quickfacts {
  margin: 0 auto;
  margin-top: 40px;
  width: 60%;
}
div[class^="stat-"] img.top {
  display: none;
  height: 30vw;
  margin: 0 auto;
}

/* more than 20,000 living alums serving in more than 80 countries */
.stat-alums {
  font-size: 1rem;
  position: relative;
  width: 37.4em;
}
.stat-alums .stat {
  position: relative;
  height: 9.8em;
}
.stat-alums .prestat {
  position: absolute;
  color: #363636;
  font-size: 1.5em;
  top: -0.4em;
}
.stat-alums .thestat {
  position: absolute;
  top: 0.6em;
  left: -0.03em;
  font-size: 7em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-alums .poststat1 {
  position: absolute;
  top: 0.85em;
  left: 9.4em;
  font-size: 2.3em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
}
.stat-alums .poststat2 {
  position: absolute;
  top: 4.9em;
  left: 0em;
  font-size: 1.5em;
  color: #363636;
}
.stat-alums img.side {
  position: absolute;
  width: 8.3em;
  left: 29.2em;
  top: 0em;
}

/* 1 of 2 Christian schools in Kentucky with a nationally accredited
Music Department */
.stat-music {
  font-size: 1rem;
  position: relative;
  width: 40.1em;
}
.stat-music .stat {
  position: relative;
  height: 6.5em;
}
.stat-music .thestat {
  position: absolute;
  top: 0.3em;
  left: -0.03em;
  font-size: 9em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-music .thestat span {
  font-size: 0.6em;
}
.stat-music .poststat1 {
  position: absolute;
  top: -0.2em;
  left: 9.9em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
}
.stat-music .poststat2 {
  position: absolute;
  top: 1.6em;
  left: 6.4em;
  font-size: 2.3em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
}
.stat-music img.side {
  position: absolute;
  width: 5em;
  left: 35em;
  top: 0em;
}

/* 13:1 Student/faculty ratio */
.stat-ratio {
  font-size: 1rem;
  position: relative;
  width: 48em;
}
.stat-ratio .stat {
  position: relative;
  height: 9.4em;
}
.stat-ratio .thestat {
  position: absolute;
  top: 0.4em;
  left: -0.08em;
  font-size: 8em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-ratio .poststat1 {
  position: absolute;
  top: 0.15em;
  left: 5.5em;
  font-size: 2.8em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
  width: 7em;
}
.stat-ratio .poststat1 br {display: none;}
.stat-ratio .poststat2 {
  position: absolute;
  top: 4.5em;
  left: 0;
  font-size: 1.5em;
  color: #363636;
}
.stat-ratio img.side {
  position: absolute;
  width: 10.3em;
  left: 38em;
  top: 0em;
}

/* 40% of students receive Academic Scholarships */
.stat-scholarships {
  font-size: 1rem;
  position: relative;
  width: 43em;
}
.stat-scholarships .stat {
  position: relative;
  height: 7.8em;
}
.stat-scholarships .thestat {
  position: absolute;
  top: 0.4em;
  left: 0em;
  font-size: 9em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-scholarships .poststat1 {
  position: absolute;
  top: 0.1em;
  left: 12.6em;
  font-size: 1.5em;
  color: #363636;
}
.stat-scholarships .poststat2 {
  position: absolute;
  top: 1.15em;
  left: 8.6em;
  font-size: 2.2em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
}
.stat-scholarships img.side {
  position: absolute;
  width: 8.7em;
  left: 33em;
  top: 0em;
}

/* 50+ majors & degree completion, graduate & high school dual enrollment */
.stat-majors {
  font-size: 1rem;
  position: relative;
  width: 46em;
}
.stat-majors .stat {
  position: relative;
  height: 9em;
}
.stat-majors .thestat {
  position: absolute;
  top: 0.4em;
  left: 0em;
  font-size: 7em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-majors .poststat1 {
  position: absolute;
  top: 1.85em;
  left: 0em;
  font-size: 3em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
  width: 7em;
}
.stat-majors .poststat2 {
  position: absolute;
  top: 0.1em;
  left: 6em;
  font-size: 2.2em;
  font-weight: 700;
  line-height: 1.3em;
  color: #363636;
}
.stat-majors img.side {
  position: absolute;
  width: 10em;
  left: 36.2em;
  top: -0.4em;
}

/* 100% of students go on cross-cultural trips */
.stat-trips {
  font-size: 1rem;
  position: relative;
  width: 48em;
}
.stat-trips .stat {
  position: relative;
  height: 8.1em;
}
.stat-trips .thestat {
  position: absolute;
  top: 0.35em;
  left: -0.03em;
  font-size: 10em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-trips .thestat span {
  font-size: 0.6em;
}
.stat-trips .poststat1 {
  position: absolute;
  top: 0.2em;
  left: 16.8em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
}
.stat-trips .poststat2 {
  position: absolute;
  top: 1.1em;
  left: 10.9em;
  font-size: 2.3em;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: -0.04em;
  color: #3e1952;
}
.stat-trips img.side {
  position: absolute;
  width: 5em;
  left: 41.8em;
  top: -0.1em;
}

/* Only equine program in the nation with an equine management major AND service mounts program */
.stat-equine {
  font-size: 1rem;
  position: relative;
  width: 40.5em;
}
.stat-equine .stat {
  position: relative;
  height: 10.4em;
}
.stat-equine .thestat {
  position: absolute;
  top: 0.5em;
  left: -0.03em;
  font-size: 6em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-equine .poststat1 {
  position: absolute;
  top: 0.1em;
  left: 5.5em;
  font-size: 2.4em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
}
.stat-equine .poststat2 {
  position: absolute;
  top: 4.1em;
  left: 0em;
  width: 20.6em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
}
.stat-equine img.side {
  position: absolute;
  width: 10.2em;
  left: 30.8em;
  top: -0.7em;
}

/* The only school with Media students working as paid broadcasters at 12+ Olympic Games */
.stat-olympics {
  font-size: 1rem;
  position: relative;
  width: 47em;
}
.stat-olympics .stat {
  position: relative;
  height: 9em;
}
.stat-olympics .prestat {
  position: absolute;
  top: 0em;
  left: 0em;
  width: 9em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
  text-align: right;
}
.stat-olympics .thestat {
  position: absolute;
  top: 0.31em;
  left: 1.7em;
  font-size: 8.8em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-olympics .poststat {
  position: absolute;
  top: 2.8em;
  left: 7em;
  font-size: 2.2em;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #3e1952;
}
.stat-olympics img.side {
  position: absolute;
  width: 16em;
  left: 30.8em;
  top: 0em;
}

/* Room & Board Charges among the lowest in the state (almost 40% lower than flagship universities) */
.stat-roomboard {
  font-size: 1rem;
  position: relative;
  width: 44em;
}
.stat-roomboard .stat {
  position: relative;
  height: 9.8em;
}
.stat-roomboard .thestat {
  position: absolute;
  top: 0em;
  left: 0em;
  font-size: 4.4em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0.8;
  text-align: center;
}
.stat-roomboard .poststat1 {
  position: absolute;
  top: 0em;
  left: 7.4em;
  font-size: 2.2em;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: 0em;
  color: #363636;
  width: 7em;
}
.stat-roomboard .poststat2 {
  position: absolute;
  top: 4.9em;
  left: 0em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
}
.stat-roomboard img.side {
  position: absolute;
  width: 12em;
  left: 32em;
  top: -0.5em;
}

/* #1 Ranked College in the South */
.stat-ranking {
  font-size: 1rem;
  position: relative;
  width: 47em;
}
.stat-ranking .stat {
  position: relative;
  height: 10.5em;
}
.stat-ranking .thestat {
  position: absolute;
  top: 0em;
  left: 2.1em;
  font-size: 2.8em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0.8;
  letter-spacing: -0.05em;
}
.stat-ranking .thestat .narrow {
  display: none;
}
.stat-ranking .poststat1 {
  position: absolute;
  top: 1.4em;
  left: 2.9em;
  font-size: 2em;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #363636;
}
.stat-ranking .dates {
  font-size: 0.8em;
  font-weight: 300;
}
.stat-ranking .thestat .dates {
  font-size: 0.59em;
  color: #363636;
}
.stat-ranking .poststat2 {
  position: absolute;
  top: 6.2em;
  left: 23em;
  font-size: 1.3em;
  color: #363636;
}
.stat-ranking img.side {
  position: absolute;
  width: 5.4em;
  left: -0.2em;
  top: -0.2em;
}

/* Asbury student loan default rates are 4X Lower than the national average */
.stat-default {
  font-size: 1rem;
  position: relative;
  width: 40em;
}
.stat-default .stat {
  position: relative;
  height: 7.7em;
}
.stat-default .prestat {
  position: absolute;
  top: 0.1em;
  left: -0.4em;
  font-size: 1.7em;
  color: #363636;
  width: 8em;
  text-align: right;
  line-height: 1.5em;
}
.stat-default .thestat1 {
  position: absolute;
  top: 0em;
  left: 2.35em;
  font-size: 6.1em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0.8;
  letter-spacing: 0.05em;
}
.stat-default .thestat2 {
  position: absolute;
  top: 1.8em;
  left: 5.1em;
  font-size: 2.8em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0.8;
  letter-spacing: -0.05em;
}
.stat-default .poststat {
  position: absolute;
  top: 0.05em;
  left: 10.7em;
  font-size: 2.1em;
  line-height: 1.2em;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #363636;
  width: 6em;
}
.stat-default img.side {
  position: absolute;
  width: 9em;
  left: 31em;
  top: -0.2em;
}

/* The entire on-campus student body attends 3 Chapels Per Week */
.stat-chapel {
  font-size: 1rem;
  position: relative;
  width: 34em;
}
.stat-chapel .stat {
  position: relative;
  height: 8.8em;
}
.stat-chapel .prestat {
  position: absolute;
  top: 0em;
  left: 0em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
  text-align: right;
}
.stat-chapel .thestat {
  position: absolute;
  top: 0.31em;
  left: 0.8em;
  font-size: 12em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-chapel .poststat {
  position: absolute;
  top: -0.1em;
  left: 6.2em;
  font-size: 2.7em;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: -0.05em;
  color: #3e1952;
}
.stat-chapel img.side {
  position: absolute;
  width: 5.8em;
  left: 28em;
  top: -0.2em;
}

/* 7 Master’s Degrees */
.stat-masters {
  font-size: 1rem;
  position: relative;
  width: 45em;
}
.stat-masters .stat {
  position: relative;
  height: 11em;
}
.stat-masters .thestat {
  position: absolute;
  top: 0.31em;
  left: 0.03em;
  font-size: 10.9em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-masters .poststat1 {
  position: absolute;
  top: 4.6em;
  left: 0.1em;
  font-size: 1.7em;
  line-height: 0.9em;
  font-weight: 700;
  color: #3e1952;
}
.stat-masters .poststat2 {
  position: absolute;
  top: 0em;
  left: 5.3em;
  font-size: 1.4em;
  color: #363636;
  line-height: 1.15em;
}
.stat-masters img.side {
  position: absolute;
  width: 12.8em;
  left: 32.2em;
  top: -0.2em;
}

/* 100% Acceptance into math and science graduate schools (for a decade) */
.stat-science {
  font-size: 1rem;
  position: relative;
  width: 37.8em;
}
.stat-science .stat {
  position: relative;
  height: 7.8em;
}
.stat-science .thestat {
  position: absolute;
  top: 0.35em;
  left: -0.03em;
  font-size: 6.4em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-science .thestat span.percent {
  font-size: 0.7em;
}
.stat-science .poststat1 {
  position: absolute;
  top: 1.6em;
  left: 0.1em;
  font-size: 2.7em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
}
.stat-science .poststat2 {
  position: absolute;
  top: 0em;
  left: 9em;
  font-size: 1.7em;
  color: #363636;
  line-height: 1.45em;
  width: 11em;
}
.stat-science img.side {
  position: absolute;
  width: 6.4em;
  left: 31.3em;
  top: -0.6em;
}

/* 17 Sports Teams All with scholarships */
.stat-sports {
  font-size: 1rem;
  position: relative;
  width: 36em;
}
.stat-sports .stat {
  position: relative;
  height: 6.4em;
}
.stat-sports .thestat {
  position: absolute;
  top: 0.35em;
  left: -0.03em;
  font-size: 8.2em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-sports .thestat span.percent {
  font-size: 0.7em;
}
.stat-sports .poststat1 {
  position: absolute;
  top: 0em;
  left: 3em;
  font-size: 3.1em;
  line-height: 1.1em;
  font-weight: 700;
  color: #3e1952;
}
.stat-sports .poststat2 {
  position: absolute;
  top: 2.3em;
  left: 5.5em;
  font-size: 1.7em;
  color: #363636;
  line-height: 1.45em;
}
.stat-sports img.side {
  position: absolute;
  width: 6.4em;
  left: 29.3em;
  top: -0.3em;
}

/* 99% of students receive financial aid */
.stat-aid {
  font-size: 0.9rem;
  position: relative;
  width: 39em;
}
.stat-aid .stat {
  position: relative;
  height: 6.4em;
}
.stat-aid .thestat {
  position: absolute;
  top: 0.35em;
  left: -0.03em;
  font-size: 8.2em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0;
}
.stat-aid .thestat span.percent {
  font-size: 0.7em;
}
.stat-aid .poststat1 {
  position: absolute;
  top: -0.1em;
  left: 7.9em;
  font-size: 2.1em;
  color: #363636;
  font-weight: 700;
  line-height: 1.45em;
}
.stat-aid .poststat2 {
  position: absolute;
  top: 0.77em;
  left: 4.7em;
  font-size: 3.5em;
  line-height: 1.1em;
  font-weight: 700;
  letter-spacing: -0.03em;
  color: #3e1952;
}
.stat-aid img.side {
  position: absolute;
  width: 3.1em;
  left: 36em;
  top: -0.1em;
}

/* Scholarships are available for Children of Alums & family members in ministry */
.stat-children {
  font-size: 1rem;
  position: relative;
  width: 35em;
}
.stat-children .stat {
  position: relative;
  height: 8.4em;
}
.stat-children .prestat {
  position: absolute;
  top: 0em;
  left: 0em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
}
.stat-children .thestat {
  position: absolute;
  top: 0.6em;
  left: 0em;
  font-size: 3.5em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0.9em;
  letter-spacing: -0.03em;
  width: 4.3em;
}
.stat-children .poststat {
  position: absolute;
  top: 1.08em;
  left: 7.8em;
  font-size: 1.8em;
  color: #363636;
  font-weight: 700;
  line-height: 1.22em;
  width: 5em;
}
.stat-children img.side {
  position: absolute;
  width: 11.1em;
  left: 24em;
  top: -0.9em;
}

/* Scholarships are available for Children of Alums & family members in ministry */
.stat-state {
  font-size: 1rem;
  position: relative;
  width: 45.5em;
}
.stat-state .stat {
  position: relative;
  height: 8.4em;
}
.stat-state .prestat1 {
  position: absolute;
  top: 0em;
  left: 0em;
  font-size: 1.5em;
  color: #363636;
  line-height: 1.45em;
}
.stat-state .prestat2 {
  position: absolute;
  top: 0.9em;
  left: 0em;
  font-size: 2.7em;
  color: #3e1952;
  font-weight: 700;
  line-height: 1em;
  width: 5em;
}
.stat-state .thestat {
  position: absolute;
  top: 0.25em;
  left: 1.9em;
  font-size: 7.1em;
  font-weight: 700;
  color: #3e1952;
  line-height: 0.9em;
  letter-spacing: -0.03em;
}
.stat-state img.side {
  position: absolute;
  width: 13em;
  left: 32.5em;
  top: 0em;
}

@media (max-width: 1219px) {
  .stat-ratio,
  .stat-scholarships,
  .stat-majors,
  .stat-alums,
  .stat-music,
  .stat-trips,
  .stat-equine,
  .stat-olympics,
  .stat-roomboard,
  .stat-ranking,
  .stat-default,
  .stat-chapel,
  .stat-masters,
  .stat-science,
  .stat-sports,
  .stat-children,
  .stat-state {font-size: 0.8rem;}
  .stat-aid {font-size: 0.7rem;}
}
@media (max-width: 739px) {
  .stat-ratio img.side,
  .stat-scholarships img.side,
  .stat-majors img.side,
  .stat-alums img.side,
  .stat-music img.side,
  .stat-trips img.side,
  .stat-equine img.side,
  .stat-olympics img.side,
  .stat-roomboard img.side,
  .stat-ranking img.side,
  .stat-default img.side,
  .stat-chapel img.side,
  .stat-masters img.side,
  .stat-science img.side,
  .stat-sports img.side,
  .stat-aid img.side,
  .stat-children img.side,
  .stat-state img.side {display: none;}
  .stat-ratio .poststat1 {width: auto;}
  .stat-ratio .poststat1 br {display: inline;}
  .stat-ranking .thestat,
  .stat-ranking .poststat1 {left: 0em;}
  .stat-ranking .poststat2 {left: 19em;}

  .stat-alums {width: 28em;}
  .stat-music {width: 34em;}
  .stat-ratio {width: 40em;}
  .stat-scholarships {width: 32em;}
  .stat-majors {width: 36em;}
  .stat-trips {width: 39em;}
  .stat-equine {width: 31em;}
  .stat-olympics {width: 30em;}
  .stat-roomboard {width: 32em;}
  .stat-ranking {width: 41.5em;}
  .stat-default {width: 30.3em;}
  .stat-chapel {width: 26em;}
  .stat-masters {width: 32.5em;}
  .stat-science {width: 31.4em;}
  .stat-sports {width: 28em;}
  .stat-aid {width: 35em;}
  .stat-children {width: 23em;}
  .stat-state {width:31.5em;}

  .stat-ranking .thestat .narrow {display: inline;}

  div[class^="stat-"] img.top {
    display: block;
  }
}
@media (max-width: 600px) {
  .stat-trips {font-size: 0.7rem;}
  .stat-ranking {font-size: 2vw;}
  .stat-aid {font-size: 2.0vw;}
}
@media (max-width: 500px) {
  .stat-ratio,
  .stat-scholarships,
  .stat-majors,
  .stat-alums,
  .stat-equine,
  .stat-olympics,
  .stat-roomboard,
  .stat-default,
  .stat-chapel,
  .stat-masters,
  .stat-science,
  .stat-sports,
  .stat-children,
  .stat-state {font-size: 2.6vw;}
  .stat-music {font-size: 2.5vw;}
  .stat-trips {font-size: 2.2vw;}
  .stat-majors .poststat2 {
    top: 0em;
    left: 6.1em;
    font-size: 1.9em;
    line-height: 1.6em;
  }
}