/*!
Theme Name: Microscope
Theme URI: http://underscores.me/
Author: Riad Kanane
Author URI: https://www.riad.uk
Description: Functional website for microscope
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: microscope
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Microscope is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
font,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}
body {
  line-height: 1;
  background-color: #000;
  /*max-height:100vh;overflow:hidden;*/
  font-family: "nave", Arial, Helvetica, sans-serif;
}
body.showform {
  max-height: none;
  overflow: scroll;
  overflow-x: hidden;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
  content: "";
  content: none;
}

b,
.bold {
  font-family: "nave";
  font-weight: normal;
}
.mob {
  display: none;
}

/* remember to define focus styles! */
:focus {
  outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration: none;
}
del {
  text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

.formcontent,
.sponsorcontent {
  width: 37vw;
  color: #fff;
  font-size: 14px;
  line-height: 20px;
  letter-spacing: 0.05em;
}
.formcontent .formbutton {
  cursor: pointer;
  display: block;
  margin-bottom: 40px;
}

.formcontent .formsection {
  margin-bottom: 40px;
}
.formcontent a {
  color: #fad229;
}

.formcontent input {
  border: 2px solid #000;
  /*-webkit-box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);
  box-shadow: 3px 3px 0px 0px rgba(0, 0, 0, 1);*/
  font-size: 14px;
  font-family: "ITCKabelStdMedium", Arial, sans-serif;
  padding: 10px;
}
.formcontent input[type="radio"] {
  margin: 10px 5px 10px 0;
  padding: 0;
}
.formcontent input[type="text"] {
  width: 280px;
}
.formcontent input[type="submit"] {
  width: 200px;
  height: 120px;
  border: 0;
  padding: 0;
  margin: 0 auto;
  background: url(../img/content/submit.svg) 50% 50% no-repeat;
  background-size: contain;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.formcontent .formline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}
.formcontent .formline label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 200px;
  flex: 0 0 200px;
}
.formsection p {
  width: 80%;
}
.formsection.submit {
  text-align: center;
}

.showintro .introcol,
.showform .formcol,
.showsponsor .sponsorcol {
  -ms-flex-preferred-size: 37vw;
  flex-basis: 37vw;
  opacity: 1;
  max-height: none;
}

.VideoWrap {
  width: 100vw;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 0;
  background: url(../img/content/paintbg.jpg) no-repeat 50% 50% #000;
  background-size: cover;
  transition: opacity 0.5s;
}
.VideoWrap.fade {
  opacity: 0.4;
}
video {
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center center;
  object-position: center center;
  width: 100vw;
  height: 100vh;
  position: absolute;
  top: 0;
  left: 0;
}

html,
body {
  height: 100%;
}

body {
  margin: 0;
}

a {
  color: #4c6ef6;
}

.animatein {
  visibility: hidden;
}

.pageholder {
  background: url(./img/introbg.jpg) fixed no-repeat 50% 50%;
  background-size: cover;
}

@media screen and (max-width: 768px) {
  .pageholder {
    background: url(./img/introbg.jpg) fixed no-repeat;
    background-size: cover;
    background-size: 100vh 100vh;
    background-position: center;
  }

  .booking-form-wrapper {
    background-color: #f1cd1d;
    margin: 0 0 7vw 0 !important;
  }
}

