/*!////////////////////////////////////////////////
// BASE
/////////////////////////////////////////////////*/
@-o-viewport {
  width: device-width;
}

@-ms-viewport {
  width: device-width;
}

@viewport {
  width: device-width;
}

*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

html,
body,
iframe,
div,
section,
header,
p,
a,
ul,
ol,
li,
article,
footer,
h1,
h2,
h3,
h4 {
  margin: 0;
  padding: 0;
}

html,
button,
input,
select,
textarea {
  color: #222;
}

body {
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #ffc107;
  text-shadow: none;
  color: #fff;
}

::selection {
  background: #ffc107;
  text-shadow: none;
  color: #fff;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img {
  vertical-align: middle;
  max-width: 100%;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.chromeframe {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}

main a {
  font-weight: 700;
}


/*!////////////////////////////////////////////////
    // LAYOUT
    /////////////////////////////////////////////////*/
.wrap {
  width: 90%;
  margin: 0px auto;
  position: relative;
}

.wrap.wrap-full-width {
  width: 100%;
}

.gray__content .wrap {
  width: 95%;
  max-width: 1090px;
}

.miniwrap {
  max-width: 1024px;
  width: 100%;
  margin: 0px auto;
  position: relative;
}

.blog-wrap .miniwrap {
  margin-bottom: 32px;
}

.row {
  clear: both;
}

.grid-1:nth-child(n),
.grid-2:nth-child(n),
.grid-25:nth-child(n),
.grid-3:nth-child(n),
.grid-4:nth-child(n),
.grid-5:nth-child(n),
.grid-6:nth-child(n),
.grid-half:nth-child(n),
.grid-full:nth-child(n),
.grid-unit:nth-child(n) {
  margin-bottom: 1em;
}

@media screen and (min-width: 480px) {

  .grid-1,
  .grid-2,
  .grid-3,
  .grid-4,
  .grid-75,
  .grid-25,
  .grid-5,
  .grid-6,
  .grid-half,
  .grid-full,
  .grid-unit {
    float: left;
    width: 100%;
  }

  .grid-1:nth-child(n),
  .grid-2:nth-child(n),
  .grid-3:nth-child(n),
  .grid-4:nth-child(n),
  .grid-75:nth-child(n),
  .grid-5:nth-child(n),
  .grid-6:nth-child(n),
  .grid-half:nth-child(n),
  .grid-full:nth-child(n),
  .grid-unit:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-1:nth-child(1n),
  .grid-2:nth-child(1n),
  .grid-3:nth-child(1n),
  .grid-4:nth-child(1n),
  .grid-75:nth-child(1n),
  .grid-5:nth-child(1n),
  .grid-6:nth-child(1n),
  .grid-half:nth-child(1n),
  .grid-full:nth-child(1n),
  .grid-unit:nth-child(1n) {
    margin-right: 0;
  }

  .grid-1:last-child,
  .grid-2:last-child,
  .grid-3:last-child,
  .grid-4:last-child,
  .grid-75:last-child,
  .grid-5:last-child,
  .grid-6:last-child,
  .grid-half:last-child,
  .grid-full:last-child,
  .grid-unit:last-child {
    margin-right: 0;
  }

  .grid-25 {
    float: left;
    width: 47.742425%;
  }

  .grid-25:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-25:nth-child(2n) {
    margin-right: 0;
  }

  .grid-25:last-child {
    margin-right: 0;
  }

  .gallery .grid-unit,
  .grid-half {
    width: 47.742425%;
  }

  .gallery .grid-unit:nth-child(n),
  .grid-half:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .gallery .grid-unit:nth-child(2n),
  .grid-half:nth-child(2n) {
    margin-right: 0;
  }

  .gallery .grid-unit:last-child,
  .grid-half:last-child {
    margin-right: 0;
  }

  .grid-flow-opposite {
    float: right;
  }
}

@media screen and (min-width: 640px) {
  .grid-1 {
    width: 12.9040416%;
  }

  .grid-1:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-1:nth-child(6n) {
    margin-right: 0;
  }

  .grid-1:last-child {
    margin-right: 0;
  }

  .grid-2 {
    width: 30.32323%;
  }

  .grid-2:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-2:nth-child(3n) {
    margin-right: 0;
  }

  .grid-2:last-child {
    margin-right: 0;
  }

  .grid-3,
  .grid-half {
    width: 47.742425%;
  }

  .grid-3:nth-child(n),
  .grid-half:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-3:nth-child(2n),
  .grid-half:nth-child(2n) {
    margin-right: 0;
  }

  .grid-3:last-child,
  .grid-half:last-child {
    margin-right: 0;
  }

  .grid-4 {
    width: 65.16162%;
  }

  .grid-4:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-4:nth-child(1.5n) {
    margin-right: 0;
  }

  .grid-4:last-child {
    margin-right: 0;
  }

  .grid-75 {
    width: 74.595959%;
  }

  .grid-75:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 1.51515%;
  }

  .grid-75:nth-child(1.333333n) {
    margin-right: 0;
  }

  .grid-75:last-child {
    margin-right: 0;
  }

  .grid-75.no-margin {
    width: 75%;
  }

  .grid-75.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-75.no-margin:nth-child(1.333333n) {
    margin-right: 0;
  }

  .grid-75.no-margin:last-child {
    margin-right: 0;
  }

  .grid-5 {
    width: 82.5808084%;
  }

  .grid-5:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-5:nth-child(1.20482n) {
    margin-right: 0;
  }

  .grid-5:last-child {
    margin-right: 0;
  }

  .grid-6,
  .grid-full {
    width: 100%;
  }

  .grid-6:nth-child(n),
  .grid-full:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-6:nth-child(1n),
  .grid-full:nth-child(1n) {
    margin-right: 0;
  }

  .grid-6:last-child,
  .grid-full:last-child {
    margin-right: 0;
  }

  /* If there are no margins */
  .grid-1.no-margin {
    width: 16.66667%;
  }

  .grid-1.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-1.no-margin:nth-child(6n) {
    margin-right: 0;
  }

  .grid-1.no-margin:last-child {
    margin-right: 0;
  }

  .grid-2.no-margin {
    width: 33.33333%;
  }

  .grid-2.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-2.no-margin:nth-child(3n) {
    margin-right: 0;
  }

  .grid-2.no-margin:last-child {
    margin-right: 0;
  }

  .grid-3.no-margin,
  .grid-half.no-margin {
    width: 50%;
  }

  .grid-3.no-margin:nth-child(n),
  .grid-half.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-3.no-margin:nth-child(2n),
  .grid-half.no-margin:nth-child(2n) {
    margin-right: 0;
  }

  .grid-3.no-margin:last-child,
  .grid-half.no-margin:last-child {
    margin-right: 0;
  }

  .grid-4.no-margin {
    width: 66.66667%;
  }

  .grid-4.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-4.no-margin:nth-child(1.5n) {
    margin-right: 0;
  }

  .grid-4.no-margin:last-child {
    margin-right: 0;
  }

  .grid-5.no-margin {
    width: 83.0%;
  }

  .grid-5.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-5.no-margin:nth-child(1.20482n) {
    margin-right: 0;
  }

  .grid-5.no-margin:last-child {
    margin-right: 0;
  }

  .grid-6.no-margin,
  .grid-full.no-margin {
    width: 100%;
  }

  .grid-6.no-margin:nth-child(n),
  .grid-full.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-6.no-margin:nth-child(1n),
  .grid-full.no-margin:nth-child(1n) {
    margin-right: 0;
  }

  .grid-6.no-margin:last-child,
  .grid-full.no-margin:last-child {
    margin-right: 0;
  }

  .grid-25 {
    width: 21.6136375%;
  }

  .grid-25:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .grid-25:nth-child(4n) {
    margin-right: 0;
  }

  .grid-25:last-child {
    margin-right: 0;
  }

  .grid-25.no-margin {
    width: 25%;
  }

  .grid-25.no-margin:nth-child(n) {
    margin-bottom: 0;
    margin-right: 0;
  }

  .grid-25.no-margin:nth-child(4n) {
    margin-right: 0;
  }

  .grid-25.no-margin:last-child {
    margin-right: 0;
  }

  .gallery .grid-unit {
    width: 30.32323%;
  }

  .gallery .grid-unit:nth-child(n) {
    margin-bottom: 1.51515%;
    margin-right: 4.51515%;
  }

  .gallery .grid-unit:nth-child(3n) {
    margin-right: 0;
  }

  .gallery .grid-unit:last-child {
    margin-right: 0;
  }

  .content-pad-right {
    padding-right: 4%;
    /* Use (or don't) as necessary. */
  }

  .content-pad-left {
    padding-left: 4%;
  }
}

.two-column-list ul,
.list-grid-2 {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

@media screen and (max-width: 480px) {

  .two-column-list ul,
  .list-grid-2 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}

.three-column-list ul,
.list-grid-3 {
  -webkit-column-count: 3;
  -moz-column-count: 3;
  column-count: 3;
  -webkit-column-gap: 40px;
  -moz-column-gap: 40px;
  column-gap: 40px;
}

@media screen and (max-width: 480px) {

  .three-column-list ul,
  .list-grid-3 {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}


/*!////////////////////////////////////////////////
    // THEME
    /////////////////////////////////////////////////*/

.is__desktop *:not(.ti-star) {
  background-attachment: fixed;
}

.banner-img {
  background-attachment: scroll !important;
}

.is__device * {
  background-attachment: inherit;
}

body {
  font-family: 'Muli', sans-serif;
}

a {
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
  text-decoration: none;
  /* color: white;*/
  /*color: #50a485*/
}

*[class^="button"] {
  display: inline-block;
  padding: 1em 2em;
  background-color: #4E76D0;
  color: white;
  border-radius: 20px;
  font-size: 22px;
  font-weight: 700;
  text-transform: uppercase;
  text-decoration: none !important;
}

@media all and (max-width: 639px) {
  *[class^="button"] {
    font-size: 18px;
  }
}


*[class^="fa"] {
  vertical-align: middle;
}

form div {
  position: relative;
  margin-bottom: 16px;
}

form *[class^="grid"] {
  float: left !important;
}

form input[type=text],
form input[type=email],
form input[type=tel],
form input[type=captcha],
form input[type=date],
form select {
  width: 100%;
  height: 40px;
  border: 1px solid #CCC;
  padding: 0 .5em;
}

form textarea {
  width: 100%;
  height: 100px;
  border: 1px solid #CCC;
  padding: .5em;
}

form input[type="submit"] {
  border: none;
  border-radius: 10px;
  font-family: 'Kanit', sans-serif;
  background: #4E76D0;
  color: white;
  font-size: 22px;
  font-weight: 700;
  padding: .5em 2em;
}

form p.error,
form span.wpcf7-not-valid-tip {
  position: absolute;
  top: -130%;
  left: 45%;
  background: white;
  color: #de403b;
  border: 1px solid #ccc;
  font-size: 14px;
  padding: .25em .35em;
  -webkit-filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.25));
  filter: drop-shadow(1px 1px 3px rgba(0, 0, 0, 0.25));
}

form p.error:before,
form span.wpcf7-not-valid-tip:before {
  position: absolute;
  display: block;
  content: "";
  border-color: #ccc transparent transparent transparent;
  border-style: solid;
  border-width: 11px;
  height: 0;
  width: 0;
  left: 1.4em;
  bottom: -22px;
}

form p.error:after,
form span.wpcf7-not-valid-tip:after {
  position: absolute;
  display: block;
  content: "";
  border-color: #fff transparent transparent transparent;
  border-style: solid;
  border-width: 10px;
  height: 0;
  width: 0;
  left: 1.5em;
  bottom: -20px;
}

.alignleft {
  text-align: left;
}

.aligncenter {
  text-align: center;
}

.alignright {
  text-align: right;
}





.find-your-dealer {
  background-position: center;
  background-repeat: no-repeat;
  background-image: url("/wp-content/themes/adventure-world-playsets/svg/withe_doodles_find_yourdelare.svg");
  min-height: 22rem;
  background-size: 70%;
  background-color: var(--blue-color);
  background-attachment: initial !important;
  color: white;
  text-align: center;
  padding: 0;
  padding-bottom: 15px;
  margin: -1rem 0;
}


.find-your-dealer a,
.find-your-dealer p,
.find-your-dealer h2 {
  font-family: Berringer !important;
}

.find-your-dealer h2 {
  font-size: 1.8em;
  color: white !important;
  padding: 1.2rem;
  margin: 0 !important;
}


.find-your-dealer .subtitle {
  font-family: 'Filson-Pro-Bold' !important;
  margin-bottom: 0px !important;
}

.find-your-dealer .find-your-dealer-zip-code {
  color: var(--blue-color);
  background-color: var(--yellow-color);
  width: 480px;
  height:180px;
  max-width: 80%;
  margin: 0 auto;
  padding: 1rem;
  border-radius: 100px;
}

.find-your-dealer .find-your-dealer-zip-code .title {
  font-size: 1.4em;
  margin: 0;
  margin-top: 10px;
  font-weight: bold;
}

.find-your-dealer .find-your-dealer-zip-code .title,
.find-your-dealer .find-your-dealer-zip-code .subtitle {
  text-transform: uppercase;
}

@media screen and (max-width: 865px) {
  .find-your-dealer .find-your-dealer-zip-code .title {
    margin-top: 0;
  }
}

/* END FIND YOUR DEALER */

.yellow__border {
  border: 7px solid var(--yellow-color);
}

.yellow__border img {
  display: block;
  width: 100%;
}

.stack__image {
  text-align: center;
  padding: 1em;
  margin: auto;
}

@media all and (max-width: 639px) {
  .stack__image {
    width: 94%;
  }
}

.stack__image a {
  position: relative;
  display: inline-block;
}

