html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
html { box-sizing: border-box; }

*, *::after, *::before { box-sizing: inherit; }

/* Font Family Declarations */
/* Font Sizing Handler */
/* Typography Styles */
/* Centered element - Parent container should be position: relative; */
/* Force element to fill it's parent container */
/* This mixin can be used to set the object-fit: @include object-fit(contain); or object-fit and object-position: @include object-fit(cover, top); */
.view-playcation-destinations .custom-view-filters { align-items: center; display: flex; justify-content: center; position: relative; }

.view-playcation-destinations .play-filter { background-position: top center; background-repeat: repeat; background-image: url("/themes/custom/tnvacation/img/playcation/dk-blue-filter-bg.png"); background-position: center 0; background-repeat: repeat-x; background-size: contain; border-bottom: 2px solid #0F233D; margin-bottom: 20px; position: relative; width: 100%; background-size: cover; }

.view-playcation-destinations .play-filter h2 { font-size: 26px; font-size: 1.625rem; font-family: 'Freight-Sans', arial, sans-serif; font-weight: 700; color: #FFFFFF; text-align: center; text-transform: uppercase; }

.view-playcation-destinations .play-filter p { font-size: 22px; font-size: 1.375rem; font-family: 'Freight-Sans', arial, sans-serif; font-weight: 700; color: #0F233D; cursor: pointer; line-height: 1; margin-bottom: 0; position: relative; }

.view-playcation-destinations .play-filter.open { margin-bottom: 0; }

.view-playcation-destinations .play-filter.open .play-filter--closed:after { transform: rotate(180deg); }

.view-playcation-destinations .play-filter.open .play-filter--dropdown { display: flex; }

@media (min-width: 768px) { .view-playcation-destinations .play-filter.open { margin-bottom: 20px; } }

@media (min-width: 768px) { .view-playcation-destinations .play-filter { border-bottom: 0; padding: 30px 0; } }

@media (min-width: 1024px) { .view-playcation-destinations .play-filter { border: 0; padding: 4rem 0 5rem; }
  .view-playcation-destinations .play-filter h2 { font-size: 36px; font-size: 2.25rem; }
  .view-playcation-destinations .play-filter p { font-size: 32px; font-size: 2rem; } }

.view-playcation-destinations .play-filter--closed { align-items: center; background: #FFFFFF; display: flex; justify-content: space-between; margin: 0 auto; padding: 15px 20px 12px; }

@media (min-width: 768px) { .view-playcation-destinations .play-filter--closed { border-radius: 5px; padding: 12px 25px 10px; width: 430px; } }

.view-playcation-destinations .play-filter--closed:after { border-left: 12px solid transparent; border-right: 12px solid transparent; border-top: 12px solid #0F233D; content: ''; display: inline-block; height: 0; margin-bottom: 0; margin-left: 20px; position: absolute; right: 20px; transition: all 0.2s ease-in-out; width: 0; }

.view-playcation-destinations .play-filter--dropdown { background: #F1EFE4; bottom: 0; display: none; flex-direction: column; left: 50%; position: absolute; transform: translate(-50%, 100%); width: 100%; z-index: 10; }

@media (min-width: 768px) { .view-playcation-destinations .play-filter--dropdown { width: 430px; bottom: 79px; } }

.view-playcation-destinations .play-filter--option { border: 1px solid #0F233D; padding: 11px 10px 4px; }

.view-playcation-destinations .play-filter--option:hover, .view-playcation-destinations .play-filter--option.selected { border-color: #0F233D; color: #0F233D; }

.view-playcation-destinations .view-play-content { display: flex; flex-wrap: wrap; justify-content: space-around; align-items: center; }

/*# sourceMappingURL=../../maps/libraries/views/playcation-destination--listing.css.map */