/*
	Theme Name: Prazno
	Theme URI: 
	Author: Prazno
	Author URI: 
	Description: Prazno
	Version: 1.4
*/
.grid-container {width: 100%;height: 100%;position: fixed;z-index:-1;}
html{margin:0;padding:0;height: 100%;}
body {margin:0;padding:0;background-color: #f1f1f1;height: 100%;margin: 0px;padding: 0px;text-rendering: optimizeLegibility !important;}
::selection, .footer p::selection{color:DarkBlue !important;background:White !important;}
::-moz-selection, .footer p::-moz-selection{color:DarkBlue !important;background:White !important;}
.button-container {margin-left: auto;margin-right: auto;margin-top: -22px;width: 45px;position: relative;}
.button {width: 45px;height: 35px;align-items: center;appearance: none;background-color: #f1f1f1;border-radius: 4px;border-width: 0;box-shadow: rgba(45, 35, 66, 0.4) 0 1px 2px,rgba(45, 35, 66, 0.3) 0 3px 8px -3px,#C4C5BF 0 -3px 0 inset;box-sizing: border-box;color: #36395A;cursor: pointer;display: inline-flex;font-family: "JetBrains Mono",monospace;justify-content: center;line-height: 1;list-style: none;overflow: hidden;padding-left: 16px;padding-right: 16px;position: relative;text-align: center;text-decoration: none;transition: box-shadow .15s,transform .15s;user-select: none;-webkit-user-select: none;touch-action: manipulation;white-space: nowrap;will-change: box-shadow,transform;font-size: 18px;}
.button:hover {box-shadow: rgba(45, 35, 66, 0.4) 0 1px 2px, rgba(45, 35, 66, 0.3) 0 3px 8px -3px, #C4C5BF 0 -3px 0 inset;transform: translateY(-2px);}
.button:active {transform: translateY(2px);}
.sadrzaj {overflow: hidden;}
.main-title {float: left;width: calc(100% / 4 - 1.5em);min-height: 100%;padding: 0 .75em 0 0;position: fixed;background-image: url('img1.jpg');background-repeat: no-repeat;background-size: cover;}
.logo {margin-top: 18vh;}
.logo a {margin: 0;color: #f0d794!;text-decoration: none!important;padding: 0 auto;}
.logo a:visited {color: #f0d794!;}
.logo p {text-align: center;margin-top: 2vh;}
.logo img {margin: 0 auto 1.5em auto;display: flex;justify-content: center;width: 65%;}
h1 {z-index: 1;text-align: center;width: 100%;}
#g8-logo {font-family: "Eagle Lake";font-size: 3em;line-height: 1em;color: #f0d794;margin-bottom: 20px;}
#g8-custom {font-family: "Eagle Lake", serif;font-weight: 400;font-style: normal;font-size: 1.2em;color: #f0d794;margin-top: 20px;}
.discord {margin-top: 22vh;}
.discord img {margin: 0 auto 1.5em auto;display: flex;justify-content: center;width: 85px;}
.discord p {margin-top: .2em;justify-content: center;font-family: "Eagle Lake", serif;font-weight: 400;font-style: normal;color: #f0d794;text-align:center;}
.discord h1 {margin-bottom: .2em;justify-content: center;font-family: "Eagle Lake", serif;font-weight: 400;font-style: normal;color: #f0d794;text-align:center;}
.discord a {margin: 0;color: #f0d794!important;text-decoration: none!important;}
.discord a:hover {text-decoration: underline!important;}
.discord a:visited {color: #f0d794!important;}
.managed {font-size: .9em;margin-bottom: 1.5em}
.managed2 {font-size: 1.2em;line-height: 1.5em;margin-top: 1.5em;}
/* SEARCH BAR*/
.search {
	margin-right: .80em;
	margin-left: .80em;
	margin-top: 2em;
}
input {
	border: 1px solid #7B542F;
	background-color: transparent;
	width: calc(100% / 5 * 4 - .5em);
	height: 3em;
	padding: 0 1.5em;
	margin-right: 1.5em;
  font-family: "Eagle Lake", serif;
  font-weight: 400;
  font-style: normal;
	font-size: .8em;
}
input:focus-visible {
	border: 1px solid #7B542F;
	background-color: transparent;
	-webkit-appearance: none;
	outline: none;
}
.button1 {
	width: calc(100% / 5 * 1 - 1.5em);
  font-family: "Eagle Lake", serif;
  font-weight: 400;
  font-style: normal;
	font-size: .8em;
	text-align: center;
	margin: 0;
	color: #7B542F;
	height: 3em;
	background-color: transparent;
	border: 1px solid #7B542F;
	padding:0;
	cursor: pointer;
	border-radius: 0;
}
.button1:focus-visible {
	border: 1px solid #7B542F;
	background-color: transparent;
	-webkit-appearance: none;
	outline: none;
}
.categories {
	overflow: hidden;
	padding-bottom: .75em;
	display: flex;
	flex-wrap: wrap;
	margin: .75em .2em 0 .2em;
}
.categories a {
	color: #7B542F;
	text-decoration: none;
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: .75em;
	background-color: transparent;
	border: 1px solid #7B542F;
	flex: 20%;
	line-height: 3em;
	padding: .75em;
	margin: .75em;
	text-align: center;  
	vertical-align: middle;
	height: 3em;
}
.border {
	border-bottom: 1px solid #7B542F;
	margin: 0 .75em 7vh.75em;
}
.vp-side {
	padding-left: calc(100% / 12 * 5);
	padding-right: calc(100% / 12 * 2);
	width: calc(100% / 12 * 5);
	margin: 0 auto;
}
.thumbnail-link {
	
}
.nothing {
  font-family: "Eagle Lake", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1.5em;
	color: #7B542F;
	margin-left: .55em; margin-bottom: 2em; margin-top: .2em;
}
.nothing1 {
  font-family: "Eagle Lake", serif;
  font-weight: 400;
  font-style: normal;
	font-size: 1em;
	color: #7B542F;
	margin-left: .75em; margin-bottom: 2em; margin-top: .2em; margin-left: 1em;
}
.text {
	overflow: hidden;
	
	
}
.post {
	width: calc(100% / 5 - 1.5em);
	height: 20em;
	float: left;
	margin: 0 .75em;
}
.post img {
	width: 100%;
}
.post audio {
	width: 100%;
}
.post h3 {
	text-align: center;
	font-family:'SHERWOOD';
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	margin-bottom: 0.2em;
}
.post h3 a {
	color: #7B542F;
	text-decoration: none;
}
.post p {
  font-family: "Eagle Lake", serif;
  font-weight: 400;
  font-style: normal;
	font-size: .8em;
	text-align: center;
	margin: 0;
	color: #7B542F;
}
/*SINGLE PAGE*/
.soundset-name {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.7em;
	color: #7B542F;
	margin-bottom: -.3em; margin-top: .2em; margin-left: .35em;
}
.padding {
	padding: 0 .75em;
}
.single p {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #7B542F;
	margin-left: .75em;
	line-height: 2.1em;
}
.single audio {
}
.single h3 {
	margin-top: 2em;
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
	color: #7B542F;
	margin-left: .55em;
}
.wp-block-button__link {
	background-color: transparent!important;
	margin-left: .75em;
}
.wp-block-columns {
	width: calc(100% - 1.5em);
	margin: auto;
}
.wp-block-group {
	overflow: hidden;
	width: calc(100% - 1.5em);
	margin: auto;
	height: 4em;
}
.wp-block-group > p {
	width: 40%;
	padding: 0;
	float: left;
	width: calc(100% / 2 - .75em);
	line-height: 1em!important;
}
.wp-block-group > figure {
	width: 40%;
	float: left;
	width: calc(100% / 2 - .75em);
}
a {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	color: #7B542F;
	text-underline-offset: 5px;
}
a:visited {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	color: #7B542F;
	text-decoration: underline;
}
.links {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	color: #7B542F;
	text-decoration: underline;
	outline-offset: 15px;
}
.links:visited {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	color: #7B542F;
	text-decoration: underline;
	outline-offset: 8px solid #7B542F;
}
.container-gallery {
  display: flex;
  width: 100%;
  box-sizing: border-box;
  height: 40vh;
}
.box {
  flex: 1;
  overflow: hidden;
  transition: .5s;
  margin: 0 .75em;
  line-height: 0;
}
.box > img {
  width: 100%;
  height: calc(100% - 10vh);
  object-fit: cover; 
  transition: .5s;
}
.box > span {
	font-size: 1.5vh;
 	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	display: block;
	text-align: center;
	height: 10vh;
	line-height: 2.6;
	margin-top: 1.2em;
	color: #7B542F;
}
.box:hover { flex: 1 1 20%; }
.box:hover > img {
  width: 100%;
  height: 100%;
}
.sound-preview {
	overflow: hidden;
}
.single-container-left, .single-container-right {
	float:left;
	width: 	calc(100% / 2 - 1.5em);
	padding: .75em;
}
.audio-single-container {
	overflow: hidden;
	padding-right: 1.5em;
	border-bottom: 1px solid #7B542F;
}
.opis-single {
	float:left;
	width: 80%;
}
.opis-single p {
	margin-left: 0!important;
	margin-top: 1.2em!important;
}
.play-button-single {
	float:left;	
	width: 20%;
}
.play-button-single button {
	margin-top: 2.1em;
}
.install-container {
	overflow: hidden;
}
.install-left, .install-right {
	float:left;
	width: 	calc(100% / 2 - 1.5em);
	margin: .75em;
}
.install-left p, .install-right p {
	margin: 0;
}
.border-footer {
	border-top: 1px solid #7B542F;
	margin-top: 7vh;
	margin-bottom: 1em;
	margin-left: calc(100% / 12 * 5 + .75em);
	margin-right: calc(100% / 12 * 2 + .75em);
}
.footer {
	margin-left: calc(100% / 12 * 5 + .75em);
	margin-right: calc(100% / 12 * 2 + .75em);
	padding-top: 1em;
	padding-bottom: 1em;
	height: 11em;
}
.footer p {
	text-align: center;
	line-height: 1.2em;
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: .7em;
	color: #7B542F;
	margin-top: 5vh;
	line-height: 2em;
}
.page-wrap {
  min-height: 100%;
  /* equal to footer height */
	height: -10em;
}
.page-wrap:after {
  content: "";
  display: block;
}
.site-footer, .page-wrap:after {
  /* .push must be the same height as footer */
  height: 5em; 
}
.site-footer {
	margin-top: .75em;
}
.error-container {
	height: 100%;
	width: 100%;
	display: flex;
	position: fixed;
	align-items: center;
	justify-content: center;
	text-align: center;
}
.error {
	font-family:'SHERWOOD', serif;
	font-weight: 400;
	font-style: normal;
	font-size: 2em;
	color: #7B542F;
}
.error1 {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 5em;
	color: #7B542F;
}
/* SCROLL TO THE TOP*/
#scrollToTopBtn {
  width: 50px;
  height: 40px;
  align-items: center;
  appearance: none;
  background-color: #f1f1f1;
  border-radius: 4px;
  border-width: 0;
  box-shadow: rgba(45, 35, 66, 0.4) 0 1px 2px,rgba(45, 35, 66, 0.3) 0 3px 8px -3px,#C4C5BF 0 -3px 0 inset;
  box-sizing: border-box;
  color: #36395A;
  cursor: pointer;
  display: inline-flex;
  font-family: "JetBrains Mono",monospace;
  justify-content: center;
  line-height: 1;
  list-style: none;
  overflow: hidden;
  padding-left: 16px;
  padding-right: 16px;
  position: relative;
  text-align: center;
  text-decoration: none;
  transition: box-shadow .15s,transform .15s;
  user-select: none;
  -webkit-user-select: none;
  touch-action: manipulation;
  white-space: nowrap;
  will-change: box-shadow,transform;
  font-size: 20px;
}
#scrollToTopBtn:hover {
  box-shadow: rgba(45, 35, 66, 0.4) 0 1px 2px, rgba(45, 35, 66, 0.3) 0 3px 8px -3px, #C4C5BF 0 -3px 0 inset;
  transform: translateY(-2px);
}
#scrollToTopBtn:active {
 /* box-shadow: #f0d794 0 3px 7px inset;*/
  transform: translateY(2px);
}
.scroll-top { 
  height: 1.5em;
  position: relative; 
}
.scroll-button {
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

@media only screen and (max-width: 2600px) {
.main-title {
	width: calc(100% / 14 * 3 - 1.5em);
}
input {
	width: calc(100% / 7 * 6 - .5em);
}
.button1 {
	width: calc(100% / 7 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 14 * 7);
	padding-left: calc(100% / 14 * 5);
	padding-right: calc(100% / 14 * 2);
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 7 - 1.5em);
	height: 22em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 14 * 5 + .75em);
	margin-right: calc(100% / 14 * 2 + .75em);
}


@media only screen and (max-width: 2400px) {
.main-title {
	width: calc(100% / 12 * 3 - 1.5em);
}
input {
	width: calc(100% / 5 * 4 - .5em);
}
.button1 {
	width: calc(100% / 5 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 12 * 5);
	padding-left: calc(100% / 12 * 5);
	padding-right: calc(100% / 12 * 2);
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 5 - 1.5em);
	height: 24em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 12 * 5 + .75em);
	margin-right: calc(100% / 12 * 2 + .75em);
}
}

@media only screen and (max-width: 2300px) {
.main-title {
	width: calc(100% / 12 * 3 - 1.5em);
}
input {
	width: calc(100% / 5 * 4 - .5em);
}
.button1 {
	width: calc(100% / 5 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 12 * 5);
	padding-left: calc(100% / 12 * 5);
	padding-right: calc(100% / 12 * 2);
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 5 - 1.5em);
	height: 23em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 12 * 5 + .75em);
	margin-right: calc(100% / 12 * 2 + .75em);
}
}

@media only screen and (max-width: 2100px) {
.main-title {
	width: calc(100% / 12 * 3 - 1.5em);
}
input {
	width: calc(100% / 5 * 4 - .5em);
}
.button1 {
	width: calc(100% / 5 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 12 * 5);
	padding-left: calc(100% / 12 * 5);
	padding-right: calc(100% / 12 * 2);
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 5 - 1.5em);
	height: 21em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 12 * 5 + .75em);
	margin-right: calc(100% / 12 * 2 + .75em);
}
}
@media only screen and (max-width: 1900px) {
.main-title {
	width: calc(100% / 12 * 3 - 1.5em);
}
input {
	width: calc(100% / 5 * 4 - .5em);
}
.button1 {
	width: calc(100% / 5 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 12 * 5);
	padding-left: calc(100% / 12 * 5);
	padding-right: calc(100% / 12 * 2);
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 5 - 1.5em);
	height: 20em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 12 * 5 + .75em);
	margin-right: calc(100% / 12 * 2 + .75em);
}
}
@media only screen and (max-width: 1700px) {
.main-title {
	width: calc(100% / 9 * 2 - 1.5em);
}
input {
	width: calc(100% / 5 * 4 - .5em);
}
.button1 {
	width: calc(100% / 5 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 9 * 5);
	padding-left: calc(100% / 9 * 3);
	padding-right: calc(100% / 9 * 1);
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 5 - 1.5em);
	height: 22em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 9 * 3 + .75em);
	margin-right: calc(100% / 9 * 1 + .75em);
}
}
@media only screen and (max-width: 1550px) {
.grid-column {
	width: calc(100% / 9 - 1.5em);
}
.main-title {
	width: calc(100% / 9 * 3 - 1.5em);
}
input {
	width: calc(100% / 4 * 3 - .5em);
}
.button1 {
	width: calc(100% / 4 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 9 * 4);
	padding-left: calc(100% / 9 * 4);
	padding-right: calc(100% / 9 * 1);
}
.discord {
	margin-top: 15vh;
}
.opis-single {
	float:left;
	width: 80%;
}
.play-button-single {
	float:left;	
	width: 20%;
}
.play-button-single button {
	margin-top: 1.8em;
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 4 - 1.5em);
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 9 * 4 + .75em);
	margin-right: calc(100% / 9 * 1 + .75em);
}
}
@media only screen and (max-width: 1300px) {
.grid-column {
	width: calc(100% / 7 - 1.5em);
}
.main-title {
	width: calc(100% / 7 * 2 - 1.5em);
}
.discord {
	margin-top: 16vh;
}
#g8-logo {
	font-size: 2.5em;
}
#g8-custom {
	font-size: .9em;
	margin-top: 3vh;
}
input {
	width: calc(100% / 3 * 2 - .5em);
}
.button1 {
	width: calc(100% / 3 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 7 * 3);
	padding-left: calc(100% / 7 * 3);
	padding-right: calc(100% / 7 * 1);
}
.install-left, .install-right {
	float:none;
	width: 	calc(100% - 1.5em);
	margin: .75em;
}
.install-left p, .install-right p {
	margin: 0;
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 3 - 1.5em);
	height: 22em;
}
.soundset-name {
	font-size: 1.5em;
}
.footer {
	margin-left: calc(100% / 7 * 3 + .75em);
	margin-right: calc(100% / 7 * 1 + .75em);
}
}
@media only screen and (max-width: 1000px) {
.grid-column {
	width: calc(100% / 5 - 1.5em);
}
.main-title {
	width: 100%;
	float: none;
	margin: 0 auto;
	height: 32em;
	background-image: url('img1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: length;
	position: static;
	overflow: hidden;
}
.logo {
	margin-top: 45px;
}
.logo img {margin: 0 auto 1.5em auto;display: flex;justify-content: center;width: 220px;}
h1 {
	z-index: 1;
	text-align: center;
	width: 100%;	
}
#g8-logo {
	margin-top: 55px;
}
#g8-custom {
	margin-top: 18px;
}
.discord {
	margin-top: 3em;
}
.vp-side {
	padding-left: calc(100% / 5 * 1);
	padding-right: calc(100% / 5 * 1);
	width: calc(100% / 5 * 3);
	margin: 0 auto;
	overflow: hidden;
	float: none;
}
input {
	width: calc(100% / 3 * 2 - .5em);
}
.button1 {
	width: calc(100% / 3 * 1 - 1.5em);
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: calc(100% / 5 * 3);
	padding-left: calc(100% / 5 * 1);
	padding-right: calc(100% / 5 * 1);
}
.sound-preview {
	overflow: hidden;
}
.single-container-left {
	float:left;
	width: 	calc(100% / 2 - 1.5em);
	padding: .75em;
}
.opis-single p {
	font-size: .9em;
}
.play-button-single button {
	margin-top: 1.8em;
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 3 * 1 - 1.5em);
	height: 23em;
}
.soundset-name {
	font-size: 1.5em;
}
.wp-block-group {
	overflow: hidden;
	width: calc(100% - 1.5em);
	margin: auto;
	height: 6em;
}
.wp-block-group > p {
	width: 100%;
	padding: 0;
	float: none;
}
.wp-block-group > figure {
	width: 100%;
	float: none;
}
.footer {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	padding-top: 3em;
}
.site-footer {
	margin-top: 8em;
}