.stack__image a:hover,
.stack__image a:focus {
  -moz-transform: scale(1.1) rotate(-5deg);
  -webkit-transform: scale(1.1) rotate(-5deg);
  -o-transform: scale(1.1) rotate(-5deg);
  -ms-transform: scale(1.1) rotate(-5deg);
  transform: scale(1.1) rotate(-5deg);
}

.stack__image a:before {
  content: "";
  background: #d37815;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 100%;
  height: 100%;
  -moz-transform: rotate(5deg);
  -webkit-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  transform: rotate(5deg);
}

.stack__image a img {
  position: relative;
  z-index: 999;
  border: 4px solid #fff;
}

.spacer {
  height: 16px;
}

@media all and (max-width: 640px) {
  .bottom16 {
    margin-bottom: 16px !important;
  }
}

.pad__bottom {
  padding-bottom: 16px;
}

.blogcenter {
  text-align: center;
  width: 100%;
  display: block;
}

/*! Animations
    //////////////////////////////////////////////*/
@-webkit-keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang {
  0% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }

  50% {
    -webkit-transform: translateY(2px);
    transform: translateY(2px);
  }

  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@-webkit-keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

@keyframes hvr-icon-hang-sink {
  100% {
    -webkit-transform: translateY(6px);
    transform: translateY(6px);
  }
}

/*!////////////////////////////////////////////////
    // PAGE WRAP
    /////////////////////////////////////////////////*/

#page__wrap {
  position: relative;
  z-index: 999999;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media all and (max-width: 865px) {
  #page__wrap.active {
    -webkit-transform: translateX(-240px);
    -moz-transform: translateX(-240px);
    -ms-transform: translateX(-240px);
    -o-transform: translateX(-240px);
    transform: translateX(-240px);
    -webkit-transition: 0.3s ease-in-out;
    -moz-transition: 0.3s ease-in-out;
    -o-transition: 0.3s ease-in-out;
    transition: 0.3s ease-in-out;
    overflow: hidden;
  }
}

@media all and (max-width: 865px) {
  #page__wrap.fixed {

    z-index: 20;
  }
}


@media all and (max-width: 865px) {
  #page__wrap>.overlay {
    position: fixed;
    z-index: 10;
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    cursor: pointer;
    background-color: rgb(0, 0, 0, .3);
    visibility: hidden;
    opacity: 0;
    z-index: 51;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transition: opacity .3s 0s, visibility 0s .3s, -webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s .3s, -moz-transform .3s 0s;
    transition: opacity .3s 0s, visibility 0s .3s, transform .3s 0s;
  }

  #page__wrap>.overlay.is-visible {
    opacity: 1;
    visibility: visible;
    -webkit-transition: opacity .3s 0s, visibility 0s 0s, -webkit-transform .3s 0s;
    -moz-transition: opacity .3s 0s, visibility 0s 0s, -moz-transform .3s 0s;
    transition: opacity .3s 0s, visibility 0s 0s, transform .3s 0s;
  }
}

/*! Header
    //////////////////////////////////////////////*/

header[role=banner] {
  color: white;
}

@media all and (max-width: 885px) {
  header[role=banner] {
    padding: 20px 0;
  }
}


header[role=banner] .header__bottom {
  text-align: center;
}

@media all and (max-width: 865px) {
  header[role=banner] .header__bottom {
    display: none;
  }

  .hero-desktop {
    display: none !important;
  }
}

header[role=banner] *[class^="grid"] {
  margin-bottom: 1em;
}

@media screen and (min-width: 640px) {
  header[role=banner] *[class^="grid"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-right: 1.51515%;
    margin-bottom: 0;
  }

  header[role=banner] *[class^="grid"]:last-of-type {
    margin-right: 0;
  }
}

@media screen and (min-width: 1265px) {
  header[role=banner] *[class^="grid"] {
    vertical-align: bottom;
  }
}

.header__left {
  padding: 1em 0;
  text-align: center;
}

@media all and (max-width: 865px) {
  .header__left {
    display: inline-block;
    vertical-align: middle;
    float: none !important;
    text-align: left;
    width: 50%;
    margin-right: 0px !important;
    margin-bottom: 0px !important;
  }
}


@media all and (max-width: 639px) {
  .header__left img {
    max-width: 130px;
  }
}


@media all and (max-width: 865px) {
  .header__right {
    display: none !important;
  }
}


@media screen and (min-width: 640px) {
  .header__right--top {
    padding: 3em 0;
  }
}

.header__tagline {
  font-size: 25px;
  line-height: 1;
  text-align: center;
}

@media all and (max-width: 865px) {
  .header__bottom .header__tagline {
    display: none !important
  }
}

@media screen and (min-width: 640px) {
  .header__tagline {
    width: 49.24242%;
    text-align: left;
  }
}

@media screen and (min-width: 960px) {
  .header__tagline {
    width: 32.32323%;
  }
}

.header__tagline strong {
  font-family: 'Kanit', sans-serif;
  font-size: 44px;
  font-weight: 700;
  color: #ffe330;
}

@media all and (max-width: 1099px) {
  .header__tagline strong {
    font-size: 36px;
  }
}

.header__lookup {
  text-align: center;
}

@media all and (max-width: 865px) {
  .header__bottom .header__lookup {
    display: none !important;
  }
}

@media screen and (min-width: 640px) {
  .header__lookup {
    text-align: right;
    width: 49.24242%;
  }
}

@media screen and (min-width: 960px) {
  .header__lookup {
    width: 66.16162%;
  }
}

.header__lookup div {
  display: block;
  text-align: center;
}

@media screen and (min-width: 640px) {
  .header__lookup div {
    display: inline-block;
    vertical-align: middle;
    text-align: left;
  }
}

.header__lookup div:first-of-type {
  margin-bottom: 1em;
}

@media screen and (min-width: 960px) {
  .header__lookup div:first-of-type {
    margin-right: 4.51515%;
    margin-bottom: 0;
  }
}

.header__lookup span {
  display: inline-block;
  vertical-align: middle;
}

.header__lookup span:first-of-type {
  margin-right: 1em;
}

.header__lookup span:first-of-type i {
  color: #4fc3f7;
  font-size: 36px;
}

.header__lookup span:last-of-type strong {
  font-family: 'Kanit', sans-serif;
  font-size: 22px;
  font-weight: 700;
}

.header__lookup span:last-of-type small {
  font-size: 16px;
}

.header__lookup em {
  font-weight: 700;
  font-style: normal;
  color: #ffc107;
}

header[role=banner] .header__bottom .mobile-tigger {
  display: inline-block;
  vertical-align: middle;
  float: none;
  width: 50%;
  text-align: right;
}

@media all and (min-width: 866px) {
  header[role=banner] .header__bottom .mobile-tigger {
    display: none;
  }
}



nav[role=navigation] {
  text-align: center;
  display: none;
}

@media screen and (min-width: 865px) {
  nav[role=navigation] {
    display: block;
  }
}

@media screen and (min-width: 1125px) {
  nav[role=navigation] {
    text-align: right;
  }
}

nav[role=navigation] ul {
  position: relative;
  display: inline-block;
}


nav[role=navigation] ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  float: none;
}

nav[role=navigation] ul li a,
nav[role=navigation] ul li span {
  position: relative;
  display: block;
  padding: .5em .5em;
  text-align: center;
}

nav[role=navigation] ul li.has-submenu:hover a:after,
nav[role=navigation] ul li.has-submenu a:hover:after {
  -webkit-animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  animation-name: hvr-icon-hang-sink, hvr-icon-hang;
  -webkit-animation-duration: .3s, 1.5s;
  animation-duration: .3s, 1.5s;
  -webkit-animation-delay: 0s, .3s;
  animation-delay: 0s, .3s;
  -webkit-animation-timing-function: ease-out, ease-in-out;
  animation-timing-function: ease-out, ease-in-out;
  -webkit-animation-iteration-count: 1, infinite;
  animation-iteration-count: 1, infinite;
  -webkit-animation-fill-mode: forwards;
  animation-fill-mode: forwards;
  -webkit-animation-direction: normal, alternate;
  animation-direction: normal, alternate;
}

nav[role=navigation] ul li.has-submenu ul {
  position: absolute;
  z-index: 999;
  left: 0;
  width: 80%;
  min-width: 14.5rem;
  border-radius: 25px;
  background: var(--blue-color-ligth);
  -webkit-transform: scaleY(0);
  -o-transform: scaleY(0);
  -ms-transform: scaleY(0);
  transform: scaleY(0);
  -webkit-transform-origin: top;
  -o-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
}

.menu-main-menu-container li:last-of-type ul.sub-menu { /* last submenu should be shown at the left*/
  left: -100px !important;
}

nav[role=navigation] ul li.has-submenu ul.sub-menu li:first-child:not(.menu-item-type-custom) a {
  border-radius: 25px 25px 0  0;
  padding-top: 1rem;
}

nav[role=navigation] ul li.has-submenu ul.sub-menu li:last-child:not(.menu-item-type-custom) a {
  border-radius: 0  0 25px 25px;
  padding-bottom: 1rem;
}

nav[role=navigation] ul li.has-submenu ul li a:hover {
  background: var(--blue-color);
}

nav[role=navigation] ul li.has-submenu:hover>ul,
nav[role=navigation] ul li.has-submenu:focus>ul {
  -webkit-transform: scaleY(1);
  -o-transform: scaleY(1);
  -ms-transform: scaleY(1);
  transform: scaleY(1);
}

nav[role=navigation] ul li.has-submenu ul:after {
  content: none;
}

nav[role=navigation] ul li.has-submenu ul li {
  display: block;
  background: transparent;
  -webkit-border-radius: 0px;
  border-radius: 0px;
}

nav[role=navigation] ul li.has-submenu ul li a,
nav[role=navigation] ul li.has-submenu ul li span {
  border-bottom: none;
}

nav[role=navigation] ul .sub-menu li.menu-item a:not([class^="menu-image"]):before {
  content: '';
  display: inline-block;
  width: 24px;
  height: 24px;
  margin-right: 12px;
  background-image: url('/wp-content/themes/adventure-world-playsets/svg/menu_flag.svg');
  background-size: contain;
  background-repeat: no-repeat;
}


nav[role=navigation] ul li.has-submenu ul li a[href="#"]:hover {
  background: transparent;
  cursor: default;
}

nav[role=navigation] ul li.has-submenu ul li a:after {
  content: none;
}

nav[role=navigation] ul li.has-submenu ul li ul {
  display: block;
  position: relative;
  background: rgba(0, 0, 0, .30);
}

nav[role=navigation] ul li.has-submenu ul li ul li a {
  font-size: 14px;
}

@media screen and (min-width: 1025px) {
  nav[role=navigation] ul li.has-submenu ul li ul li a {
    font-size: 16px;
  }
}


nav[role=navigation] ul li.has-submenu.two-column ul {
  width: 200%;
  left: -50%;
}

nav[role=navigation] ul li.has-submenu.two-column ul li {
  width: 50%;
  float: left;
}

nav[role=navigation] ul li.has-submenu.two-column ul li:first-of-type {
  border-right: 1px solid rgba(0, 0, 0, .50);
}

nav[role=navigation] ul li.has-submenu.two-column ul li ul {
  position: relative;
  width: 100%;
  left: auto;
}

nav[role=navigation] ul li.has-submenu.two-column ul li ul li {
  width: auto;
  float: none;
  border: none !important;
}

.mobile-nav {
  display: block;
}

@media screen and (min-width: 865px) {
  .mobile-nav {
    display: none;
  }

  .hero-mobile {
    display: none;
  }
}

.mobile-nav .mobile__button {
  display: none !important;
  text-align: center;
  font-size: 40px;
  padding: 1.25em 1.75em;
  cursor: pointer;
  text-shadow: 0 0 10px rgba(0, 0, 0, .25);
  border-bottom: 7px solid rgba(0, 0, 0, .3);
}

.mobile-nav .mobile__nav {
  display: none;
}


.mobile-nav .mobile__nav ul li:nth-of-type(1) {
  background: #272B53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(2n) {
  background: #272B53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(3n) {
  background: #272B53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(4n) {
  background: #272B53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(5n) {
  background: #272B53;
}

.mobile-nav .mobile__nav ul li:nth-of-type(6n) {
  background: #272B53;
}

.mobile-nav .mobile__nav ul li:last-of-type {
  background: #272B53;
}


.mobile-nav .mobile__nav ul li a,
.mobile-nav .mobile__nav ul li span {
  display: block;
  color: white;
  padding: 1em;
  text-shadow: 0 0 10px rgba(0, 0, 0, .25);
}

.mobile-nav .mobile__nav ul li.has-submenu a,
.mobile-nav .mobile__nav ul li.has-submenu span {
  position: relative;
  cursor: pointer;
}

.mobile-nav .mobile__nav ul li.has-submenu a:after,
.mobile-nav .mobile__nav ul li.has-submenu span:after {
  content: "\f105";
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  display: inline-block;
  padding: 0 1px;
  vertical-align: middle;
  font-family: FontAwesome;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition: 0.25s ease-in-out;
  -moz-transition: 0.25s ease-in-out;
  -o-transition: 0.25s ease-in-out;
  transition: 0.25s ease-in-out;
}

.mobile-nav .mobile__nav ul li.has-submenu a.submenu-open:after,
.mobile-nav .mobile__nav ul li.has-submenu span.submenu-open:after {
  transform: translateY(-50%) rotate(90deg);
}

.mobile-nav .mobile__nav ul li ul {
  background: #545E75;
  padding-left: 1em;
  display: none;
}

.mobile-nav .mobile__nav ul li ul li {
  background: none !important;
}

.mobile-nav .mobile__nav ul li.has-submenu ul li a:after {
  content: none;
}

