/*
 Theme Name:   Visit Mississippi
 Theme URI:    https://visitmississippi.org
 Description:  Visit Mississippi 2022 Theme
 Author:       MWB
 Author URI:   https://mwb.com
 Version:      1.0.0
*/
body{
    overflow-x: hidden;
}
.alignfull{
    margin:0;
    width: 100%;
    max-width: 100%;
}
.site-logo {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (min-width: 768px) {
  .site-logo {
    padding-top: 1rem;
    padding-bottom: 1rem;
    max-height: 130px;
  }
}
.relative{
    position: relative;
}
.a11y {
  clip: rect(0 0 0 0);
  clip-path: inset(50%);
  height: 1px;
  overflow: hidden;
  position: absolute;
  white-space: nowrap;
  width: 1px;
}
@media (max-width: 767px) {
.center-on-mobile{
    text-align: center;
}
}
.page-template-page-nohero .site-main,.page-template-page-nohero .site-header, .page-template-page-nohero .site-footer, .page-template-page-nohero #content>.row>*{
    padding-left: 0;
    padding-right: 0;
}
.page-template-page-nohero #content>.row{
    margin-left: 0;
    margin-right: 0;
}
.has-white-background-color {
  background-color: #fff;
}
.has-white-border-color {
  border-color: #fff;
}
.has-vms-red-color {
  color: #bc3a3a;
}
.has-vms-red-background-color {
  background-color: #bc3a3a;
}
.has-vms-red-border-color {
  border-color: #bc3a3a;
}
.has-vms-dred-color {
  color: #621e1e;
}
.has-vms-dred-background-color {
  background-color: #621e1e;
}
.has-vms-dred-border-color {
  border-color: #621e1e;
}
.has-vms-lgreen-color {
  color: #ceedb3;
}
.has-vms-lgreen-background-color {
  background-color: #ceedb3;
}
.has-vms-lgreen-border-color {
  border-color: #ceedb3;
}
.has-vms-mgreen-color {
  color: #9bb585;
}
.has-vms-mgreen-background-color {
  background-color: #9bb585;
}
.has-vms-mgreen-border-color {
  border-color: #9bb585;
}
.has-vms-dblue-color {
  color: #01224b;
}
.has-vms-dblue-background-color {
  background-color: #01224b;
}
.has-vms-dblue-border-color {
  border-color: #01224b;
}
.has-vms-mblue-color {
  color: #376090;
}
.has-vms-mblue-background-color {
  background-color: #376090;
}
.has-vms-mblue-border-color {
  border-color: #376090;
}
.has-vms-lblue-color {
  color: #76aee8;
}
.has-vms-lblue-background-color {
  background-color: #76aee8;
}
.has-vms-lblue-border-color {
  border-color: #76aee8;
}
.has-vms-yellow-color {
  color: #f9c851;
}
.has-vms-yellow-background-color {
  background-color: #f9c851;
}
.has-vms-yellow-border-color {
  border-color: #f9c851;
}
.has-black-color {
  color: #000;
}
.has-black-background-color {
  background-color: #000;
}
.has-black-border-color {
  border-color: #000;
}
.has-white-color {
  color: #fff;
}
.has-white-color a,
.has-white-color a:hover,
.has-white-color a:visited,
.has-white-color a:visited:hover {
  color: #fff !important;
}
:root {
  --d-gray: #222;
  --l-green: #ceedb3;
  --m-green: #9bb585;
  --d-green: #637455;
  --l-blue: #76aee8;
  --m-blue: #376090;
  --d-blue: #01224b;
  --l-yellow: #f7f1de;
  --m-red: #bc3a3a;
  --d-red: #621e1e;
  --orange: #ff7907;
  --white: #fff;
}
.is-style-vms-button-blue a,
.is-style-vms-button-blue a:visited {
  background-color: var(--m-blue) !important;
  border: 1px solid var(--m-blue) !important;
  border-radius: 0 !important;
  color: var(--wp--preset--color--white) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1rem !important;
  padding: 0.65em 1.75em !important;
  text-align: center !important;
  text-decoration: none !important;
  text-transform: uppercase !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}
