.gradient-overlay .cmp-tertiary-column-control,
.gradient-overlay .mid_bar{
    position: relative;
    z-index: 2;
}
.gradient-overlay .vector_image{
    margin:10px auto 0 auto;
    max-width: 400px;
    
}
.gradient-overlay .text .hero-header p{
    color:#FFF;
    font-size:3rem;
    text-transform: uppercase;
    margin:0;
    padding:0;
    line-height: 1.0;
    font-weight: var(--body-black-weight);
}

.gradient-overlay .text .hero-header p{
    font-size:5rem;
}


.cta-white {
background:#FFFFFF;
padding:40px;
border-radius:12.5px;
}

.cta-white .btn.btn-primary {
margin-bottom:20px!important
}

.cmp-background-area__container.fixed{
background-attachment:fixed;
	display: flex;
justify-content: center;
align-items: center;
height:100vh;
}

.extended-map {
padding-bottom:250px!important;
}

.move-up img {
border-radius: 12.5px!important;
}

.move-up {
margin-top:-250px!important;
background-color:(255,255,255,0)!important;
}

.gold {
color:var(--bgsu-gold);
}

.seafoam {
color:var(--bgsu-seafoam);
}

.coral {
color:var(--bgsu-coral);
}

.teal {
color:var(--bgsu-teal);;
}



.subhead p {
font-size:1.2rem;
}


.brown h2 {
color: var(--bgsu-brown);
}



#gray-bar, #content {
    display: none !important;
}




.padding40 {
    padding:40px!important;
}




.white h2,
.white h3,
.white h4{
color: #FFFFFF!important;

}

.white p {
color:#FFFFFF!important;
}

.brown p {
color: var(--bgsu-brown);
}






.tile-overlay-toggle {
 display: none;
}
.tile {
       box-shadow: var(--shadow-elevation-high);
    border-radius: 12px;
    padding:2rem;
    
    position: relative;
    
    min-height:33vh;
    transition:background-color .9s ease;
	
	background-color:var(--bgsu-orange);
    
   

   
}

.floodlight,
.cmp-javascript-widget__script{
    container-type:inline-size; 
}



	.tile---white-gradient{
		background-image: linear-gradient(
  40deg,
  hsl(0deg 0% 93%) 0%,
  hsl(344deg 0% 95%) 0%,
  hsl(344deg 0% 97%) 5%,
  hsl(344deg 0% 99%) 26%,
  hsl(344deg 0% 99%) 81%,
  hsl(344deg 0% 98%) 94%,
  hsl(344deg 0% 97%) 99%,
  hsl(0deg 0% 96%) 100%
);
		background-color:transparent!important;
	}	
	.tile-overlay-toggle:checked + .tile---white-gradient{
		background-image:none;
	}
	
	
.tile-overlay-toggle:checked + .tile{
   background-color:#FFF;
    color:#000000;
    box-shadow: var(--shadow-elevation-medium);
    border:1px solid #ececec;
}

.tile-overlay-toggle:checked + .tile.tile--reveal2{
   background-color: var(--bgsu-orange);
}


.tile-body{
    display: flex;
    justify-content: center;
    align-content: center;
    align-items: center;
    width: 100%;
    
    height: 100%;
   
	position: absolute;
    top:0;
    left:0;
	
}
.tile-content, .tile-teaser {
align-self: center; 
flex-direction:column;
}
	
.tile-content p, .tile-teaser p,
.tile-content h2, .tile-teaser h2{
    margin:0;
    padding:0;
   
}
	.tile-teaser h2{
		color:#FFF;
	}
	.tile-teaser img{
		padding:2rem;
		width: 100%;
		height: auto;
	/*	max-height:30vh;*/
	}
	
.tile-overlay-toggle + .tile > .tile-body > .tile-content {
    opacity: 0;
    transform: translateY(-30px);
    visibility: hidden;
    height:0px;
    width:0px;
}
.tile-overlay-toggle:checked + .tile > .tile-body > .tile-content {
    opacity: 1.0;
    transform: translateY(1px);
    transition: opacity .3s ease, transform .5s ease-in-out;
    width:100%;
    height:100%;
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 auto;
    z-index: 2;
    padding: 2rem;
}

