@charset "UTF-8";

/* TYPOGRPAHY */

a {
/*
    removed original color for better accessibility
  color: #82003d;
    color: #666699;
*/
/*   color: #622343; */
    color: #800000;
  line-height: inherit;
  text-decoration: underline;
   text-decoration-color: rgba(255, 255, 255, 0); 
  font-weight: inherit;
}
  
a:hover, a:focus {
  /*  color: #82003d; */
    text-decoration: underline;}


h1 {
  font-size: 2rem; color:#622343; font-weight:700;
}

h1 a {font-weight: bold;}

h2 {
  font-size: 1.45rem; font-weight:700;}

h3 {
  font-size: 1.3875rem; font-weight:700;}

h4 {
  font-size: 1.225rem; font-weight:700;}

h5 {
  font-size: 1.125rem; font-weight:700;}

h6 {
  font-size: 1rem; font-weight:700;}


ul.no-style {
  list-style-type: none;
}

/* BACKGROUND video */
#bg_container {height:450px; overflow:hidden;}
#bg {width:100%;}
#bg_content {padding:20px; align-items: center; position:absolute; background-color:#333; opacity:.9; display:block; top:300px; color:#FFF; font-size:3rem;}
.videoContainer {
  position: relative;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}

#bg_buttons {padding:20px; align-items: center; position:absolute; display:block; top:450px; right:20px; color:#FFF; font-size:3rem;}


