/*--------- MISC. STUFF -----------*/
/*---------------------------------*/
.border-box { /*transparent box with grey rounded border*/
    border-radius: 5px;
    border: 2px solid #f4f4f4;
    padding: 20px;
    height: 100%;
    }
.border-box-white {
    border-radius: 5px;
    border: 2px solid #ffffff;
    padding: 20px;
    height: 100%;  
}
.linkSpanner { /*-- used to make full DIVs clickable as links --*/
  position: absolute; 
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
}   

/*------ RESIDENCE HALLS ---------*/
/*--------------------------------*/

.residence-hall-alert { /*used on residence hall pages as snapshot*/
    border-radius: 5px;
    background: #f4f4f4;
    text-align: center;
    border: 2px solid #e3e3e3;
    }
    
/*---used for positioning Sidebar elements on Interior and Program pages---*/
/*--- class is defined in the 2-column template---*/
.zindex101 {
    z-index: 101;
}
.zindex100 {
    z-index: 100;
}


/*-----------IMAGES------------*/
/*-----------------------------*/

@media(max-width: 650px) {
    .max100 {
        max-width: 75%;
        display:block;
        margin:0 auto;
    }
}
.max100 {
    max-width: 100%;
    border-radius: 5px;
}
.w-80 {
    max-width: 80%;
}

/*---------- VIDEOS-------------*/
/*------------------------------*/
.video-embed { 
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden; 
    max-width: 100%; 
} 
@media(min-width: 900px) {
    .video-embed {
        max-width: 85%;
        margin-left: auto;
        margin-right: auto;
    }
}
.video-embed iframe, .video-embed object, .video-embed embed { 
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%; 
}


/*------CHEVRON BUTTON-------*/
/*---------------------------*/
 .chevron-btn, .clive-submit {
	 text-align: center;
	 display: inline-block;
	 position: relative;
	 text-decoration: none;
	 color: #fff;
	 text-transform: capitalize;
	 font-size: 18px;
	 min-width: 160px;
	 padding: 8px 20px;
	 border-radius: 6px;
	 overflow: hidden;
	 -webkit-transition: all 0.2s linear 0s;
	 transition: all 0.2s linear 0s;
}
 .chevron-btn.primary {
	 background-color: #a6192e;
	 color: #ffffff;
}
 .chevron-btn.light {
	 background-color: #ffffff;
	 color: #a6192e;
}
 .chevron-btn:before {
	 content: "\f054";
	 font-family: FontAwesome;
	 font-size: 15px;
	 position: absolute;
	 display: -webkit-box;
	 display: -ms-flexbox;
	 display: flex;
	 -webkit-box-align: center;
	 -ms-flex-align: center;
	 align-items: center;
	 -webkit-box-pack: center;
	 -ms-flex-pack: center;
	 justify-content: center;
	 right: 0;
	 top: 0;
	 opacity: 0;
	 height: 100%;
	 width: 40px;
	 -webkit-transition: all 0.2s linear 0s;
	 transition: all 0.2s linear 0s;
}
 .chevron-btn:hover {
	 text-indent: -20px;
	 text-decoration: none;
}
 .chevron-btn:hover:before {
	 opacity: 1;
	 text-indent: 0px;
}
.chevron::after {
  content: '>'; /* adds right chevron after text links */
  padding-left: 6px;
  text-transform: uppercase !important;
}