/*
styles
*/

.bg-image { background-position:center center; background-size:cover; position:relative; overflow:hidden; }
.bg-covery { position:absolute; top:0px; width:100%; height:100%; }
.bg-container { position:relative; }
.bg-container h1 { color:white; }
.bg-container h2 { color:white; }
.bg-container p { color:white; }
.bg-container .oc { background-color:transparent; color:white; }
.bg-container hr { margin-top: 1rem; margin-bottom: 1rem; 
  border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; 
  border-top: 4px solid #c1d62e;
  width:100%; 
  max-width:800px;
  margin:2rem auto;
  opacity:1;
}

.color-numbers hr { margin-top: 1rem; margin-bottom: 1rem; 
  border: 0; border-top-color: currentcolor; border-top-style: none; border-top-width: 0px; 
  border-top: 4px solid #c1d62e;
  width:100%; 
  max-width:800px;
  margin:2rem auto;
  opacity:1;
}
.color-numbers h2 { color:inerhit; font-size: 2rem;}
.color-numbers h3 { color:#be424b; font-size: 2.5rem; margin-bottom:0; }




/* fox-card */

.fox-card { 
  background-color:#2f3130; color:white;
}

.fox-card a { display:block; text-decoration:none; color:inherit; }

.fox-card:hover a { text-decoration:none; color:inherit; }

.fox-card-flex {
  position: relative;
  min-height: 340px;
  display: flex;
  align-items: center; /* center vertically */
  justify-content: center; /* center horizontally */
  overflow: hidden;
  text-decoration:none;
}

.fox-card-flex-alt {
  justify-content: start; /* center horizontally */
}

.fox-card-flex-alt .fox-card-content { 
  text-align:left;
  padding:2rem;
}

.fox-card-image { 
  position: absolute;
  width: 100%; 
  height:100%; 
  background-size: cover; 
  background-position: center center;
}

.fox-card-cover {
  position: absolute;
  width: 100%; 
  height:100%; 
  background-color:rgba(190, 66, 75,0.65);
}

.fox-card-content {
  position: relative;
  text-align: center;
  padding: 1rem;
  max-width: 992px;
}

.fox-card-content .op-html {
  h1 { color:white; margin:0; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
  p { color:white; margin:0; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);}
}

.fox-card-flex-alt .op-headline {
  font-size: 2rem;
  line-height:1.25;
  text-transform:uppercase;
  font-weight: 700;
  color: white;
  margin-top: 0px;
  margin-bottom: 0.25rem;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.fox-card-flex-alt .op-cta {
  font-weight:700; text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}