.tile-overlay-toggle + .tile.tile--reveal2 > .tile-body > .tile-content,
.tile-overlay-toggle:checked + .tile.tile--reveal2 > .tile-body > .tile-content {
    padding-right:2rem!important;
    opacity: 1.0;
    transform: translateY(1px);
    transition: opacity .3s ease, transform .5s ease-in-out;
    width:100%;
    height:100%;
    visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    flex: 1 auto;
    z-index: 2;

    
}
.tile-overlay-toggle + .tile >  .tile-body >.tile-teaser {
    opacity: 1.0;
    transform: translateY(1px);
    transition: opacity .3s ease, transform .5s ease-in-out;
    width:100%;
    height:100%;
     visibility: visible;
    display: flex;
    justify-content: center;
    align-items: center;
    
}
.tile-overlay-toggle:checked + .tile > .tile-body > .tile-teaser {
    opacity: 0;
    transform: translateY(-30px);
     visibility: hidden;
    height:0px;
    width:0px;
}

.tile-button-wrapper{
    position: absolute;
    top:1rem;
    right:1rem;
    transition: transform .2s ease-in-out;
    font-size:1.5rem;
    font-weight:800;
    width:30px;
    height:30px;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 50000px;
    box-shadow: var(--shadow-elevation-medium);
    font-family: initial;
    z-index: 4;
	background-color:#FFF;
	color:#000;
    transition: transform .25s ease, color .6s ease-in-out;
}

.tile-button-wrapper:hover{
    transform: scale(1.1);
    color:var(--bgsu-orange);
}

	 .tile-button-wrapper .tile-overlay-label {
    border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip; rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}
.tile-overlay-toggle:checked + .tile .tile-button-wrapper{
    transform: rotate(45deg);
    box-shadow: none;
    background-color: #FFFFFF;
    color:#000000;
}

.tile.tile--image{
  
    padding:2rem;

}

.tile.tile--image .tile-body{
     position: unset;
}
.tile-overlay-toggle~ .tile .tile-overlay-image{
    position:absolute;
   top:0;
   z-index:1;
    object-fit: cover;
    width:100%;
    height:100%;
    border-radius:10px;
    opacity: 1.0;
    transition:opacity .5s ease-in-out;
}
.tile-overlay-toggle:checked~ .tile .tile-overlay-image{
    opacity:0;
}

.tile-overlay-toggle + .tile.tile--image > .tile-body > .tile-teaser,
.tile-overlay-toggle:checked + .tile.tile--image > .tile-body > .tile-teaser{
    z-index:3;
    opacity:1.0;
    transform: unset;
    width:100%;
    height:100%;
    visibility: visible;
    justify-content: flex-start;
    align-items: flex-start;
 
    flex: 1;
}
.tile-overlay-toggle + .tile.tile--image > .tile-body > .tile-teaser h2,
.tile-overlay-toggle:checked + .tile.tile--image > .tile-body > .tile-teaser h2{
    color:var(--bgsu-orange);
    padding:0;
 
    
}



.tile.tile--image .tile-body{
    flex-direction: column;
}
.tile-overlay-toggle + .tile.tile--image > .tile-body > .tile-content,
.tile-overlay-toggle:checked + .tile.tile--image > .tile-body > .tile-content{
    padding:0;
        
      
}

.tile-overlay-toggle + .tile.tile--image > .tile-body > .tile-content p,
.tile-overlay-toggle:checked + .tile.tile--image > .tile-body > .tile-content p{
line-height:1.45;
}
.col-md-4 .tile.tile--image-corner{
    aspect-ratio: unset;
    
}

.tile.tile--image-corner{
    aspect-ratio: 1;
    overflow: clip;
    
    /*border-radius: 12px 12px 12px 100px;*/
}