.is-style-vms-button-blue a:hover {
  background-color: var(--wp--preset--color--white) !important;
  border: 1px solid var(--m-blue) !important;
  border-radius: 0 !important;
  color: var(--m-blue) !important;
  text-decoration: none !important;
}
.is-style-vms-button-red a,
.is-style-vms-button-red a:visited {
  background-color: var(--d-red) !important;
  color: var(--wp--preset--color--white) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1rem !important;
  padding: 0.65em 1.75em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
}
.is-style-vms-button-red a,
.is-style-vms-button-red a:hover,
.is-style-vms-button-red a:visited {
  border: 1px solid var(--d-red) !important;
  border-radius: 0 !important;
  text-decoration: none !important;
}
.is-style-vms-button-red a:hover {
  background-color: var(--wp--preset--color--white) !important;
  color: var(--d-red) !important;
}
/* White Button */
.is-style-vms-white-blue a,
.is-style-vms-white-blue a:visited {
  background-color: var(--wp--preset--color--white);
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1rem !important;
  padding: 0.65em 1.75em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  color: #376090 !important;
  border: 1px solid var(--wp--preset--color--white) !important;
 
   border-radius: 0 !important;
}

.is-style-vms-white-blue a:hover {
    color:  var(--wp--preset--color--white) !important;
    background: #376090;
  text-decoration: none !important;
}
.is-style-vms-button-red a:hover {
  background-color: transparent !important;
  border: 1px solid var(--wp--preset--color--white) !important;
}

.crossroads-button .wp-block-getwid-video-popup__button.is-size-small .wp-block-getwid-video-popup__button-caption{
    color: #376090;
    padding: 0;
}
.crossroads-button a:hover .wp-block-getwid-video-popup__button.is-size-small .wp-block-getwid-video-popup__button-caption{
    color: var(--wp--preset--color--white) !important;
    padding: 0;
}
.crossroads-button .wp-block-getwid-video-popup__button.is-style-fill:not(.has-background){
    background-color: transparent !important;
}
.crossroads-button a, .crossroads-button a:visited {
  background-color: var(--wp--preset--color--white) !important;
  font-size: 1rem !important;
  font-weight: 700 !important;
  letter-spacing: 0.1rem !important;
  padding: 0.65em 1.75em !important;
  text-align: center !important;
  text-transform: uppercase !important;
  -webkit-transition: all 0.2s ease-in-out !important;
  transition: all 0.2s ease-in-out !important;
  color: #376090 !important;
  border: 1px solid var(--wp--preset--color--white) !important;
  border-radius: 0 !important;
}
.crossroads-button a:hover{
    color:  var(--wp--preset--color--white) !important;
    background: #376090 !important;
    text-decoration: none !important;
}
.crossroads-button.wp-block-getwid-video-popup__title{
  font-size: 1rem !important;
  font-weight: 700 !important;
}

.crossroads-button .wp-block-getwid-video-popup__button{
    border: 0;
}
.crossroads-button .wp-block-getwid-video-popup__button.is-size-small{
    min-height: unset !important;
}
.crossroads-button .wp-block-getwid-video-popup__link{
    padding: 0;
}
.crossroads-button .wp-block-getwid-video-popup__title
.crossroads-button .wp-block-getwid-video-popup__button:before, .crossroads-button .wp-block-getwid-video-popup__icon{
    display: none !important;
}
.display-none{
    display: none !important;
}
.no-margin{
    margin-top: 0;
    margin-bottom: 0;
}
.big-buttons .slick-prev,
.big-buttons .slick-next {
  width: 50px;
  height: 50px;
  z-index: 10;
}

