/* local_assets modifyGlobalTemplate.css */
/* CSS to override template styles */

/* Contrast not an accessibility concern for these links. */
.vt-image-caption { background-color: transparent; }
.vt-image-caption { background-color: transparent; }

/* Make .whitestripe go white to match Twitter iframe */
.vt-multicolumn.whitestripe .row { background: #fff; }

/* Make Feeds not run together by adding blockfeed as CSS class to feed component */
.blockfeed .vt_feed_iDate {display: block;}
.blockfeed .vt_feed_iTitle {display: block;}

/* Keep narrow feeds from having overflow images */
.vt-feedreader img {
    max-width: 100%;
}

/* Long URLs don't wrap in feeds. They should. */
.vt_feed_content a
{
      word-wrap: break-word;
}

/* At phone sizes, we'll want to break long words and URLs whether our English teacher would want us to or not. */
@media only screen and (max-width: 414px)
{
      word-wrap: break-word;

 -ms-word-break: break-all;
     word-break: break-all;

     word-break: break-word;

-webkit-hyphens: auto;
   -moz-hyphens: auto;
    -ms-hyphens: auto;
        hyphens: auto;
}

/* Transparent goes to dark gray on all figures */
/* The idea behind this is to letterbox images that are portrait instead of landscape 
but that isn't how users perceive the effect. Plus, #333 as the background color
is a poor choice. */
/* This code overrides for the entire website. 
Use of the .vt-transparent-bg utility class is also available. */
/* core.css
.adaptiveimage figure, .vt-article .vt-image figure, .vt-list-columns figure {
    text-align: center;
    background-color: #333;
} 
.adaptiveimage .vt_thumb_img figure,
.adaptiveimage .vt_small_img figure,
.adaptiveimage .vt_medium_img figure {
    background-color: transparent;
} 
.vt-transparent-bg,
.vt-transparent-bg figure {
    background-color: transparent;
}
*/
.adaptiveimage figure, .vt-article .vt-image figure, .vt-list-columns figure {
    background-color: #fff;
    background-color: transparent;
}

/* Don't add double space after multicolumn. */
/* Don't add double space after multicolumn. */
/* Don't add double space after multicolumn. */
/* currently this rule applies
.parbase {
    margin-bottom: 40px;
} */
/* Remove space below multicolumn. - new default value */
/* .content not on every page, some are .home-content */
/* main on every page. */
main .vtmulticolumn.section .vt-multicolumn .parbase.section {
    margin-bottom: 0px;
}
/* Allow class option for restoring fullspace. */
main .vtmulticolumn.section .vt-multicolumn.vt-multicolumn-fullspacebelow .parbase.section {
    margin-bottom: 40px;
}
/* Allow class option for restoring most of the space. */
main .vtmulticolumn.section .vt-multicolumn.vt-multicolumn-threequarterspacebelow .parbase.section {
    margin-bottom: 30px;
}
/* Allow class option for restoring halfspace. */
main .vtmulticolumn.section .vt-multicolumn.vt-multicolumn-halfspacebelow .parbase.section {
    margin-bottom: 20px;
}
/* Allow class option for no space. */
main .vtmulticolumn.section .vt-multicolumn.vt-multicolumn-nospacebelow .parbase.section {
    margin-bottom: 0px;
}

/*  Magazine  */

.story-feature .thumbnail figure { position:relative; overflow: hidden;}
.story-feature .thumbnail picture:before {
	border-bottom: 0 solid #f60;
	box-sizing: border-box;
	content: " ";
	width: 100%;
	height: 100%;
	-webkit-transition: all 0.25s;
	transition: all 0.25s;
	z-index: 2;
	position: absolute;
	right: 0;
	bottom: 0;
	left: 0;
}
.story-feature:hover .thumbnail picture:before { border-bottom-width: 10px; }
.story-feature .thumbnail picture img { transition: transform 0.2s ease-out; }
.story-feature:hover .thumbnail picture img {
	transform: scale(1.1);
	transition: transform 10s;
}

.story-feature a, .story-feature:hover a, .story-feature:focus a {
	color:#9f9f9f;
	text-decoration: none;
  display: block;
}
.story-feature a .story-title { color: #3f3f3f; }
.story-feature:hover a .story-title { color: #f60; }

@media only screen and (min-width: 768px) {
	.story-meta-info { 
		margin-right: auto;
		margin-left: auto;
		width: 50.0%;
	}
}

.vt-list .image-format-positionLeft .item > .row, .vt-list .image-format-positionRight .item > .row { min-height: 0; }

@media screen and (min-width: 1400px) {
  .vt-list .image-format-positionLeft .item > .row, .vt-list .image-format-positionRight .item > .row { min-height: 0; }
}

/*  Headings and CTAs  */

h2.upperorange {
    font-family: Acherus;
    font-size: 5.0em;
    font-weight: 900;
    color: rgb(198,70,0);
    text-align: center;
    text-transform: uppercase;
}

.tile h2 { font-size: 3rem; }
@media only screen and (max-width: 767.98px) { 
  .tile h2 { font-size: 2.5rem; }
   h2.upperorange { font-size: 4.25em; hyphens: auto; }
}
.tile a {
  display: block;
    text-align: center;
    text-decoration: none;
    padding: 1.0em 2.0em;
  background-image: linear-gradient(transparent, transparent 50%, white 50%, white );
    background-size: 100% 200%;
    color: #fff;
  border: 2.0px solid rgb(255,255,255);
    transition: all 0.2s ease;
}
.tile a:hover, .tile a:focus { background-position: 100% 100%; }
.tile.primary a:hover, .tile.primary a:focus { color: rgb(134,31,65); }
.tile.secondary a:hover, .tile.secondary a:focus { color:#e87722; }
.section-light .tile a, .section-theme-light .tile a { color:#000; }
.section-light .tile a:hover,
.section-light .tile.primary a:hover,
.section-light .tile.secondary a:hover,
.section-light .tile a:focus,
.section-light .tile.primary a:focus,
.section-light .tile.secondary a:focus { color:#fff; }
.section-theme-light .tile a:hover,
.section-theme-light .tile.primary a:hover,
.section-theme-light .tile.secondary a:hover,
.section-theme-light .tile a:focus,
.section-theme-light .tile.primary a:focus,
.section-theme-light .tile.secondary a:focus { color:#fff; }
.section-theme-light .tile.primary a, .section-theme-light .tile.primary a{
    border-color: rgba(134,31,65,1);
    background-image: linear-gradient(white, white 50%, rgba(134,31,65,1) 50%, rgba(134,31,65,1 ));
}
.section-light .tile.secondary a, .section-theme-light .tile.secondary a {
    border-color: #e87722;
    background-image: linear-gradient(white, white 50%, #e87722 50%, #e87722);
}
.tile .fa-arrow-right {
    font-size: .75em;
    transform: translateX(0);
    transition: transform .25s ease-in;
}
.tile.primary a:hover .fa-arrow-right, .tile.primary a:focus .fa-arrow-right {
    transform: translateX(40%);
    transition: transform .25s ease-out;
}

/* Remove SPACE below Container */
#vt_body_col { padding-bottom: 0; }
main .vtcontainer.parbase.section,
main .vtmulticolumn.parbase.section { margin-bottom: 0; }

/* Third | Two-third and Quarter | Three-quarter columns*/
@media(min-width:768px){
 .vt-multicolumn.onetwo > .row > .col-md-6:nth-of-type(1) { max-width: 33%; }
 .vt-multicolumn.onetwo > .row > .col-md-6:nth-of-type(2) { max-width: 67%; }

 .vt-multicolumn.twoone > .row > .col-md-6:nth-of-type(1) { max-width: 67%; }
 .vt-multicolumn.twoone > .row > .col-md-6:nth-of-type(2) { max-width: 33%; }

 .vt-multicolumn.onethree > .row > .col-md-6:nth-of-type(1) { max-width: 25%; }
 .vt-multicolumn.onethree > .row > .col-md-6:nth-of-type(2) { max-width: 75%; }

 .vt-multicolumn.threeone > .row > .col-md-6:nth-of-type(1) { max-width: 75%; }
 .vt-multicolumn.threeone > .row > .col-md-6:nth-of-type(2) { max-width: 25%; }

}

/*  
    Box 
    - put .box class on multicolumn component
*/
@media(min-width:768px){
 .vt-full-width .section .box .row { display: flex; }
}
.vt-full-width .section .box .row .col-md-4 > .vt-col {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center; 
  background: rgba(0,0,0,.1);
  padding: 1em; 
}
@media(max-width: 767.98px){
    .vt-full-width .section .box .row .col-md-4 { margin-bottom: 1.5em; padding-right: 0; padding-left: 0; }
    .vt-full-width .section .box .row .col-md-4:last-of-type { margin-bottom: .5em; }
    .vt-full-width .section .box .row .col-sm-4 > .vt-col { margin: 0 2em 2em; padding-top:15px; padding-bottom:15px; }
}
.vt-full-width .section .box .row .col-md-4 > .vt-col .vt-text p:last-of-type { margin-bottom:0; }

/*
    Tile Box Equal Heights

    Example:
    <div class="box">
        <a href="/" class="xy-col">
            <div>
                <h2>Header</h2>
                <p>Descriptive text</p>
            </div>
        </a>
            
        ...

    </div>
*/
.tile .box { 
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; 
    width: 100%; 
    justify-content: space-between;
    flex-flow: row wrap;
}
.tile .box a.xy-col {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display:flex;
    align-items: center;
    justify-content: center;
    flex-grow: 1;
    padding: 1em;
    margin-top: 1.5em;
}
.tile .box.two-col .xy-col { flex-basis: 48%; max-width: 48%; }
.tile .box.three-col .xy-col { flex-basis: 31%; max-width: 31%; }
.tile .box.four-col .xy-col { flex-basis: 23%; max-width: 23%; }
.tile .box div { margin: .5em; }
.tile .box div h2 { margin: 0; }
.tile .box div p { margin: 0; }
.tile .box div h2 ~ p { margin: .5em 0 0; line-height: 1.25; font-size: 16px; }
@media(max-width:767px){
    .tile .box { display:block; }
    .tile .box a.xy-col, .tile .box.two-col .xy-col,.tile .box.three-col .xy-col,.tile .box.four-col .xy-col { max-width: 100%; }
}

/* 
    Callout
    - put .xy-callout on container with full width checked
*/
.vt-full-width.xy-callout :not(.vt-col) > .section.text { margin-top:2em; margin-bottom:2em; }
@media(min-width:768px){
    .vt-full-width.xy-callout .section.text p { font-size:2em; }
}

/* 1:1 Hero Image for Mobile */
@media (max-width: 767.98px) {
    /*.xy-hp .featured-content-container .xy-hero.vt-carousel { margin-top: 0; } */
    .xy-hp .xy-hero figure {
      position: relative;
      width: 100%;
      padding-top: 100%;
    }
    .xy-hp .xy-hero figure img {
      position: absolute; 
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 200%;
      max-width: none;
    }
    .xy-hp .xy-hero.xy-hero-left figure img { left:-25%; }
    .xy-hp .xy-hero.xy-hero-center figure img { left:-50%; }
    .xy-hp .xy-hero.xy-hero-right figure img { left:-75%; }
    /* Additional options */
    .xy-hp .xy-hero.xy-hero-fifteen figure img { left:-15%; }
    .xy-hp .xy-hero.xy-hero-thirty figure img { left:-30%; }
    .xy-hp .xy-hero.xy-hero-forty figure img { left:-40%; }
    .xy-hp .xy-hero.xy-hero-sixty figure img { left:-60%; }
    .xy-hp .xy-hero.xy-hero-seventy figure img { left:-70%; }
    .xy-hp .xy-hero.xy-hero-eighty figure img { left:-80%; }
    .xy-hp .xy-hero.xy-hero-ninety figure img { left:-90%; }
    .xy-hp .xy-hero.xy-hero-flush-right figure img { left:-100%; }
}

/* Full-width container */
.xy-container.vt-vtcontainer.vt-full-width { padding: 0; margin-bottom: 0;}
.xy-container.vt-vtcontainer.vt-full-width .vt-vtcontainer {
    margin:0 auto;
    padding: 40px 50px;
    max-width: 1170px;
}
@media (max-width: 767px) {
    .xy-container.vt-vtcontainer.vt-full-width .vt-vtcontainer {
        padding: 40px 1.25em;
    }
}

/* 
Generic HP didn't set font-size on list item 
*/
.xy-hp .text .vt-text li {
    font-size: 18px;
    line-height: 1.8;
    margin-bottom: .7em;
}

/* Text split into columns */
.xy-text-col-3 {
    column-count: 3;
    column-gap: 2em;
}
.xy-text-col-2 {
    column-count: 2;
    column-gap: 2em;
}
.text .vt-text.xy-text-col ul li { font-size: 16px; display: block;}
@media (max-width: 767px) {
    .xy-text-col {
        column-count: 1;
        column-gap: 0;
    }
}

/*
Card Example
<div class="vt-text xy-card" data-emptytext="Text">
    <div class="xy-card-body">
        <h3>Networking reception</h3>
        <p>Monday, September 24, 2018<br>
        5 to 7 p.m.<br>
        Lane Stadium, South End Zone<br>
        (Registration is required for students. See information below.)</p>
    </div>
</div>
*/
.xy-card {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    min-width: 0;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: border-box;
    border: 1px solid rgba(0,0,0,.125);
    border-radius: .25rem;
    }
.xy-card-body {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto;
    padding: 1.25rem;
}
.xy-card-body h3 { font-size:1.75rem; font-weight: 500; color:rgba(134,31,65,1); }
@media (min-width: 768px) and (max-width: 991.98px) {
  .xy-card-body h3 { font-size:1.5rem; }
}

.xy-card-link {  }
.xy-card-link:hover, .xy-card-link:focus { color:#c64600; }

/* Fix for long CTAs in mobile */
@media (max-width: 767px) {
    .vt-ctaLink.dark, .vt-ctaLink.light, .vt-ctaLink.maroon, .vt-ctaLink.orange, .vt-ctaLink.outline.dark, .vt-ctaLink.outline.maroon, .vt-ctaLink.outline.orange, .vt-list-listOfLinks.button-dividers .item .vt-list-title a, .vt-listStripe .vt-listStripe-button a {
        white-space: normal;
        padding: .8rem 1rem;
    }
}

/* Calendar icon */
time.icon {
    font-size: 1em; /* change icon size */
    display: block;
    position: relative;
    width: 7em;
    height: 7em;
    background-color: #fff;
    border-radius: 0.6em;
    box-shadow: 0 1px 0 #bdbdbd, 0 2px 0 #fff, 0 3px 0 #bdbdbd, 0 4px 0 #fff, 0 5px 0 #bdbdbd, 0 0 0 1px #bdbdbd;
    overflow: hidden;
}

time.icon *
{
  display: block;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  text-align: center;
}

time.icon abbr
{
  position: absolute;
  top: 0;
  padding: 0em 0;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  background-color: #fd9f1b;
  border-bottom: 1px dashed #f37302;
  box-shadow: 0 2px 0 #fd9f1b;
  font-size: 1.25em;
}

time.icon em
{
  position: absolute;
  bottom: 0em;
  color: #fd9f1b;
}

time.icon span
{
  font-size: 2.7em;
  letter-spacing: -0.02em;
  padding-top: 0.6em;
  color: #2f2f2f;
}

/* 
CTA fix 

Accordion - sets a bottom margin so it doesn't hit the top of the next section
*/
.vtAccordion .vtctalink {
    margin-bottom:3em;
}

.flypanels-topbar { height: 52px; }

a.flypanels-button-right.icon-menu.visible-xs {
    padding: 4px 1em;
}

a.flypanels-button-left-sticky { top: 0; }

/* Make Body and Content Footer Flush */ 
.content .row.secondary-content-container { padding-bottom: 0 !important; }

/* Add spacing for first heading in hp-template main content */
@media only screen and (max-width: 991px) {
    .home-content > .col-md-12 > div > .text:first-child > .vt-text > h2 { padding-top: 1em; }
}

/* Directory Photos cropped to circle */
.xy-directory-circle figure { 
    padding: 1em;
    border: 1px dashed #861f41;
    border-radius: 50%;
}

.xy-directory-circle figure > picture > img { border-radius:50%; }

main .vtmulticolumn.section .vt-multicolumn .vtctalink.parbase.section { margin-bottom: 3em; }

/* 

HP NEWS HEADLINES list 

*/ 

.news-headlines.vt-list ul { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.news-headlines.vt-list span.vt-list-date-formatted { color: #75787b; font-size: 11px; padding: 0; }

/* Display 2nd - 5th items in 2 columns */
.news-headlines li:nth-child(n+2):nth-child(-n+5).row { max-width: 48%; width:50%; margin:0; padding:0; }
/* Removed for vt_theme_one 
.news-headlines li:nth-child(n+2):nth-child(-n+5).row > ul li { padding:0; }
*/
.news-headlines li:nth-child(n+2):nth-child(-n+5).row > ul > li > ul { margin:0; } 
.news-headlines li:nth-child(n+2):nth-child(-n+5).row .vt-list-title { font-size: 14px; }

.news-headlines li:nth-child(n+1):nth-child(-n+5).row .item>ul>li:first-of-type { flex:1 1 100%; position:relative; /*height:100%*/; }
/* Set images 3:2 */
.news-headlines li:nth-child(n+2):nth-child(-n+5).row .item>ul>li:first-of-type picture { display:block; position:relative; padding-bottom:67%; width:100%; overflow:hidden; }
.news-headlines li:nth-child(n+2):nth-child(-n+5).row .item>ul>li:first-of-type img { display: block; min-width: 100%; min-height: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; object-fit: cover; }

/* Limit text to 4 lines */ 
.news-headlines.vt-list span.vt-list-title { padding: 0; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 

/* Display 4th & 5th items as rows in mobile */
@media only screen and (max-width:576px) {
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row { max-width: 100%; width:100%; margin:0; padding:0; }
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row ul { display:flex; flex-direction: row-reverse; }
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row > ul li { flex:1 100%; padding:0; }
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row > ul > li > ul { margin:0; }
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row .item>ul>li:last-of-type { flex: 1.65; padding-right: 1em; padding: 1em 1em 0 1em;} 
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row .item>ul>li:first-of-type { flex: 1; position: relative; height: 100%; }

  /* Set images 1:1 */
  .news-headlines li:nth-child(n+4):nth-child(-n+5).row .item>ul>li:first-of-type picture { padding-bottom:100%; }
}

/* Reset images 3:2 */
@media only screen and (min-width:474px) and (max-width:767px) {
  .news-headlines li:nth-child(n+2):nth-child(-n+5).row .item>ul>li:first-of-type picture { padding-bottom:67%; }
}

.news-headlines.vt-list .item>ul>li:last-of-type { display: flex; flex-direction: column; margin-bottom: 0; }
.news-headlines.vt-list .vt-list-date-formatted { margin-bottom: 0; order: 2; }
.news-headlines.vt-list .vt-list-title {
    flex: 0 1 auto;
    order: 1;
}
/* Display 1st article image */
.news-headlines li:first-of-type.row .item>ul>li:first-of-type picture { display:block; position:relative; padding-bottom:67%; width:100%; overflow:hidden; }
/* Remove VT :before on article figures */
.news-headlines.vt-list .vt-list-columns ul li.row .item>ul>li figure::before { content:unset; }

/*
  
    VT THEME ONE
  
*/

/* Section / Chunk */
#vt_theme_one .section-theme-dark {
  color: #fff;
}

#vt_theme_one .section-theme-light {
  color: #000;
}

/* H3 fix for mobile */
@media only screen and (max-width: 767.98px) {
    h3 { font-size: 1.5rem; }
}

/* UL fix for Medium to small devices */
@media only screen and (max-width: 991.98px) {
    .vt-rawhtml ul, .vt-text ul { padding-left: 0; }
}
.vt-multicolumn .vt-rawhtml ul, .vt-multicolumn .vt-text ul { padding-left: 0; }

/* Break long emails in multicolumns */
#vt_theme_one .vt-multicolumn li { word-wrap:break-word; word-break:break-all; word-break:break-word;  }

#vt_theme_one .section-theme-dark hr { border-top: 1px solid rgba(255,255,255,.4); }

/* POP Hover */
#vt_theme_one .xy-pop.two-col li { flex-basis:48%; max-width:48%; } /* col-lg-6 */
#vt_theme_one .xy-pop.three-col li { flex-basis:31%; max-width:31%; } /* col-lg-4 */
#vt_theme_one .xy-pop.four-col li { flex-basis:23%; max-width:23%; } /* col-lg-3 */
#vt_theme_one .xy-pop.five-col li { flex-basis:18%; max-width:18%; } /* col-lg-3 */
@media only screen and (max-width: 767.98px) {
  #vt_theme_one .xy-pop li, .xy-pop.three-col li, .xy-pop.four-col li, .xy-pop.five-col li { flex-basis:100%; max-width:100%; } /* col-12 */
}

#vt_theme_one .xy-pop li a {
    display: flex;
    text-align: center;
    text-decoration: none;
    padding: 1.0rem 2.0rem;
    background-image: linear-gradient(transparent, transparent 50%, white 50%, white );
    background-size: 100% 200%;
    color: #fff;
    border: 2.0px solid #fff;
    transition: all 0.2s ease;
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center;
    font-family: gineso-condensed,sans-serif;
}

#vt_theme_one .xy-pop li a:hover, .xy-pop li a:focus {
    color: #861f41;
    background-position: 100% 100%;
    outline-color: #E87722;
}

#vt_theme_one .section-theme-light .xy-pop li a {
    border-color: #861f41;
    background-image: linear-gradient(white, white 50%, #861f41 50%, #861f41);
}

#vt_theme_one .section-theme-light .xy-pop li a:hover, .section-theme-light .xy-pop li a:focus {
    color: #fff;
    outline-color: #75787b;
}

#vt_theme_one .xy-pop li:first-of-type { margin-left: 0; }
#vt_theme_one .xy-pop li:last-of-type { margin-right: 0; }

#vt_theme_one .xy-pop li a p {
    margin-bottom: 0;
    font-size: 1.5rem;
    text-transform:uppercase;
}

#vt_theme_one .xy-pop ul {
    margin: 0;
    padding: 0;
}

#vt_theme_one .xy-pop ul>li::before {
    content: none; /* Removes custom square bullets */
}

/* Fix tile box columns */
#vt_theme_one .tile .box div {
    /* REMOVE margin: .5em; */
    margin: 0;
}

#vt_theme_one .tile h2 {
    font-size: 1.75rem;
}
#vt_theme_one .tile h2 ~ p {
    margin-bottom: 0;
}

@media (max-width: 767px) {
  #vt_theme_one .tile .box a.xy-col, .tile .box.two-col .xy-col, .tile .box.three-col .xy-col, .tile .box.four-col .xy-col {
      max-width: 100%;
      margin-bottom: 2em;
  }

  #vt_theme_one .tile .box.three-col .xy-col:last-of-type {
      margin-bottom: 0;
  }
}

