@import url('https://fonts.googleapis.com/css2?family=Koulen&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&family=Rowdies:wght@700&display=swap');

@font-face {
    font-family: 'Railroad';
    src: url('../fonts/RailroadGothicCC.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Retjeh';
    src: url('../fonts/RetjehDemo-Rough.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordon';
    src: url('../fonts/Gordon.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Gordon Rough';
    src: url('../fonts/Gordon-Rough.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aldivaro';
    src: url('../fonts/Aldivaro.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}

@font-face {
    font-family: 'Aldivaro Stamp';
    src: url('../fonts/Aldivaro-Stamp.otf') format('opentype');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
}


body { 
	background-color: #fff2f1;
	max-width: 80em;
  margin-right: auto;
  margin-left: auto;
}

/*.layout-container {
	padding: 2em 2em 0 2em;
}*/

img {
	max-width: 100%;
	height: auto;
}

h1, h2, h3 {
  font-family: 'Aldivaro', sans-serif;
}

h1 {
  font-size: 2.49em;
  letter-spacing: 2px;
  color: #333333;
  text-shadow: 2px 1px 4px #FFBD59;
  text-align: center;
}

h3 {
	color: #333333;
	letter-spacing: 3px;
	font-size: 1.15;
}

p, 
.region-footer {
	color: #333333;
	font-family: 'Libre Baskerville', serif;
	line-height: 1.35;
}

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

.layout-sidebar-first,
.layout-sidebar-second {
	flex: 1;
	padding: 2em 3em;
}

.path-frontpage .layout-sidebar-second {
	margin-top: 2.25em;
	padding: 2.5em;
}

.name {
	font-family: 'Aldivaro Stamp', sans-serif;
	letter-spacing: 7px;
	line-height: 1.5em;
	padding-bottom: .75em;
}

#cover-preview {
	position: relative;
}

#cover-preview h2 {
	font-family: 'Libre Baskerville', serif;
	text-transform: uppercase;
	position: absolute;
  top: 20%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  color: #FFBD59;
  line-height: 1.5em;
  text-shadow: 2px 2px 5px #000;
  letter-spacing: 2px;
}

#right-nav {
	margin-top: 3.5em;
	padding: 0 2em;
}

.nav-block {
	display: flex;
	height: 130px;
	background-color: #fff;
	justify-content: center;
	margin-bottom: 3em;
  padding: 5px;
  transition: 0.3s;
}


.nav-block:hover {
	background-color: #FFBD59;
}

#first.nav-block {
	background-color: #fffaef;
}

#first.nav-block:hover {
	background-color: #FFBD59;
}

#second.nav-block {
	background-color: #645d59;
  z-index: 1;
}

#second.nav-block:hover {
	background-color: #271843;
}

#second.nav-block a {
	color: #ffffff;
}

#third.nav-block {
	background-color: #efc0c1;
}

#third.nav-block:hover {
	background-color: #eb545d;
}

#third.nav-block a {
	color: #333333;
}

.nav-block a {
	display: block;
	height: 130px;
	width: 100%;
	text-decoration: none;
	color: #333;
	transition: top ease 3s;
}

.nav-block .link {
	height: 130px;
	display: flex;
	justify-content: center;
	align-items: center;
}

.nav-block #title {
	font-family: 'Aldivaro', sans-serif;
	margin-right: 1em;
	letter-spacing: 1px;
	font-size: 1.35em;
}

.nav-block #summary {
	top: 43%;
	font-family: 'Libre Baskerville', serif;
	font-size: 13px;
}

.social-media-links--platforms {
	display: flex !important;
	justify-content: space-evenly;
	margin: 0;
}

.fa, .fab {
	color: #FFBD59;
	transition: 0.3s;
}

.fa:hover, .fab:hover {
	color: #eb545d;
}

.region-footer {
	background-color: #efc0c1;
	font-size: 10px;
	text-align: center;
	padding: 2em;
	width: calc(100vw - 40px);
	margin-left: calc(-50vw + 50% + 0px);
	bottom: 0;
	left: 0;
}