.big-buttons .slick-prev:before,
.big-buttons .slick-next:before {
font-family: Linearicons-Free;
position: absolute;
top: 50%;
left: 50%;
opacity: 1;
font-size: 1.5rem;
color: black;
-webkit-transform: translateX(-40%) translateY(-50%);
-ms-transform: translateX(-40%) translateY(-50%);
transform: translateX(-40%) translateY(-50%);
opacity:1;
color: black !important;
}
.big-buttons .slick-arrow{
    z-index: 1;
    text-shadow: none;
    width: 63px;
    height: 63px;
    background: rgba(255,255,255,.6);
    border-radius: 50%;
    -webkit-transition: background-color .3s ease;
    -o-transition: background-color .3s ease;
    transition: background-color .3s ease;
    top: 50%;
}
.big-buttons .slick-arrow:hover{
    background: rgba(255,255,255,1);
}
.big-buttons .slick-arrow:hover::before{
    color: black;
}
main .has-vms-white-color a {
  color: #fff !important;
}


.poi-intro {
    background-color:var(--l-yellow)
}

.poi-intro p {
    font-size: 1.2rem;
    line-height:1.5
}
@media (min-width: 1400px) {
    body {
        font-size: 1.15rem; /* Adjust this size as needed */
    }
}

.block-card-overlay {
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 1.5rem;
    color: #fff;
    text-align: left;
    width: 100%;
    aspect-ratio: 4 / 3 !important; /* Set the 4:3 aspect ratio */
    background: linear-gradient(180deg, transparent, rgba(0, 0, 0, 0.7));
}

.block-card-overlay .block-card-overlay-image {
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    position: absolute;
}

.block-card-overlay img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.block-card-overlay .block-card-overlay-content {
    font-family: futura-pt, sans-serif;
    font-size: 1.5rem;
    font-weight: 700;
    text-transform: uppercase;
    text-shadow: 3px 4px 0 rgba(0, 0, 0, 0.1);
    color: #fff;
    margin: 0 !important;
    padding: 1rem;
    z-index: 1;
    background: rgba(0,0,0,.3)
}

.block-card-overlay .block-card-overlay-title a {
    color: #fff;
    text-decoration: none;
    z-index: 1;
}

.block-card-overlay .block-card-overlay-title a:hover {
    color: #fff;
    text-decoration: underline;
}

.block-card-overlay hr {
    margin: 0 0 .5em 0 !important;
    background-color: initial;
    border-bottom: 8px solid hsla(0, 0%, 100%, 0.4);
    max-width: 40%;
    opacity: 1;
    z-index: 1;
}

// white button block
.is-style-vms-white-blue a{
    background-color: #fff !important;
    border-radius: 0;
}

/* Home DMOs */
/* Target the DMO pagination links */
.dmo-pagination .wp-block-query-pagination-previous span {
    transform: rotate(180deg);
    background-image: url('https://visitmississippi.org/wp-content/themes/visitmississippi/assets/img/arrow-long.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 55px; /* Adjust based on your image size */
    height: auto;
    display: inline-block;
    text-indent: -9999px; /* Hide the text */
}
.dmo-pagination .wp-block-query-pagination-next{
    margin-bottom: 0;
}
.dmo-pagination .wp-block-query-pagination-next span {
    background-image: url('https://visitmississippi.org/wp-content/themes/visitmississippi/assets/img/arrow-long.svg');
    background-size: contain;
    background-repeat: no-repeat;
    width: 55px; /* Adjust based on your image size */
    height: auto;
    display: inline-block;
    text-indent: -9999px; /* Hide the text */
    margin-bottom: 0;
}

/* Optional: Adjust the alignment and spacing */
.dmo-pagination {
    display: flex;
    justify-content: center;
    gap: 10px; /* Add some spacing between the pagination items */
}

.dmo-pagination a {
    display: inline-block;
}
.dmo-card{
    aspect-ratio: 4 / 3;
    position: relative;
    display: flex;
    align-items: flex-end;
    justify-content: flex-start;
    height: 100%;
}
.dmo-card h3{
    width: 100%;
    text-align: center;
    background-color: hsla(0,0%,100%,.8);
    color: var(--m-blue);
    z-index: 1;
}
.dmo-card figure{
    z-index: 0;
    position: absolute;
    aspect-ratio: 4 / 3;
}
#sb_instagram #sbi_images{
    padding: 0 0 !important;
}
@media (max-width: 1100px){
.single-blog .entry-content .h2, .single-blog .entry-content .h3, .single-blog .entry-content .h4, .single-blog .entry-content h2, .single-blog .entry-content h3, .single-blog .entry-content h4{
    margin-top: .3rem;
}
}
.alignright{
    float: right;
    margin: 1rem;
}
.event-search ul{
    display: flex;
    flex-direction:  column
}
.poi-search .sf-field-submit{
    display: flex;
}
.poi-search input[type="submit"][value="Filter"]{
    margin-top: 0.5rem;
      background-color: var(--l-blue);
      color: var(--d-blue);
      border: 0;
      color: #fff;
      width: auto;
      padding: 0.5rem 1rem;
      text-transform: uppercase;
      font-size: 1rem;
      font-weight: 700;
      border: 1px solid var(--l-blue);
}
@media (min-width: 768px) {
  .poi-search input[type="submit"][value="Filter"] {
    margin-top: auto;
  }
}
.poi-search input[type="submit"][value="Filter"]:hover {
  background-color: var(--d-blue);
  color: #fff;
  border: 1px solid #fff;
}
input.sf-input-text{
    padding: .375rem 2.25rem .375rem .75rem;
    border: none;
}
.searchandfilter>ul li{
    width: 100%;
}