/* Home page w/o CTA */
#vt_theme_one.noherocta #vt_no_rb,
#vt_theme_one.noherocta #vt_no_rb .vt-bodycol-content .vtcontainer:first-of-type {
    margin-top: 0;
}

/* FIX for long CTA links */
#vt_theme_one .vt-callToAction .vt-callToAction-message .vt-ctaLink {
  white-space: normal;
}

/* Fix margins between sections */
#vt_theme_one #vt_no_rb div[class$="-body"] > .vt-bodycol-content > .vtcontainer {
  margin-top: 0;
  margin-bottom: 0;
}
#vt_theme_one .xy-container.vt-vtcontainer.vt-full-width {
    padding: 0;
    /* ADD */
    margin-bottom: 0;
}
#vt_theme_one.vt-general #vt_no_rb div[class$="-body"] > .vt-bodycol-content > .vtcontainer:first-of-type { margin-top: 2em; margin-bottom: 2em; }

@media (min-width: 768px) {
    #vt_theme_one .xy-container.vt-vtcontainer.vt-full-width .vt-vtcontainer {
        padding: 80px 50px;
    }
}

/* Callout */
#vt_theme_one .vt-full-width.xy-callout .section.text p {
        font-size: 1rem;
        line-height: 1.65;
  }
@media (min-width: 576px) {
  #vt_theme_one .vt-full-width.xy-callout .section.text p {
        font-size: 1.2rem;
        line-height: 1.5;
  }
}
@media (min-width: 768px) {
  #vt_theme_one .vt-full-width.xy-callout .section.text p {
        font-size: 1.1rem;
        line-height: 1.5;
  }
}
@media (min-width: 992px) {
  #vt_theme_one .vt-full-width.xy-callout .section.text p {
        font-size: 1.3em;
        line-height: 1.5;
  }
}
@media (min-width: 1200px) {
  #vt_theme_one .vt-full-width.xy-callout .section.text p {
        font-size: 1.5em;
        line-height: 1.5;
  }
}

