/*
Theme Name: Fish Head Games Theme
*/
.newsletter-sec .form-wrap p {
  max-width: 100%;
  margin-bottom: 0;
}

.wpcf7-not-valid-tip {
  font-size: 12px;
  margin-top: 11px;
  position: absolute;
}

.wpcf7-spinner {
  position: absolute;
}

.search-no-results .main-section,
.error404 .main-section {
  /* padding: 50px 0;
    min-height: calc(100vh - 265px);
    background-image: url(assets/images/newsletter-bg.png);
    background-size: 100% 100%;
    background-position: top center; */
}

.search-no-results .def_page,
.error404 .def_page {
  background-image: url(assets/images/newsletter-bg.png);
  background-size: 100% 100%;
  background-position: top center;
  min-height: initial;
  padding: 60px 0 120px;
}

.search-no-results .def_page p,
.error404 .def_page p {
  color: #181818;
}

.search-no-results form[role="search"],
.error404 form[role="search"] {
  display: flex;
  max-width: 580px;
  background-image: url(assets/images/newsletter-form-bg.png);
  background-size: 100% 100%;
  padding: 10px 15px;
  margin-top: 35px;
}

.search-no-results form[role="search"] input[type="submit"],
.error404 form[role="search"] input[type="submit"] {
  background-color: transparent;
  background-image: url(assets/images/sign-up-btn.png);
  background-size: 100% 100%;
  padding: 16px 25px;
  width: 136px;
  text-transform: uppercase;
  cursor: pointer;
  font-weight: 900;
  font-family: "Matiz";
}

.search-no-results form[role="search"] > label,
.error404 form[role="search"] > label {
  width: 100%;
  max-width: calc(100% - 136px);
}

.search-no-results form[role="search"] input[type="search"],
.error404 form[role="search"] input[type="search"] {
  height: 100%;
  background-color: transparent;
  padding: 0 15px;
  outline: none;
  box-shadow: none;
  width: 100%;
}

body:not(.home) .hero-section {
  padding: 180px 0 80px;
}

.def_page {
  padding: 60px 0 90px;
}

/* .def_page p {
    overflow: auto;
    clear: both;
} */
.alignleft {
  float: left;
  margin: 0 20px 20px 0;
}

.alignright {
  float: right;
  margin: 0 0 20px 20px;
}

.def_page ol,
.def_page p,
.def_page ul {
  margin-bottom: 20px;
}

.def_page ol,
.def_page ul {
  list-style: decimal;
  margin-bottom: 20px;
  margin-left: 20px;
}

.def_page h1 {
  margin-bottom: 20px;
}

.def_page h2 {
  margin-bottom: 15px;
  font-size: 72px;
}

.def_page h3 {
  margin-bottom: 10px;
  font-size: 60px;
}

.def_page h5 {
  margin-bottom: 12px;
}

.def_page h6 {
  margin-bottom: 10px;
  font-size: 18px;
}

.def_page hr {
  width: 100%;
  display: block;
  height: 1px;
  background: #fff;
  margin-bottom: 20px;
}

.def_page ul li {
  margin-bottom: 10px;
  list-style: disc;
}

.def_page ol li {
  margin-bottom: 10px;
  list-style: decimal;
}

.search-no-results form[role="search"] {
  margin-top: 0;
}

.grid-sec .row {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -15px;
  row-gap: 30px;
}

.grid-sec .grid-box {
  display: flex;
  align-items: center;
  gap: 25px;
  max-width: 50%;
  width: 50%;
  padding: 0 15px;
}

.grid-sec .grid-box img {
  aspect-ratio: 1;
  max-width: 200px;
}

nav.navigation.pagination {
  display: flex;
  align-items: center;
  width: 100%;
  justify-content: center;
  padding: 40px 0 0;
}

.nav-links .page-numbers {
  padding: 0 8px;
}

.blog-ul {
  display: flex;
  column-gap: 32px;
}

.blog-wrap .has-text-align-center {
  text-align: left;
}

.blog-wrap .row {
  display: flex;
  flex-direction: column;
  gap: 35px;
}

.entry-categories-inner {
  margin-bottom: 15px;
}

.blog-wrap a:hover {
  color: #25cccd;
}
.wpcf7-list-item { margin-left: 0; }

.newsletter-sec .wpcf7 form .wpcf7-response-output {
  margin: 0;
  border-color: #f00;
  padding: 10px;
  color: #181818;
}
.wpcf7 form.sent .wpcf7-response-output[aria-hidden="true"] {
    border-color: #46b450;
    color: #46b450
}
.form-logo {
	display: block
}
.form-logo img {max-width: 72px; margin-bottom: 8px; font-size:0}
.logo-heading h4 {font-size: 28px;}
.form-popup .popup-wrap .form-group.form-btn {margin-bottom: 0}
.form-popup .popup-wrap {position: relative}
@media (max-width: 1679px) {
  .def_page h2 {
    font-size: calc(36px + (70 - 36 ) * ((100vw - 320px) / (1680 - 320)));
    letter-spacing: -0.64px;
  }
	
  .def_page h3 {
    font-size: calc(32px + (59 - 32 ) * ((100vw - 320px) / (1680 - 320)));
    letter-spacing: -0.64px;
  }

  body:not(.home) .hero-section {
    padding-top: calc(120px + (170 - 120 ) * ((100vw - 320px) / (1680 - 320)));
    padding-bottom: calc(45px + (70 - 45 ) * ((100vw - 320px) / (1680 - 320)));
  }
}

@media (max-width: 991px) {
  .grid-sec .grid-box {
    width: 100%;
    max-width: 100%;
  }
	.logo-heading h4 {
		font-size: calc(20px + (28 - 20 ) * ((100vw - 320px) / (1680 - 320)));
	}
}

@media (max-width: 575px) {
  .search-no-results form[role="search"] input[type="submit"],
  .error404 form[role="search"] input[type="submit"] {
    padding: 14px 15px;
    width: 100px;
  }

  .search-no-results form[role="search"] > label,
  .error404 form[role="search"] > label {
    max-width: calc(100% - 100px);
  }

  .grid-sec .grid-box {
    flex-wrap: wrap;
  }

  .grid-sec .grid-box .grid-content {
    width: 100%;
    max-width: 100%;
  }
}