/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

#c-s-bn {
  display: none;  /* Hide secondary Cookieconsent-Button */
}

/* lato-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/lato-v24-latin-300.woff2') format('woff2');
}

/* lato-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-regular.woff2') format('woff2');
}

/* lato-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/lato-v24-latin-italic.woff2') format('woff2');
}

/* lato-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/lato-v24-latin-700.woff2') format('woff2');
}

/* poppins-300 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/poppins-v20-latin-300.woff2') format('woff2');
}

/* poppins-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/poppins-v20-latin-regular.woff2') format('woff2');
}

/* poppins-500 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/poppins-v20-latin-500.woff2') format('woff2');
}

/* poppins-600 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/poppins-v20-latin-600.woff2') format('woff2');
}

/* poppins-700 - latin */
@font-face {
  font-display: swap;
  font-family: 'Poppins';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/poppins-v20-latin-700.woff2') format('woff2');
}

/* pt-serif-regular - latin */
@font-face {
  font-display: swap;
  font-family: 'PT Serif';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-regular.woff2') format('woff2');
}

/* pt-serif-italic - latin */
@font-face {
  font-display: swap;
  font-family: 'PT Serif';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/pt-serif-v18-latin-italic.woff2') format('woff2');
}

.delay-1 {
  animation-delay: .2s;
}
.delay-2 {
  animation-delay: .4s;
}
.delay-3 {
  animation-delay: .6s;
}
.delay-4 {
  animation-delay: .8s;
}
.delay-5 {
  animation-delay: 1s;
}
.delay-6 {
  animation-delay: 1.2s;
}
.delay-7 {
  animation-delay: 1.4s;
}
.delay-8 {
  animation-delay: 1.6s;
}
.delay-9 {
  animation-delay: 1.8s;
}
.delay-10 {
  animation-delay: 2s;
}
.delay-11 {
  animation-delay: 2.2s;
}
.delay-12 {
  animation-delay: 2.4s;
}

.page-title-dark-bg {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 5;
	background: transparent url('../img/grid.png') repeat;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: flex-start;
}

.page-title-dark-bg::before {
  background-color: #00000044;
	position: absolute;
  content: ' ';
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
}

#page-title-dark-bg h1 {
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: 600;
	letter-spacing: 1px;
	color: rgba(255,255,255,0.9) !important;
	font-size: 2rem;
	text-transform: uppercase;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1) !important;
}

#page-title-dark-bg span {
	display: block;
	margin-top: 10px;
	font-weight: 400;
	color: rgba(255,255,255,1) !important;
	font-size: 18px;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1) !important;
}

@media screen and (max-width: 500px) {
  .mobile-hidden {
    display: none;
  }
}

.callout {
  padding: 15px 20px 20px 20px;
  margin: 10px 0 20px 0;
  border: 1px solid #a3a3a3;
  border-left-color: #1ABC9C;
  border-left-width: 5px;
  border-radius: 3px;
  cursor: pointer;
}

.callout h2 {
  margin: 0;
}

.callout h5 {
  margin: 0;
}

.fa-beat {
  animation:fa-beat 5s ease infinite;
}
@keyframes fa-beat {
  40% {
    transform:scale(1);
  }
  55% {
    transform:scale(1.25);
  }
  70% {
    transform:scale(1);
  }
}