.tile-overlay-toggle~ .tile.tile--image-corner .tile-overlay-image{
    position:absolute;
   top:15%;
    left:-10%;
   z-index:1;
    object-fit: cover;
    width:100%;
    height:100%;
    border-radius:0 100px 0 0;
    opacity: 1.0;
    transition:opacity .5s ease-in-out;
	object-position: center left;
    
}

.col-md-4 .tile.tile--image-corner .tile-overlay-image{
    top:25%;
    left:-15%;
}
.tile-overlay-toggle:checked~ .tile.tile--image-corner:not(.tile--reveal2, .tile--reveal) .tile-overlay-image{
    opacity:0;
     border: 0;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip; rect(1px, 1px, 1px, 1px);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px; 
}

.tile-overlay-toggle + .tile.tile--image.tile--image-corner > .tile-body > .tile-teaser h2{
    color:#fff;
    padding:0;
    font-size:3rem;   
    transition:color .4s ease-in-out;
        margin-top:-0.5rem!important;
}


.tile--reveal2 .tile-teaser h2{
    color:#fff!important;
}

.col-md-4 .tile-overlay-toggle + .tile.tile--image.tile--image-corner > .tile-body > .tile-teaser h2{
  
    font-size:2rem;
}

.tile-overlay-toggle:checked + .tile.tile--image.tile--image-corner > .tile-body > .tile-teaser h2{
    color:var(--bgsu-orange);

}




div.tile---teal{
    background-color:var(--bgsu-teal);
}
div.tile---orange{
background-color:var(--bgsu-orange);
}

div.tile---white{
background-color:#FFF;
}
div.tile---brown{
background-color:var(--bgsu-brown);
}	
div.tile---tan{
background-color:var(--bgsu-tan);
}
	div.tile---rose{
background-color:var(--bgsu-rose);
}	
		div.tile---coral{
background-color:var(--bgsu-coral);
}	
	
		div.tile---seafoam{
background-color:var(--bgsu-seafoam);
}	
	
	div.tile---gold{
background-color:var(--bgsu-gold);
}	
	
	
div.tile---white h2{
    color:var(--bgsu-coral)!important;
}

.tile-overlay-toggle~ .tile.tile--image-corner.tile--reveal .tile-overlay-image{

    transform: translateX(0px);
    transition: transform .3s ease-in-out;
}
.tile-overlay-toggle:checked~ .tile.tile--image-corner.tile--reveal .tile-overlay-image{
    
        transform: translateX(-800px);

}

.tile-overlay-toggle~ .tile.tile--image-corner.tile--reveal2 .tile-overlay-image{
    z-index:4;
    transform: translateX(0px);
    transition: transform .3s ease-in-out;
}
.tile-overlay-toggle:checked~ .tile.tile--image-corner.tile--reveal2 .tile-overlay-image{
    
        transform: translateX(-800px);

}


.publish-hide{display:none;}
html.ext-strict .publish-hide{display:block!important;}


.tile--reveal2::after{
        position:absolute;
   top:15%;
    left:-10%;
   z-index:1;
    object-fit: cover;
    width:100%;
    height:100%;
    border-radius:0 100px 0 0;
    opacity: 1.0;
content:"";
    background-color:#FFF;
    z-index:1;
}
.tile-overlay-toggle~ .tile.tile--image-corner.tile---small-heading .tile-overlay-image,
.tile---small-heading.tile--reveal2::after
{
top:25%;
}

.ar4-3 .tile{
aspect-ratio:4/3!important;
}

.ar4-3 .tile-overlay-toggle + .tile.tile--image.tile--image-corner > .tile-body > .tile-teaser h2{
font-size:2rem;
     margin-top:-.85rem !important;
}





















.brown h2 {
color: var(--bgsu-brown);
}


h3{
    font-size:2rem;
}



#gray-bar, #content {
    display: none !important;
}




.padding40 {
    padding:40px!important;
}




