@charset "UTF-8";


#content-container { min-height: 160px; width: 90%; padding:0px 5%; margin-top: 15px; } 

#content-containerFlorida { min-height: 160px; width: 98%; padding:0px 1%; margin-top: 15px; } 
#fh-image-button-container { display: -webkit-box;display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; flex-direction: row; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; font-size: 20px; margin: 15px; align-items: flex-start; } 

#fh-image-button-container .image-button { display: -webkit-box; display: flex;position: relative; -webkit-box-orient: vertical;  -webkit-box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 4px 6px 0 rgb(0 0 0 / 10%); box-shadow: 0 1px 3px 0 rgb(0 0 0 / 8%), 0 4px 6px 0 rgb(0 0 0 / 10%); -webkit-box-direction: normal; flex-direction: column; -webkit-box-pack: end; justify-content: center; box-sizing: border-box; margin: 1%; background-position: 50% 50%; background-repeat: no-repeat; border-radius: 15px; background-size: cover; overflow: hidden; text-decoration: none; -webkit-transition: all 200ms ease; transition: all 200ms ease; } 

/* fall back widths */ #fh-image-button-container .image-button.-half { flex-basis: 48% !important; } 

#fh-image-button-container .image-button.-third { flex-basis: 31.3% !important; background-color:white;} #fh-image-button-container .image-button.-twothirds { flex-basis: 64.6666666667%; } #fh-image-button-container .image-button.-full { flex-basis: 100%; } @media only screen and (max-width: 800px) { #fh-image-button-container .image-button.-third { flex-basis: 48% !important; } #fh-image-button-container .image-button.-twothirds { flex-basis: 48% !important; } } .bgimage { display: flex; background-position: center center; background-size: cover; min-height: 10em; filter: brightness(90%); transition: filter 200ms ease; } .image-button:hover > a > span { filter: brightness(110%); } @media only screen and (max-width: 1000px) { .bgimage { min-height: 8em; } } .fh-button-true-flat-color.fh-size--small { border-radius: 5px !important; font-size: 15px !important; margin: 0% 3.5% 15px 3.5% !important; } #fh-image-button-container .image-button:hover { box-shadow: 0 4px 16px -1px rgba(0, 0, 0, 0.6); } #fh-image-button-container .badge { position: absolute; top: 0.5em; right: 0.5em; display: inline-block; padding: 0.5em 1em; font-size: 0.6em; color: white; border-radius: 5px; } #fh-image-button-container .tour-info { color: black; line-height: 1em !important; font-size: 1em; padding: 20px 15px !important; text-decoration: none; font-weight: bold; font-family: sans-serif;} .title { flex-basis: 100%; line-height: 1.3; font-size: 20px !important; } .subtitle { flex-basis: 100%; line-height: 1.2; font-size: 15px !important; } @media (max-width: 500px) { #fh-image-button-container .book-btn { bottom: 0; right: 0; left: 0; box-sizing: border-box; } #fh-image-button-container .image-button.-third { flex-basis: 99% !important; } #fh-image-button-container .image-button.-half{ flex-basis: 99% !important; } #fh-image-button-container .image-button.-twothirds{ flex-basis: 99% !important; } .bgimage { min-height: 10em; } } #fh-image-button-container .tour-info span { font-size: 0.7em; font-weight: normal; text-decoration: none; background-color:white;}