.mobile-nav .mobile__nav ul li.has-submenu ul li ul {
  padding-left: 0;
}


.mobile__nav__wrap {
  display: none;
}

.mobile__nav__wrap ::-webkit-scrollbar {
  display: none;
}

@media all and (max-width: 865px) {
  .mobile__nav__wrap {
    display: block;
  }
}

.mobile__nav {
  position: fixed;
  z-index: -5 !important;
  top: 0;
  right: 0;
  height: 100%;
  width: 240px;
  background: #545E75;
  border-left: 1px solid #e9e4db;
  overflow-x: hidden;
  overflow-y: auto;
  visibility: hidden;
  -webkit-overflow-scrolling: touch;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav .close {
  background: #4E76D0;
  color: #fff;
  font-size: 16px;
  padding: 22px 16px;
  cursor: pointer;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media all and (max-height: 640px) {
  .mobile__nav .close {
    padding: 14px 16px;
  }
}

@media all and (max-height: 420px) {
  .mobile__nav .close {
    padding: 12px 16px;
  }
}

.mobile__nav .close i {
  font-size: 18px;
  margin-right: 7px;
}

.mobile__nav .close span {
  font-weight: 700;
}

.mobile__nav .close:hover {
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav.zindex {
  z-index: 99999 !important;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav.visible {
  visibility: visible;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav ul {
  font-size: 16px;
  font-weight: 700;
}

.mobile__nav ul li {
  position: relative;
}

.mobile__nav ul li.hidden>a {
  visibility: hidden;
}

.mobile__nav ul li a {
  position: relative;
  color: #fff;
  display: block;
  padding: 22px 16px;
  border-bottom: 1px solid #e9e4db;
}

@media all and (max-height: 640px) {
  .mobile__nav ul li a {
    padding: 14px 16px;
  }
}

@media all and (max-height: 460px) {
  .mobile__nav ul li a {
    padding: 12px 16px;
  }
}

.mobile__nav ul li a:hover {
  opacity: .7;
}

.mobile__nav ul li.menu-item-has-children a::after {
  content: "\f054";
  font-family: Font Awesome\ 5 Pro;
  font-size: 18px;
  font-weight: 700;
  color: #fff;
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
}

.mobile__nav ul li a i {
  font-size: 12px;
  font-weight: 700;
  margin-left: 4px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav ul li a.active i {
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav ul li .sub-menu {
  position: fixed;
  z-index: 5;
  top: 0;
  right: -240px;
  height: 100%;
  overflow: auto;
  background: #545E75;
  width: 239px;
  border-left: 1px solid #e9e4db;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.mobile__nav ul li .sub-menu.visible {
  -webkit-transform: translateX(-240px);
  -moz-transform: translateX(-240px);
  -ms-transform: translateX(-240px);
  -o-transform: translateX(-240px);
  transform: translateX(-240px);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.mobile__nav ul li .sub-menu li.nav__back a {
  background: #272B53;
  color: #fff;
}

.mobile__nav ul li .sub-menu li.nav__back a i {
  font-size: 18px;
  margin-right: 7px;
}

.mobile__nav ul li .sub-menu li a::after,
.mobile__nav ul li .sub-menu li a::before {
  display: none;
}


/*! Content Area
    //////////////////////////////////////////////*/

.fancybox-container {
  z-index: 9999999999 !important;
}

.main__content .top__cta {
  margin-bottom: 20px !important;
  display: block;
  text-align: center;
}

.main__content .top__cta a {
  display: inline-block;
  text-align: center;
}

.main__content .top__cta a span {
  display: block;
  font-size: 18px;
  font-weight: 700;
}


.home__blocks {
  background: #efebe9;
  padding: 2em 0;
}

@media all and (max-width: 865px) {
  .home__blocks {
    display: none;
  }
}

.home__blocks *[class^="grid"] {
  margin-bottom: 1.5em;
}

.home__blocks *[class^="grid"]:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .home__blocks *[class^="grid"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-bottom: 0;
  }
}

.home__blocks *[class^="grid"]:first-of-type a {
  background-color: #fcf045;
  display: block;
  font-size: 22px;
  text-align: center;
  color: #464646;
  padding: 7px;
}

.home__blocks *[class^="grid"]:first-of-type a img {
  max-width: none;
  width: 100%;
}

.home__blocks *[class^="grid"]:first-of-type a span {
  display: block;
  padding: .75em 0 .5em 0;
}

.home__blocks *[class^="grid"]:last-of-type a {
  display: block;
  font-size: 22px;
  text-align: center;
  color: white;
  padding: 7px;
}

.home__blocks *[class^="grid"]:last-of-type a img {
  max-width: none;
  width: 100%;
}

.home__blocks *[class^="grid"]:last-of-type a span {
  display: block;
  padding: .75em 0 .5em 0;
}

.home__blocks *[class^="grid"]:last-of-type a:first-of-type {
  background: #5dc29d;
  margin-bottom: 26px;
}

/*was 40 prior to updating the visualizer gif*/
@media all and (max-width: 639px) {
  .home__blocks *[class^="grid"]:last-of-type a:first-of-type {
    margin-bottom: 20px;
  }
}

.home__blocks *[class^="grid"]:last-of-type a:last-of-type {
  background: #d37815;
}

.main__content .hero-mobile {
  padding: 1em;
  padding-bottom: 0;
  color: #222328;
  background: #fff;
}


.main__content *[class^="grid"] {
  margin-bottom: 1.5em;
}

@media all and (max-width: 639px) {

  .main__content .grid-3,
  .main__content .grid-half {
    display: block;
    width: 100%;
    margin-right: 0px;
  }
}

.main__content *[class^="grid"]:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .main__content *[class^="grid"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-bottom: 0;
  }

  .main__content .top *[class^="grid"] {
    vertical-align: top;
  }

  .main__content .middle *[class^="grid"] {
    vertical-align: middle;
  }

  .main__content .bottom *[class^="grid"] {
    vertical-align: bottom;
  }
}

.main__content h1 {
  min-width: 35%;
  font-size: 2em !important;
  font-family: 'Kanit', sans-serif;
  color: var(--blue-color);
  margin: 0 0 .5em 0;
  padding: 0 0 .25em 0;
  border-bottom: 2px solid rgba(34, 35, 40, .3);
}

@media all and (max-width: 639px) {
  .main__content h1 {
    font-size: 30px;
  }
}

.main__content h2,
.main__content h4 {
  font-family: 'Berringer', sans-serif;
  font-size: 26px;
  color: #555555;
  margin-bottom: 16px;
  font-weight: normal;
}

@media all and (max-width: 639px) {

  .main__content h2,
  .main__content h4 {
    font-size: 24px;
  }
}

.main__content h3,
.individual-page-section .accordion h3,
.main__content h5 {
  font-family: 'Berringer', sans-serif;
  font-size: 26px;
  font-weight: normal;
  color: #4E76D0;
  margin-bottom: 16px;
}

@media all and (max-width: 639px) {

  .main__content h3,
  .main__content h5 {
    font-size: 24px;
  }
}

.main__content ul {
  margin-left: 1.5em;
  line-height: 1.75;
  margin-bottom: 16px;
}

@media all and (max-width: 639px) {
  .main__content ul {
    font-size: 15px;
  }
}

.main__content ul ul {
  margin-bottom: 0;
}

.main__content p {
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.75;
}

@media all and (max-width: 639px) {
  .main__content p {
    font-size: 15px;
  }
}

.main__content a:hover {
  text-decoration: underline;
}


.main__content .yellow__border.hero a {
  position: relative;
  display: block;
  color: white;
}

.main__content .yellow__border.hero .overlay {
  position: absolute;
  top: 0;
  left: 0;
  padding: 1em;
  font-size: 1.2em;
  font-weight: 700;
  background: rgba(0, 0, 0, .7);
}

@media all and (max-width: 639px) {
  .main__content .yellow__border.hero .overlay {
    display: none;
  }
}

.blue__content {
  background: #4497d0;
  color: white;
}

.green__content {
  background: #618615;
  color: white;
}

.blue__content h2,
.green__content h2 {
  color: #ffc107;
}

.blue__content h3,
.green__content h3 {
  color: white;
}

.blue__content a,
.green__content a {
  color: #ffc107;
}

.gray__content {
  background: #efebe9;
}

.gray__content h3 {
  color: #2f7dcb;
}

.mobile-show {
  display: none;
}

@media all and (max-width: 865px) {
  .mobile-show {
    display: block;
  }
}

.another-zip {
  margin-top: 32px;
  background: #50a485;
  display: inline-block;
  border-radius: 20px;
  color: #fff;
  padding: 20px;
}

.band-link {
  color: #fff;
  background: #8a195b;
  padding: 12px;
  font-weight: 700;
  font-size: 22px;
  text-transform: uppercase;
  text-align: center;
}

.band-link:hover {
  background: #73104a;
}

.band-link span,
.band-link img {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

.band-link span {
  margin-left: 12px;
}

.band-link img {
  width: 40px;
}

.overlay__content {
  position: relative;
  background-image: url(../img/overlay_background.jpg);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .34);
  padding: 10% 0;
}

.overlay__content:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: rgba(93, 194, 157, .9);
}

.overlay__content h2,
.overlay__content h3,
.overlay__content h4 {
  color: inherit;
}

.overlay__content p {
  font-size: 18px;
  max-width: 890px;
  width: 100%;
  margin: 0 auto;
}

@media all and (max-width: 639px) {
  .overlay__content p {
    font-size: 16px;
  }
}

.green__bordered__content {
  padding: 1em;
  border: 4px solid rgba(124, 177, 13, .2);
}

.green__bordered__content p {
  font-family: 'Kanit', sans-serif;
  color: #618615;
}


.green__bordered__content ul li {
  font-size: 14px;
  font-style: italic;
  padding: .25em 0;
}

.swing__set__packages section {
  padding: 2em 0 0 0;
  color: white;
}

.swing__set__packages section .overlay__background {
  max-width: 1265px;
  width: 100%;
  margin: 2em auto 0 auto;
  padding: 0 0 2em 0;
}

.swing__set__packages section .wrap {
  max-width: 1170px;
}

.swing__set__packages section h3 {
  font-family: 'Kanit', sans-serif;
  font-size: 30px;
  color: #fff;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, .46);
  margin-bottom: 16px;
}

@media all and (max-width: 639px) {
  .swing__set__packages section h3 {
    font-size: 26px;
  }
}

.swing__set__packages section h4 {
  font-family: 'Kanit', sans-serif;
  font-size: 20px;
}

@media all and (max-width: 639px) {
  .swing__set__packages section h4 {
    font-size: 18px;
  }
}

.swing__set__packages section p {
  font-size: 16px;
  line-height: 1.75;
  margin-bottom: 1em;
}

@media all and (max-width: 639px) {
  .swing__set__packages section p {
    font-size: 15px;
  }
}

.swing__set__packages section *[class^="grid"] {
  position: relative;
  margin-bottom: 0;
  padding: 2em 1.5em 0 1.5em;
}

.swing__set__packages section *[class^="grid"] p {
  line-height: 1.5;
  margin-bottom: 2em;
}

.swing__set__packages section *[class^="grid"] a {
  display: block;
  text-align: center;
}

.swing__set__packages section *[class^="grid"] a img {
  display: block;
  margin: 0 auto;
  border: 4px solid #fff;
  max-width: 255px;
  width: 100%;
}

.swing__set__packages section *[class^="grid"] a span {
  color: white;
  display: block;
  padding: .5em .5em 0 .5em;
}

.swing__set__packages section:nth-of-type(1) {
  background: #12ACCA;
}

.swing__set__packages section:nth-of-type(2) {
  background: #8BB730;
}

.swing__set__packages section:nth-of-type(3) {
  background: #E32E23;
}

.swing__set__packages section:nth-of-type(4) {
  background: #BF439F;
}

.swing__set__packages section:nth-of-type(5) {
  background: #289755;
}

.swing__set__packages section:nth-of-type(6) {
  background: #5A3B99;
}

.swing__set__packages section:nth-of-type(7) {
  background: #ED961D;
}

.swing__set__packages section:nth-of-type(8) {
  background: #ED961D;
}

.swing__set__packages section:nth-of-type(8) .overlay__background {
  background: none;
  padding: 0;
}

.swing__set__packages section:nth-of-type(8) *[class^="grid"] {
  padding: 0em 1.5em;
}


@media all and (max-width: 639px) {
  .mobile-hide {
    display: none;
  }
}

@media all and (max-width: 768px) {
  .tablet-hide {
    display: none;
  }
}


@media all and (max-width: 639px) {
  .map__content {
    display: none;
  }
}

.individual-page-section .accordion {
  margin-top: 2.5rem;
  margin-right: 10%;
  margin-left: 10%;
}

.quote__form {
  background-color: var(--primary-color);
  margin-bottom: 20px;
  padding:30px;
  border-radius: 50px;
  color: white;
}

.quote__form input[type="submit"] {
  border: none;
  border-radius: 0px;
  font-family: 'Kanit', sans-serif;
  background-color: var(--yellow-color);
  border-radius: 20px;
  color: white;
  font-size: 22px;
  font-weight: 700;
  padding: 1em;
  float: right;
}

.quote__form fieldset {
  max-width: 900px;
  margin: 0 auto 1em auto;
  text-align: center;
}

.quote__form fieldset:last-of-type {
  margin: 0 auto;
}

.quote__form fieldset *[class^="grid"] {
  display: block;
  margin-bottom: 1em;
}

.quote__form .grid-full input[type="radio"] {
  accent-color: var(--yellow-color);
}

.quote__form .fa-search-plus {
  color:var(--yellow-color);
}


@media screen and (min-width: 480px) {
  .quote__form fieldset *[class^="grid"] {
    display: inline-block;
    vertical-align: top;
    float: none;
  }
}

.quote__form fieldset .disabled {
  opacity: .5;
}

.quote__form fieldset .swatch {
  display: block;
  height: 50px;
  width: 100%;
  margin-bottom: .5em;
}

.quote__form fieldset .swatch.red {
  background: #792e35;
}

.quote__form fieldset .swatch.green {
  background: #19635f;
}

.quote__form fieldset .swatch.blue {
  background: #345886;
}

.quote__form fieldset .swatch.brown {
  background: #605255;
}

.quote__form fieldset .swatch.yellow {
  background: #fdd634;
}

.quote__form fieldset .swatch.black {
  background: #000;
}

.quote__form fieldset .swatch.white {
  background: #F8F8F2;
}

.quote__form fieldset .swatch.off-white {
  background: #F5EFE6;
}

.quote__form fieldset .swatch.wood-grain-brown {
  background: #C0927D;
}

.quote__form fieldset .swatch.clay {
  background: #DED1C3;
}

.quote__form fieldset img {
  margin: 0 auto .5em auto;
  display: block;
}

.quote__form fieldset .colored-radios {
  margin: .5em auto;
}

.quote__form fieldset .colored-radios label {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
}

.quote__form fieldset .colored-radios label input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}

.quote__form fieldset .colored-radios label span {
  position: absolute;
  top: 2px;
  left: 0;
  width: 15px;
  height: 15px;
  border-radius: 3px;
  box-shadow: inset 0px 0px 1px rgba(0, 0, 0, .5);
}

.quote__form fieldset .colored-radios label input.red~span {
  background: #792e35;
}

.quote__form fieldset .colored-radios label input.green~span {
  background: #19635f;
}

.quote__form fieldset .colored-radios label input.blue~span {
  background: #345886;
}

.quote__form fieldset .colored-radios label input.brown~span {
  background: #605255;
}

.quote__form fieldset .colored-radios label input.yellow~span {
  background: #fdd634;
}

.quote__form fieldset .colored-radios label input.black~span {
  background: #000;
}

.quote__form fieldset .colored-radios label input.white~span {
  background: #F8F8F2;
}

.quote__form fieldset .colored-radios label input.off-white~span {
  background: #F5EFE6;
}

.quote__form fieldset .colored-radios label input.wood-grain-brown~span {
  background: #C0927D;
}

.quote__form fieldset .colored-radios label input.clay~span {
  background: #DED1C3;
}


.quote__form fieldset .colored-radios label.checked input~span:after,
.quote__form fieldset .colored-radios label input:checked~span:after {
  content: "\2713";
  color: white;
  font-size: 11px;
  position: absolute;
  left: 0;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.quote__form fieldset .colored-radios label input:disabled~span {
  opacity: .5;
}

.quote__form fieldset.contact-details {
  text-align: left;
}

.quote__form *[class^="grid"].other__models {
  display: none;
}

.quote__form .other__models ul {
  list-style: none;
  margin: 0;
}

@media screen and (min-width: 640px) {
  .quote__form .other__models ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

.quote__form .other__models ul li {
  display: inline-block;
  vertical-align: top;
  width: 100%;
  padding: .25em 0;
}

.quote__form .other__models ul li label .checkbox-wrapper {
  position: relative;
  display: inline-block;
  vertical-align: middle;
  width: 20px;
  margin-right: 8px;
}

.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox] {
  position: absolute;
  width: auto;
  opacity: 0;
}

.quote__form .other__models ul li label .checkbox-wrapper .pseudo-checkbox {
  position: relative;
  text-align: center;
}

.quote__form .other__models ul li label .checkbox-wrapper .pseudo-checkbox:before,
.quote__form .other__models ul li label .checkbox-wrapper .pseudo-checkbox:before {
  content: '';
  width: 20px;
  height: 20px;
  background-color: #ebebeb;
  border-radius: 3px;
  display: inline-block;
  cursor: pointer;
  position: relative;
  top: 4px;
}

.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:before,
.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:before {
  background-color: #9b9b1a;
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 80%;
}

.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:after,
.quote__form .other__models ul li label .checkbox-wrapper input[type=checkbox]:checked+.pseudo-checkbox:after {
  content: '\f00c';
  font-family: FontAwesome;
  color: white;
  text-rendering: auto;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.quote__form .other__models ul li label .model-info {
  display: inline-block;
  vertical-align: middle;
  width: calc(100% - 61px);
}

.quote__form .other__models ul li label a {
  display: inline-block;
  vertical-align: middle;
  font-size: 1.250em;
  width: 25px;
  margin-left: 8px;
}

.quote__form .g-recaptcha {
  overflow: hidden;
}

.quote__form .g-recaptcha>div {
  width: auto !important;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  border-right: 1px solid #d3d3d3
}

.quote__form .g-recaptcha iframe {
  width: 165px !important;
}

.dealer__info {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
}

.dealer__info li {
  padding: .5em 0;
}

.dealer__info li i {
  /*text-align: left;*/
  display: inline-block;
  vertical-align: middle;
  float: none;
}

.dealer__info li span {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-left: .5em;
}

.additional__products *[class^="grid"] {
  text-align: center;
  vertical-align: top;
  margin-bottom: 24px;
}

.additional__products *[class^="grid"] a {
  color: white;
  text-decoration: none;
}

.additional__products *[class^="grid"] a img {
  display: block;
  margin: 0 auto;
  border: 6px solid #fcf045;
}

.additional__products *[class^="grid"] a span {
  display: block;
  padding: .5em .5em 0 .5em;
}

.faq {
  border-radius: 25px;
}

.faux-h3 {
  color: #61368e;
  display: block;
  padding-bottom: 26px;
  padding-top: 20px;
  font-weight: 700;
  font-family: 'Kanit', sans-serif;
  font-size: 26px;
}

@media all and (max-width: 639px) {
  .faux-h3 {
    font-size: 22px;
  }
}

.faux-h3.orange {
  color: #FE5618 !important;
}

.faux-h3.gray {
  color: #555555 !important;
  background: none;
}

.blog_grids>a>img {
  margin-bottom: 24px;
}

.design__center__block {
  display: block;
  padding: 7px;
  color: white;
  font-size: 22px;
  text-align: center;
  margin: 30px auto 0px;
  max-width: 460px;
  background: #5dc29d;
}

@media all and (max-width: 639px) {
  .design__center__block {
    font-size: 20px;
  }
}

.design__center__block.alt {
  max-width: 720px;
  background: #ffc107;
}

.design__center__block.alt img {
  margin-bottom: 0px;
}

.design__center__block:hover {
  text-decoration: none !important;
}

.design__center__block img {
  display: block;
}

.design__center__block span {
  display: block;
  padding: .75em 0 .5em 0;
}

.blog_grids .vertical-container {
  margin-bottom: 16px;
}


.playset__options__repeater .grid-2.playset__options {
  margin-bottom: 20px;
}

.playset__options__repeater .grid-2.playset__options *:last-child {
  margin-bottom: 0px !important;
}

.playset__options__repeater .grid-2 a {
  display: block;
  position: relative;
}

.playset__options__repeater .grid-2 a .label {
  position: absolute;
  top: 10px;
  left: 10px;
  width: 72px;
  height: 72px;
  text-align: center;
  color: #fff !important;
  border-radius: 100%;
  background: #b9a951;
}

.playset__options__repeater .grid-2 a .label span {
  position: absolute;
  display: block;
  line-height: 1;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
}

.playset__options__repeater .grid-2 span {
  text-align: center;
}

.playset__options__repeater .grid-2 .color__list {
  margin-left: 0px;
  text-align: center;
  margin-top: -20px !important;
}

@media all and (max-width: 639px) {
  .playset__options__repeater .grid-2 .color__list {
    margin-bottom: 10px;
  }
}

.playset__options__repeater .grid-2 .color__list li {
  display: inline-block;
  width: 30px;
  height: 30px;
  border-radius: 100%;
  margin-right: 4px;
}

.playset__options__repeater .grid-2 .color__list li.green {
  background: #006a51;
}

.playset__options__repeater .grid-2 .color__list li.blue {
  background: #104c94;
}

.playset__options__repeater .grid-2 .color__list li.red {
  background: #a8291c;
}

.playset__options__repeater .grid-2 .color__list li.silver {
  background: #c0c0c0;
}

.playset__options__repeater .grid-2 .color__list li.brown {
  background: #844833;
}

.playset__options__repeater .grid-2 .color__list li.black {
  background: #1c1b1b;
}

.playset__options__repeater .grid-2 .color__list li.yellow {
  background: #ffde30;
}

.playset__options__repeater .grid-2 .color__list li.wood {
  background-image: url('https://www.adventureworldplaysets.com/wp-content/uploads/2018/12/wood-bg-e1545406965316.jpg');
  background-attachment: initial !important;
}

.playset__options__repeater .grid-2 .color__list li:last-of-type {
  margin-right: 0px;
}

.playset__options__repeater .grid-2 .button {
  font-size: 18px;
  margin: auto;
  max-width: 200px;
  text-align: center;
  margin-bottom: 16px;
}

@media all and (max-width: 639px) {
  .playset__options__repeater .grid-2 .button {
    font-size: 16px;
  }
}

@media all and (max-width: 639px) {
  .playset__options__repeater .grid-2 .yellow__border {
    width: 92%;
    margin: auto;
  }
}

.smol__wrap.popup {
  max-width: 600px;
  margin: auto;
  width: 100%;
}

.smol__wrap.popup .option__popup__title {
  display: block;
  margin-bottom: 16px;
  font-size: 24px;
  font-family: 'Kanit', sans-serif;
  color: #618615;
}

@media all and (max-width: 639px) {
  .smol__wrap.popup .option__popup__title {
    font-size: 22px;
  }
}

.smol__wrap.popup ul {
  margin-left: 25px;
}

.smol__wrap.popup p,
.smol__wrap.popup ul,
.smol__wrap.popup ol {
  font-size: 16px;
  margin-bottom: 16px;
  line-height: 1.75;
}

@media all and (max-width: 639px) {

  .smol__wrap.popup p,
  .smol__wrap.popup ul,
  .smol__wrap.popup ol {
    font-size: 15px;
  }
}

.center-ctas {
  text-align: center;
  margin-top: 24px;
}

.center-ctas *[class^="button"] {
  margin: 12px 0;
  background: #8a195b;
}

/*
    Blog Styles
    //////////////////////////////////////////////////////////*/

.blog-wrap {
  max-width: 1360px;
  width: 92%;
  margin: 0px auto;
  position: relative;
}

.blog-wrap a {
  font-weight: 700;
}

.blogbutton {
  border: none;
  background: #4E76D0;
  display: inline-block;
  color: white;
  padding: 1em;
  border-radius: 30px;
  font-size: 20px;
  font-weight: 700;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.blogbutton:hover {
  background: #e6e4e4;
  color: #222328;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media screen and (min-width: 480px) {
  .blog-wrap {
    width: 98%;
  }
}

.gray {
  background-color: #c9cad4;
  padding-top: 2%;
  padding-bottom: 2%;
}

.title-area {
  padding: 0% 2%;
  background: white;
}

.title-area h1 {
  text-align: center;
  color: #8a195b;
  padding-top: 2%;
  padding-bottom: 2%;
  font-family: 'Kanit', sans-serif;
  font-size: 34px;
}

@media all and (max-width: 639px) {
  .title-area h1 {
    font-size: 28px;
  }
}

.title-area p {
  text-align: center;
  color: #8a195b;
  font-family: 'Kanit', sans-serif;
  font-size: 34px;
  padding-bottom: 2%;
  padding-top: 2%;
  font-weight: bold;
  margin-bottom: 0px;
}

@media all and (max-width: 639px) {
  .title-area p {
    font-size: 28px;
  }
}

.white {
  background: #ffffff;
  overflow: auto;
  padding: 2% 7%;
}

@media all and (max-width: 640px) {
  .white {
    padding: 2%;
  }
}

.white h2 {
  font-size: 26px;
}

@media all and (max-width: 639px) {
  .white h2 {
    font-size: 22px;
  }
}

.white h2 a {
  color: #50a485;
}


.blog-categories {
  padding: 0% 2%;
  background: #e6e4e4;
}

.blog-categories li {
  line-height: 2.1;
  display: inline-block;
  font-weight: bold;
  position: relative;
  width: 14.5%;
  margin-left: 1%;
  margin-right: 1%;
  text-align: center;
  border-bottom: 5px solid;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

@media all and (max-width: 640px) {
  .blog-categories li {
    margin-left: 0%;
    margin-right: 0%;
  }
}

.blog-categories li:hover {
  background: #d6d5d5;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.all {
  border-color: #61368e !important;
}

.outdoor-fun {
  border-color: #e84b00 !important;
}

.planning-your-playset {
  border-color: #7cb10d !important;
}

.safety {
  border-color: #e2d600 !important;
}

.playset-quality {
  border-color: #2f7dcb !important;
}

.videos {
  border-color: #577c09 !important;
}

.blog-categories a {
  padding: .9em 10px;
  display: block;
  font-size: 1em;
  z-index: 10;
  color: #222328;
}

.blog-categories a:hover {
  text-decoration: none;
}

@media all and (max-width: 1090px) {
  .blog-categories a {
    font-size: .8em;
    padding: .9em 0px;
  }
}

.blog-menu {
  display: none;
}

.blog-menu p {
  line-height: 2.1;
  text-align: center;
  font-weight: bold;
  position: relative;
  padding: .9em;
  width: 215px;
  margin: auto;
  border-bottom: 5px solid #4E76D0;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.blog-menu p:hover {
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.blog-menu ul {
  display: none;
}



#video {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}

#video iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.blog__excerpt figure::after {
  position: absolute;
  z-index: 20;
  height: 0px;
  padding-top: 0px;
  font-size: 22px;
  content: "Read More";
  text-align: center;
  width: 100%;
  bottom: 0;
  left: 0;
  color: transparent;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

.blog__excerpt:hover figure::after {
  height: 50px;
  padding-top: 10px;
  color: white;
}

.blog__excerpt figure[class="all"]::after {
  background: #4E76D0;
}

.blog__excerpt figure.outdoor-fun::after {
  background: #e84b00;
}

.blog__excerpt figure.planning-your-playset::after {
  background: #7cb10d;
}

.blog__excerpt figure.safety::after {
  background: #e2d600;
}

.blog__excerpt figure.playset-quality::after {
  background: #2f7dcb;
}

.blog__excerpt figure.videos::after {
  background: #577c09;
}

.first-group {
  background: #f4f4f4;
  margin-bottom: 1em;
}

.first-group p {
  font-size: 15px;
}

.first-group .grid-4,
.first-group .grid-75,
.first-group .grid-25 {
  margin-bottom: 0;
}

.first-group .grid-75 {
  position: relative;
}

@media all and (min-width: 640px) and (max-width: 999px) {
  .first-group .grid-75 .largeimg {
    position: absolute;
    z-index: 10;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .first-group .grid-75 .largeimg a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .first-group .grid-75 .largeimg a figure {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }

  .first-group .grid-75 .largeimg a figure img {
    height: 100%;
  }
}

.first-group .grid-75 .largeimg a figure.desktop {
  display: none;
}

@media all and (min-width: 640px) {
  .first-group .grid-75 .largeimg a figure.desktop {
    display: block;
  }
}

.first-group .grid-75 .largeimg a figure.mobile {
  display: none;
}

@media all and (max-width: 639px) {
  .first-group .grid-75 .largeimg a figure.mobile {
    display: block;
  }
}

@media all and (max-width: 640px) {
  .largeimg img {
    max-height: 300px !important;
    min-height: 100px !important;
    height: auto !important;
    width: 100%;
  }

  .large-blog-content-info {
    margin: 3%;
  }

  .main--post--link {
    margin-top: 15px !important;
  }
}

@media all and (max-width: 639px) {

  .first-group .grid-25,
  .first-group .grid-75 {
    width: 100%;
    margin-right: 0px;
  }

  .first-group .grid-25 h2 {
    font-family: 'Muli', sans-serif !important;
  }
}

figure {
  border-bottom: 5px solid;
  position: relative;
}

.main--post--link {
  display: inline-block;
  margin-top: 15px;
}

.main--post--link .link {
  background-color: transparent;
  text-align: left;
  color: #252525;
  padding-top: 0px;
  padding-bottom: 0px;
}

.blog__excerpt {
  background: white;
}

.blog-content-info {
  padding: 3%;
  background: #f4f4f4;
}

.blog-content-info h2 {
  font-size: 20px;
}

.blog-content-info p {
  margin: 10px 0px;
  font-size: 15px;
}

.post-category {
  font-size: 13px !important;
  color: #757575;
}

.first-group .grid-25 .post-category {
  margin-top: 16px;
  margin-bottom: 16px;
}

@media all and (max-width: 640px) {
  .first-group .grid-25 .post-category {
    margin-top: 0px;
    margin-bottom: 10px;
  }
}

.first-group .grid-25 p,
.grid-25 h2 {
  width: 97%;
}

.first-group .grid-25 h2 {
  font-family: 'Kanit', sans-serif;
  margin-bottom: 12px;
}

.linka a {
  color: #222328;
  font-weight: 600;
}

.blog__excerpt--link {
  display: inline-block;
}

.blog_sidebar {
  background: #c5383c;
  color: white;
  padding: 1.5em;
}

.blog_sidebar p {
  color: white;
  font-size: 24px;
  line-height: 1.5;
}

.blog_sidebar .quick__contact__form input[type=text],
.blog_sidebar .quick__contact__form input[type=tel],
.blog_sidebar .quick__contact__form input[type=email] {
  width: 100%;
  background: white;
  border: none;
  height: 40px;
  margin-bottom: 8px;
  padding: 0 1em;
}

form input[type=submit] {
  border: none;
  background: #4E76D0;
  display: inline-block;
  color: white;
  padding: .5em;
  max-width: 150px;
  width: 100%;
  font-weight: 700;
  text-transform: uppercase;
  -webkit-transition: all 0.2s ease-in-out;
  -moz-transition: all 0.2s ease-in-out;
  -o-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
}

#mobile_blog_form {
  display: none;
}

@media all and (max-width: 640px) {
  #mobile_blog_form {
    display: block;
  }

  #sidebar {
    display: none;
  }
}

.full-width img {
  width: 100%;
  height: 400px;
  margin: 16px 0px;
  object-fit: cover;
}


.blog_grids p {
  line-height: 1.5;
}

.blog_grids ol,
.blog_grids ul {
  margin-left: 50px;
  margin-bottom: 16px;
}

.blog_grids li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.blog_grids li p {
  color: #252525;
  font-family: "Open Sans", sans-serif;
  font-size: 1.0em;
}

.largeimg img {
  width: 100%;
  object-fit: cover;
}

@media all and (min-width: 1000px) {
  .largeimg img {
    min-height: 420px;
  }
}

.banner-img {
  background-size: cover;
  background-position: center;
  height: 150px;
  background-attachment: scroll;
}

@media all and (min-width: 640px) {
  .banner-img {
    height: 450px;
  }
}


.quick__contact__form p {
  margin-bottom: 16px;
}

.full-width img {
  width: 100%;
  height: 400px;
  margin: 16px 0px;
  object-fit: cover;
}

@media all and (max-width: 640px) {
  .full-width img {
    height: auto;
  }
}


@media all and (max-width: 639px) {
  .blog_grids .group *[class^="grid"] {
    margin-bottom: 20px;
  }
}


.blog_grids p {
  line-height: 1.5;
  margin-bottom: 24px;
}

.blog_grids *:last-child {
  margin-bottom: 0px;
}

.blog_grids h1 {
  font-size: 34px;
  margin-bottom: 16px;
  font-family: 'Kanit', sans-serif;
}

@media all and (max-width: 639px) {
  .blog_grids h1 {
    font-size: 28px;
  }
}

.blog_grids h2,
.blog_grids h3,
.blog_grids h4,
.blog_grids h5 {
  padding-bottom: 26px;
  padding-top: 20px;
  font-family: 'Kanit', sans-serif;
  font-size: 26px;
  color: var(--primary-color) !important;
}

@media all and (max-width: 639px) {

  .blog_grids h2,
  .blog_grids h3,
  .blog_grids h4,
  .blog_grids h5 {
    font-size: 22px;
  }
}

.blog_grids h2 {
  color: #2f7dcb;
}

.blog_grids h3,
.blog_grids h4,
.blog_grids h5 {
  color: #4E76D0;
}

.blog_grids h5 {
  margin-top: 0px;
  margin-bottom: 0px;
}

.blog_grids ol,
.blog_grids ul {
  margin-left: 50px;
  margin-bottom: 16px;
}

.blog_grids li {
  margin-bottom: 8px;
  line-height: 1.5;
}

.blog_grids li p {
  color: #252525;
  font-size: 1.0em;
}

@media all and (max-width: 640px) {
  .mobile__bottom {
    margin-bottom: 16px !important;
  }
}

#breadcrumbs {
  font-weight: bold;
  margin-bottom: 20px;
}

.faux-title {
  font-size: 22px;
  color: #e84b00;
  font-family: 'Kanit', sans-serif;
  display: block;
  margin-bottom: 16px;
  margin-top: 24px;
}

.list-faux-title {
  font-size: 20px;
  color: #e84b00;
  font-family: 'Kanit', sans-serif;
  display: block;
  margin-bottom: 0px;
}


.blog-wrap .main__content .gallery {
  list-style: none;
  margin-left: 0;
}

.blog-wrap .main__content .gallery img {
  box-shadow: none;
  border: none;
}

.blog-wrap .main__content .gallery img:hover {
  transform: none;
}

.blog-wrap .main__content .lSGallery img {
  box-shadow: none;
  border: none;
}

.blog-wrap .main__content .lSGallery img:hover {
  transform: none;
}

.blog-wrap .main__content .gallery *[class^="grid"] {
  margin-bottom: 16px;
}

.blog-wrap .main__content .gallery *[class^="grid"] a {
  position: relative;
  display: block;
}

.blog-wrap .main__content .gallery *[class^="grid"] a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.blog-wrap .main__content .gallery *[class^="grid"] a:hover:before,
.blog-wrap .main__content .gallery *[class^="grid"] a:focus:before {
  background: rgba(255, 255, 255, .5);
}

.blog-wrap .main__content .gallery.masonry {
  -moz-column-count: 4;
  -moz-column-gap: 8px;
  -moz-column-fill: balance;
  -webkit-column-count: 4;
  -webkit-column-gap: 8px;
  -webkit-column-fill: balance;
  column-count: 4;
  column-gap: 8px;
  column-fill: balance;
}

.blog-wrap .main__content .gallery.masonry .gallery-item {
  display: inline-block;
  width: 100%;
  margin: 0 0 8px 0;
  break-inside: avoid;
}

.blog-wrap .main__content .gallery.masonry .gallery-item a {
  position: relative;
  display: block;
}

.blog-wrap .main__content .gallery.masonry .gallery-item a:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.blog-wrap .main__content .gallery.masonry .gallery-item a:hover:before,
.blog-wrap .main__content .gallery.masonry .gallery-item a:focus:before {
  background: rgba(255, 255, 255, .5);
}

.blog-wrap .main__content .gallery.slider {
  margin-bottom: 0;
}



.gradient__list {
  margin-bottom: 32px;
}

.gradient__list ol {
  counter-reset: li;
  list-style: none;
  margin: 0 40px;
}

*.gradient__list li {
  position: relative;
  padding: 2em 2em 2em 6em;
  font-size: 1em;
  text-indent: 0px !important;
  background: #F0F0F0;
  margin-bottom: 6px;
}

*.gradient__list li:last-of-type {
  margin-bottom: 0px;
}

@media all and (max-width: 640px) {
  .gradient__list ol {
    margin: 0px;
  }

  *.gradient__list li {
    padding: 6em 2% 2em 2%;
  }
}

*.gradient__list li:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -30px;
  content: counter(li);
  counter-increment: li;
  font-size: 150px;
  font-weight: 900;
  color: #2a5bb3;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  width: 60px;
  height: 50px;
  padding-right: 0px !important;
  text-indent: 0px !important;
}

*.gradient__list.orange li:first-of-type:before {
  color: #ff7e00;
}

*.gradient__list.orange li:nth-of-type(2):before {
  color: #ff9935;
}

*.gradient__list.orange li:nth-of-type(3):before {
  color: #fda651;
}

*.gradient__list.orange li:nth-of-type(4):before {
  color: #fda957;
}

*.gradient__list.blue li:first-of-type:before {
  color: #003366;
}

*.gradient__list.blue li:nth-of-type(2):before {
  color: #003d71;
}

*.gradient__list.blue li:nth-of-type(3):before {
  color: #014479;
}

*.gradient__list.blue li:nth-of-type(4):before {
  color: #01548c;
}

*.gradient__list.blue li:nth-of-type(5):before {
  color: #01629b;
}

*.gradient__list.blue li:nth-of-type(6):before {
  color: #016da8;
}

*.gradient__list.blue li:nth-of-type(7):before {
  color: #0175b1;
}

@media all and (max-width: 640px) {
  *.gradient__list li:before {
    font-size: 60px;
    left: 0;
    right: 0;
    top: 20px;
    transform: initial;
    margin: auto;
  }
}

.blog_grids .lSAction>a {
  width: 32px;
  height: 31px;
}

.blog_grids .lSAction>.lSNext {
  background-attachment: scroll !important;
  /*background-position: -18px 5px;*/
}

.blog_grids .lSAction>.lSPrev {
  background-attachment: scroll !important;
  /*background-position: 2px 5px;*/
}

.ten__top {
  margin-top: 10px;
  display: block;
}

.vertical-container *[class^="grid"] {
  display: inline-block;
  vertical-align: middle;
  float: none;
  margin-bottom: 0;
}

.vertical-container img {
  margin-bottom: 16px;
}

.vertical-container .yellow__border img {
  margin-bottom: 0px;
}

@media screen and (min-width: 640px) {

  .blog_grids .grid-4 ul,
  .blog_grids .grid-3 ul,
  .blog_grids .grid-half ul {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    -webkit-column-gap: 40px;
    -moz-column-gap: 40px;
    column-gap: 40px;
  }
}

.blog_grids .grid-4 .single__column ul,
.blog_grids .grid-3 .single__column ul,
.blog_grids .grid-half .single__column ul {
  margin-bottom: 20px;
}

@media screen and (min-width: 640px) {

  .blog_grids .grid-4 .single__column ul,
  .blog_grids .grid-3 .single__column ul,
  .blog_grids .grid-half .single__column ul {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
    -webkit-column-gap: 0px;
    -moz-column-gap: 0px;
    column-gap: 0px;
  }
}

.request__quote {
  display: inline-block;
  position: fixed;
  z-index: 999;
  right: 1.25em;
  bottom: 0;
  font-size: 16px;
  font-weight: 700;
  font-family: "kaushan_scriptregular", "Arial Black", Gadget, sans-serif;
  text-decoration: none !important;
  color: white;
  background: #FE5618;
  text-align: center;
  text-transform: uppercase;
  padding: 8px 32px;
  -webkit-border-radius: 10px 10px 0 0;
  border-radius: 10px 10px 0 0;
}

@media all and (max-width: 639px) {
  .request__quote {
    padding: 14px 32px;
    width: 100%;
    border-radius: 0px;
    width: 100%;
  }
}

.request__quote:hover,
.request__quote:focus {
  background: #af4118;
  text-decoration: none;
}

.request__quote .envelope {
  position: relative;
  display: block;
  margin: 32px auto 16px auto;
  width: 68px;
  height: 36px;
  background: #FE5618;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 0 1px #c94548 inset;
}

.request__quote .envelope:before,
.request__quote .envelope:after {
  content: '';
  position: absolute;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-width: 18px 34px;
}

.request__quote .envelope:before {
  border-bottom-color: #ff9e14;
  top: -100%;
  left: 0px;
}

.request__quote .envelope:after {
  border-right-color: #ff9e14;
  border-left-color: #ff9e14;
  border-bottom-color: #ff9e14;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  border-radius: 0 0 5px 5px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
}

.request__quote .envelope .paper {
  background: #fff;
  width: 57px;
  height: 37px;
  margin: 0 auto;
  border-radius: 5px;
  position: absolute;
  overflow: hidden;
  display: block;
  left: 6px;
  top: -2px;
  box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

.request__quote:hover .envelope .paper,
.request__quote:focus .envelope .paper {
  top: -26px;
  height: 57px;
}

.request__quote .envelope .paper:before,
.request__quote .envelope .paper:after {
  content: '';
  position: absolute;
  left: 12px;
  background: #e3f1fc;
  height: 4px;
  border-radius: 5px;
}

.request__quote .envelope .paper:before {
  top: 14px;
  width: 31px;
}

.request__quote .envelope .paper:after {
  right: 12px;
  top: 28px;
  box-shadow:
          0 8px 0 #e3f1fc,
          0 16px 0 #e3f1fc,
          0 24px 0 #e3f1fc,
          0 40px 0 #e3f1fc;
}

@media screen and (max-width: 1825px) {

  .envelope {
    display: none !important;
  }

  .request__quote {
    left: 0 !important;
    font-size: 14px !important;
  }

}



.pagination {
  text-align: center;
}

.pagination .page-numbers {
  display: inline-block;
  padding: 6px 10px;
  border-radius: 6px;
  background: #50a485;
  color: #fff;
}

.pagination .page-numbers.current {
  background: #8a195b;
}

.addthis_inline_share_toolbox #atstbx,
.addthis_inline_share_toolbox #atstbx2 {
  display: inline-block !important;
  vertical-align: middle !important;
  margin: 0 0 0 16px;
}

.at-resp-share-element .at-share-btn {
  margin: 0 2px 0px !important;
}

*.large__numbers>ol {
  counter-reset: li;
  list-style: none;
  margin: 0;
}

*.large__numbers>ol>li {
  position: relative;
  padding: 2em 2em 2em 6em;
  border-bottom: 2px solid #f5f5f5;
  font-size: 1em;
  text-indent: 0px !important;
}

@media all and (max-width: 640px) {
  *.large__numbers>ol>li {
    padding: 6em 0em 2em 0em;
  }
}

*.large__numbers>ol>li:last-of-type {
  border-bottom: none;
}

*.large__numbers>ol>li:before {
  position: absolute;
  top: 50px;
  transform: translateY(-50%);
  left: 20px;
  content: counter(li);
  counter-increment: li;
  font-size: 38px;
  font-weight: 900;
  color: white;
  line-height: 60px;
  text-align: center;
  background-color: #4E76D0;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  padding-right: 0px !important;
}

@media all and (max-width: 640px) {
  *.large__numbers>ol>li:before {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.large__numbers>ol>li:before {
  padding-right: 0px !important;
  text-indent: 0px !important;
}

.large__numbers>ol>li {
  text-indent: 0px !important;
}

*.large__numbers>ol>li ul {
  margin-top: 16px;
}

*.large__numbers>ol>li p {
  margin-bottom: 0px !important;
  font-family: 'Muli', sans-serif;
}

.colored__bullets ul li {
  position: relative;
  list-style: none;
}

.colored__bullets ul li::before {
  content: "";
  position: absolute;
  left: -18px;
  top: 9px;
  height: 7px;
  width: 7px;
  border-radius: 100%;
  background: #61368e;
}

.colored__bullets ul li:nth-of-type(2)::before {
  background: #e84b00;
}

.colored__bullets ul li:nth-of-type(3)::before {
  background: #7cb10d;
}

.colored__bullets ul li:nth-of-type(4)::before {
  background: #2f7dcb;
}

.colored__bullets ul li:nth-of-type(5)::before {
  background: #e2d600;
}

.colored__bullets ul li:nth-of-type(6)::before {
  background: #577c09;
}


.main__content .icon-list ul,
.main__content .icon-list ol {
  list-style: none;
  margin-left: 0
}

.main__content .icon-list li {
  position: relative;
  padding-left: 5.5em;
  margin-bottom: 2em;
  border-bottom: 2px solid #eee;
  padding-bottom: 2em
}

.main__content .icon-list li:last-of-type {
  border-bottom: none
}

.main__content .icon-list li i {
  position: absolute;
  top: 0px;
  left: 0;
  background-color: #61368e;
  font-size: 1.875em;
  font-weight: 900;
  color: white;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
}

.white *.large__list.arrow {
  list-style: none;
  margin: 0;
}

.white *.large__list.arrow ul {
  margin-left: 0px !important;
  list-style-type: none;
}

.white *.large__list.arrow li {
  position: relative;
  padding: 2em 2em 2em 6em;
  border-bottom: 2px solid #f5f5f5;
  font-size: 1em;
  text-indent: 0px !important;
}

@media all and (max-width: 640px) {
  .white *.large__list.arrow li {
    padding: 6em 0em 2em 0em;
  }
}

.white *.large__list.arrow li:last-of-type {
  border-bottom: none;
}

.white *.large__list.arrow li:before {
  font-family: Font Awesome\ 5 Pro;
  content: "\f0da";
  position: absolute;
  top: 47px;
  transform: translateY(-50%);
  left: 10px;
  font-size: 32px;
  font-weight: 900;
  color: white;
  line-height: 60px;
  text-align: center;
  background-color: #2f7dcb;
  display: inline-block;
  width: 60px;
  height: 60px;
  border-radius: 100%;
  padding-right: 0px !important;
}

@media all and (max-width: 640px) {
  .white *.large__list.arrow li:before {
    left: 0;
    right: 0;
    margin: auto;
  }
}

.large__list.arrow li:before {
  padding-right: 0px !important;
  text-indent: 0px !important;
}

.gradient__list {
  margin-bottom: 32px;
}

.gradient__list ol {
  counter-reset: li;
  list-style: none;
  margin: 0 40px;
}

*.gradient__list li {
  position: relative;
  padding: 2em 2em 2em 6em;
  font-size: 1em;
  text-indent: 0px !important;
  background: #F0F0F0;
  margin-bottom: 6px;
}

*.gradient__list li:last-of-type {
  margin-bottom: 0px;
}

@media all and (max-width: 640px) {
  .gradient__list ol {
    margin: 0px;
  }

  *.gradient__list li {
    padding: 6em 2% 2em 2%;
  }
}

*.gradient__list li:before {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -50px;
  content: counter(li);
  counter-increment: li;
  font-size: 150px;
  font-weight: 900;
  color: #2a5bb3;
  line-height: 60px;
  text-align: center;
  display: inline-block;
  width: 90px;
  height: 50px;
  padding-right: 0px !important;
  text-indent: 0px !important;
}

*.gradient__list.orange li:first-of-type:before {
  color: #ff7e00;
}

*.gradient__list.orange li:nth-of-type(2):before {
  color: #ff9935;
}

*.gradient__list.orange li:nth-of-type(3):before {
  color: #fda651;
}

*.gradient__list.orange li:nth-of-type(4):before {
  color: #fda957;
}

*.gradient__list.blue li:first-of-type:before {
  color: #272B53;
}

*.gradient__list.blue li:nth-of-type(2):before {
  color: #283967;
}

*.gradient__list.blue li:nth-of-type(3):before {
  color: #2A467B;
}

*.gradient__list.blue li:nth-of-type(4):before {
  color: #2B548F;
}

*.gradient__list.blue li:nth-of-type(5):before {
  color: #2C62A3;
}

*.gradient__list.blue li:nth-of-type(6):before {
  color: #2E6FB7;
}

*.gradient__list.blue li:nth-of-type(7):before {
  color: #2F7DCB;
}

@media all and (max-width: 640px) {
  *.gradient__list li:before {
    font-size: 60px;
    left: 0;
    right: 0;
    top: 20px;
    transform: initial;
    margin: auto;
  }
}

.bg__content__wrap *[class^="grid"] {
  margin-bottom: 0px !important;
}

.background__content {
  background: #4E76D0;
  margin-bottom: 24px !important;
  margin-top: 24px !important;
  padding:15px;
  border-radius: 20px;
}

.background__content>div {
  padding: 20px;
  color: #fff;
}

.background__content div .faux-title {
  position: relative;
  margin-top: 0px;
  color: #fff;

  font-size: 22px;
}

.background__content div .faux-title::before {
  content: "";
  position: absolute;
  background: #fff;
  bottom: -9px;
  left: 10px;
  width: 84px;
  height: 4px;
}

.background__content div .faux-title::after {
  content: "";
  position: absolute;
  background: #fff;
  bottom: -9px;
  left: 0px;
  width: 4px;
  height: 4px;
}

.related__posts {
  padding: 50px 7%;
  background: #272b53;
}

@media all and (max-width: 639px) {
  .related__posts {
    padding: 30px 7%;
  }
}

.related__posts .faux__title {
  font-family: 'Kanit', sans-serif;
  font-size: 26px;
  font-weight: 700;
  color: #ffc107;
  margin-bottom: 32px;
  text-align: center;
  display: block;
}

@media all and (max-width: 639px) {
  .related__posts .faux__title {
    font-size: 24px;
  }
}

.related__posts a {
  position: relative;
  display: block;
  color: white;
}

@media all and (max-width: 640px) {
  .related__posts a {
    margin-bottom: 20px !important;
    display: block;
  }

  .related__posts a:last-of-type {
    margin-bottom: 0px;
  }
}

.related__posts a .related__posts__content {
  width: 100%;
  padding: 25px;
  background: #50a485;
  font-family: 'Muli', sans-serif;
  font-size: 20px;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

@media all and (max-width: 639px) {
  .related__posts a .related__posts__content {
    font-size: 18px;
  }
}

.related__posts a:hover .related__posts__content {
  color: #ffc107;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}


.center {
  text-align: center;
}

#design__center__button {
  position: relative;
  padding: 1em 2em 1em 4.5em;
  background: #8a195b;
  margin-bottom: 24px;
}

#design__center__button::after {
  content: "";
  background: url('https://www.adventureworldplaysets.com/wp-content/themes/adventure-world-playsets/img/design-center_icon.png');
  position: absolute;
  left: 20px;
  width: 49px;
  height: 49px;
  top: 50%;
  transform: translateY(-50%);
}

.horizontal__line {
  width: 100%;
  height: 3px;
  background: #f5f5f5;
  margin: 20px 0;
}


@media all and (max-width: 640px) {
  .mobile__center {
    text-align: center;
  }
}


.galaxy__bg {
  background: url('https://www.adventureworldplaysets.com/wp-content/uploads/2019/01/blue-galaxy-background.jpg');
  position: relative;
  background-size: cover;
}

.galaxy__bg::after {
  content: "";
  position: relative;
  position: absolute;
  z-index: 4;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 1);
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 26%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(26%, rgba(255, 255, 255, 1)), color-stop(51%, rgba(255, 255, 255, 1)), color-stop(71%, rgba(255, 255, 255, 1)), color-stop(100%, rgba(255, 255, 255, 1)));
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 26%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
  background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 26%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
  background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 26%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 26%, rgba(255, 255, 255, 1) 51%, rgba(255, 255, 255, 1) 71%, rgba(255, 255, 255, 1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=0);
}

.packageslider {
  /*border: 6px solid #ffc107;*/
  position: relative;
  z-index: 6;
}

.packageslider .slides {
  margin-bottom: 0px;
  margin-left: 0px;
  position: relative;
}

/* .packageslider .slides li::before{
                content: "";
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                background: rgba(0,0,0,.15);
                z-index: 10;} */
.packageslider .slides li {
  position: relative;
}

.packageslider .slides li .swingset__slider__text {
  text-align: center;
}

.packageslider .slides li .swingset__slider__text span {
  display: block;
  font-size: 52px;
  line-height: 1.2;
  font-weight: 700;
  font-family: 'Kanit', sans-serif;
  margin-bottom: 24px;
}

@media all and (max-width: 639px) {
  .packageslider .slides li .swingset__slider__text span {
    font-size: 32px;
    margin-bottom: 16px;
  }
}

.packageslider .slides li .swingset__slider__text span.busy-basecamp {
  color: #12ACCA;
}

.packageslider .slides li .swingset__slider__text span.discovery-depot {
  color: #8BB730;
}

.packageslider .slides li .swingset__slider__text span.fantasy-fortress {
  color: #E32E23;
}

.packageslider .slides li .swingset__slider__text span.frolic-zone {
  color: #BF439F;
}

.packageslider .slides li .swingset__slider__text span.giggle-junction {
  color: #289755;
}

.packageslider .slides li .swingset__slider__text span.good-time-tower {
  color: #007C8F;
}

.packageslider .slides li .swingset__slider__text span.happy-hideout {
  color: #5A3B99;
}

.packageslider .slides li .swingset__slider__text span.adventure-gym,
.packageslider .slides li .swingset__slider__text span.imagination-station,
.packageslider .slides li .swingset__slider__text span.jolly-jamboree {
  color: #ED961D;
}

.packageslider .slides li .swingset__slider__text .button {
  padding: 12px 24px;
  border-radius: 50px;
  font-size: 20px;
  cursor: pointer;
}

@media all and (max-width: 639px) {
  .packageslider .slides li .swingset__slider__text .button {
    font-size: 17px;
  }
}


@media all and (max-width: 639px) {
  .packageslider .slides li .swingset__slider__image {
    margin-bottom: 12px;
  }
}


@media all and (max-width: 639px) {
  .packageslider .slides li .swingset__slider__image img {
    max-width: 400px;
    margin: auto;
  }
}

@media all and (max-width: 479px) {
  .packageslider .slides li .swingset__slider__image img {
    max-width: 300px;
  }
}

.flex-direction-nav {
  margin-bottom: 0px !important;
}

.small__pad {
  padding: 1em 0 !important;
}

.grecaptcha-badge {
  display: none !important;
}


.aspect-ratio {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56%;
  /* The height of the item will now be 56% of the width. */
  margin-bottom: 24px;
}

/* Adjust the iframe so it's rendered in the outer-width and outer-height of it's parent */
.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
}

.inline__block {
  padding: 7px;
  display: inline-block;
}

@media screen and (min-width: 640px) {
  *.gradient__list.blue li:nth-of-type(10)::before {
    left: -98px;
    letter-spacing: -13px;
  }
}

/*! Footer
    //////////////////////////////////////////////*/

.google__reviews {
  margin-top: 1rem;
  padding-top: 50px;
  padding-bottom: 50px;
  background-color: var(--yellow-color);
  background-image: url('/wp-content/themes/adventure-world-playsets/svg/withe_doodles_testimonies.svg');
  background-attachment: initial !important;
  background-position: center;
  background-repeat: no-repeat;

}

.google__review__header {
  color: #017d73;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  margin-bottom: 16px;

}

footer[role=contentinfo] {
  font-family: 'Kanit', sans-serif;
  background: #4497d0;
  /*background: rgb(12,170,239);
        background: url('https://www.adventureworldplaysets.com/wp-content/uploads/2019/02/blue-galaxy-background-footer-new.jpg');*/
  background-size: cover;
  color: white;
}

footer[role=contentinfo] .scroll__top,
footer[role=contentinfo] .search__dealer {
  position: fixed;
  z-index: 999;
  bottom: 3.7em;
  right: .75em;
  display: none;
  background-color: #161a3a;
  font-size: 30px;
  color: white;
  text-align: center;
  border-radius: 10px;
  height: 50px;
  width: 50px;
  cursor: pointer;
  -webkit-box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);
  box-shadow: 0 0 5px 3px rgba(0, 0, 0, .1);
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
}

footer[role=contentinfo] .search__dealer {
  bottom: 6.7em;
  display: block;
}

footer[role=contentinfo] .scroll__top i,
footer[role=contentinfo] .search__dealer i {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  top: 50%;
  transform: translateY(-50%);
}

.footer__top {
  padding: 1em 0;
  border-bottom: 3px solid rgba(255, 255, 255, .1);
  text-align: center;
}

.footer__top *[class^="grid"] {
  text-align: center;
  margin-bottom: 1em;
}

.footer__top *[class^="grid"]:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .footer__top *[class^="grid"] {
    width: 22.86364%;
    display: inline-block;
    vertical-align: middle;
    float: none;
    text-align: center;
    margin-bottom: 0;
    margin-right: 1.51515%;
  }

  /*.footer__top *[class^="grid"]:first-of-type {
                    text-align: left; }*/
  .footer__top *[class^="grid"]:nth-of-type(2) {
    text-align: center;
  }

  .footer__top *[class^="grid"]:last-of-type {
    width: 26.86364%;
    /*text-align: right;*/
    margin-right: 0;
  }
}

.footer__top *[class^="grid"] a {
  color: inherit;
}

.footer__top *[class^="grid"] span {
  font-size: 14px;
  font-weight: 600;
  line-height: 1;
  text-transform: uppercase;
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}

.footer__top *[class^="grid"] span:first-of-type {
  margin-right: 4.51515%;
}

.footer__top *[class^="grid"] span strong {
  display: block;
  font-size: 23px;
  font-weight: 700;
  color: #ffe330;
  word-wrap: break-word;
}

.footer__top *[class^="grid"] span i {
  font-style: normal;
  display: inline;
}

@media screen and (min-width: 640px) {
  .footer__top *[class^="grid"] span i {
    display: block;
  }
}

@media screen and (min-width: 830px) {
  .footer__top *[class^="grid"] span i {
    display: inline;
  }
}

.footer__top *[class^="grid"] a:hover span strong {
  color: #4fc3f7;
}

.footer__bottom {
  font-size: 12px;
  text-transform: uppercase;
  padding: 2em 0;
}

.footer__bottom *[class^="grid"] {
  text-align: center;
  margin-bottom: 1em;
}

.footer__bottom *[class^="grid"]:last-of-type {
  margin-bottom: 0;
}

@media screen and (min-width: 640px) {
  .footer__bottom *[class^="grid"] {
    display: inline-block;
    vertical-align: middle;
    float: none;
    margin-bottom: 0;
  }

  .footer__bottom *[class^="grid"]:first-of-type {
    text-align: center;
  }

  .footer__bottom *[class^="grid"]:first-of-type img,
  .footer__bottom *[class^="grid"]:first-of-type p {
    display: inline-block;
    vertical-align: middle;
  }

  .footer__bottom *[class^="grid"]:first-of-type img {
    margin-right: 4.51515%;
  }

  .footer__bottom *[class^="grid"]:first-of-type p {
    width: 60%;
  }

  .footer__bottom *[class^="grid"]:last-of-type {
    text-align: right;
  }
}

.footer__bottom *[class^="grid"]:first-of-type img {
  margin-bottom: 1em;
}

@media screen and (min-width: 640px) {
  .footer__bottom *[class^="grid"]:first-of-type img {
    margin-bottom: 0;
  }
}

.footer__bottom *[class^="grid"]:last-of-type ul {
  list-style: none;
}

.footer__bottom *[class^="grid"]:last-of-type ul li {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.footer__bottom *[class^="grid"]:last-of-type ul li:after {
  content: "|";
  /*color: #444b8a;*/
  color: #fff;
  display: inline-block;
  vertical-align: middle;
  margin: 0 1em;
}

.footer__bottom *[class^="grid"]:last-of-type ul li:last-of-type:after {
  content: none;
}

.footer__bottom *[class^="grid"]:last-of-type ul li a {
  color: inherit;
}


/*!////////////////////////////////////////////////
    // STATES
    /////////////////////////////////////////////////*/

/*! ==========================================================================
    // Clearfix
    // =========================================================================*/
.group:before,
.group:after {
  content: "";
  display: table;
}

.group:after {
  clear: both;
}

.group {
  zoom: 1;
}

/*! ==========================================================================
    // Print styles
    // =========================================================================*/
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }

  a,
  a:visited {
    text-decoration: underline;
  }

  a[href]:after {
    content: " (" attr(href) ")";
  }

  abbr[title]:after {
    content: " (" attr(title) ")";
  }

  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
  }

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }

  h2,
  h3 {
    page-break-after: avoid;
  }
}