#block-copyrightfooter {
	text-transform: uppercase;
	letter-spacing: 1px;
}

.region-header {
	font-size: 10px;
	text-align: center;
}

.region-header #block-mainnavigation {
	width: 100%;
}

.region-header #block-mainnavigation ul.menu {
	display: inline-flex;
  justify-content: space-evenly;
  width: 100%;
  background-color: #efc0c1;
	font-size: 10px;
	text-align: center;
	padding: 1.5em 0;
	width: calc(100vw - 0px);
	margin-left: calc(-50vw + 50% + 0px);
	margin-top: 0;
}

.region-header #block-mainnavigation ul.menu li a {
	font-family: 'Aldivaro', sans-serif;
	color: #333333;
}

#block-crooked-page-title {
	padding-top: 2em;
}

#block-crooked-page-title h1 {
	font-size: 3em;
}

.block-cheeseburgermenu__trigger-element {
	background-color: #efc0c1;	
}

.block-cheeseburgermenu__trigger-element span {
	background: #fff2f1;
	cursor: pointer;
}

.cheeseburger-menu__side-menu {
	background: #fffaef;
}

.cheeseburger-menu__side-trigger svg {
	fill: #efc0c1;	
}

.block-cheeseburgermenu-container--with-navigation {
	padding-left: 50px;
}

.block-cheeseburgermenu-container {
	background: #fffaef;
}

.cheeseburger-menu__item-label {
	color: #333333;
	font-family: 'Aldivaro', sans-serif;
}

.page-node-5 main,
.page-node-6 main,
.page-node-7 main,
.path-webform main {
	display: block;	
}

#mc-embedded-subscribe-form {
	font-family: 'Libre Baskerville', serif;
	color: #333333;
}

#mc-embedded-subscribe-form h2 {
	font-family: 'Libre Baskerville', serif;
	text-align: center;
	margin-bottom: 2em;
}

#mc-embedded-subscribe-form .indicates-required {
	display: none;
}

.mc-field-group {
	display: flex;
	justify-content: space-evenly;
	width: 50%;
	margin: 0 auto;
	margin-bottom: 1.5em;
}

.mc-field-group label {
	width: 200px;
}

.mc-field-group input {
	width: 350px;
	background-color: #fffaef;
	border: 1px solid #b2a5a5;
}

.optionalParent p {
	text-align: center;
}

.optionalParent p input#mc-embedded-subscribe {
	border: 0;
	color: #fffaef;
	background-color: #645d59;
	font-family: 'Aldivaro', sans-serif;
	padding: 15px 20px;
	cursor: pointer;
	transition: 0.3s;
	letter-spacing: 2px;
}

.optionalParent p input#mc-embedded-subscribe:hover {
	background-color: #271843;
}

.webform-submission-subscribe-to-the-newsletter-form {
	font-family: 'Libre Baskerville', serif;
	color: #333333;
	text-align: center;
}

.webform-submission-subscribe-to-the-newsletter-form input {
	background-color: #fffaef;
	border: 1px solid #b2a5a5;
	padding: 0.5em;
}

.webform-submission-subscribe-to-the-newsletter-form #edit-actions input#edit-submit,
.webform-submission-subscribe-to-the-newsletter-form #edit-actions input#edit-actions-submit {
	border: 0;
	color: #fffaef;
	background-color: #645d59;
	font-family: 'Aldivaro', sans-serif;
	padding: 15px 20px;
	cursor: pointer;
	transition: 0.3s;
	letter-spacing: 2px;
}

.webform-submission-subscribe-to-the-newsletter-form #edit-actions input#edit-submit:hover,
.webform-submission-subscribe-to-the-newsletter-form #edit-actions input#edit-actions-submit:hover {
	background-color: #271843;
}

@media only screen and (min-width: 640px) {
  main {
    display: flex;
  }
}


@media only screen and (max-width: 640px) {
	.layout-sidebar-second {
		padding-top: 0;
	}
	#right-nav {
		padding: 0;
	}
  #block-mainnavigation {
		display: none;
	}
	.path-frontpage .layout-sidebar-second {
		margin-top: 0;
	}
}