/* Fix 1:1 Hero Image */
@media (max-width: 767.98px) {
    #vt_theme_one.xy-hp .xy-hero figure {
      position: relative;
      width: 100%;
      padding-top: 100%;
    }
    #vt_theme_one.xy-hp .xy-hero figure img {
      position: absolute; 
      top: 0;
      left: 0;
      bottom: 0;
      right: 0;
      width: 200%;
      max-width: none;
    }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-left figure img { left:-25%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-center figure img { left:-50%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-right figure img { left:-75%; }
    /* Additional options */
    #vt_theme_one.xy-hp .xy-hero.xy-hero-fifteen figure img { left:-15%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-thirty figure img { left:-30%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-forty figure img { left:-40%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-sixty figure img { left:-60%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-seventy figure img { left:-70%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-eighty figure img { left:-80%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-ninety figure img { left:-90%; }
    #vt_theme_one.xy-hp .xy-hero.xy-hero-flush-right figure img { left:-100%; }

    #vt_theme_one.xy-hp .xy-hero figure a { position: unset; }
}

/* Fix twoone and onetwo */
@media (min-width: 768px) {
  #vt_theme_one .twoone .col-lg-6.col-md-6:first-of-type {
    flex: 0 0 66%;
    max-width: 66%;
  }
  #vt_theme_one .twoone .col-lg-6.col-md-6:last-of-type {
    flex: 0 0 33%;
    max-width: 33%;
  }

  #vt_theme_one .onetwo .col-lg-6.col-md-6:first-of-type {
    flex: 0 0 33%;
    max-width: 33%;
  }
  #vt_theme_one .onetwo .col-lg-6.col-md-6:last-of-type {
    flex: 0 0 66%;
    max-width: 66%;
  }
}