.header__lookup strong {
  font-size: 1.35em;
  color: #ffe330;
}


.warranty-form div.grid-full {
  margin-bottom: 2% !important;
}


.customize__swingset--toggle p big {
  display: block;
  font-size: 2.5em;
  margin: 32px auto;
  color: #0785b8;
  font-weight: 700;
  border-bottom: 3px solid #0785b8;
}

div#adventure-gym h4 {
  text-align: center;
  margin-bottom: 4%;
}

div#imagination-station h4 {
  text-align: center;
  margin-bottom: 4%;
}

div#jolly-jamboree h4 {
  text-align: center;
  margin-bottom: 4%;
}

div#adventure-gym p {
  text-align: center;
  margin-top: 4%;
}

div#imagination-station p {
  text-align: center;
  margin-top: 4%;
}

div#jolly-jamboree p {
  text-align: center;
  margin-top: 4%;
}

ol.flex-control-nav li {
  display: none;
}


wpcf7-form-control wpcf7-select,
form select {
  height: 150px;
}

.page-id-1535 wpcf7-form-control wpcf7-select,
.page-id-1535 form select {
  height: 40px;
}



.faux-h2 {
  font-family: 'Kanit', sans-serif;
  font-size: 26px;
  color: #555555;
  margin-bottom: 16px;
  font-weight: bold;
}

