/*
==============================
General Styles
==============================
*/

body {
  color: #252528;
  background-color: #fff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
    &.modal-open {
        bottom: 0;
        left: 0;
        position: fixed;
        right: 0;
        top: 0;
    }
}
body a,
body a:hover,
body a:focus,
body a:active {
  text-decoration: none;
  color: inherit;
}
html, body {
  scroll-behavior: auto !important;
}
div,
input,
textarea,
button:active,
button:focus,
.btn,
button,
a[type="button"] {
    outline: 0;
}
.btn.focus,
.btn:focus {
    box-shadow: 0 0 0 0;
}
b, strong {
  font-weight:700;
}
ul li,
ol li,
ul, ol {
    margin: 0;
    padding: 0;
}
.wrapper {
    padding-left: 5px;
    padding-right: 5px;
}
.wrapper-left {
    padding-left:17px;
}
.wrapper-right {
    padding-right:17px;
}
.grecaptcha-badge {
  right: -300px !important;
}
a:hover {
    color: inherit;
}

.z-index-11 {
    z-index: 11;
}
.z-index-21 {
    z-index: 21;
}

.bg-overlay {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0.3;
    z-index: 10;
}
.bg-image-regular {
  background-size:cover;
  background-repeat:no-repeat;
  background-position:center center;
}

.modal-open,
.modal-open header {
  padding-right: 0 !important;
}
.modal-dialog {
  margin-top: 10%;
}
.modal-header {
  border: 0;
}
.modal-content {
  border-radius: 0;
  box-shadow: 0px 12px 32px 0px rgba(63, 63, 66, 0.40);
}
.modal-content .close {
  position: absolute;
  top: 0.5rem;
  right: 1rem;
  z-index: 11;
}
.modal-content .close span {
  font-size: 1.5rem;
}

@media (min-width: 768px) {
  .modal-dialog {
      margin-top: 5%;
  }
}

/*
==============================
General Styles - Media Queries
==============================
*/

@media (min-width: 768px) {
  .wrapper {
    padding-left: 40px;
    padding-right: 40px;
  }
  .wrapper-left {
    padding-left: 40px;
  }
}
@media (min-width: 992px) {
  .wrapper {
    padding-left: 7%;
    padding-right: 7%;
  }
  .wrapper-left {
    padding-left:7.5%;
  }
  .wrapper.wrapper-desktop {
    padding-left: 1.5rem;
    padding-right: 1.5rem;
  }
}
@media (min-width: 1200px) {
  .wrapper {
    padding-left: 7%;
    padding-right: 7%;
  }
  .wrapper-right {
    padding-right:7%;
  }
}
@media (min-width: 1400px) {
  .wrapper {
    padding-left: 7rem;
    padding-right: 7rem;
  }
  .wrapper-left {
    padding-left: 7.7rem;
  }
  .wrapper-right {
    padding-right:9%;
  }
}
@media (min-width: 1600px) {
  .wrapper {
    padding-left: 17%;
    padding-right: 17%;
  }
  .wrapper-left {
      padding-left:17.5%;
  }
  .wrapper-right {
      padding-right:17%;
  }
}
@media (min-width:1750px) {
  .wrapper-left {
    padding-left:17.5%;
  }
}

/*
==============================
Buttons
==============================
*/


.button {
  padding: 1rem 2.5rem;
  text-transform: uppercase;
  font-family: 'Antarctican Headline';
  font-size: 1.25rem;
  display: inline-block;
  letter-spacing: 2px;
}

@media (min-width: 992px) {
  .button {
    font-size: 1.2rem;
  }
}

.accordion-button:focus {
  border-color: transparent;
  box-shadow: 0 0 0;
}
.accordion-button:not(.collapsed)::after {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}
.accordion-button:not(.collapsed) {
  background-color: #fff;
  box-shadow: 0 0 0;
}

/*
==============================
Buttons: Active States
==============================
*/

.button.bg-pink:hover,
.button.bg-pink:focus,
.button.bg-pink:active {
  background-color: var(--activePink);
  color: var(--white);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.button.bg-black:hover,
.button.bg-black:focus,
.button.bg-black:active {
  color: var(--white);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.button.bg-turquoise:hover,
.button.bg-turquoise:focus,
.button.bg-turquoise:active {
  background-color: var(--activeTurquoise);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}

.bg-purple .button.bg-pink:hover,
.bg-purple .button.bg-pink:focus,
.bg-purple .button.bg-pink:active {
  background-color: var(--activeLightPink);
  -webkit-transition: all 500ms;
  -moz-transition: all 500ms;
  -o-transition: all 500ms;
  transition: all 500ms;
}