/*  Legless11 Bingo 
    Last Update: 25/11/2023 - 10:20
****************/
* {
  padding: 0;
  margin: 0;
}

/*
Calibri, arial, helvetica
Arial
Verdana

*/
/*

font-family: 'Anek Latin', sans-serif;
font-family: 'Exo', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Martian Mono', monospace;
font-family: 'Noto Sans Nabataean', sans-serif;
font-family: 'Nunito Sans', sans-serif;
font-family: 'Patua One', serif;

*/
/*

font---google--three: 'Anek Latin', sans-serif;
$font---google--four: 'Lato', sans-serif;
$font---google--five: 'Martian Mono', monospace;
$font---google--six: 'Nunito Sans', sans-serif;
$font---google--seven: 'Patua One', serif;

*/
/* $font---size--md: 16px; */
main section.letsbingo_container #letsbingo_btn {
  text-align: center;
  color: black;
  font-size: 14px;
  background: #ff3cde;
  padding: 6px;
  border-radius: 8px;
  /* border: solid 2px black; */
  border: solid 2px white;
  font-weight: bold;
  transition: background 0.3s;
  text-decoration: none;
}
main section.letsbingo_container #letsbingo_btn:hover {
  background: #63a0eb;
}

main section.hire-page .hire-form .form_btn {
  background: none;
  color: white;
  padding: 5px;
  border-radius: 7px;
  border: solid white 2px;
  margin: 0 4px;
  transition: border 0.4s, color 0.4s;
  cursor: pointer;
}
main section.hire-page .hire-form .form_btn:hover {
  border: solid #ff859c 2px;
  color: pink;
}

main section.hire-page .hire-form textarea, main section.hire-page .hire-form input.form-input {
  background: none;
  font-family: "Noto Sans Nabataean", calibri, "sans-serif";
  color: white;
  border: solid white 2px;
  border-radius: 4px;
  padding: 0;
  transition: background 0.3s, border 0.3s;
  padding: 6px;
}
main section.hire-page .hire-form textarea:hover, main section.hire-page .hire-form input.form-input:hover {
  background: #f9a6ff;
  background: #4a404a;
  border: solid #ff859c 2px;
}
main section.hire-page .hire-form textarea:focus, main section.hire-page .hire-form input.form-input:focus {
  background: #f9a6ff;
  background: #4a404a;
  border: solid #ff859c 2px;
  outline: solid #ff859c 0px;
}
main section.hire-page .hire-form textarea::placeholder, main section.hire-page .hire-form input.form-input::placeholder {
  color: beige;
  color: #999999;
}
main section.hire-page .hire-form textarea::placeholder:hover, main section.hire-page .hire-form input.form-input::placeholder:hover {
  color: white;
}
main section.hire-page .hire-form textarea input:not([value]), main section.hire-page .hire-form input.form-input input:not([value]) {
  background: #4a404a;
}

main section.hire-page .hire-form textarea, main section.hire-page .hire-form input.form-input {
  transition: background 0.3s, border 0.3s;
  padding: 6px;
}
@media (max-width: 680px) {
  main section.hire-page .hire-form textarea, main section.hire-page .hire-form input.form-input {
    width: 88%;
  }
}

html {
  scroll-behavior: smooth;
}