.impact-number p{
  display:block;
  padding:0;
  line-height:1.3;
    margin:0;
    
}
.impact-number strong{
font-family:var(--body-font);
  font-size:3.25rem;
  font-weight:var(--body-black-weight);
  display:block;
line-height:0.95;
    margin:5px 0;
  color:var(--bgsu-orange);
letter-spacing: -.05rem;
text-transform: uppercase;
}

.impact-number.multi-line strong{
  font-size:2.25rem;
line-height:0.95;
  
letter-spacing: -.05rem;
text-transform: uppercase;

}
.impact-number.seafoam strong{color:var(--bgsu-seafoam);}
.impact-number.rose strong{color:var(--bgsu-rose);}
.impact-number.gold strong{color:var(--bgsu-gold);}
.impact-number.teal strong{color:var(--bgsu-teal);}
.impact-number p{
    color:#FFF;
    font-weight: var(--body-bold-weight);
    font-size:1.2rem;
}

.impact-number.white p{
    color:#000!important;
}


.impact-number.pull-up{
    margin-top:-4rem;
}












.gradient-overlay {
  position: relative;

}
.gradient-overlay:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0.85;
  /* background-image: linear-gradient(
  280deg,
  hsl(19deg 100% 50%) 0%,
  hsl(18deg 93% 47%) 11%,
  hsl(18deg 87% 44%) 22%,
  hsl(18deg 82% 41%) 33%,
  hsl(18deg 77% 38%) 44%,
  hsl(18deg 73% 35%) 56%,
  hsl(18deg 67% 31%) 67%,
  hsl(18deg 62% 28%) 78%,
  hsl(18deg 55% 25%) 89%,
  hsl(18deg 46% 21%) 100%
);*/
  background-image: linear-gradient(100deg, hsl(18deg 46% 21%) 0%, hsl(20deg 45% 26%) 16%, hsl(23deg 45% 32%) 31%, hsl(25deg 44% 37%) 45%, hsl(27deg 44% 42%) 57%, hsl(29deg 44% 47%) 68%, hsl(32deg 48% 53%) 78%, hsl(34deg 59% 58%) 86%, hsl(36deg 72% 63%) 93%, hsl(39deg 88% 67%) 100%);
}



.flickity-page-dots li.dot{
	background-color:var(--bgsu-teal);
}

.flickity-page-dots li.dot.is-selected{
	background-color:var(--bgsu-orange);
}

@container (max-width: 500px) {
 
    
    .ar4-3 .tile-overlay-toggle + .tile.tile--image.tile--image-corner > .tile-body > .tile-teaser h2{
     margin-top:-1.2rem!important;
        font-size:1.45rem;
}
  
}
@container (max-width: 400px) {
    
      .ar4-3 .tile-overlay-toggle + .tile.tile--image.tile--image-corner > .tile-body > .tile-teaser h2{
     margin-top:-.95rem!important;

}
    
    .ar4-3 .tile{
        aspect-ratio: unset!important;
        
    }
    
    .tile-content p{
        font-size:0.9rem;
          line-height:1.4;
    }
    
    .tile-overlay-toggle + .tile.tile--reveal2 > .tile-body > .tile-content, .tile-overlay-toggle:checked + .tile.tile--reveal2 > .tile-body > .tile-content{
        padding-top:2rem;
    }
    
    
    .tile-overlay-toggle~ .tile.tile--image-corner .tile-overlay-image{
        top:20%;
        border-radius:0 100px 0 0!important;
    }
    .tile--reveal2::after{
        top:20%;
        border-radius:0 100px 0 0;
    }
}

@container (max-width: 300px) {
      .tile-content p{
        font-size:0.9rem;
          line-height:1.4;
    }
}

@media (max-width: 992px){
.early-break .col-md-4,
    .early-break .col-md-6{
  width: 100%;
}
    

    .early-break .tile{
      
        max-width:50%;
        margin:0 auto 1.65rem auto;
    }
    }

@media (max-width: 576px){

    
    .early-break .tile{
      
        max-width:100%;

    }
    }