.site-footer p {
	margin-bottom: 2em;
}

@media only screen and (max-width: 890px) {
.post {
	height: 20em;
}
}
@media only screen and (max-width: 750px) {
.grid-column {
	width: calc(100% / 4 - 1.5em);
}
.main-title {
	width: 100%;
	float: none;
	margin: 0 auto;
	height: 33em;
	background-image: url('img1.jpg');
	background-repeat: no-repeat;
	background-size: cover;
	min-height: length;
	position: static;
	overflow: hidden;
}
.logo {
	margin-top: 40px;
}
.logo img {margin: 0 auto 1.5em auto;display: flex;justify-content: center;width: 220px;}
h1 {
	position: absolute;
	z-index: 1;
	text-align: center;
	width: 100%;	
}
#g8-logo {
	font-family:'SHERWOOD';
	font-size: 2.5em;
	line-height: 1em;
	color: #f0d794;
	margin-top: 40px;
}
#g8-custom {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1.2em;
	color: #f0d794;
	margin-top: 0;
}
.discord {
	margin-top: 10em;
}
.managed {font-size: .9em;margin-bottom: 3em}
.managed2 {margin-top: 2em}
.vp-side {
	padding-left: calc(100% / 4 * 1);
	padding-right: calc(100% / 4 * 1);
	width: calc(100% / 4 * 2);
	margin: 0 auto;
	overflow: hidden;
	float: none;
}
.container-gallery {
  height: 28vh;
}
input {
	width: 100%;
	margin-bottom: .75em;
}
.button1 {
	width: 100%;
}
.categories a {
	padding: 0 .75em;
}
.sound-preview {
	overflow: hidden;
}
.single-container-left {
	float:none;
	width: 	calc(100% - 1.5em);
	padding: 0 .75em;
}
.single-container-right {
	float:none;
	width: 	calc(100% - 1.5em);
	padding: 0 .75em;
}
.nothing {
	font-size: 1.2em;
	color: #7B542F;
	margin-bottom: 1em; margin-top: .2em;
}
.text {
	overflow: hidden;	
}
.post {
	width: calc(100% / 4 * 2 - 1.5em);
	height: 22em;
}
.soundset-name {
	font-size: 1.5em;
}
.wp-block-group {
	overflow: hidden;
	width: calc(100% - 1.5em);
	margin: auto;
	height: 6em;
}
.footer {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	padding-top: 3em;
}
.site-footer {
	margin-top: 8em;
}

