/*
 Theme Name:   SlotDigital
 Theme URI:    https://slot.digital
 Description:  XLWeb theme framework built on GeneratePress theme
 Author:       Sean Johnson
 Author URI:   https://slot.digital
 Template:     generatepress
 Version:      0.1
*/

.hidden {
    display: none;
}


ul, ol { margin: 0 0 1em 1em; padding: 0; }
li { margin: 0.5em 0 1em 0.25em; }
li li { margin-left: 0; }
li ul { margin: 0 0 0 1.5em; padding: 0; }
li ol { margin: 0 0 0 1.5em; padding: 0; }

.gb-button-wrapper .gb-button-tertiary, .gb-button-wrapper .gb-button-tertiary:visited {
    text-decoration: underline;
}

.gb-button-newsletter, .gb-button-newsletter:visited {
    background-color: var(--base-3);
    color: var(--accent);
    padding: 12px 24px;
    border-radius: 0 4px 4px 0;
    border-style: solid;
    border-width: 1px;
    border-color: var(--base-3);
}

.page-id-220 h1 {
    margin-bottom: 0;
}


/* Forms 
------------------------------------------------- */

input[type="email"].input-newsletter {
    border-radius: 4px 0 0 4px;
}

form label {
    display: block;
}

input[type="text"], 
input[type="email"], 
input[type="url"], 
input[type="password"], 
input[type="search"], 
input[type="tel"], 
input[type="number"], 
textarea, select {
 height: auto;
 width: 100%;
 padding: 8px;
 background: #fff;
 border-radius: 4px;
 border: 1px solid var(--contrast-3);
}

label { padding-bottom: 0.25rem; }

textarea { height: 12rem; }


input[type="file"] {
  width: auto;
  padding: 0.5rem 0;
  background: transparent;
  border: none;
}

.forminator-error-message {
    display: block;
    font-size: 12px;
    font-weight: bold;
    color: red;
    line-height: 2rem;
} 

button, input[type=button], input[type=reset], input[type=submit] {
    padding: 12px 24px;
}

.forminator-button-submit {
    background-color: var(--accent);
    color: #ffffff;
    padding: 12px 24px;
    border-radius: 4px;
    margin-right: 16px;
    border-style: solid;
    border-width: 1px;
    border-color: var(--accent);
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    text-decoration: none;
    transition: .2s background-color ease-in-out, .2s color ease-in-out, .2s border-color ease-in-out, .2s opacity ease-in-out, .2s box-shadow ease-in-out;
}

input[type="checkbox"], input[type="radio"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  height: 2rem;
  width: 2rem;
  border: 1px solid var(--contrast-3);
  background-color: #fff;
  border-radius: 4px;
  cursor: pointer;
  position: relative;
  font-size: 18px;
  position: relative;
  bottom: -0.5rem;
  margin-right: 0.5rem;
  padding: 0;
}

input[type="checkbox"]:checked, input[type="radio"]:checked { background-color: var(--accent); border-color: var(--accent); }

input[type="checkbox"]:before, input[type="checkbox"]:checked:before,
input[type="radio"]:before, input[type="radio"]:checked:before {
  position: absolute;
  top: 2px;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  color: #fff;
  content: ''; 
}

input[type="checkbox"]:checked:before,
input[type="radio"]:checked:before { content: "✓"; }



/* Lead Magnet Forms 
------------------------------------------------- */

#consent-1 input[type="checkbox"] {float: left;}
#consent-1 div.forminator-checkbox__label {display: inline-block; width: 82%; font-size: 14px;}


.forminator-custom-form-81 button.forminator-button.forminator-button-submit {width: 100%; font-size: 24px; font-weight: 700;}
.forminator-row {margin-bottom: 16px !important;}
.forminator-custom-form-81 .forminator-row {margin-bottom: 8px !important;}
.forminator-row.forminator-row-last {margin-bottom: 0 !important;}

label.forminator-label {font-size: 16px;}
.forminator-checkbox__label p {margin-bottom: 0;}
.forminator-custom-form-81 input.forminator-input {width: 100%;}
.forminator-custom-form-81 span.forminator-error-message {color: #fff;}
.forminator-has_error input.forminator-input {border: 4px solid #000;}


.wp-block-pb-accordion-item {
    margin-bottom: 24px;
    border-bottom: 1px solid var(--contrast-3);
}
/*
@media only screen and (max-width: 500px) {
  :root {
    font-size: 80%;
  }
}
*/
@media only screen and (min-width: 2000px) {
  :root {
    font-size: 120%;
  }
}

.unsetTextHeadings {
  padding-left: 30px !important;
  margin-bottom: 0px !important;
  padding-bottom: 5px !important;
}

.background-video {
  position: absolute;
  opacity: 1;
  top: 0px;
}
video[poster] {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.hero {
  position: relative;
  overflow: hidden;
}
.gb-container.gb-container-bd3d978c.hero::after {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0px;
  left: 0px;
  /*background-color: rgba(255, 145, 77, 0.75); */
  background-color: rgba(255, 255, 255, 0.75);
}
.main-navigation li {
  margin: 0px !important;
}
span.gp-icon.icon-search {
  padding: 15px 15px;
  background-color: #ff914d;
  border-radius: 100%;
  text-align: center;
}