body {
  background: #040404;
  font-family: "Noto Sans Nabataean", calibri, arial, sans-serif;
  /*font-family: $font---google--one;*/
  /* font-family: $font---google--three; */
  /* font-family: $font---google--four; */
  /* font-family: $font---google--five; */
  /* font-family: $font---google--six; */
  /* font-family: $font---google--seven; */
  background: url("assets/img/page_bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
}
body.main_background {
  background: url("assets/img/page_bg2.jpg");
  background-repeat: no-repeat;
  background-size: cover;
}

header {
  background: black;
  height: 60px;
  min-height: 55px;
  border-bottom: solid 3px #ff859c;
  margin-bottom: 10pt;
  /* box-shadow: black 0 0 0 0; */
  /* box-shadow: black 4px 2px 7px 4px; */
  /*h1 {

      color: $col---primary;
      text-align: center;
  }*/
}
@media (max-width: 680px) {
  header {
    /* width: 100% */
    height: auto;
  }
}
header a {
  display: inline-block;
}
header a img.social-icons {
  display: inline-block;
  width: 35px;
  height: 35px;
}
header a #facebook_icon {
  display: inline-block;
}
header #main_logo_top {
  display: block;
  /* margin: 5px auto; */
  position: relative;
  /* position: absolute; */
  top: 10px;
  /* top: 41px; */
  left: 25px;
  width: 100px;
  height: 100px;
  /* border: solid $col---primary 3px; */
  border-radius: 50%;
}
@media (max-width: 680px) {
  header #main_logo_top {
    top: 10px;
    /* text-align: right; */
  }
}
header nav.nav_container_element .logo_container {
  display: inline-block;
  width: 45%;
  text-align: center;
  /* margin-top: 4px; */
  /* padding-top: 4px; */
}
@media (max-width: 680px) {
  header nav.nav_container_element .logo_container {
    width: 100%;
  }
}
header nav.nav_container_element .main_navigation {
  display: inline-block;
  position: relative;
  top: 40px;
  /* right: 15px; */
  text-align: right;
  width: 53%;
  vertical-align: top;
  font-size: 12px;
}
@media (max-width: 680px) {
  header nav.nav_container_element .main_navigation {
    width: 67%;
    width: 100%;
    /* text-align: center; */
    display: inline;
    display: inline-block;
    position: relative;
    bottom: 56px;
    top: 0px;
  }
}
@media (max-width: 520px) {
  header nav.nav_container_element .main_navigation {
    text-align: right;
  }
}
header nav.nav_container_element .main_navigation li {
  display: inline-block;
  margin: 0 10px;
}
header nav.nav_container_element .main_navigation li a {
  color: #ff859c;
  transition: color 0.4s;
  text-decoration: none;
  font-weight: bold;
}
header nav.nav_container_element .main_navigation li a:hover {
  color: #64a1fd;
}

p {
  color: white;
}

