/*  ALERT REMOVE LATER  */
.alert-block {
    min-width: 100%;
    padding: 1em;
    background: #f44336;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
}

.alert-content {
    min-width: 80%;
    color: white;
}

.col-100 {
	min-width: 100%;
}

.col-90 {
	min-width: 90%;
}

.para {
	min-width: 65% !important;
}
.sub-para {
	min-width: 80%;
}

h1, h2, h3 {
	color: rgb(20, 20, 20)
}

a[href^="mailto"], a {
	color: #5f0f08;
	text-decoration: none !important;
}

p label + input {
	background-color: #5f0f08 !important;
}

div h5 {
	color: #5f0f08 !important;
}

.nav a {
	text-decoration: none;
}

.doc-list {
	list-style: none;
}

.wp-block-button__link:hover {
	color: lightgray;
}

.para a:hover {
	opacity: 95%;
	color: #5f0f08;
}

.btn-text-color a:hover{
	color: white;
}

.wp-block-navigation-item {
	text-decoration: none;
}

.wp-block-navigation-item:hover {
	color: RGB(95, 15, 8);
}

i {
	display: block;
	font-size: 2.25em;
	color: RGB(95, 15, 8);
}

.column {
	text-align: center;
	padding-top: 1.5em;
}

.border-round {
	border-radius: 5px
}

.eric a {
	color: white;
	text-decoration: none !important;
}

.eric a:hover {
	color: grey;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.para-color {
	color: RGB(95, 15, 8);
}

.wp-block-file__button, .wp-element-button .wp-block__button {
	background-color: #5f0f08 !important;
}


/* TRANSITIONS & ANIMATIONS */

li {
	text-decoration: none;
}

.box-hover:hover {
	box-shadow: 0px 0px 15px;
	border-radius: 5px
}

.box-hover-little:hover {
	box-shadow: 0px 0px 7.5px;
	border-radius: 5px
}

.grow, .grow-little { 
transition: all 0.15s ease-in-out; 
}

.grow:hover { 
transform: scale(1.01);
}

.grow-little:hover {
	transform: scale(1.01);
}

.form-100 div {
	min-width: 65%;
}

/*
.btn-shadow {
	transition: 0.30s ease-in-out;
}

 .btn-shadow:hover {
	transform: scale(1.01)
}
*/

.hover-underline-animation {
  display: inline-block;
  position: relative;
	transition: 0.15s ease-out;
} 

.hover-underline-animation::after {
  content: '';
  position: absolute;
  width: 100%;
  transform: scaleX(0);
  height: 3px;
  bottom: 0;
  left: 0;
  background-color: #770003;
  transform-origin: bottom right;
  transition: transform 0.15s ease-in;
}

.hover-underline-animation:hover::after {
  transform: scaleX(1);
  transform-origin: bottom left;
}

/* MEDIA QUERIES */

@media screen and (min-width: 1400px) {
	.show-big a {
		display: block;
	}
	.show-small i, .show-small a{
		display: none;
	}
}

@media screen and (max-width: 1400px) {
	.show-big a {
		display: none;
	}
	.show-small i, .show-small a{
		display: block;
		font-size: 1.25em;
		color: white;
	}
	
	.footer-para {
		text-align: center;
	}
	
}

@media screen and (max-width: 426px) {
	.heading-class img {
		width: 85px;
		padding: 0.25em 0em 0em 0.25em;
	}
}
	
	.nowrap-btn, .wp-block-file__button {
	white-space: nowrap;
}

.nowrap-btn a, .wp-block-file__button a {
	padding: 1.25em;
	display: inline-block;
}

.file-btn a{
	width: 80%;
	padding: 1.25em;
}

.btn-header {
	max-height: 50px;
	min-height: 50px;
}

.wp-block-cover__inner-container{ max-width: 1400px;}

.wp-block-cover { background-color: RGBa(255,255,255,0)}

.bio-card:after {
    content: ""; /* This is necessary for the pseudo element to work. */ 
    display: block; /* This will put the pseudo element on its own line. */
    margin: 0 auto; /* This will center the border. */
    width: 70px; /* Change this to whatever width you want. */
    padding-top: 15px; /* This creates some space between the element and the border. */
    border-bottom: 2px solid #5f0f08; /* This creates the border. Replace black with whatever color you want. */
}