/* Fix mobile multicolumn padding */
@media (max-width: 767.98px) {
    .col-lg-6.col-md-6 {
        padding: 0;
    }
}

/* Fix Portrait Images in Lists */
#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns ul>li.item .vt-list-item-img img {
  position: relative;
  opacity: 1;
  height: 100%;
  width: 100%;
}

#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns ul>li.item .vt-list-item-img {
  margin-top: 0;
}

#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns ul>li.item .vt-list-item-img figure::before {
  padding-bottom: 0;
}

#vt_theme_one .vt-transparent-bg.vt-list-image-only.vt-list .vt-list-columns ul>li.item .row {
  border: none;
}

#vt_theme_one .vt-transparent-bg.vt-list-image-only.vt-list .vt-list-columns .item>ul>li~* {
  display: none;
}

/* List component */
#vt_theme_one .vt-list .vt-list-columns .item>ul>li:last-child, 
#vt_theme_one .vt-transparent-bg.vt-list .vt-list-columns .item>ul>li:last-child {
  margin-bottom: 0;
}

/* Fix maroon bullets and numbers on dark background sections */
#vt_theme_one .section-theme-dark ul li::before, .section-theme-dark ol>li ul>li::before {
  background-color: #fff;
}
#vt_theme_one .section-theme-dark ol li::before, .section-theme-dark ul>li ol>li::before {
  color: #fff;
}
#vt_theme_one .section-theme-dark ol li::after, .section-theme-dark ul>li ol>li::after {
  color: #fff;
}