.pageintro {
  position: relative;
  min-height: 100vh;
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

.curtainholder {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 3000;
  pointer-events: none;
}
.curtaindark {
  background: rgba(0, 0, 0, 1);
  width: 100%;
  height: 100vh;
}
.curtain {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background: url(./img/curtain.svg) repeat-x bottom center;
  background-size: auto 100vh;
}

.introfooter {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  box-sizing: border-box;
  justify-content: space-between;
  align-items: flex-end;
  padding: 2.5vw;
  z-index: 100;
}
.introsection {
  flex: 0 0 60%;
}
.introsection:first-child,
.introsection:last-child {
  flex-basis: 20%;
}

.formintro {
  text-align: center;
}
.formintro .buttonlink {
  margin: 20px 20px 0 20px;
}

.microholder {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
.microhead {
  background: url(./img/microbanner.png) 50% 50% no-repeat;
  background-size: contain;
  width: 60%;
  height: 60%;
}

.introfootright {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  position: relative;
}
.date {
  width: 16vw;
  height: 16vw;
  background: url(./img/date.png) 50% 50% no-repeat;
  background-size: contain;
  max-width: 240px;
  max-height: 240px;
}

.soldbanner {
  position: absolute;
  top: 60px;
  left: -70px;
  color: #fff;
  font-size: 20px;
  width: 300px;
  transform: rotate(-45deg);
  text-align: center;
  box-sizing: border-box;
  padding: 10px;
  z-index: 5000;
}

.textsection {
  padding: 10vw 10vw 10vw 10vw;
  font-size: 20px;
  line-height: 1.4em;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  background: url(./img/content/textbg.svg) 50% 50% no-repeat;
  background-size: contain;
  margin-bottom: 5vw;
  position: relative;
}
.textsectionbgholder {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  overflow: hidden;
}
.textsectionbg {
  display: block;
  background: rgba(255, 255, 255, 0.8);
  width: calc(100% - 10vw);
  max-width: 880px;
  height: calc(100% - 10vw);
  transform: skewX(20deg) rotate(5deg) scaleX(1.1) translateX(4%);
}
.textsection p {
  margin-bottom: 20px;
  max-width: 800px;
  text-align: center;
  padding: 20px;
  position: relative; /*background:rgba(255,255,255,0.8)*/
}
.textsection a {
  position: relative;
}

.rule {
  width: 50%;
  height: 2px;
  background: #4c6ef6;
  position: relative;
  margin: 40px 0 10px 0;
}

/*.introtext {
  position: absolute;
  width: 100%;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  z-index: 10;
  color: #fff;
  text-align: center;
}
.introtext h1 {
  font-size: 6vw;
  line-height: 1em;
  margin-bottom: 20px;
}
.introtext p {
  font-size: 20px;
  line-height: 1.2em;
  text-transform: uppercase;
  margin-bottom: 10px;
  letter-spacing: 0.03em;
}
.introtext p:last-child {
  margin-bottom: 0;
}*/

main {
  color: white;
  position: relative;
  /*padding: 20px;*/
  padding-top: 0;
  z-index: 20;
}

/*.colourbg {
  background: linear-gradient(270deg, #35e7b9, #3574e7, #c235e7, #e73535);
  background-size: 800% 800%;

  -webkit-animation: AnimationName 10s ease infinite;
  -moz-animation: AnimationName 10s ease infinite;
  animation: AnimationName 10s ease infinite;
}

@-webkit-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@-moz-keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes AnimationName {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}*/

.buttonlink {
  display: inline-block;
  padding: 20px 30px;
  margin-top: 20px;
  cursor: pointer;
  color: #fff;
  pointer-events: all;
  border: 0;
  font-size: 24px;
  transition: background 0.2s;
  text-decoration: none;
  background: -moz-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #4c6ef6 15px
    ),
    -moz-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6
          15px),
    -moz-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px),
    -moz-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px);
  background: -o-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #4c6ef6 15px
    ),
    -o-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px),
    -o-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px),
    -o-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px);
  background: -webkit-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #4c6ef6 15px
    ),
    -webkit-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6
          15px),
    -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6
          15px),
    -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px);
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

.buttonlink.book {
  color: #4c6ef6;
  background: -moz-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #f1cd1d 15px
    ),
    -moz-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d
          15px),
    -moz-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px),
    -moz-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px);
  background: -o-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #f1cd1d 15px
    ),
    -o-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px),
    -o-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px),
    -o-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px);
  background: -webkit-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #f1cd1d 15px
    ),
    -webkit-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d
          15px),
    -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d
          15px),
    -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px);
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

.buttonlink:hover {
  color: #4c6ef6;
  background: -moz-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #f1cd1d 15px
    ),
    -moz-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d
          15px),
    -moz-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px),
    -moz-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px);
  background: -o-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #f1cd1d 15px
    ),
    -o-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px),
    -o-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px),
    -o-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px);
  background: -webkit-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #f1cd1d 15px
    ),
    -webkit-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d
          15px),
    -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d
          15px),
    -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #f1cd1d 15px);
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
}