@media all and (max-width: 639px) {
  .faux-h2 {
    font-size: 24px;
  }
}

.img-disclaimer {
  text-align: center;
  margin-top: 16px;
}

.img-disclaimer p {
  color: #017d73;
  font-weight: bold;
}


/* ::::::::::::::: START BLUE CARDS ::::::::::::::::::: */

.blue__card {
  margin: 0.5em auto;
  max-width: 90%;
  border-radius: 1em;
  padding: 10px;
  background-color: var(--blue-color);
}

.blue__card a {
  color: white;
  text-decoration: underline;
}

.blue__card.card {
  margin: 0;
  max-width: 100%;
}

.blue__card:not(.faq, .faqs, .alert, .alerts) {
  min-height: 25rem;
}

.blue__card .card__author span {
  font-family: 'Berringer' !important;
  font-size: 1.250rem;
  letter-spacing: 2px;
  line-height: normal;
  margin-left: 10px;
  color: var(--yellow-color);
  text-transform: uppercase;
}

.blue__card.blue__card.testimonials .card__author span,
.blue__card.blue__card.testimonial .card__author span {
  text-align: right;
  font-size: 1.5em !important;
  margin-right: 1rem;
}

.blue__card .card__author i {
  color: var(--yellow-color);
  font-size: 2.250em;
  font-style: normal;
  line-height: 60px;
  border-radius: 100%;
}