.searchandfilter .search-filter-reset{
    width: 100%;
    padding: .375rem 2.25rem .375rem .75rem;
}
/* Customize navigation arrows */
.white-carousel .slick-prev:before,
.white-carousel .slick-next:before {
    color: #fff !important; /* Change arrow color */
    background-color: transparent !important; /* Change arrow background */
    font-size: 2rem !important;
}

/* Customize navigation dots */
.white-carousel .slick-dots li button:before {
    color: #fff !important; /* Change dot color */
}

.white-carousel .slick-list{
    width: calc(100% - .25rem) !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/* Ensure navigation arrows remain centered */
.white-carousel .slick-prev,
.white-carousel .slick-next {
    top: 50% !important; /* Center the arrows vertically */
    transform: translateY(-50%) !important; /* Offset by half the height */
    width: auto !important; /* Allow for larger icons */
    height: auto !important;
}

/* Optional: Increase clickable area */
.white-carousel .slick-prev,
.white-carousel .slick-next {
    padding: 10px; /* Increase clickable area */
}

/* Adjust spacing from edges if necessary */
.white-carousel .slick-prev {
    left: -40px !important; /* Adjust as needed */
}

.white-carousel .slick-next {
    right: -40px !important; /* Adjust as needed */
}
.term-lodging .poi-intro{
    background-color: var(--l-yellow);
    color: var(--d-blue) !important;
}
.term-lodging .poi-intro h1{
    color: var(--d-blue) !important;
}

/* General Pagination Styles */
.wp-block-query-pagination {
    display: flex;
    list-style: none;
    padding-left: 0;
    gap: 5px; /* Adjust spacing between items */
}

.wp-block-query-pagination-numbers {
    display: flex;
    list-style: none;
    padding-left: 0;
}

/* Page Links */
.wp-block-query-pagination a,
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination .wp-block-query-pagination-previous,
.wp-block-query-pagination .wp-block-query-pagination-numbers a {
    background-color: #fff;
    border: 1px solid #dee2e6;
    color: #01224b;
    display: block;
    text-decoration: none;
    padding: .375rem .75rem;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

@media (prefers-reduced-motion: reduce) {
    .wp-block-query-pagination a {
        transition: none;
    }
}

/* Hover and Focus Styles */
.wp-block-query-pagination a:hover,
.wp-block-query-pagination a:focus {
    background-color: #376090;
    color: #fff;
    border-color: #dee2e6;
    z-index: 2;
    outline: none;
}

.wp-block-query-pagination a:focus {
    box-shadow: 0 0 0 .25rem rgba(13, 110, 253, .25);
    z-index: 3;
}

/* Active Page */
.wp-block-query-pagination .current {
    background-color: #01224b;
    border-color: #01224b;
    color: #fff;
    z-index: 3;
    padding: .375rem .75rem;
}

/* Disabled Page */
.wp-block-query-pagination .disabled {
    background-color: #fff;
    border-color: #dee2e6;
    color: #6c757d;
    pointer-events: none;
}

/* First and Last Child Styles */
.wp-block-query-pagination .wp-block-query-pagination-previous {
    border-bottom-left-radius: .25rem;
    border-top-left-radius: .25rem;
}

.wp-block-query-pagination .wp-block-query-pagination-next {
    border-bottom-right-radius: .25rem;
    border-top-right-radius: .25rem;
}

/* Large Pagination */
.pagination-lg .wp-block-query-pagination a {
    font-size: 1.25rem;
    padding: .75rem 1.5rem;
}

.pagination-lg .wp-block-query-pagination-previous {
    border-bottom-left-radius: .3rem;
    border-top-left-radius: .3rem;
}

.pagination-lg .wp-block-query-pagination-next {
    border-bottom-right-radius: .3rem;
    border-top-right-radius: .3rem;
}

/* Small Pagination */
.pagination-sm .wp-block-query-pagination a {
    font-size: .875rem;
    padding: .25rem .5rem;
}

.pagination-sm .wp-block-query-pagination-previous {
    border-bottom-left-radius: .2rem;
    border-top-left-radius: .2rem;
}

.pagination-sm .wp-block-query-pagination-next {
    border-bottom-right-radius: .2rem;
    border-top-right-radius: .2rem;
}

.site-footer #footer-three a{
    font-size: .9rem;
}

.slick-next:before, .slick-prev:before{
    font-size: 40px;
}
.wp-block-getwid-content-slider.has-arrows-inside .slick-next, .wp-block-getwid-images-slider.has-arrows-inside .slick-next, .wp-block-getwid-media-text-slider.has-arrows-inside .slick-next, .wp-block-getwid-post-carousel.has-arrows-inside .slick-next, .wp-block-getwid-post-slider.has-arrows-inside .slick-next{
    right: 40px;
}
.backdrop-blur{
    background-color: rgba(77, 75, 133,.4);
    backdrop-filter: blur(5px);
}
.music-trail-slider .slick-track {
  display: flex;
  height: 500px;
}
.music-trail-slider  .slick-track .slick-slide {
  display: flex;
  height: 100%;
  align-content: center;
  justify-content: center;
}
.music-trail-slider figure{margin: 0; margin-top: 0 !important;}

#gform_wrapper_17 .gform_description, #gform_confirmation_message_17 .gform_confirmation_message{
    font-size: 1.25rem !important;
    font-weight: 400;
    text-align: center;
    color: #000 !important;
    margin-bottom: 1rem;
}