main {
  color: white;
  font-size: 14px;
}
main #legless11ball {
  display: block;
  margin: 0 auto;
}
main h1, main h2 {
  text-align: center;
  /* color: $col-primary; */
}
main h1 {
  font-size: 40pt;
  color: #ffd53c;
  color: white;
  font-family: "Exo", "sans-serif";
}
@media (max-width: 680px) {
  main h1 {
    font-size: 8vw;
  }
}
main h1 img {
  width: 50px;
  height: 50px;
  vertical-align: middle;
}
main .email_sent_successfully {
  color: green;
  background: lightgreen;
  border: dashed green 2px;
}
main .email_failed_send {
  /* color: red; */
  color: #7c0000;
  background: #fd6868;
  border: dashed red 2px;
}
main .email_sent_successfully,
main .email_failed_send {
  display: block;
  margin: 0 auto;
  width: 200px;
  padding: 10pt;
}
main h2 {
  margin-top: 0;
  /* font-size: 16px; */
  font-size: 14px;
  font-style: italic;
}
main section #main_logo {
  display: block;
  margin: 15px auto;
  width: 120px;
  height: 120px;
  border: solid white 3px;
  border-radius: 13px;
}
main section #homepage_video {
  display: block;
  margin: 40pt auto;
  width: 640px;
  height: 360px;
  border: solid white 3px;
  border-radius: 10px;
}
@media (max-width: 680px) {
  main section #homepage_video {
    width: 90%;
    height: auto;
  }
}
main section .intro_paragraph {
  display: block;
  text-align: center;
  width: 45%;
  margin: 5px auto;
  line-height: 1.5;
}
main section.letsbingo_container {
  text-align: center;
  margin-top: 15pt;
}
main section.about_legless11bingo .about_list {
  color: white;
  text-align: center;
  background: black;
  background: #2a2626;
  width: 60%;
  display: block;
  margin: 15px auto;
  border: solid 3px white;
  border-radius: 9px;
}
main section.about_legless11bingo li {
  line-height: 2;
  list-style: none;
}
main section.disclaimers_and_links {
  text-align: center;
  margin-top: 27px;
}
main section.disclaimers_and_links ul {
  font-weight: bold;
}
main section.disclaimers_and_links ul li {
  display: inline-block;
  display: block;
}
main section.disclaimers_and_links ul li img#eighteenPlus {
  vertical-align: middle;
  width: 45px;
}
main section.disclaimers_and_links ul li a {
  color: #ff859c;
  transition: color 0.3s;
}
main section.disclaimers_and_links ul li a:hover {
  color: yellow;
}
main section.hire-page {
  display: block;
  margin: 0 auto;
  width: 90%;
}
main section.hire-page .hire-text {
  /* width: 100%; */
  width: 68%;
  background: #2a2626;
  display: block;
  margin: 15px auto;
  border-radius: 9px;
  /* border: white 3px solid; */
  border: solid white 3px;
  transition: border 0.3s;
}
main section.hire-page .hire-text:hover {
  border: solid #ff859c 3px;
}
@media (max-width: 680px) {
  main section.hire-page .hire-text {
    width: 75%;
  }
}
main section.hire-page .hire-text .form_has_errors,
main section.hire-page .hire-text .form_success {
  display: none;
}
main section.hire-page .hire-text .form_has_errors {
  display: none;
  /* display: block; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  visibility: hidden;
  padding: 6px;
  /* background: pink; */
  background: #ef6b82;
  /* color: white; */
  color: #4a0404;
  font-weight: bold;
  width: auto;
  text-align: center;
  margin: 0 auto;
}
main section.hire-page .hire-text .form_success {
  display: none;
  /* display: block; */
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
  visibility: hidden;
  padding: 6px;
  background: #ef6b82;
  background: lightgreen;
  /* color: white; */
  text-align: center;
  margin: 0 auto;
  font-weight: bold;
  width: auto;
}
main section.hire-page .hire-text p {
  display: block;
  margin: 20pt auto;
  text-align: center;
  width: 400px;
  /* margin-bottom: 35pt; */
}
@media (max-width: 680px) {
  main section.hire-page .hire-text p {
    width: auto;
  }
}
main section.hire-page .hire-text p a {
  color: #ff859c;
  transition: color 0.3s;
}
main section.hire-page .hire-text p a:hover {
  color: yellow;
}
main section.hire-page .hire-text ul {
  color: red;
  /* background: white */
}
main section.hire-page .hire-text ul li {
  list-style: none;
}
main section.hire-page .hire-text ul li p {
  color: red;
}
main section.hire-page .hire-text #facebook_icon {
  text-decoration: none;
  width: 45px;
  display: block;
  margin: 0 auto;
  border: solid #ed0ced 3px;
  border-radius: 54%;
  transition: border 0.4s, transform 0.3s;
}
main section.hire-page .hire-text #facebook_icon:hover {
  border: solid #f537f5 3px;
  border: solid #e82ef5 3px;
  transform: rotate(3turn) scale(1.03);
}
main section.hire-page #facebook_icon {
  text-decoration: none;
}
main section.hire-page .hire-form {
  display: block;
  margin: 0 auto;
  width: 50%;
  /* background: black */
  background: #2a2626;
  padding: 20px;
  border-radius: 8px;
  border: solid white 2px;
  transition: border 0.4s;
}
@media (max-width: 520px) {
  main section.hire-page .hire-form {
    width: 90%;
  }
}
main section.hire-page .hire-form:hover {
  border: solid #ff859c 2px;
}
main section.hire-page .hire-form h3.arrange_booking {
  display: inline-block;
  border-bottom: solid #ff859c 3px;
  margin-bottom: 15pt;
}
main section.hire-page .hire-form label {
  display: inline-block;
  width: 200px;
  vertical-align: top;
}
main section.hire-page .hire-form label .required {
  color: red;
  font-weight: bold;
}
main section.hire-page .hire-form input.form-input {
  /* height: 20px; */
  padding: 7px;
  min-width: 179px;
}
main section.hire-page .hire-form .privacypolicy-link {
  line-height: 1.4;
  margin-bottom: 14px;
}
main section.hire-page .hire-form .privacypolicy-link a {
  color: #ff859c;
  transition: color 0.3s;
}
main section.hire-page .hire-form .privacypolicy-link a:hover {
  color: yellow;
}
main section.hire-page .hire-form span p {
  color: #ff4545;
}
main section.hire-page .hire-form input[type=submit],
main section.hire-page .hire-form input[type=reset] {
  /* font-family: $font; */
  /* font-family: $font---google--one; */
  /* font-family: $font---google--two; */
  /* font-family: $font---google--three; */
  /* font-family: $font---google--four; */
  /* font-family: $font---google--five; */
  /* font-family: $font---google--six; */
  /* font-family: $font---google--seven; */
  /* padding: 4px; */
  /* height: auto; */
  /* cursor: pointer; */
  /* border: solid 1px $col--primary; */
  /* border: 0; */
}
main section.privacy-policy {
  display: block;
  margin: 5px auto;
  width: 500px;
  padding: 6px;
  line-height: 1.8;
  line-height: 1.8;
  background: #242323;
  border-radius: 9px;
  border: solid white 2px;
  font-size: 10px;
  background: black;
  background: #2a2626;
}
@media (max-width: 680px) {
  main section.privacy-policy {
    width: 75%;
  }
}
main section.privacy-policy .last_update {
  text-align: right;
  font-size: 10px;
  font-weight: bold;
}
main section.privacy-policy h2 {
  font-size: 32px;
}
main section.privacy-policy h3 {
  color: yellowgreen;
  margin-top: 25pt;
}
main section.privacy-policy h3::first-child {
  text-align: center;
}
main section.privacy-policy .privacy-logo img {
  width: 50px;
  display: block;
  margin: 0 auto;
}
main section.privacy-policy p {
  width: 90%;
  margin: 0 auto;
}
main section.privacy-policy p a {
  color: #ff859c;
  transition: color 0.3s;
}
main section.privacy-policy p a:hover {
  color: yellow;
}
main section.privacy-policy ul {
  margin: 0 auto;
  width: 90%;
}
main section.privacy-policy ul li {
  list-style: none;
}
main section.form_thankyou {
  margin: 40pt auto;
  display: block;
  background: lightgreen;
  padding: 20px 0;
  border: solid green 2px;
  width: 283px;
  text-align: center;
}
main section.form_thankyou p {
  color: black;
}

/* slick.scss */
section .slider-container {
  /* width: 80%; */
}
@media (max-width: 980px) {
  section .slider-container {
    /* width: 90% */
  }
}
@media (max-width: 720px) {
  section .slider-container {
    width: 100%;
    margin: 0 auto;
  }
}
section .slider-container .slider div p, section .slider-container .slider div h2 {
  display: inline-block;
}
section .slider-container .slider div h2 {
  color: yellow;
}
section .slider-container .slider div h2 .testimonial_date {
  display: inline-block;
  font-size: 10px;
  color: lightgreen;
  color: lightgreen;
}

#testimonial_slide {
  /* width: 320px; */
}

.slick-slide {
  display: block;
  /* background: blueviolet; */
  background: none;
  margin: 13px;
  height: 100%;
  min-height: 150px;
  border-radius: 5px;
  padding: 3px;
}
.slick-slide img {
  width: 100%;
}

footer {
  margin-top: 25pt;
  color: white;
  text-align: center;
  /* font-size: 10px; */
  font-size: 12px;
  font-weight: bold;
}
footer a {
  color: #ff859c;
  transition: color 0.4s;
  margin: 6px 6px;
}
footer a:hover {
  color: yellow;
}

/*# sourceMappingURL=style-alt.css.map */