.blue__card .card__text::after {
  display: none;
}

.blue__card .card__text {
  text-align: justify;
  font-size: 1rem;
  position: relative;

  padding: 0.5em;
  border: none;
  color: white;
}

.blue__card.card .card__text,
.blue__card.testimonial .card__text {
  font-style: italic;
}


.blue__card.card .card__text {
  text-align: center;
}

.blue__card .card__text:after {
  position: absolute;
  bottom: -17px;
  left: 2em;
  width: 0;
  height: 0;
  content: '';
  border-width: 18px 18px 0 18px;
  border-style: solid;
  border-color: #f6f6f6 transparent transparent transparent;
}

.blue__card .card__text *:last-child {
  margin-bottom: 0;
}

.blue__card .card__author {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0;
  padding: 0;

}

.blue__card.faq .card__author,
.blue__card.faqs .card__author {
  justify-content: flex-start;
}

.blue__card.faqs .card__text,
.blue__card.faq .card__text {
  margin-left: 2rem;
}

.blue__card.alert,
.blue__card.testimonial,
.blue__card.blue__card.testimonials {
  position: relative;
  text-align: center;
  margin-top: 2rem;
}

.blue__card .card__author span {
  width: 100%;
}

.blue__card span.icon {
  z-index: 1;
  height: 60px;
  width: 80px;
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: unset;
  padding: 5px;
}