.buttonlink.book:hover {
  background: -moz-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #4c6ef6 15px
    ),
    -moz-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6
          15px),
    -moz-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px),
    -moz-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px);
  background: -o-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #4c6ef6 15px
    ),
    -o-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px),
    -o-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px),
    -o-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px);
  background: -webkit-radial-gradient(
      0 100%,
      circle,
      rgba(204, 0, 0, 0) 14px,
      #4c6ef6 15px
    ),
    -webkit-radial-gradient(100% 100%, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6
          15px),
    -webkit-radial-gradient(100% 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6
          15px),
    -webkit-radial-gradient(0 0, circle, rgba(204, 0, 0, 0) 14px, #4c6ef6 15px);
  background-position: bottom left, bottom right, top right, top left;
  -moz-background-size: 50% 50%;
  -webkit-background-size: 50% 50%;
  background-size: 50% 50%;
  background-repeat: no-repeat;
  color: #fff;
}

.fom {
  border: 1px solid #000;
  display: inline-block;
  padding: 12px 20px 10px 20px;
  margin-top: 20px;
  cursor: pointer;
  color: #000;
  text-transform: uppercase;
  letter-spacing: 0.03em;
}

.fom:hover {
  background: #fff;
  color: #000;
}

#Wrap {
  width: 100%;
}

#Logos {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  z-index: 60;
  flex-wrap: wrap;
  flex-direction: column;
  align-items: flex-start;
}

.logolink {
  flex: 0 0 50px;
  height: 50px;
  width: 140px;
  background: left center no-repeat;
  background-size: contain;
  margin-top: 20px;
  -webkit-filter: drop-shadow(3px 3px 20px rgba(0, 0, 0, 0.3));
  filter: drop-shadow(3px 3px 20px rgba(0, 0, 0, 0.3));
}

/*.Formwrap {
  margin-top: 100vh;
}*/

.Formwrap {
  color: #000;
}

/* .formsection:last-child {
  padding-bottom: 10vw;
} */

.formsection p {
  width: 100%;
  font-size: 16px;
  margin-bottom: 10px;
  font-weight: bold;
}

.formsection p.Text {
  font-weight: 400;
  line-height: 1.4;
  font-size: 14px;
}
form {
  padding-bottom: 50px;
}

.Text {
  font-weight: 400;
  line-height: 1.4;
  font-size: 14px;
}

.soldout {
  opacity: 0.5;
  pointer-events: none;
}

p.yellowtext {
  font-size: 27px;
  margin-top: 48px;
  margin-bottom: 20px;
  letter-spacing: 0.6px;
  font-weight: normal;
}

.involved {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 40px;
}

.involvedcol {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
}

input {
  font-family: "ITCKabelStdMedium", Helvetica, Arial, sans-serif;
}

input[type="text"],
input[type="email"] {
  height: 36px;
  line-height: 36px;
  background: transparent;
  padding-left: 15px;
  padding-right: 15px;
  color: white;
  border: 1px solid #000;
  /* margin-bottom: 15px;  */
  width: 280px;
}
/*input[type="text"]:focus,
input[type="email"]:focus {
  -webkit-box-shadow: 0 0 7px 1px pink;
  box-shadow: 0 0 7px 1px pink;
}*/

.formline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 16px;
}

.formline label {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 128px;
  flex: 0 0 128px;
}

input[type="radio"] {
  margin-bottom: 3px;
  margin-left: 0;
  margin-top: 6px;
}

.formsection.submit {
  text-align: left;
}

.Formwrap {
  height: 0;
  overflow: hidden;
  -webkit-transition: height 2.5s ease, opacity 1.25s ease;
  transition: height 2.5s ease, opacity 1.25s ease;
  opacity: 0;
}

.Formwrap.Active {
  height: auto;
  opacity: 1;
}

@media (min-width: 2200px) {
  #Wrap {
    max-width: 28vw;
  }
}

/* biggest desktop */
@media only screen and (max-width: 1420px) {
  .showform .contentholder,
  .showsponsor .contentholder {
    width: 50vw;
    margin-left: 35vw;
    -webkit-transition: width 1s, margin 1s;
    transition: width 1s, margin 1s;
  }
  .showform .pagecontent,
  .showsponsor .pagecontent,
  .formcontent {
    width: 50vw;
  }
  .showform .formcol,
  .showsponsor .sponsorcol {
    -ms-flex-preferred-size: 50vw;
    flex-basis: 50vw;
  }
}