/* Fix Magazine Features Hover */
#vt_theme_one .story-feature a, #vt_theme_one .story-feature:hover a, #vt_theme_one .story-feature:focus a {
    color: #9f9f9f;
    text-decoration: none;
    display: block;
}

/* Badge List */
#vt_theme_one ul.badge-list {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0;
    padding: 0;
}

#vt_theme_one .badge-list .badge-item {
    display: flex;
    max-width: 100%;
    flex-basis: 100%;
    flex-direction: column;
    overflow: hidden;
    justify-content: center;
    align-items: center;
    padding: .25em .4em;
    text-align: center;
    margin-bottom: 1em;
}

@media (min-width:576px) {
    #vt_theme_one .badge-list .badge-item {
        max-width: 50%;
        flex-basis: 50%;
        margin-bottom: 0;
    }
}

@media (min-width:992px) {
    #vt_theme_one .badge-list .badge-item {
        max-width: 33%;
        flex-basis: 33%;
        margin-bottom: 1%;
    }
}

#vt_theme_one li.badge-item:before {
    content: none;
}

#vt_theme_one .badge-item div {
    height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
    background: rgba(0,0,0,0.1);
    padding: 1.5em 1em;
    justify-content: center;
}

#vt_theme_one li.badge-content {
    margin-bottom: 1.5rem;
}