.blue__card.alerts span.icon,
.blue__card.alert span.icon {
  position: absolute;
  top: -1.2rem;
  left: 0;
  width: 7%;
}

.blue__card.alert {
  padding: 2%;
}

.blue__card.alert .card__author  span {
  color: white;
}

.blue_card .card_text {
  margin-bottom: 0px;
  margin-left: 25px;
  font-size: 1.2em;
  font-family: "Filson-Pro-Book";
  font-style: italic;
}

.blue_card .card_author span {
  font-size: 26px;
}

.blue_card.alert .card_author span {
  color: white;
  margin-top: 0px;
  padding: 0px;
}

.blue_card.alert .card_author{
  margin-top: 0px;
  padding: 0px;
}

.blue-cards-container {
  margin-top: 30px;
}

.rubber-mulch-curbs {
  width: 98%;
  padding: 0% 4%;
  color: gray;
}

.rubber-mulch-curbs .blue__card {
  max-width: 85%;
}

@media all and (max-width: 1680px){

  .blue__card.faq .card__text {
    font-size: 1rem;
    margin-top: -20px
  }
  .card__author .icon {
    width: 60px !important;
  }

}

@media all and (max-width: 639px) {
  .blue__card.alert span.icon,
  .blue__card.alerts span.icon {
    width: 4rem;
  }

  .blue__card .card__author span {
    font-size: 1rem;
  }

  .blue__card.alerts span.icon, .blue__card.alert span.icon {
    top: -2rem;
  }

  .blue__card.testimonial,
  .blue__card.blue__card.testimonials {
    max-width: 75%;
  }

  .blue__card .card__author {
    margin-top: 0.5rem;
  }

}


/* ::::::::::::::: END BLUE CARDS ::::::::::::::::::: */





.faux-titlebar {
  font-size: 1.15em;
  font-weight: bold;
  display: block;
  padding: 0.4em;
  color: white;
  background: #5dc29d;
}

.bar-section {
  display: block;
  color: #fff;
  padding: 15px;
  font-weight: 700;
  font-size: 20px;
  background: #d37815;
  margin-bottom: 0;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
    FIN ESTILOS 2022 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
     STYLES 2024 * ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */
/* HEADER */
.mobile-header {
  display: none;
}

@media screen and (max-width: 865px) {
  .mobile-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1rem;
    color: var(--yellow-color);
    padding: 0 1rem;
  }

  .mobile-header .mobile-logo {
    display: flex;
    width: 5rem;
  }

  .mobile-header .mobile__button {
    display: flex;
    width: 2rem;
  }

  .mobile-header .mobile__button p {
    font-size: 1.7rem;
  }
}
/* NAVBAR */