.searchandfilter .sf-field-submit input{ 
    
    background-color: var(--d-blue);
    border: 1px solid #fff;
    color: #fff;
    font-size: 1rem;
    font-weight: 700;
    width: 100%;
    padding: .375rem 1.5rem .375rem 1.5rem;
    margin-top: auto;
    margin-left: auto;
    margin-right: auto;
    text-transform: uppercase;
}
.searchandfilter .sf-field-submit input:hover{
    background: var(--l-blue);
} 
.search-filter-reset{
margin-left: auto;
margin-right: auto;
}
// tempest form in footer
#CC9B39265B604255A35DA6F3A61F41D4 .required-marker{
    color: #fff !important;
}

/* Base header transition */
.site-header {
    background: linear-gradient(0deg, transparent, rgba(0,0,0,.6) 38%);
    max-width: 100vw;
    width: 100%;
    position: absolute;
    z-index: 10;
    transition: transform 0.3s ease, background-color 0.3s ease;
}

/* When it becomes sticky/fixed */
.site-header.is-fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    /* start hidden above the viewport */
    transform: translateY(-100%);
}

/* Show vs hide states while fixed */
.site-header.is-fixed.is-visible {
    transform: translateY(0);
}

.site-header.is-fixed.is-hidden {
    transform: translateY(-100%);
}