#vt_theme_one .badge-value, #vt_theme_one .badge-unit {
    font-size: 3rem;
    font-weight: 300;
}

#vt_theme_one .badge-caption {
    text-transform: uppercase;
    line-height: 1.75em;
    margin: 1em 1em 0;
}

#vt_theme_one .badge-caption-source {
    text-transform: uppercase;
    font-style: italic;
    font-size: .7em;
    margin-top: 1em;
}

#vt_theme_one .badge-unit {
    font-size: 1.75rem;
    font-weight: 500;
    letter-spacing: -0.009em;
}

#vt_theme_one .badge-unit.badge-unit-top { 
    vertical-align: top;
}

/* Footer */
@media (max-width: 767.98px) {
  #vt_theme_one footer .footer-content { text-align: center; padding: 1rem; }
  #vt_theme_one footer .footer-content ul { margin-left:0; }
  #vt_theme_one footer .footer-content li::before { content:unset; }
  #vt_theme_one footer .footer-content .follow-cnre-icons { margin-bottom: 3rem; }
}
#vt_theme_one footer .footer-content .follow-cnre-icons a { padding: 0 10px; }
#vt_theme_one footer .footer-content .follow-cnre-icons a:last-of-type { padding-right: 0; }
#vt_theme_one footer .footer-content .follow-cnre-icons a:first-of-type { padding-left: 0; }