/* mobile */
@media screen and (max-width: 865px) {

  .mobile__nav img {
    width: 5rem;
    margin: 0 auto;
  }

  .mobile__nav {
    display: flex;
    flex-direction: column;
    /* Stack elements vertically */
  }

  .mobile__nav-controls {
    display: flex;
    justify-content: flex-end;
    /* Align items to the right */
  }

  .mobile__nav-content {
    text-align: center;
    /* Center the logo horizontally */
    margin-bottom: 1rem;
  }


}

/* BLOG -> Choose a Category*/
/* mobile */
@media all and (max-width: 885px) {
  .blog-categories>ul {
    display: none;
  }

  .blog-menu {
    display: block;
  }

  .blog-menu li {
    width: 100% !important;
    border: none;
  }

  .blog-menu a {
    color: white;
  }

  .blog-menu p {
    background-color: var(--blue-color-ligth);
    border-bottom: none !important;
    color: var(--yellow-color);
    font-family: Filson-Pro-Bold !important;
    font-size: 22px;
    border-radius: 15px;
    text-align: left;
    padding-left: 1em;
    padding-bottom: 1.3em;
    width: 100%;
    margin-bottom: -22px;
    text-transform: uppercase;
    z-index: 1;
  }

  .blog-menu ul {
    background-color: var(--blue-color);
    border-radius: 15px;
    position: relative;
    z-index: 2;
    padding: 20px 0;
  }

  .blog-menu ul li a {
    margin: 3px auto;
    background-color: white;
    width: 65% !important;
    border-radius: 30px;
  }

  .blog-menu ul li a img {
    margin-left: 2.5rem;
  }

  .blog-menu .all {
    width: 100% !important;
    margin-top: 5px;
    background: #4E76D0;
  }

  .outdoor-fun {
    background: #e84b00;
  }

  .planning-your-playset {
    background: #7cb10d;
  }

  .safety {
    background: #e2d600;
  }

  .playset-quality {
    background: #2f7dcb;
  }

  .videos {
    background: #577c09;
  }

  .blog-menu li:hover a {
    color: #222328;
  }

}


/* PAGES */
/* desktop only */
.hero.hero-desktop {
  position:relative;
  min-height: 27vh;
  padding: 0.5rem;
  margin-bottom: 1rem;
  background-repeat: no-repeat;
  background-size: 100%;
  display: flex;
  align-items: center;
}


.hero.hero-desktop .page-title {
  font-family: 'Berringer' !important;
  background-color: var(--blue-color);
  color: white;
  max-width: fit-content;
  min-width: unset;
  border-radius: 25px;
  padding: .5rem 3%;
  margin: 2rem 0;
  text-transform: uppercase;
  font-weight: 300 !important;
}

.hero-image-container {
  position: relative;
  text-align: center;
  margin-bottom: 1.2rem;
}

.main__content .hero-image {
  width: 90%;
  border-radius: 0 4rem;
}

.hero-image-container .top-corner-ribbon {
  position: absolute;
  top: -10px;
  right: 10px;
  z-index: 1;
  width: 12rem;
  max-width: 40%;
  height: 50px;
  background-image: url('/wp-content/uploads/2024/02/the_way_to_play_blue.svg');
  background-position: top right;
  background-size: contain;
  background-repeat: no-repeat;
  background-attachment: unset;
  padding: 5px;
}

.hero-desktop .hero-bottom-right {
  color: white;
  margin-left: auto;
  display: flex;
}

.hero-desktop .hero-bottom-right .option-1{
  width: 70px;
}

.hero-desktop .hero-bottom-right .option-2 {
  width: 200px;
}

.hero-desktop .zipcode__search span.text {
  border: none;
}

.page-category {
  background: var(--blue-color);
  border-radius: 0.6rem;
  margin-bottom: 2rem;
  padding: 1.2rem;
  line-height: 0;
  color: #fff;
  display: inline-block;
  text-transform: uppercase;
}


/* FAQS */



/* LANDING */

.main_image {
  position: relative;
  background: var(--blue-color);
  height: 80vh;
  min-height: 770px;
  overflow: hidden;
}

.left_zone img,
.right_zone img,
.left_zone .svg_left,
.right_zone .svg_right {
  position: absolute;
}

.left_zone img,
.right_zone img,
.center_msn p,
.center_msn img,
.right_zone .svg_right,
.left_zone .svg_left {
  transition: all 0.5s ease; /* Added a transition to all properties */
}

.left_zone img {
  top: 39%;
  width: 30%;
  left: -15px;
}

.right_zone img {
  width: 40%;
  right: 0px;
  top: 45%;
}

.left_zone .svg_left {
  top: 34%;
  width: 60%;
  left: -23%;
  bottom: 0;
}

.right_zone .svg_right {
  width: 35%;
  top: 10%;
  right: -11%;
}

.center_msn img {
  width: 52%;
}

.main_image {
  min-height: 850px;
}

.center_msn {
  text-align: center;
  width: 100%;
  margin: 0 auto;
}

.center_msn > div {
  text-align: center;
  padding: 0px 14%;
}

.center_msn p {
  font-family: 'Filson-Pro-Bold' !important;
  margin-top: 20px;
  font-size: 2.5em;
  color: #ffffff;
}

/* Robin's styles */
.center_msn .zipcode__search span.zip-button,
.center_msn .zipcode__search input[type=submit] {
  height: 5.4rem;
  margin-left: -7rem;
  width: 170px;
  border-radius: 2.7rem;
  background-size: 80%;
}

.center_msn .zip-bg-white {
  margin-top: 60px;
}

.center_msn .zipcode__search span.text,
.center_msn .zipcode__search input[name=zip] {
  font-family: 'Filson-Pro-Regular' !important;
  height: 5.4rem;
  font-size: 1.5rem;
  max-width: 470px;
  width: 470px;
  padding: .5em 3em .5em 1.2em;
  font-style: italic !important;
}

@media all and (max-width: 1280px) {
  .center_msn p {
    font-size: 1.9rem;
  }
  .zipcode__search.zip-bg-white span.text {
    width: 320px;
    height: 60px;
    font-size: 1.1em;
  }
  .center_msn .zipcode__search span.zip-button {
    width: 120px;
    height: 60px;
    margin-left: -6rem;
  }
  .center_msn .zip-bg-white {
    margin-top: 40px;
  }
  .right_zone .svg_right {
    top: 12%;
  }
  .right_zone img {
    top: 40%;
  }
  .left_zone .svg_left {
    top: 33%;
  }
  .left_zone img {
    top: 40%;
  }
  .main_image {
    min-height: 670px;
  }
}

@media (min-width: 1281px) and (max-width: 1680px) {
  .center_msn p {
    font-size: 2.3rem;
  }
  ul.menu > li > a {
    font-size: 1.5rem !important;
  }
  .center_msn > div {
    padding: 0 15%;
  }
  .left_zone .svg_left {
    top: 35%;
  }
  .left_zone img {
    top: 41%;
    width: 32%;
  }
  .center_msn .zipcode__search span.text {
    width: 420px;
    height: 70px;
  }
  .center_msn .zipcode__search span.zip-button {
    height: 70px;
  }
  .right_zone img {
    top: 42%;
  }
  .right_zone .svg_right {
    top: 12%;
  }
 .main_image {
    min-height: 770px;
  }
}

@media (max-width: 800px) {
  .main_image {
    min-height: 540px;
    height: 540px;
  }
  .center_msn > div {
    padding: 0 8%;
  }
  .center_msn p {
    font-size: 1em;
    top: 17%;
  }
  .center_msn img {
    width: 70%;
    margin-top: 3%;
  }
  .right_zone img {
    width: 50%;
    right: -1%;
    top: 46%;
  }
  .right_zone .svg_right {
    top: 35%;
  }
  .left_zone .svg_left {
    position: absolute;
    top: 50%;
    left: -15%;
    width: 65%;
  }
  .left_zone img {
    left: 0%;
    width: 40%;
    top: 50%;
  }
  .center_msn .zipcode__search span.text {
    width: 240px;
    height: 40px;
    font-size: .8rem;
  }
  .center_msn .zipcode__search span.zip-button {
    height: 40px;
    width: 80px;
    margin-left: -4rem;
  }
}
@media all and (max-width: 600px) {
  .main_image {
    min-height: 550px;
    height: 550px;
  }
  .center_msn > div {
    padding: 0 8%;
  }
  .center_msn p {
    font-size: .9em;
    top: 17%;
  }
  .center_msn img {
    width: 70%;
    margin-top: 3%;
  }
  .right_zone img {
    width: 55%;
    right: -1%;
    top: 45%;
  }
  .right_zone .svg_right {
    top: 38%;
  }
  .left_zone .svg_left {
    position: absolute;
    top: 58%;
    left: -16%;
    width: 70%;
  }
  .left_zone img {
    left: -1%;
    width: 53%;
    top: 48%;
  }
  .center_msn .zipcode__search span.text {
    width: 240px;
    height: 40px;
    font-size: .8rem;
  }
  .center_msn .zipcode__search span.zip-button {
    height: 40px;
    width: 80px;
    margin-left: -4rem;
  }
}


/* Cell */
@media all and (max-width: 540px) {
  .main_image {
    min-height: 550px;
    height: 550px;
  }
  .center_msn > div {
    padding: 0 8%;
  }
  .center_msn p {
    font-size: .9em;
    top: 17%;
  }
  .center_msn img {
    width: 70%;
    margin-top: 3%;
  }
  .right_zone img {
    width: 55%;
    right: -1%;
    top: 45%;
  }
  .right_zone .svg_right {
    top: 38%;
  }
  .left_zone .svg_left {
    position: absolute;
    top: 60%;
    left: -15%;
    width: 75%;
  }
  .left_zone img {
    left: 0%;
    width: 55%;
    top: 60%;
  }
  .center_msn .zipcode__search span.text {
    width: 240px;
    height: 40px;
    font-size: .8rem;
  }
  .center_msn .zipcode__search span.zip-button {
    height: 40px;
    width: 80px;
    margin-left: -4rem;
  }
}


/* SWING SET SECTION - INDIVIDUAL PAGE */
.swing-sets-section-individual {
  margin: -2rem 1rem 1rem 1rem;
}

.swing-sets-section-individual h1 {
  font-size: 1.45em !important;
  text-align: left;
  margin-top: 4.5rem;

}

.swing-sets-section-individual-specifications {
  background-image: url('/wp-content/themes/adventure-world-playsets/svg/yellow_g.svg');
  background-repeat: no-repeat;
  background-position: center;
  background-attachment: initial !important;
  background-color: var(--primary-color);
  background-size: 27%;
  padding: 3rem;
}

.swing-sets-section-individual-specifications h2,
.swing-sets-section-individual-specifications p
{
  color: white;
  margin-bottom: 2px;
}


.swing-sets-section-individual-specifications h3 {
  color: white;
}

.swing-sets-section-individual-specifications img {
  width: 400px;
}

.swing-sets-section-individual .zipcode__search {
  display: flex;
}

.safety-specification-container {
  display: flex;
  flex-direction: row;
}

.safety-specification-container .safety-specification-text {
  margin: 2rem;
  margin-right: 0;
  display: flex;
  color: white;
}

.swing-sets-section-image {
  width: 95%;
  margin: 0 auto;
  font-size: 20px;
}


.swing-sets-section-image img {
  border-radius: 2rem;
}
.swing-sets-section-individual .swing-set-description {
  overflow-y: auto;
  height: 180px;
margin:10px;
}

.swing-sets-section-individual .group {
  padding-bottom: 20px;
}

.swing-sets-section-individual-specifications .group .grid-half {
  vertical-align: top;
}

.swing-sets-section-image .circle-container {
  float: right;
  border-radius: 50%;
  background-color: var(--blue-color);
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  top: 46px;
  left: 2rem;
  padding: 0.4rem;
  min-width: 80px;
}

.swing-sets-section-image .circle-container .plus {
  font-size: .9em;
  font-family: Filson-Pro-Bold !important;
  font-weight: bold;
  float: right;
  color: white;
  font-weight: bold;
}

.swing-sets-section-image .circle-container::before {
  content: "";
  padding-top: 100%;
}

.page-section.individual-page-section {
  margin: 0 !important;
}


.swing-sets-section-individual .zip-bg-blue {
  margin-top:20px;
}

@media all and (max-width: 1024px) {
  .swing-sets-section-image .circle-container {
    padding: 4px;
    font-size: 12px;
    left: 1rem;
  }

  .swing-sets-section-individual {
    width: 85%;
    margin: 1rem auto;
  }


  .individual-page-section section.get-pricing {
    margin: 0.5rem
  }

  .swing-sets-section-individual .swing-set-description {
    height: auto;
  }

}


@media screen and (max-width: 865px) {
  .swing-sets-section-individual .zipcode__search {
    width: 100%;
    margin-top: 10px;
    justify-content: center;
  }
  .swing-sets-section-individual-specifications {
    background-size: 0%;

  }
}

/* ZIP CODE FORM */
.find-your-dealer-zip-code .zipcode__search_form .select-country,
.find-your-dealer-zip-code .zipcode__search_form .radio-buttons label {
  color: var(--blue-color)
}

.zipcode__search_form .select-country {
  color: var(--yellow-color);
  font-size: 1rem;
}
.zipcode__search_form .radio-buttons {
  display: inline-flex;
  justify-content: space-between;
  width: 70%;
  margin-bottom: 10px;
}


.zipcode__search_form .radio-buttons input {
  transform: scale(2);
  margin-right: 10px;
  outline: none;
}

.zipcode__search_form .radio-buttons label {
  color: var(--yellow-color);
  font-size: 1.4rem;
  font-weight: 800;
}