@media (min-width: 1024px) {
  #Wrap {
    margin-left: auto;
    max-width: 32vw;
    margin-right: 30px;
  }
}

/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
  .microhead {
    width: 70%;
    height: 70%;
  }
  .date {
    width: 18vh;
    height: 18vh;
  }

  .logolink {
    flex: 0 0 40px;
    height: 40px;
  }

  .buttonlink {
    font-size: 20px;
    padding: 15px 20px;
  }

  .introsection,
  .introsection:first-child,
  .introsection:last-child {
    flex: 0 0 33%;
  }
}

/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .pageintro {
    flex-direction: column;
  }
  .deskbreak {
    display: none;
  }
  .mob {
    display: block;
  }
  .introfooter {
    flex-wrap: wrap;
    justify-content: center;
  }
  .introfooter .buttonlink {
    margin: 10px;
  }
  #Logos {
    order: 3;
    justify-content: center;
    flex: 0 0 100%;
    flex-direction: row;
    flex-wrap: wrap;
  }
  .logolink {
    flex: 0 0 40%;
    background-position: 50% 50%;
    margin: 10px;
  }
  #Logos .buttonlink {
    background: none;
    padding: 0;
    font-size: 16px; /*color:#4C6EF6*/
  }

  .introsection.formintro {
    flex: 0 0 100%;
  }
  .introsection.introfootright {
    flex: 0 0 100%;
  }
  .date {
    position: absolute;
    bottom: 80px;
    right: 0;
  }

  .buttonlink {
    padding: 15px;
  }

  .rule {
    width: 80%;
  }
  .textsection {
    font-size: 16px;
    line-height: 1.4em;
  }
  .textsectionbg {
    transform: skewX(5deg) rotate(5deg);
  }

  .showform .contentholder,
  .showsponsor .contentholder {
    width: 80vw;
    margin-left: 10vw;
  }
  .showform .pagecontent,
  .formcontent,
  .showsponsor .pagecontent {
    width: 80vw;
  }
  .formcontent input[type="text"] {
    width: 80%;
  }
  .formcontent .absencegift input[type="text"] {
    width: 60%;
  }

  .desk {
    display: none;
  }
}

.albra {
  font-family: "Monoton";
  font-weight: normal;
}

@font-face {
  font-family: "ITCKabelStdBold";
  src: url("./webfonts/ITCKabelStdBold/font.woff2") format("woff2"),
    url("./webfonts/ITCKabelStdBold/font.woff") format("woff");
}
@font-face {
  font-family: "ITCKabelStdMedium";
  src: url("./webfonts/ITCKabelStdMedium/font.woff2") format("woff2"),
    url("./webfonts/ITCKabelStdMedium/font.woff") format("woff");
}

.booking-form-wrapper {
  min-height: 100vh;
  margin: 7vw 0;
  padding-bottom: 3.5vw;
}

.booking-form-wrapper .container {
  background-color: #f1cd1d;
  padding: 50px 2rem;
  margin-bottom: 100px;
  max-width: 960px;
  margin: 0 auto;
}

form input {
  background-color: #f1cd1d !important ;
  border: 1px solid black !important;
}

form label,
.gfield_description,
label {
  color: #000 !important;
  font-size: 16px;
}

form .gfield_label,
.gsection_title {
  color: #000 !important;
  font-size: 26px !important;
  font-weight: 700 !important;
}

#field_1_8 label,
#field_1_9 label,
#field_1_10 label,
#field_1_11 label,
#field_1_23 legend,
#field_1_21 legend {
  font-size: 16px !important;
  font-size: 400 !important;
}

form p {
  font-size: 16px !important;
  line-height: 1.6 !important;
}

#field_1_12,
#field_1_16,
#field_1_17,
#field_1_18,
#field_1_19,
#field_1_20,
#field_1_22,
#field_1_25 {
  border: 0;
}

form input[type="submit"] {
  background-color: #204ce5 !important;
  border-color: #204ce5 !important;
  text-transform: uppercase !important;
}

form input[type="submit"]:hover {
  background-color: #001ab3 !important;
  border-color: #001ab3 !important;
}

#gform_confirmation_message_1 {
  text-align: center !important;
}