.site-footer p {
	margin-bottom: 2em;
}
.search {
	margin-right: .75em;
	margin-left: .75em;	
}
.categories {
	margin-right: .2em;
	margin-left: .2em;
}
.categories a {
    flex: 100%;
}
.site-footer {
	margin-top: 5em;
}
}
@media only screen and (max-width: 650px) {
	
.grid-column {
	width: calc(100% / 3 - 1.5em);
}
input {
	width: 100%;
	margin-bottom: .75em;
}
.button1 {
	width: 100%;
}
.vp-side {
	padding-left: 0;
	padding-right: 0;
	width: 100%;
	margin: 0;
}
.post {
	width: calc(100% / 3 * 1 - 1.5em);
	height: 24em;
}
.footer {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	padding-top: 3em;
	height: 12em;
}
.site-footer {
	margin-top: 8em;
}

.site-footer p {
	margin-bottom: 2em;
}
}
@media only screen and (max-width: 500px) {
.post {
	width: calc(100% / 3 * 1 - 1.5em);
	height: 20em;
}
}
@media only screen and (max-width: 380px) {
.grid-column {
	width: calc(100% / 2 - 1.5em);
}
input {
	width: 100%;
	margin-bottom: .75em;
}
.button1 {
	width: 100%;
}
.categories a {
	padding: 0 .75em;
}
.vp-side {
	width: 100%;
	padding: 0;
}
.container-gallery {
  height: 25vh;
}
.box > span {
	margin-top: 1em;
}
#g8-logo {
	font-family:'SHERWOOD';
	font-size: 2em;
	line-height: 1em;
	color: #f0d794;
	margin-top: 40px;
}
#g8-custom {
	font-family: "Eagle Lake", serif;
	font-weight: 400;
	font-style: normal;
	font-size: 1em;
	color: #f0d794;
	margin-top: 0;
}
.post {
	width: calc(100% / 2 - 1.5em);
	height: 22em;
}
.footer {
	margin-left: 0;
	margin-right: 0;
	width: 100%;
	padding-top: 3em;
	height: 14em;
}
.site-footer {
	margin-top: 8em;
}

.site-footer p {
	margin-bottom: 4em;
}
.categories a {
    flex: 100%;
}
}