/* Button Styles */

  .button {
    background-color: #540023;
    color: #fefefe; }

    .button:hover, .button:focus {
      background-color: #ebe9e9;
      color: #540023; }

.pushButton{
  border: 0;
  background: #fefefe;
  border-radius: 4px;
  box-shadow: 0 5px 0 #b4b4b4;
  color: #540023;
  cursor: pointer;
  font: inherit;
  margin: 0;
  outline: 0;
  padding: 12px 20px;
  transition: all .1s linear;
}

.pushButton:hover{
  box-shadow: 0 2px 0 #b4b4b4;
  transform: translateY(3px);
}


  .button.primary {
    background-color: #540023;
    color: #fefefe; }
    .button.primary:hover, .button.primary:focus {
      background-color: #000;
      color: #fff; }


  .button.secondary {
    background-color: #333;
      color: #fff;  }
    .button.secondary:hover, .button.secondary:focus {
      background-color: #ededed;
    color: #000; }



/* Custom Headings */
.jumbo-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 3.3rem; display:block;padding-bottom:21px; font-weight:500;}

.large-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 2.4rem; display:block; padding-bottom:21px; font-weight:500; line-height:2.2rem;}

.medium-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 1.8rem; display:block; padding-bottom:21px;}

.small-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 1.4rem; display:block; line-height: 1.4rem; padding-bottom:21px;}
.small-heading a:link {color:#333; font-weight:bold}
.small-heading a {color:#333;}
.small-heading a:hover {color:#000;}

.tiny-heading {font-family: "Helvetica Neue","Helvetica",Helvetica,Arial,sans-serif;font-size: 1.2rem; display:block; padding-bottom:21px; font-weight:bold;}

.center {text-align:center;}

.no-bottom {padding-bottom:0;}

.column.nopadding {
  padding-left: 0;
  padding-right: 0;
}

.columns.nopadding {
  padding-left: 0;
  padding-right: 0;
}

/* padding-bottom:1.25rem; */

.title-bar {display:none;} 

hr.gradient-rule {
    border: 0;
    height: 1px;
    background: #c4c4c4;
    background-image: linear-gradient(to right, #ccc, #c4c4c4, #ccc);
}

.visit-box {
 	background-color: #fff;
	border: 1px solid #333;
  	background-color:#fafafa;
	padding-top: 14px;
	box-shadow: 1px 1px 10px black;
}


.fact-box {
 	background-color: #fff;
	border: 1px solid #333;
  	background-color:#fafafa;
	background-image: radial-gradient(#ededed 10%, transparent 10%);
	radial-gradient(#ededed 5%, transparent 5%);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
	padding-top: 14px;
}



.tabs {
    /* background: #666 none repeat scroll 0 0; */
    background: transparent none repeat scroll 0 0;
	/* background: #FFF; */
    /* border: 1px solid #e6e6e6; */
    border: 0px;
    list-style-type: none;
    margin: 0;
}



.tabs a:link {color:#FFF;background:#666;} /* background color of tabs */
.tabs a:hover {color:#82003d;background:#fff;} /* background color of tabs hover */


.tabs.simple > li > a {
  padding: 0; }
  .tabs.simple > li > a:hover {
    background: #666; }


.tabs.primary {
  background: #82003d; }
  .tabs.primary > li > a {
    color: #fefefe; }
    .tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
      background: #950046; 
}

.tabs-panel.is-active {
    /* background: #ececec none repeat scroll 0 0; */
	background-color: #cecece;
	background-color: #f9f9f9; 
	/* background-color: #fff; */
	display: block;
}

.tabs-title > a {
    display: block;
    font-size: 1rem;
    line-height: 1;
    padding: 1.25rem 1.5rem;
}

.tabs-title > a:focus, .tabs-title > a[aria-selected="true"] {
    background: #000 none repeat scroll 0 0;
	color:#fff;
}


.tabs-content, .content {
  width: 100%
  height:auto;
  border-style: none solid solid;
	border-width: 0;
	/* background: #FFF; */
}

.mayhemRow:hover {
    background-color: rgba(234, 234, 234, 0.56);
    border: 1px solid grey;
}



/* FULL SCREEN ORIBIT */

.fullscreen-image-slider {
  .orbit-image {
    width: 100%;
    height: 100vh;
  }

  .orbit-caption {
    bottom: 50%;
    transform: translateY(50%);
    background: none;
    text-align: center;
    color: $white;
    font-weight: bold;
  }
}

/* Masonry Grid */

.masonry-css {
  -webkit-column-count: 1;
     -moz-column-count: 1;
          column-count: 1;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
}

@media screen and (min-width: 25em) {
  .masonry-css {
    -webkit-column-count: 2;
       -moz-column-count: 2;
            column-count: 2;
  }
}

@media screen and (min-width: 37.5em) {
  .masonry-css {
    -webkit-column-count: 3;
       -moz-column-count: 3;
            column-count: 3;
  }
}

@media screen and (min-width: 50em) {
  .masonry-css {
    -webkit-column-count: 4;
       -moz-column-count: 4;
            column-count: 4;
  }
}

@media screen and (min-width: 68.75em) {
  .masonry-css {
    -webkit-column-count: 5;
       -moz-column-count: 5;
            column-count: 5;
  }
}

.masonry-css-item {
  -webkit-column-break-inside: avoid;
     page-break-inside: avoid;
          break-inside: avoid;
  margin-bottom: 1rem;
}







.video-thumb {
  position: relative;
}
.video-thumb img {
 width: auto;
 padding: 0px;
}
.video-thumb:before {
  content: '';
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("../images/interface/video_play_button.png");
  opacity: .50;
  z-index:999;
}
.video-thumb:hover:before {
  opacity: .55;
}



/* Stretch the links */
.fotorama__html div,
.fotorama__html a {
    display: block;
    height: 100%;
    /* Transparent links are not clickable in IE,
       but non-existent background fixes this.
      (Put an empty 1×1 image here to avoid
       errors in console.) */
    background: url(_.gif);
}


.full-width {
   width: 100%;
   margin-left: auto;
   margin-right: auto;
   max-width: initial;
}

/* BANDS +++++++++++++++ */
.band {
  padding-top: 4rem;
  padding-bottom: 4rem;
   margin-left: auto;
   margin-right: auto;
   width: 100%;
	background-color: #FFF;
	
}


.band.content-intro {
  padding-top:0;
  padding-bottom:0;
  background-color:#FFF;
   margin-left: auto;
   margin-right: auto;
	margin-bottom:0;
	padding-bottom:0;
	padding-top:1rem;
   width: 100%;	
}

.band.enews {
  background-color:#FFF;
   margin-left: auto;
   margin-right: auto;
	margin-bottom:0;
	padding-bottom:-2rem;
	padding-top:1rem;
   width: 100%;	
}

.band.major-intro {
  background-color:#FFF;
   margin-left: auto;
   margin-right: auto;
	margin-bottom:0;
	padding-bottom:-2rem;
	padding-top:1rem;
   width: 100%;	
}


.band.major-content {
  background-color:#FFF;
   margin-left: auto;
   margin-right: auto;
	margin-bottom:0;
	padding-bottom:0;
	padding-top:2rem;
   width: 100%;	
}
	
.band.header {
	padding-bottom: 1.3rem;
	padding-top: 1rem;
	background-color: #5d0025;
	background-color: #622343;
	background-image: url(../images/interface/header_background_white.png);

	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f070d+0,6d0b35+50,3f070d+100 */
	background: #3f070d; /* Old browsers */
	background: -moz-linear-gradient(left, #3f070d 0%, #6d0b35 50%, #3f070d 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left, #3f070d 0%,#6d0b35 50%,#3f070d 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #3f070d 0%,#6d0b35 50%,#3f070d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f070d', endColorstr='#3f070d',GradientType=1 ); /* IE6-9 */
	 */

}
  

.band.white {background-color: #FFF;}
.band.white-content {background-color: #FFF; padding-top: 2rem; padding-bottom: 2rem;}

.band.grey-dots {
	background-color:#fafafa;
	background-image: radial-gradient(#ededed 10%, transparent 10%);
	radial-gradient(#ededed 5%, transparent 5%);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
}

.band.dark-grey {background-color: #333;}

.band.medium-grey {background-color: #666;}

.band.light-grey {background-color: #f1f1f1;}

.band.grey {background-color: #d3d3d3;}

.band.orange {background-color: #FF9900;}

.band.mba-facts {background-color: #333;background-image: url(../images/interface/mba_facts_background.png);}

.band.pattern {
    background-image: url(/assets/images/content/mc6_new_maroon-test.jpg);
}

.band.greyPattern {
    background-image: url(/assets/images/content/grey_pattern_background.jpg);
}


.band.header h1 {color:#fff;}

.band.breadcrumb {
	background: none repeat scroll 0 0 transparent;
	background-repeat: no-repeat;
   	background-color: #F0F0F0;
  	padding-top: .5rem;
	padding-bottom:0px;
	margin:0px;
  }


.band.navigation {
  /* common for all nav */
  background-color: #151515;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0; 
  margin-top: 0;
  margin-bottom: 0;
}

.band.globalNav {
  background-color: #0F0F0F;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0; 
  margin-top: 0;
  margin-bottom: 0;
}

.band.finaid-navigation {
  /* common for all nav */
  background-color: #3c0e13;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0; 
  margin-top: 0;
  margin-bottom: 0;
}


.band.admissions-navigation {
  /* common for all nav */
  background-color: #3c0e13;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0; 
  margin-top: 0;
  margin-bottom: 0;
}


.band.global-nav {
	background-color: #151515;
	font-weight:700; 
	padding-top:0;
	padding-bottom:0; 
	margin-top:0;
	margin-bottom:0;

}

.band.global-nav a {
	color:#FFF;
}


.band.footer {
	background: none repeat scroll 0 0 transparent;
	background-repeat: no-repeat;
	background-image: url(../images/interface/footer_background.png);
	background-color: #691c33;
	padding: 2rem 2rem; 
	text-align: center;
	color: #fff;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#3f070d+0,6d0b35+50,3f070d+100 */
background: #3f070d; /* Old browsers */
background: -moz-linear-gradient(left, #3f070d 0%, #6d0b35 50%, #3f070d 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, #3f070d 0%,#6d0b35 50%,#3f070d 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, #3f070d 0%,#6d0b35 50%,#3f070d 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f070d', endColorstr='#3f070d',GradientType=1 ); /* IE6-9 */
}

.band.footer p, .band.footer a {
	font-weight: normal;
	font-size: .8em;
	color: #fff;
}




.band.social {
  background-color:#151515;
  text-align:center; font-size:2.5rem;
  padding-top: 7px;
  padding-bottom: 14px;
}

.band.social a {color:#FFF;padding:10px 20px;}
.band.social a:link {color:#000;} 
.band.social a:hover {color:#FFF;}

.band.slider {
    padding:10px;
  margin-top:7px;
  background-color: transparent;
}


/*

.strongerGradBand{
   background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    z-index: 0;  
}


.strongerBand{
   background-image: url(http://meredit1.nextmp.net/assets/images/billboard_hero/undergrad_ad_landing_page.jpg);
   background-repeat: no-repeat;
    background-size: cover;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    z-index: 0;  
}

.strongerMobileBand{
   background-image: url(http://meredit1.nextmp.net/assets/images/content/maroon_gradient_background.png);
   background-repeat: no-repeat;
    background-size: cover;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    z-index: 0;  
}

.orbit-slide{
    background-image: url(http://meredit1.nextmp.net/assets/images/content/mc6_new_maroon-test.jpg)
}

.orbit-text{
    padding: 2rem 4rem;
    text-align: center;
    color: white;
    font-size: 2rem;
}

.skylineBand{
   background-image: url(http://meredit1.nextmp.net/assets/images/billboard_hero/Skyline_HDR-2.png);
   background-repeat: no-repeat;
    background-size: cover;

    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    width: 100% !important;
    z-index: 0;  
}
*/


/* NAVIGATION ++++++++++++ */


/* Global Navigation */
.globalNav ul,
.globalNav ul li {
  margin: 0px; /* zero everything out */
}

.globalNav ul li {
  display:inline;
  float: left;
  position: relative; /* required for dropdowns */
}

.globalNav ul li a {
  display: inline-block;
  line-height: 49px;
  padding: 0 14px; /* spacing around links */
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}


.globalNav ul li a:hover {
  background-color: #333; /* lighter grey color on hover */
  cursor: pointer;
}

/* Global Nav sub-menu dropdowns */
.globalNav ul ul {
  position: absolute;
  z-index: 900;
  background: #333; /* dropdown container color */
  min-width: 200px;
  height: 0;
  overflow: hidden;
}

.globalNav ul ul li {
  float: none;
  display: list-item;
}


.globalNav ul li:hover ul{
  height: auto; /* shows the dropdown */
  overflow: auto;
}


.globalNav ul ul li a {
  display: block;
  line-height: inherit;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  padding: 7px 14px;
}

.globalNav ul ul li:hover a {
  display: block;
  background: #000;
}

.globalNav ul li:hover > a {
background: #333; /* keeps parent button in hover */
}




/* Admission Nav */
/* Global Navigation */
.admissionsNav ul,
.admissionsNav ul li {
  margin: 0px; /* zero everything out */
}

.admissionsNav ul li {
  display:inline;
  float: left;
  position: relative; /* required for dropdowns */
}

.admissionsNav ul li a {
  display: inline-block;
  line-height: 49px;
  padding: 0 14px; /* spacing around links */
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}


.admissionsNav ul li a:hover {
  background-color: #333; /* lighter grey color on hover */
  cursor: pointer;
}

/* Global Nav sub-menu dropdowns */
.admissionsNav ul ul {
  position: absolute;
  z-index: 500;
  background: #333; /* dropdown container color */
  min-width: 200px;
  height: 0;
  overflow: hidden;
}

.admissionsNav ul ul li {
  float: none;
  display: list-item;
}


.admissionsNav ul li:hover ul{
  height: auto; /* shows the dropdown */
  overflow: auto;
}


.admissionsNav ul ul li a {
  display: block;
  line-height: inherit;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  padding: 7px 14px;
}

.admissionsNav ul ul li:hover a {
  display: block;
  background: #000;
}

.admissionsNav ul li:hover > a {
background: #000; /* keeps parent button in hover */
}



/* Financial Aid */
/* Global Navigation */
.financialNav ul,
.financialNav ul li {
  margin: 0px; /* zero everything out */
}

.financialNav ul li {
  display:inline;
  float: left;
  position: relative; /* required for dropdowns */
}

.financialNav ul li a {
  display: inline-block;
  line-height: 49px;
  padding: 0 14px; /* spacing around links */
  color: #fff;
  text-decoration: none;
  font-weight: 700;
}


.financialNav ul li a:hover {
  background-color: #333; /* lighter grey color on hover */
  cursor: pointer;
}

/* Global Nav sub-menu dropdowns */
.financialNav ul ul {
  position: absolute;
  z-index: 500;
  background: #333; /* dropdown container color */
  min-width: 200px;
  height: 0;
  overflow: hidden;
}

.financialNav ul ul li {
  float: none;
  display: list-item;
}


.financialNav ul li:hover ul{
  height: auto; /* shows the dropdown */
  overflow: auto;
}


.financialNav ul ul li a {
  display: block;
  line-height: inherit;
  font-size: .8rem;
  font-weight: 700;
  color: #fff;
  padding: 7px 14px;
}

.financialNav ul ul li:hover a {
  display: block;
  background: #000;
}

.financialNav ul li:hover > a {
background: #000; /* keeps parent button in hover */
}



/* Footer Navigation */
.footerNav {
  list-style-type: none;
  display: block;
}

.footerNav li {
  margin-top: 0px;
  line-height: 1em;
  padding-bottom: .6em;
}

  .footerNav li a:hover {
  background: #FFF;
  color: #000;
  padding: 3px;
  min-width: 100%;
}



/* Utility Navigation */
.utilityNav ul,
.utilityNav ul li {
  margin: 0px; /* zero everything out */
}

.utilityNav ul li {
  display:inline;
  float: left;
  position: relative; /* required for dropdowns */
}

.utilityNav ul li a {
display: inline-block;
font-size: .8rem;
line-height: inherit;
color: #FFF;
text-decoration: none;
padding: 7px 14px;
}


.utilityNav ul li a:hover {
background-color: #000;
cursor: pointer;
}

/* Global Nav sub-menu dropdowns */
.utilityNav ul ul {
  position:absolute;
  z-index: 999;
  background-color: #333;
  min-width: 180px;
  height:0;
  overflow: hidden;
}


.utilityNav ul ul li a {
  display:block;
  line-height: inherit;
  text-transform: none;
}

.utilityNav ul ul li {
  float: none;
  display: list-item;
}


.utilityNav ul li:hover ul{
  height: auto;
  overflow: auto;
}


.utilityNav ul li:hover a {
background: #ccc; /* keeps parent button in hover */
color:#000;
}


.utilityNav ul li:hover > a {
background: #82003d; /* keeps parent button in hover */
background: #FFF; /* keeps parent button in hover */
color:#000;

}


  /* Top-Bar Changes */
.top-bar, .top-bar ul {
    background-color: transparent;
}

.dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #82003d transparent transparent;
    border-image: none;
    border-style: none;
    border-width: 5px 5px 0;
    content: "";
    display: block;
    height: 0;
    margin-top: -2px;
    right: 5px;
    width: 0;
}


/*Admissions Blog*/

.blogBox {
    background-color: #4B4B4D;
}

.blogBoxMaroon {
/*    background-color: #622343;*/
    background-color: #540023;
}

.blogBoxMaroon a {
    color: whitesmoke;
}

/*
.blogBoxMaroon:hover {
    background-color: whitesmoke;
}

.blogBoxMaroon a:hover {
    color: #622343;
}
*/



.darkBox {
    display: flex;
  flex-wrap: wrap;
    background-color: #4B4B4D;
    padding-right: 20px;
}

.darkBoxImage {
    align-self: center;
    flex: 1 0 100%;
}

.darkBoxImage .img{
      width: 100%;
}

.whiteFont {
    color: whitesmoke; 
    line-height: 1.3;
}

.featuredBlogText {
    color: whitesmoke;
    padding: 8px;
}

.titleSpacing {
    display: flex;
    flex-direction:column;
    justify-content:center;
    align-items: flex-start;
}

.blogButton {
    background-color: #4B4B4D;
    color: whitesmoke;
    border: 2px solid whitesmoke;
    padding: 10px 20px;
    text-align: center;
    text-decoration: none;
    margin-top: 20px;
    }

.blogButtonMaroon {
/*    background-color: #622343;*/
    background-color: #540023;
    color: whitesmoke;
    border: 2px solid whitesmoke;
    padding: 10px 10px;
    text-align: left;
    text-decoration: none;
    margin-top: 20px;
    }

.blogButton a {
    color: whitesmoke;
    text-decoration: none;
}

.blogButtonMaroon a {
    color: whitesmoke;
    text-decoration: none;
}

.blogButton a:hover {
    color: #622343;
}

.blogButtonMaroon a:hover {
    color: #622343;
}

.buttonSpacing {
    margin-top: 60px;
}

.blogNavButton {
    background-color: #FAF7FC;
    padding: 10px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: #520024;
}

.blogSideNav {
    background-color: #FDFDFD;
    padding: 10px 20px;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
    text-decoration: none;
    color: black;
}

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

.blogSideNav ul a {
    text-decoration: none;
}

.purple {
    background-color: #592C82;
    color: whitesmoke;
}

/* added 4-2-18 /*
.top-bar ul > li.has-dropdown a:after { 
  content: "";
  display: none;
  width: 0;
  height: 0;
  border:0;
  border-color: none;
  border-left-style: none;
  margin-right: 0;
  margin-top: 0;
  position: absolute;
  top: 0;
  right: 0;
}


/* Counter styles requires inline js currently */ 
 .counter-value { 
    font-size: 2.4rem;
	font-weight: bold;
	color: #82003d;
   line-height:1.4em;
   text-align:center;
   padding:17px 0;
 }
  .counter-value:after {
   content: attr(data-desc);
	font-weight: normal;
	color: #000;
    display:block;
    text-transform:uppercase;
    font-size: 1.8rem;
    line-height:1.2em;
  }


/* Cards */

.card-user-container {
  margin-bottom: 1rem;
  background-color: #fefefe;
  color: #0a0a0a;
  overflow: hidden;
  padding: 0;
  border-radius: 0;
}

.card-user-container .card-user-avatar .user-image {
  display: block;
  margin: auto;
  /* border-radius: 50%; */
  width: 11.875rem;
  height: 11.875rem;
  padding: 0.9375rem;
}

.user-image {padding: .4rem;}



.card-user-container .card-user-avatar .user-image:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.card-user-container .card-user-bio {
  padding: 1rem;
  text-align: center;
}

.card-user-container .card-user-bio .location {
  display: inline-block;
  margin: 0 0.9375rem;
  color: #767676;
  font-size: 0.875rem;
}

.card-user-container .card-user-bio .location-icon,
.card-user-container .card-user-bio .location-text {
  display: inline-block;
  padding: 0 0.3125rem;
}

.card-user-container .card-user-social {
  background: #e6e6e6;
  padding: 1rem;
  text-align: center;
}

.card-user-container .card-user-social ul {
  display: inline-block;
}

.card-user-container .card-user-social ul li {
  margin: 0 10px;
  font-size: 1.2em;
  cursor: pointer;
}

.card-user-container .card-user-social ul li:hover {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.card-user-container .card-user-button {
  text-align: center;
  padding: 1rem;
}


/* Translucent Box */
.translucent-form-overlay {
  max-width: 500px;
  width: 100%;
  background-color: rgba(54, 54, 54, 0.8);
  padding: 20px;
  color: #fefefe;
}

.translucent-form-overlay .columns.row {
  display: block;
}

.translucent-form-overlay h3, .translucent-form-overlay label {
  color: #fefefe;
}

.translucent-form-overlay input, .translucent-form-overlay select {
  color: #8a8a8a;
}

.translucent-form-overlay input::-webkit-input-placeholder {
  color: #8a8a8a;
}

.translucent-form-overlay input:-ms-input-placeholder {
  color: #8a8a8a;
}

.translucent-form-overlay input::placeholder {
  color: #8a8a8a;
}


.hero-background {
    background-size: cover;
    color: #fefefe;
	heigh: 450px;
}



/* Polaroid */

div.polaroid {
  width: 80%;
  background-color: white;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
  margin-bottom: 25px;
}

div.container {
  text-align: center;
  padding: 10px 20px;
}


/* CALL-OUT BOX */
.callout {
  border: 0px solid #82003d;
}



/* ORBIT SLIDER */
.orbit-container {
  width: 100%;
  height: 100%;
}
  
.orbit-slides-container {
  width: 100%;
  height: 100% !important; 
}
  
  .orbit-container li {
    width: 100%;
    height: 100%;
    background-size: cover;}


/*IFRAMES*/

iframe {
    width: 100%; 
    border: none; 
    overflow: hidden;
/*    height: 68px;*/
    
}

iframe .viewbook {
    width: 450px;
}

/*TABLES*/

/*
tables.refunds {
    border-bottom: rgb(211,211,211) 1px dotted;
    border-left: rgb(211,211,211) 1px dotted;
    padding-bottom: 0px;
    background-color: transparent;
    margin: 0px;
    padding-left: 0px;
    outline-width: 0px;
    padding-right: 0px;
    border-collapse: collapse; 
    font-size: 14px; 
    vertical-align: baseline; 
    border-top: rgb(211,211,211) 1px dotted; 
    border-right: rgb(211,211,211) 1px dotted; 
    padding-top: 0px; 
    background-origin: initial; 
    background-clip: initial; 
    -webkit-border-horizontal-spacing: 0px; 
    -webkit-border-vertical-spacing: 0px;
} 
*/

/*
tables.foodNutritionCurriculum {
    border="1"; 
    cellpadding="5";
    cellspacing="5"; 
    height="651"; 
    width="471";
}
*/

table.center {
    text-align: center;
}

/*
tables.makePayments {
    border="0"; 
    cellpadding="0"; 
    cellspacing="0";
    style="width:578px;" 
    width="578";
}
*/

table.height {
    height: 20px;
    width: 300px;
}

/*
tables.registerDeadlines {
    border="1" cellpadding="3" cellspacing="0" height="1104" width="485"
}
*/

table.wide {
    width: 409px;
}

table.narrow{
    width: 100px;
}


.semester{
    text-align: left;
}




/* .top-bar-section li a:not(.button) {
    background:black;
    color: white;
    }

.top-bar-section li a:not(.button):hover {
    background:red;
    color: white;
    } */


/*Blog quote*/

.pull-quote {
  font-weight: 400;
  letter-spacing: 1.5px;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 1.25em;
  color: #540023;
  display: block;
  padding: 2rem 4rem 2rem 4rem;
  margin-bottom: 1rem;    
  margin-left: 20px;
  text-indent: -15px;    
  background: linear-gradient(#767676, #540023);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.pull-quote:before {
  content: "";
}

.pull-quote:after {
  content: "";
}

.right{
  float: right;
    margin-right: 20px;
}

.right:before{
    content: "- ";
}


.pull-fact {
  font-weight: 400;
  letter-spacing: 1.5px;
  font-style: normal;
  font-size: 1.125rem;
/*  max-width: 50%;*/
  line-height: 1.25em;
  color: #540023;
  display: block;
  padding: 2rem 4rem 2rem 4rem; 
  margin-bottom: 1rem;    
  background: linear-gradient(#767676, #540023);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}


@media print, screen and (max-width: 640px) {
  .pull-quote {
    text-indent: -8px;
  }
}

@media print, screen and (min-width: 40em) {
  .pull-quote {
    font-size: 1.875rem;
/*    max-width: calc(50% - 5%);*/
/*    margin-right: -15%;*/
  }
    
  .pull-fact {
    font-size: 1.875rem;
  }    
}

@media print, screen and (min-width: 64em) {
  .pull-quote {
/*    max-width: calc(50% + 5%);*/
/*    margin-right: -25%;*/
  }
}


/*NSO Options Page*/

.expand-column-wrapper {
  height: 100vh;
/*  width: 70vw;*/
}

.expand-column-wrapper:hover {
/*  width: 85vw;*/
}

.expand-column-wrapper .column {
/*  padding: 1rem;*/
  transition: all 0.5s ease-in-out;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
/*
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
*/
      -webkit-align-items: flex-end;
      -ms-flex-align: flex-end;
          align-items: flex-end;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
          width: 24%;
    opacity: .7;
}

.expand-column-wrapper .column:last-child:not(:first-child) {
float: none;
    
}


.expand-column-wrapper .column:hover {
/*
  -webkit-flex-basis: 50%;
      -ms-flex-preferred-size: 50%;
          flex-basis: 50%;
*/
    width: 26%;
    z-index: 10000;
    opacity: 1;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.expand-column-wrapper .column:hover .expand-column-content {
  opacity: 1;
}

.expand-column-wrapper .expand-column-content {
  color: #fefefe;
  font-weight: bold;
/*
  opacity: 0;
  transition: all 0.5s ease-in-out;
*/
  text-align: center;
  font-size: 2rem;
/*  padding-bottom: 10rem;*/
/*  padding-top: 10rem;*/
  text-shadow: 2px 1px black;
}

.expand-column-wrapper .column:nth-of-type(1) {
  background: url("/assets/images/hero/FirstDayFall2016-20.jpg") center center no-repeat;
  height: 60vh;
 
  background-size: cover;
}

.expand-column-wrapper .column:nth-of-type(2) {
  background: url("/assets/images/hero/QuadGirls_0002.jpg") center center no-repeat;
  height: 60vh;
 
  background-size: cover;
}

.expand-column-wrapper .column:nth-of-type(3) {
  background: url("/assets/images/hero/Commencement307_3.jpg") center center no-repeat;
  height: 60vh;
  
  background-size: cover;
}


.expand-column-wrapper .column:nth-of-type(4) {
  background: url("/assets/images/hero/IMG_9491.JPG") center center no-repeat;
  height: 60vh;
  
  background-size: cover;
}


@media screen and (max-width: 720px) {
 
.expand-column-wrapper {
  height: 80vh;
    padding-bottom: 10rem;
}
    
.expand-column-wrapper .column {
          width: 100%;
}
    
.expand-column-wrapper .column:hover {
    width: 100%;
}
    
    .expand-column-wrapper .column:nth-of-type(1) {
  height: 35%;
}
    
     .expand-column-wrapper .column:nth-of-type(1):hover {
  height: 45%;
    
}
    
    .expand-column-wrapper .column:nth-of-type(2) {
  height: 35%;
}
    
      .expand-column-wrapper .column:nth-of-type(2):hover {
  height: 45%;
}
    
    .expand-column-wrapper .column:nth-of-type(3) {
  height: 35%;
}
    
      .expand-column-wrapper .column:nth-of-type(3):hover {
  height: 45%;
}
    
    .expand-column-wrapper .column:nth-of-type(4) {
  height: 35%;
}
    
      .expand-column-wrapper .column:nth-of-type(4):hover {
  height: 45%;
}
    
    
}

/*Dashboard Cards*/

.dashboard-nav-card {
  background: #540022;
  border-radius: 3px;
  color: #fefefe;
  display: block;
  min-height: 100px;
  padding: 2rem;
  position: relative;
  margin: 1rem; 
}

.dashboard-nav-card-title {
/*
  bottom: 0;
  position: absolute;
  right: 1rem;
*/
  text-align: center;
  font-size: 1.8rem;   
}


.dashboard-nav-card:hover {
  background: rgba(84, 0, 34, 0);
  border: 3px solid #540022;  
  color: #540022;    
  transition: all 0.2s ease;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

.dashboard-nav-card-title:hover{
  color: #540022;
}


/*Pie Chart*/

.pie{
/*   background: #540022;*/
/*  background: linear-gradient(to bottom right, #316F81, #163C4A) !important;*/
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center; 
}

.pie-button {
  font-size: 18px;
  padding: .5em 1em;    
  background-color: transparent;
  border-radius: 10px;
  border-color: #540022;
  color: #540022;
  transition: all .2s ease;
  
}

.pie-button.active {
  background-color: #540022;
  border-color: #540022;
  color: white;
}

.pie-button:hover {
  cursor: pointer;
}


.pie__container--chart svg {
  width: 100%; 
  height: 100%;
  transform: rotate(-90deg);
  background: #540022;
/*  background: rgba(255, 255, 255, 0.1);*/
  border-radius: 50%;
}

.pie__container--chart svg:hover {
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.35);
}

.pie__container--chart circle {
  fill: rgb(33, 33, 33);
  stroke: #540024;
  stroke-width: 32;
  stroke-dasharray: 0 100; 
  transition: stroke-dasharray 2.5s ease;
}

.pie__container--chart {
  margin-bottom: 2em;
}

.pie__container {
  position: relative;
}

.pie__container--percent {
  position:absolute;
  right:25%;
  top:32%;
  font-size: 4rem;
  color: white;
  font-weight: 600;
  opacity: 0;
  transition: opacity 1s ease;
}


.pie__container--percent.animated {
  animation: animated 1s ease;
}