/*
Note by DHenderson 08/2019
This is where we add any additional CSS for the Website. 
*/

div.box {
	background-color: #ededed; /* Light Gray */
	width: auto;
	padding: 20px;
	margin: 10px;
	text-align: center;
	justify-content: center;
	align-items: center;
}
div.box h3 {
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.2;
	text-transform: uppercase;
}

.maincontent homepage-box {
	display: flex;
	flex-direction: column;
	background-color: #8d0a0a; /* Light Gray */
	width: auto;
	padding: 20px;
	text-align: left;
	justify-content: center;
	align-items: center;
}
.interior-template div.box h3 {
	font-size: 1.5rem;
	font-weight: bold;  
	line-height: 1.2; 
	text-transform: uppercase;
}
.button-red, a.button-red,
.button-yellow, a.button-yellow,
.button-blue, a.button-blue {	
	padding: 10px 30px;
	text-align: center;
	text-decoration: none;
	display: inline-block;
	font-size: 16px; 
    font-weight: bold;
	transition: .2s ease-in-out background-color;
}

 .button-red, a.button-red {
	background-color: #8d0a0a; /* ACC Red */
	border: medium solid #FFFFFF;
	color: white;
 }
.button-red:hover, a.button-red:hover {
	background-color: #790a0a; /* ACC Red hover */
	}

 .button-yellow, a.button-yellow {
	background-color: #F7BC44; /* Yellow */
	border: medium solid #FFFFFF;
	color: black;
 }
.button-yellow:hover, a.button-yellow:hover {
	background-color: #F8C662; /* ACC Yellow hover */
	}
 .button-blue, a.button-blue {
	background-color: #181E35; /* Navy Blue */
	border: medium solid #FFFFFF;
	color: white;
	}
.button-blue:hover, a.button-blue:hover {
	background-color: #21294A; /* Navy Blue hover */
	}
.cpbutton-darkblue, a.cpbutton-darkblue,
.cpbutton-green, a.cpbutton-green,
.cpbutton-blue, a.cpbutton-blue,
.cpbutton-yellow, a.cpbutton-yellow,
.cpbutton-maroon, a.cpbutton-maroon,
.cpbutton-purple, a.cpbutton-purple,
.cpbutton-red, a.cpbutton-red,
.cpbutton-orange, a.cpbutton-orange {
  padding: 15px 50px; 
  text-align: center; 
  text-decoration: none; 
  display: inline-block; 
  font-size: 16px; 
  font-weight: bold; 
}
.cpbutton-darkblue, a.cpbutton-darkblue {
	background-color: #0F7CC1; /* Dark Blue */
	border: medium solid #FFFFFF;
	color: black;
}
 .cpbutton-green, a.cpbutton-green {
	background-color: #31b44c; /* Green */
	border: medium solid #FFFFFF;
	color: black;
}
 .cpbutton-blue, a.cpbutton-blue {
	background-color: #61B3FF; /* Light Blue */
	border: medium solid #FFFFFF;
	color: black;
} 
.cpbutton-yellow, a.cpbutton-yellow {
	background-color: #FFCA00; /* Dark Yellow */
	border: medium solid #FFFFFF;
	color: black;
}
 .cpbutton-maroon, a.cpbutton-maroon {
	background-color: #C54979; /* Maroon */
	border: medium solid #FFFFFF;
	color: black;
}
 .cpbutton-purple, a.cpbutton-purple {
	background-color: #9D58B6; /* Purple */
	border: medium solid #FFFFFF;
	color: black;
}
 .cpbutton-red, a.cpbutton-red {
	background-color: #EA1010; /* Red */
	border: medium solid #FFFFFF;
	color: black;
}
 .cpbutton-orange, a.cpbutton-orange {
	background-color: #F57E20; /* Orange */
	border: medium solid #FFFFFF;
	color: black;
}

.headingLg 
{
  display: block;
  font-size: 1.875rem;
  font-weight: bold; 
  line-height: 1.2;

  }
  
.headingMd 
{
  font-size: 1.5rem;
  font-weight: bold;  
  line-height: 1.2; 
  }
  
.headingSm 
{
  font-size: 1.125rem;
  font-weight: bold; 
  line-height: 1.2;  
  }

.center {
  margin: auto;
  text-align: center;
/* width: 75%;*/
  padding: 5px;
}

.newsCaption {
display: block;
  font-size: .875rem;
 /* padding-top: 0.25rem;
padding-bottom: 0.25rem;  */
  color: #6d6c6c;
  text-align: left;
caption-side: bottom;
}

/* fix for showing faculty empty cells on compact view */
.col-phone.d-none {
    display: table-cell !important;
}
.expandedview .col-phone.d-none {
    display: none !important;
}
.col-phone {
    min-width: 130px;
}



/*** Moble ****/

@media screen and (mix-width: 816px) {
  .foundatonForm {
    height: 1975px;
  }
}

/* CSS added for NEW Virtual Tour link in Quick Access section */

.focused-link {
    background-color: #f7bc44;
    display: flex;
    align-self: stretch;
    padding: 0.25rem 0.5rem;
    font-weight: bold;
}