/*
Theme Name: Costa Rica 2024 FSE
Author: Pilot Digital
Author URI: pilotdigital.com
Theme URI:
Tags: full-site-editing
Text Domain: costa-rica-2024-fse
Requires at least: 5.8
Requires PHP: 7.4
Tested up to: 6.0
Version: 1.0.0
Full Site Editing: true
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
All files, unless otherwise stated, are released under the GNU General Public
License version 2.0 (http://www.gnu.org/licenses/gpl-2.0.html)
*/
/*--------------------------------------------------------------
# Global
--------------------------------------------------------------*/
:root {
--aqua-light: #E1F6F6;
--coral-light: #FFC9C9;
--yellow-light: #FFEC7B;
--sea-blue: #04698D;
--gray-blue: #675C70;
--powder-blue: #8DD2E0;
--wp--preset--font-family--openSans: var(--wp--preset--font-family--open-sans);
}
@media (prefers-reduced-motion: no-preference) {
html {
scroll-behavior: smooth;
}
}
.max-content-width {
max-width: var(--wp--style--global--content-size);
margin: 0 auto!important;
}
.grecaptcha-badge {
z-index: 20;
}
/* Typography
========================================================== */
/* @font-face {
font-family: 'Sanchez';
src: url('/wp-content/themes/thresholds-2023-fse/assets/fonts/Sanchez-Regular.ttf') format('truetype');
}
@font-face {
font-family: 'Open Sans';
src: url('/wp-content/themes/thresholds-2023-fse/assets/fonts/OpenSans-VariableFont_wdth,wght.ttf') format('truetype');
} */
body {
/*23 dont need, as the below fontnamefix patches in the openSans bug font-family: 'Open Sans', sans-serif; */
font-weight: 400;
text-rendering: optimizeLegibility;
overflow-x: hidden;
font-feature-settings: 'lnum' 1;
--wp--preset--font-family--openSans: var(--wp--preset--font-family--open-sans);
}
/* h1, h2, h3, h4, h5, h6 {
font-family: 'Sanchez', serif;
} */
footer {
margin-block-start: 0rem;
}
.mk-clk {
transition: all 0.2s ease-in-out;
/* transform: translateY(0%); */
}
.mk-clk:hover{
cursor:pointer;
/* transform: translateY(-3%); */
}
.wp-block-query .mk-clk:hover .wp-block-post-title a{
color: var(--wp--preset--color--secondary);
/* background-color: color-mix(in srgb, currentColor 20%, transparent); */
text-decoration: none;
}
.wp-block-query .mk-clk:hover .wp-block-post-title a::after{
transform: translateX(14%) scale(.9);
}
.wp-block-query .mk-clk:hover .wp-block-post-featured-image img{
transform: scale(1.1);
}
.make-slick ul.slick-slider,
.make-slick.slick-slider{
display:grid;
grid-template-columns: 4em 1fr 4em;
z-index:0;
}
.make-slick ul.slick-slider .slick-list,
.make-slick.slick-slider .slick-list{
grid-row:1;
grid-column: 1 / span 3;
}
.make-slick ul.slick-slider > button.slick-prev,
.make-slick.slick-slider > button.slick-prev{
grid-row:1;
grid-column:1;
z-index:4;
}
.make-slick ul.slick-slider > button.slick-next,
.make-slick.slick-slider > button.slick-next{
grid-row:1;
grid-column:3;
z-index:4;
}
.has-h3-style,
.has-h4-style {
line-height: 1.15;
}
h4:not(.has-h3-style),
.has-h4-style {
letter-spacing: 0.025em;
/* text-transform: uppercase; */
font-weight: 500;
font-size: 1.25rem;
}
.wp-block-post-author,
.wp-block-post-date,
form label,
form legend,
.wp-block-quote cite,
.wp-block-gallery figcaption,
.wp-block-image figcaption,
ul.wp-block-categories-list li {
/* font-size: 1.15rem; */
font-size: .9rem;
}
.has-h4-style {
font-size: var(--wp--preset--font-size--normal);
}
.section-case-studies .wp-block-post-title {
font-size: var(--wp--preset--font-size--medium);
}
.has-h3-style,
.wp-block-quote p {
font-size: var(--wp--preset--font-size--large);
}
.is-style-heading-label,
.is-style-small-all-caps {
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.175rem;
line-height: 1.5rem;
text-transform: uppercase;
color: var(--wp--preset--color--accessible-orange);
}
h2.icon-email {
font-size: 1.25rem;
}
.small-text {
font-size: .8rem;
}
/* @media screen and (max-width: 600px) {
h1:not(.has-style-gigantic) {
font-size: 2em;
}
} */
/* Blockquotes
======================================================================================*/
.wp-block-quote {
border-left: 0;
}
.wp-block-quote p {
font-style: italic;
}
.wp-block-quote p:first-of-type::before {
color: inherit;
content: '\201C';
display: inline-block;
font-size: inherit;
font-style: normal;
text-indent: -0.5em;
}
blockquote.breakout-quote {
padding: 1.5rem;
position: relative;
}
blockquote.breakout-quote::before {
content: url(/wp-content/uploads/2020/10/yellow-triangle.png);
max-width: 25%;
position: absolute;
left: -1rem;
top: 50%;
transform: translateY(-50%);
z-index: -1;
}
::selection {
background-color: #0B2E40;
color: var(--wp--preset--color--background);
}
header ::selection {
background-color: var(--wp--preset--color--secondary);
}
.wp-block-post-terms a{
color: var(--wp--preset--color--tertiary);
}
.wp-block-post-title a,
.wp-block-image figcaption {
color: var(--wp--preset--color--primary);
}
header ::selection,
.has-foreground-background-color a,
.site-footer,
.site-footer a{
color: white;
}
/* Breadcrumbs
======================================================================================*/
.breadcrumbs {
font-size: 1rem;
color: var(--wp--preset--color--dark-blue);
text-decoration: none;
line-height: 1.2;
}
.breadcrumbs ol {
margin-top: 0px;
flex-wrap: wrap;
}
.breadcrumbs li a {
text-decoration: none;
}
.breadcrumbs a {
font-weight: 500;
transition: all .3s ease-in-out;
color: var(--wp--preset--color--accessible-cyan-on-light-bg)
}
.breadcrumbs a:hover {
text-decoration: none;
background-color: #D4F8FF;
}
/* List
======================================================================================*/
/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
.primary-navigation-container {
/* padding: 16px 0px 8px 0px!important; */
padding: 0px!important;
gap: 1.5rem;
}
.primary-navigation-container .navigation-links-container {
gap: 1.5rem;
}
/* .primary-nav-container {
margin-bottom: 1rem;
} */
.primary-navigation-container .primary-nav a{
font-size: 1.1rem;
}
.primary-navigation-container .primary-nav {
gap: 1.5rem;
}
.primary-navigation-container .nav-button-row {
gap: .5rem;
}
.site-logo-container {
position: relative;
width: 175px;
}
.site-logo {
position: absolute;
top: -31px;
}
.navigation-links-container {
gap: 1rem;
padding: 28px 0px!important;
flex-wrap: wrap;
justify-content: flex-end;
padding-right:1rem!important;
}
.cre_header_top_row a {
font-size: 1rem;
}
/* Links
============================================================= */
a:hover,
a:visited {
text-decoration-style: solid;
}
a:hover,
.wp-block-navigation-item__label:hover {
cursor: pointer;
}
/*animation */
.wp-block-navigation-item a {
text-decoration: none;
position: relative;
z-index: 1;
}
.wp-block-navigation-item a::before {
content: '';
background-color: var(--wp--preset--color--yellow);
position: absolute;
left: 0;
bottom: 3px;
width: 100%;
height: 0px;
z-index: -1;
transition: all .2s ease-in-out;
}
.wp-block-navigation-item a:hover::before {
bottom: 0;
height: 10%;
}
/* .cre_header_top_row nav .wp-block-navigation-item a:hover {
color: black;
} */
/* */
/*
.wp-block-navigation .wp-block-navigation-item a {
transition: all .2s ease-in-out;
}
.wp-block-navigation .wp-block-navigation-item a:hover {
text-underline-offset: 10px;
text-decoration-color: #FFAC0B;
text-decoration-thickness: 2px;
}
.wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover {
background-color: var(--wp--preset--color--neutral-100);
} */
a:focus,
a:active,
.arrow-link a,
.wp-block-post-terms a,
a.wp-block-query-pagination-next,
a.wp-block-query-pagination-previous,
.cat-item a,
h2.arrow-link a,
h3.arrow-link a,
.in-content-cta a {
text-decoration: none;
}
.wp-block-heading a {
color: var(--wp--preset--color--primary);
transition: all .3s ease-in-out;
}
.wp-block-heading a:hover {
transform: translateY(0px);
color: var(--wp--preset--color--secondary);
text-decoration: underline;
}
.wp-block-heading a::after {
content: url("data:image/svg+xml,%3Csvg width='8' height='12' viewBox='0 0 8 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0.590088 10.59L5.17009 6L0.590088 1.41L2.00009 0L8.00009 6L2.00009 12L0.590088 10.59Z' fill='%23009FE3'/%3E%3C/svg%3E%0A");
display: inline-flex;
align-items: center;
width: 16px;
height: 16px;
padding-left: 8px;
transform: translateX(25%);
transition: all .2s ease-in-out;
}
.wp-block-heading a:hover::after {
transform: translateX(45%);
}
p a{
color: var(--wp--preset--color--accessible-cyan-on-light-bg);
}
p a:hover{
background-color: #D4F8FF;
}
/* Stylized Link ----------------------------------- */
a.wp-block-query-pagination-previous::before {
content: '\2794';
margin-block-end: 0.2rem;
transform: translateX(-25%) rotate(180deg);
}
a.wp-block-query-pagination-previous:hover::before {
transform: translateX(-55%) rotate(180deg);
}
h2.arrow-link a,
h3.arrow-link a,
h4.arrow-link a,
.in-content-cta a {
color: inherit;
}
.has-h3-style.arrow-link a::after {
color: var(--wp--preset--color--quaternary);
}
/* Buttons
============================================================= */
.wp-block-button {
font-family: 'Raleway', sans-serif;
}
.wp-block-button .wp-block-button__link {
font-family: 'Raleway', sans-serif;
text-transform: uppercase;
font-weight: 800;
letter-spacing: 1px;
position: relative;
line-height: 1.2;
}
.wp-block-button .wp-block-button__link::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23093044' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E");
display: inline-block;
padding-left: 8px;
transform: translateX(0%);
transition: all .2s ease-in-out;
transform: scale(.9);
vertical-align: middle;
}
.wp-block-button .wp-block-button__link:hover::after {
transform: translateX(14%) scale(.9);
}
button:not(.wp-block-social-link-anchor, .slick-arrow, .wp-block-navigation__responsive-container-open, .wp-block-navigation__responsive-container-close),
.wp-block-search .wp-block-search__button,
input[type="button"],
input[type="submit"],
.wp-block-button__link {
background-color: var(--wp--preset--color--yellow);
border: 1.5px solid var(--wp--preset--color--yellow);
border-radius: 3rem;
color: var(--wp--preset--color--dark-blue);
cursor: pointer;
padding: 0.8rem 1.6rem;
text-align: center;
transition: all 0.2s ease-in-out;
}
.wp-block-button .wp-block-button__link:hover{
background-color: #FFAC0B;
color: var(--wp--preset--color--primary);
border-color: #FFAC0B;
}
.is-style-outline > .wp-block-button__link {
/* border: 1.5px solid var(--wp--preset--color--yellow); */
background-color: unset;
color: var(--wp--preset--color--dark-blue);
}
.is-style-outline > .wp-block-button__link:hover {
border-color: #FFAC0B;
color: var(--wp--preset--color--primary);
}
.is-style-outline-on-dark-background-button > .wp-block-button__link {
background-color: rgba(255, 200, 11, 0);
color: white;
}
.is-style-outline-on-dark-background-button > .wp-block-button__link:hover {
border-color: #FFAC0B;
background-color: rgba(255, 172, 11, 100);
color: var(--wp--preset--color--dark-blue)!important;
}
.is-style-outline-on-dark-background-button .wp-block-button__link::after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23FFFFFF' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.is-style-outline-on-dark-background-button .wp-block-button__link:hover::after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23093044' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.is-style-secondary > .wp-block-button__link, .is-style-secondary-button > .wp-block-button__link,
.is-style-telephone-button > .wp-block-button__link {
background-color: var(--wp--preset--color--background-dark);
color: var(--wp--preset--color--primary);
}
.is-style-secondary > .wp-block-button__link:hover, .is-style-secondary-button > .wp-block-button__link:hover {
background-color: var(--wp--preset--color--primary);
color: white;
}
.is-style-light-blue-fill > .wp-block-button__link {
background-color: #8DD2E0;
color: var(--wp--preset--color--dark-blue);
border: 1.5px solid #8DD2E0;
}
.is-style-light-blue-fill > .wp-block-button__link:hover {
background-color: var(--wp--preset--color--dark-blue);
color: white;
border: 1.5px solid var(--wp--preset--color--dark-blue);
}
.is-style-light-blue-fill .wp-block-button__link:hover::after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E");
}
.is-style-telephone-button > .wp-block-button__link {
position: relative;
padding-left: 54px;
border: 1.5px solid var(--wp--preset--color--yellow);
}
.is-style-telephone-button > .wp-block-button__link::after {
content: '';
}
.is-style-telephone-button > .wp-block-button__link:hover {
background-color: #FFAC0B;
border: 1.5px solid #FFAC0B;
}
.is-style-telephone-button > .wp-block-button__link::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='15' height='15' fill='none'%3E%3Cpath fill='%23052230' d='m13.586 10.232-2.027-.231a1.59 1.59 0 0 0-1.31.455l-1.469 1.47a12.012 12.012 0 0 1-5.261-5.262l1.477-1.477a1.59 1.59 0 0 0 .455-1.31l-.232-2.012A1.598 1.598 0 0 0 3.63.452H2.25c-.903 0-1.654.75-1.598 1.653C1.075 8.923 6.53 14.368 13.34 14.79c.902.056 1.653-.694 1.653-1.596v-1.382a1.582 1.582 0 0 0-1.406-1.58Z'/%3E%3C/svg%3E");
height: 15px;
width: 15px;
position: absolute;
left: 27px;
bottom: 12px;
margin-right: 7px;
transition: all .2s ease-in-out;
}
@media screen and (max-width: 993px) {
.is-style-telephone-button .wp-block-button__link {
padding-left: 42px;
}
.is-style-telephone-button .wp-block-button__link::before {
left: 16px;
}
}
/* Single Link Card
============================================================= */
.single-link-card {
gap: 0;
}
.single-link-card-grid {
padding-left: 1rem;
padding-right: 1rem;
}
.single-link-card .wp-block-image,
.single-destination-vacation-packages-pattern .single-link-card .wp-block-post-featured-image,
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template .cre_vacations .wp-block-post-featured-image {
border-radius: 20px 20px 0px 0px;
}
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template .cre_vacations .wp-block-post-title {
margin-top: 0px;
margin-left: 0px!important;
}
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template .cre_vacations .vacation-tags-group {
display: unset!important;
margin-left: 0px!important;
}
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template .cre_vacations .vacation-tags-group .wp-block-post-terms{
padding-bottom: 6px;
margin-top: 4px;
}
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template .cre_vacations .content-group-container{
width: 100%;
}
.single-destination-vacation-packages-pattern .single-link-card .wp-block-post-featured-image img {
border-radius: 0px;
}
.single-destination-vacation-packages-pattern .wp-block-query {
margin-top: 4rem;
}
.single-link-card .wp-block-image img{
border-radius: 0px;
}
.single-link-card .card-text-wrapper{
background: #FAF6F1;
padding: 16px 24px 24px 24px;
border-radius: 0px 0px 20px 20px;
flex-grow: 1;
width: 100%;
}
.single-link-card .card-text-wrapper p{
margin-top: 16px;
}
.single-link-card .wp-block-image {
/* height: 250px;
overflow: hidden;
width: 100%; */
aspect-ratio: 16 / 9 !important;
overflow: hidden;
width: 100%;
max-height: 400px;
}
.single-link-card .wp-block-heading {
/* margin-top: 1rem; */
font-size: 1.3rem;
line-height: 1.2;
font-weight: 700;
}
/*hover effects */
.single-link-card .wp-block-image img{
transition: all .25s ease-in-out;
height: 100%;
object-fit: cover;
}
.single-link-card .wp-block-image img:hover {
transform: scale(1.1);
}
.single-link-card .wp-block-buttons .wp-block-button {
width: 100%;
}
.single-link-card .wp-block-buttons .wp-block-button .wp-block-button__link{
width: 100%;
}
.single-link-card.mk-clk:hover .wp-block-heading a{
color: var(--wp--preset--color--secondary);
/* background-color: color-mix(in srgb, currentColor 20%, transparent); */
text-decoration: none;
}
.single-link-card.mk-clk:hover .wp-block-heading a::after{
transform: translateX(14%) scale(.9);
}
.single-link-card.mk-clk:hover .wp-block-image img{
transform: scale(1.1);
}
.single-link-card.mk-clk:hover .is-style-light-blue-fill > .wp-block-button__link {
background-color: var(--wp--preset--color--dark-blue);
color: white;
border: 1.5px solid var(--wp--preset--color--dark-blue);
}
.single-link-card.mk-clk:hover .is-style-light-blue-fill > .wp-block-button__link::after{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23ffffff' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E");
transform: translateX(14%) scale(.9);
}
@media screen and (max-width: 781px) {
.single-link-card-grid {
grid-template-columns: 1fr 1fr;
}
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template {
grid-template-columns: 1fr 1fr;
}
.single-destination-vacation-packages-pattern .wp-block-query {
max-width: 100%;
}
}
@media screen and (max-width: 500px) {
.single-link-card-grid {
grid-template-columns: 1fr;
}
.single-destination-vacation-packages-pattern .wp-block-query .wp-block-post-template {
grid-template-columns: 1fr;
}
}
/* Query Link Card
============================================================= */
/* .query-link-card-wrapper {
padding-left: 0px!important;
padding-right: 0px!important;
} */
.query-link-card-wrapper .query-link-card-grid{
max-width: var(--wp--style--global--content-size);
}
.query-link-card-wrapper .query-link-card-grid .query-link-card .wp-block-post-featured-image{
border-radius: 10px 10px 0px 0px;
}
.query-link-card-wrapper .query-link-card-grid .query-link-card .card-text-wrapper{
padding: 24px 16px 16px 16px;
flex-grow: 1;
}
.query-link-card-wrapper .query-link-card-grid .query-link-card .card-text-wrapper .wp-block-post-title{
margin-top: 0px;
font-size: 1.3rem;
line-height: 1.2;
font-weight: 700;
}
.query-link-card-grid .wp-block-post {
display: flex
}
.query-link-card-grid .wp-block-post .query-link-card .wp-block-post-featured-image {
flex: unset!important
}
@media screen and (max-width: 768px) {
.query-link-card-wrapper .query-link-card-grid {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 500px) {
.query-link-card-wrapper .query-link-card-grid {
grid-template-columns: 1fr;
}
}
/* Icon Button Link (PDF Download buttons)
============================================================= */
.icon-button-link.mk-clk {
transition: all 0.2s ease-in-out;
transform: translateY(0%);
}
.icon-button-link.mk-clk:hover {
transform: translateY(-3%);
}
/*--------------------------------------------------------------
# Layout & Spacing
--------------------------------------------------------------*/
.site-main,
.site-footer,
.site-header,
.wp-block-post-template .wp-block-post,
.wp-block-post-template .wp-block-post-title,
.wp-block-post-template .wp-block-post-date,
.wp-block-post-content > .has-background + .has-background,
main.block-editor-block-list__block,
.section-team > figure,
.wp-block-quote > p:first-child,
.entry-header > h1 {
margin-block-start: 0;
}
.wp-block-query > .wp-block-query-pagination,
main > .page-content,
article > .entry-footer:last-child {
margin-block-end: calc(var(--wp--style--block-gap) * 2);
}
.wp-block-post-content > .wp-block-group.grey-swoosh {
margin-block-start: calc(var(--wp--style--block-gap) * 4);
}
.wp-block-group.has-background:not([style*="padding"]),
.wp-block-post-content > .wp-block-columns.has-background:not([style*="padding"]),
.site-footer > .wp-block-columns.has-background {
/* Increase spacing on Group or Columns block with a background color */
padding-top: calc(var(--wp--style--block-gap) * 2);
padding-bottom: calc(var(--wp--style--block-gap) * 2);
}
.wp-block-group.has-background:not([style*="padding"]),
.site-footer > .wp-block-columns.has-background {
padding-left: 0;
padding-right: 0;
}
figure.wp-block-gallery {
margin-inline-start: 0;
margin-inline-end: 0;
}
.wp-block-quote {
padding-left: 1.5rem;
}
.interface-interface-skeleton__content,
.interface-interface-skeleton__content .wp-block-group.has-background:not([style*="padding"]),
.edit-post-visual-editor__post-title-wrapper > h1 {
padding-left: 1rem;
padding-right: 1rem;
}
.wall-to-wall {
width: 100vw;
position: relative;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
}
.wall-to-wall > .wp-block-group {
max-width: var(--wp--style--global--content-size);
margin: auto;
}
.wall-to-wall .wp-block-media-text .wp-block-media-text__content {
padding: 0 3%;
}
.single-post .site-header,
.single-post .site-footer {
padding: 0px;
}
/* Flex
============================================================= */
/* .flex,
.wp-block-query:not(.is-case-study) .wp-block-post-template li.wp-block-post:not(.case_study) {
display: flex;
flex-flow: row wrap;
align-items: center;
gap: 1rem;
} */
.wp-block-post-template li.wp-block-post:not(.case_study) figure,
.search-results .type-page::before {
flex: 0 0 40%;
}
.section-recent-posts .wp-block-post-template li.wp-block-post:not(.case_study) figure {
flex: 0 0 30%;
}
.wp-block-post-template li.wp-block-post:not(.case_study) > .wp-block-group {
flex: 1;
}
/* forces flex to be stacked */
.make-stack {
display: flex;
flex-direction: column;
}
/* Grid Row Placement ------------------------------ */
.indented-grid-group h2,
.indented-grid-group h3 {
grid-row: 1;
}
.indented-grid-group > p:first-of-type {
grid-row-start: 2;
}
.indented-grid-group > p:only-of-type {
grid-row: 2 / span 2;
}
/* Grid Alignment ---------------------------------- */
main > header > h1:not(:only-child),
main > article > .entry-header > h1:not(:only-child),
.entry-header > .wp-block-post-terms,
.indented-grid-group h2,
.indented-grid-group h3,
.archive-case-study .wp-block-post-template > li .wp-block-group,
main > article.type-case_study > .entry-header .wp-block-post-terms {
align-self: end;
}
.entry-header > .wp-block-group,
main > article.type-case_study > .entry-header h1 {
align-self: start;
}
main > article .entry-header > h1:only-child,
main > header > h1 {
align-self: center;
}
.wp-block-post-content > .wp-block-image {
justify-self: center;
}
.wp-block-query-pagination .wp-block-query-pagination-previous {
justify-self: start;
}
.wp-block-query-pagination .wp-block-query-pagination-next {
justify-self: end;
}
.wp-block-query-pagination-numbers,
.indented-grid-group::before {
place-self: center;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
li::marker {
color: var(--wp--preset--color--accessible-cyan-on-light-bg);
}
.wp-block-list li {
margin-bottom: 6px;
}
.wp-block-list {
padding-left: 1rem;
}
.wp-block-list li {
padding-left: 1rem;
line-height: 1.2;
padding-bottom: 16px;
}
/* Lists
============================================================= */
ul.gform_fields {
list-style: none;
}
/* Tables
============================================================= */
/* Tab Blocks
============================================================= */
.hm-tabs__nav {
display: flex;
justify-content: center;
/* justify-content: stretch; */
margin-top: 2rem;
margin-bottom: 3.5rem;
margin-right: auto;
margin-left: auto;
}
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button {
border-radius: 0;
font-size: 1rem;
font-weight: 300;
background-color: transparent;
color: var(--wp--preset--color--dark-blue);
border-width: 1px;
border-color: var(--wp--preset--color--dark-blue);
/* padding: 0.65rem 4rem 0.85rem; */
border-collapse: collapse;
flex-grow: 1;
max-width: 20rem;
}
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button.hm-tabs__nav-button--is-active {
background: var(--wp--preset--color--dark-blue);
color: #FFF;
}
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button:first-child {
border-right-width: 0;
border-top-left-radius: 2rem;
border-bottom-left-radius: 2rem;
}
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button:last-child {
border-left-width: 0;
border-top-right-radius: 2rem;
border-bottom-right-radius: 2rem;
}
@media screen and (min-width: 925px) {
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button {
padding: 0.65rem 2rem 0.85rem;
}
}
@media screen and (max-width: 600px) {
.hm-tabs__nav {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 16px;
margin-right: 0rem;
margin-left: 0rem;
}
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button:last-child {
border-left-width: 1px;
}
.wp-site-blocks div.wp-block-hm-tabs.hm-tabs > div.hm-tabs__nav > button.hm-tabs__nav-button {
border-radius: 30px 30px;
font-size: 14px;
padding: 0.8rem .5rem;
}
}
@media screen and (max-width: 400px) {
.hm-tabs__nav {
grid-template-columns: 1fr;
max-width: unset;
}
.hm-tabs__nav .hm-tabs__nav-button {
max-width: unset!important;
}
}
/* Filter Blocks
============================================================= */
#reset_all_filters {
background-color: unset!important;
}
.vacation_filter_reset_container {
flex-basis: 7%;
}
#reset_all_filters:hover {
background-color: var(--wp--preset--color--yellow);
}
.vacation-filters-container .cre_custom_block_filters_tax--container,
.hotels-query-and-filters .cre_custom_block_filters_tax--container {
gap: 16px;
}
.vacation-filters-container .cre_custom_block_filters_tax--container #reset_all_filters {
padding: 8px 16px;
}
.cre_custom_block_filters_tax--container {
display: flex;
width: 100%;
justify-content: center;
margin-bottom: 3rem;
gap: 16px;
}
.cre_custom_block_filters_tax {
display: flex;
flex-direction: column;
flex-grow: 1;
/* padding: 0 1.5rem; */
}
.cre_custom_block_filters_tax label {
font-size: 1rem;
font-weight: 700;
padding-bottom: 0.5rem;
}
.cre_custom_block_filters_tax select {
border: 1px solid var(--wp--preset--color--dark-sand);
border-radius: 0.75rem;
padding: 0.8rem 1rem 0.9rem;
font-size: 1.1rem;
}
.cre_custom_block_filters_tax select > option {
font-size: 1rem;
}
.hotel-query-filter-block .wp-block-post-template > li {
background: var(--wp--preset--color--background-secondary);
/* padding-bottom: 1.5rem; */
border-radius: 0px 0px .75rem .75rem;
}
.hotel-query-filter-block .wp-block-post-template > li > .wp-block-post-title {
margin-top: 1.25rem;
font-size: 1.3rem;
font-weight: 700;
}
.hotel-query-filter-block .wp-block-post-template > li > .wp-block-post-title a {
width: 100%;
}
.hotel-query-filter-block .wp-block-post-template > li > .wp-block-post-title a::after {
float: right;
line-height: 0.9;
}
.hotel-query-filter-block .wp-block-post-template > li > .wp-block-post-title {
padding-left: 1.5rem;
padding-right: 1.5rem;
}
.hotel-query-filter-block figure.wp-block-post-featured-image {
border-top-left-radius: 0.75rem;
border-top-right-radius: 0.75rem;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}
/* Forms
============================================================= */
input {
accent-color: var(--wp--preset--color--tertiary);
}
form input,
form textarea,
form fieldset,
form select {
border-radius: 0.2rem;
border: 0.12rem solid var(--wp--preset--color--foreground);
font-size: max(16px, 0.85rem);
line-height: normal;
padding: 0.8rem;
}
select {
background-color: white;
background-image: url('data:image/svg+xml;utf8,');
background-position: calc(100% - 0.5rem) center;
background-repeat: no-repeat;
background-size: 1rem;
appearance: none;
padding-right: 2em;
}
::placeholder {
color: var(--wp--preset--color--neutral-300);
font-weight: normal;
}
/* Gravity Froms ------------------------------------ */
.newsletter-signup-form,
.page-template-default .site-footer .newsletter-signup-form {
display: inline-flex!important;
width: 100%;
align-items: start;
}
.newsletter-signup-form .gform-body {
flex-grow: 2;
flex-basis: 60%;
}
.newsletter-signup-form .gform-footer {
flex-basis: 40%;
margin-top: 1.75rem;
}
.newsletter-wrapper .gform-theme--foundation .gfield input.large,
.single-blog-right-sidebar .gform-theme--foundation .gfield input.large {
box-shadow: unset;
height: 38px;
border-radius: 30px 0px 0px 30px
}
.newsletter-wrapper .gform-theme--foundation .gform_footer .gform_button{
border-radius: 0px 5px 5px 0px!important;
}
.newsletter-signup-form .gform-footer #gform_submit_button_1 {
border-radius: 0px 30px 30px 0px!important;
}
@media screen and (max-width: 945px) {
.newsletter-signup-form{
display:flex;
flex-direction: column;
gap: 2px;
justify-content: flex-start;
}
.newsletter-signup-form .gform-body {
width: 100%;
}
.newsletter-signup-form .gform-footer {
width: 100%;
margin-top: 8px;
}
.newsletter-signup-form .gform-footer #gform_submit_button_1 {
border-radius: 30px!important;
}
.newsletter-wrapper .gform-theme--foundation .gfield input.large,
.single-blog-right-sidebar .gform-theme--foundation .gfield input.large
{
box-shadow: unset;
height: 38px;
border-radius: 30px 30px 30px 30px
}
}
/* Accoridions
============================================================= */
.wp-block-details {
font-size: 1.25rem;
font-weight: 700;
border-top: 1.5px solid #0B2E40;
padding-top: 1rem;
margin-bottom: 3rem;
}
.wp-block-details summary::marker {
text-align: end!important;
}
.wp-block-details p{
font-size: 1.1rem;
font-weight: 400;
}
.wp-block-details h5 {
font-size: 1.1rem;
font-weight: 700;
text-transform: none;
}
/* Pagination
============================================================= */
.wp-block-query-pagination {
margin-top: 4rem;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers{
border: 1px solid var(--wp--preset--color--yellow);
padding: 8px 16px;
border-radius: 5px;
transition: all .2s ease-in-out;
}
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers.current{
border: 1px solid var(--wp--preset--color--yellow);
background-color: var(--wp--preset--color--yellow);
}
.wp-block-query-pagination .wp-block-query-pagination-numbers .page-numbers:hover{
border: 1px solid #FFAC0B;
background-color: #FFAC0B;
}
.wp-block-query-pagination .wp-block-query-pagination-next,
.wp-block-query-pagination a.wp-block-query-pagination-previous {
transition: all .2s ease-in-out;
}
.wp-block-query-pagination .wp-block-query-pagination-next:hover,
.wp-block-query-pagination a.wp-block-query-pagination-previous:hover {
background-color: #FFAC0B!important;
text-decoration: underline;
}
/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/* Headers
============================================================= */
/* Templates
============================================================= */
.page-template-homepage .entry-content {
margin-block-start: 0px;
}
/* Posts
============================================================= */
.wp-block-post > figure img {
object-fit: cover;
}
.wp-block-post > figure {
margin: 0;
}
/*==============================================================
Customizations
============================================================= */
/* Image Outlines
============================================================= */
/* .is-style-image-outline,
.is-style-image-outline > .wp-block-media-text__media img,
.yellow-outline{
position: relative;
}
.yellow-outline::before,
.is-style-image-outline::before,
.is-style-image-outline > .wp-block-media-text__media img::before {
position: absolute;
top: 3%;
left: 3%;
width: 100%;
height: 92%;
border: 2px solid #FFC80B;
content: '';
border-radius: 10px;
} */
.is-style-image-media-outline .wp-block-media-text__media,
.is-style-image-outline {
position: relative;
}
.is-style-image-media-outline .wp-block-media-text__media::before,
.is-style-image-outline::before {
position: absolute;
top: 2%;
left: 2%;
width: 100%;
height: 95%;
border: 2px solid #FFC80B;
content: '';
border-radius: 10px;
}
/* Image Captions
====================================================================================================== */
.wp-element-caption {
text-align: left;
font-size: 1rem!important;
font-style:italic;
}
/* Wave Decoration
====================================================================================================== */
.wave-bg::before {
background-position: center top;
background-repeat: no-repeat;
}
.wave-bg::before {
content: '';
display: block;
left: 0;
width: 100%;
/* z-index: -1; */
}
.wave-bg::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='106' fill='none'%3E%3Cmask id='a' width='1440' height='129' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h1440v129H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23fff' d='M-21.302 11.632c-5.654 6.513-6.104 13.707 1.204 21.109l.093 1.623s2.703 2.127 2.759 3.1c.037.65.055.975 2.685 1.802C34.387 67.424 108.17 63.215 182.388 51.488c40.083-6.523 80.915-15.042 118.424-21.417 161.043-28.736 327.043-.74 448.523 31.426 57.681 15.28 116.295 31.809 185.599 39.584 67.566 7.548 132.796 4.152 203.856-2.508 66.77-6.416 136.96-13.352 198.18-26.618 56.1-12.324 98.07-31.008 132.19-51.525 10-5.783 18.27-11.793 26.55-17.478 65.15-49.98 67.11-106.129 50.44-156.979l-.06-.974.58 10.067c-1.33 6.917-12.24 11.775-25.88 14.182-9.23 4.11-21.15 6.419-34.93 6.228-2.58.147-3.47-.453-6.06-.631l-2.58.147c-44.25-6.272-91.81-10.075-140.86-9.883-24.1.072-49.86 1.215-72.88 5.135-22.14 4.195-41.55 10.841-61.08 15.539-31.4 7.981-65.58 12.212-99.87 14.82l-2.57.147c-13.69 1.432-27.42 2.216-42 3.048-45.48 2.594-88.503 2.768-124.347-6.916-5.24-1.33-7.907-2.807-9.734-4.657-7.814-1.183-13.949-3.114-17.566-6.166-3.636-3.376-8.148-7.028-12.642-10.355-88.431 19.054-173.319 39.86-271.744 49.711-115.547 11.479-230.341 5.973-345.122 15.78-30.831 2.736-74.457 7.505-118.794 14.922C80.381-31.635.547-12.746-18.691 12.135l-2.611-.503ZM1205.06-97.753c8.17-7.633 25.82-15.156 44.51-19.48 10.18-2.536 20.38-4.747 32.36-6.082 11.97-1.335 23.11-2.296 35.08-3.631 2.57-.147 4.31.081 6.88-.066 20.59-1.175 40.37-1.651 58.62 1.542 22.61 3.923 40.23 11.063 48.51 20.365 13.85 16.477-5.65 36.811-45.46 48.204-20.33 5.721-44.24 9.04-67.37 11.011-22.27 1.922-46.42 1.02-64.73-3.148-18.3-3.843-34.97-9.408-44.85-16.664-7.18-5.129-11.79-10.404-12.98-16.2-.33-5.846 3.68-10.962 9.39-16.5l.04.65Z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 100%;
height: 250px;
z-index: 1;
}
/* Sand bg */
.under-wave-content-container {
padding-top: 4rem;
}
.sand-wave-bg {
margin-top: 0px;
}
.sand-wave-bg::before {
background-position: center top;
background-repeat: no-repeat;
}
.sand-wave-bg::before {
content: '';
display: block;
left: 0;
width: 100%;
z-index: 2;
position:absolute;
}
.sand-wave-bg::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='106' fill='none'%3E%3Cmask id='a' width='1440' height='129' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h1440v129H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23FAF6F1' d='M-21.302 11.632c-5.654 6.513-6.104 13.707 1.204 21.109l.093 1.623s2.703 2.127 2.759 3.1c.037.65.055.975 2.685 1.802C34.387 67.424 108.17 63.215 182.388 51.488c40.083-6.523 80.915-15.042 118.424-21.417 161.043-28.736 327.043-.74 448.523 31.426 57.681 15.28 116.295 31.809 185.599 39.584 67.566 7.548 132.796 4.152 203.856-2.508 66.77-6.416 136.96-13.352 198.18-26.618 56.1-12.324 98.07-31.008 132.19-51.525 10-5.783 18.27-11.793 26.55-17.478 65.15-49.98 67.11-106.129 50.44-156.979l-.06-.974.58 10.067c-1.33 6.917-12.24 11.775-25.88 14.182-9.23 4.11-21.15 6.419-34.93 6.228-2.58.147-3.47-.453-6.06-.631l-2.58.147c-44.25-6.272-91.81-10.075-140.86-9.883-24.1.072-49.86 1.215-72.88 5.135-22.14 4.195-41.55 10.841-61.08 15.539-31.4 7.981-65.58 12.212-99.87 14.82l-2.57.147c-13.69 1.432-27.42 2.216-42 3.048-45.48 2.594-88.503 2.768-124.347-6.916-5.24-1.33-7.907-2.807-9.734-4.657-7.814-1.183-13.949-3.114-17.566-6.166-3.636-3.376-8.148-7.028-12.642-10.355-88.431 19.054-173.319 39.86-271.744 49.711-115.547 11.479-230.341 5.973-345.122 15.78-30.831 2.736-74.457 7.505-118.794 14.922C80.381-31.635.547-12.746-18.691 12.135l-2.611-.503ZM1205.06-97.753c8.17-7.633 25.82-15.156 44.51-19.48 10.18-2.536 20.38-4.747 32.36-6.082 11.97-1.335 23.11-2.296 35.08-3.631 2.57-.147 4.31.081 6.88-.066 20.59-1.175 40.37-1.651 58.62 1.542 22.61 3.923 40.23 11.063 48.51 20.365 13.85 16.477-5.65 36.811-45.46 48.204-20.33 5.721-44.24 9.04-67.37 11.011-22.27 1.922-46.42 1.02-64.73-3.148-18.3-3.843-34.97-9.408-44.85-16.664-7.18-5.129-11.79-10.404-12.98-16.2-.33-5.846 3.68-10.962 9.39-16.5l.04.65Z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 100%;
height: 250px;
z-index: 2;
}
.sand-wave-bg-cover {
height: 150px;
min-height: unset;
margin-top: 0px;
}
.sand-wave-bg-cover img {
height: unset!important;
}
/* Blue bg */
.dark-wave-bg::before {
background-position: center top;
background-repeat: no-repeat;
}
.dark-wave-bg::before {
content: '';
display: block;
left: 0;
width: 100%;
z-index: -1;
}
.dark-wave-bg::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1440' height='106' fill='none'%3E%3Cmask id='a' width='1440' height='129' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h1440v129H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%230A415D' d='M-21.302 11.632c-5.654 6.513-6.104 13.707 1.204 21.109l.093 1.623s2.703 2.127 2.759 3.1c.037.65.055.975 2.685 1.802C34.387 67.424 108.17 63.215 182.388 51.488c40.083-6.523 80.915-15.042 118.424-21.417 161.043-28.736 327.043-.74 448.523 31.426 57.681 15.28 116.295 31.809 185.599 39.584 67.566 7.548 132.796 4.152 203.856-2.508 66.77-6.416 136.96-13.352 198.18-26.618 56.1-12.324 98.07-31.008 132.19-51.525 10-5.783 18.27-11.793 26.55-17.478 65.15-49.98 67.11-106.129 50.44-156.979l-.06-.974.58 10.067c-1.33 6.917-12.24 11.775-25.88 14.182-9.23 4.11-21.15 6.419-34.93 6.228-2.58.147-3.47-.453-6.06-.631l-2.58.147c-44.25-6.272-91.81-10.075-140.86-9.883-24.1.072-49.86 1.215-72.88 5.135-22.14 4.195-41.55 10.841-61.08 15.539-31.4 7.981-65.58 12.212-99.87 14.82l-2.57.147c-13.69 1.432-27.42 2.216-42 3.048-45.48 2.594-88.503 2.768-124.347-6.916-5.24-1.33-7.907-2.807-9.734-4.657-7.814-1.183-13.949-3.114-17.566-6.166-3.636-3.376-8.148-7.028-12.642-10.355-88.431 19.054-173.319 39.86-271.744 49.711-115.547 11.479-230.341 5.973-345.122 15.78-30.831 2.736-74.457 7.505-118.794 14.922C80.381-31.635.547-12.746-18.691 12.135l-2.611-.503ZM1205.06-97.753c8.17-7.633 25.82-15.156 44.51-19.48 10.18-2.536 20.38-4.747 32.36-6.082 11.97-1.335 23.11-2.296 35.08-3.631 2.57-.147 4.31.081 6.88-.066 20.59-1.175 40.37-1.651 58.62 1.542 22.61 3.923 40.23 11.063 48.51 20.365 13.85 16.477-5.65 36.811-45.46 48.204-20.33 5.721-44.24 9.04-67.37 11.011-22.27 1.922-46.42 1.02-64.73-3.148-18.3-3.843-34.97-9.408-44.85-16.664-7.18-5.129-11.79-10.404-12.98-16.2-.33-5.846 3.68-10.962 9.39-16.5l.04.65Z'/%3E%3C/g%3E%3C/svg%3E");
background-size: 100%;
height: 200px;
}
@media screen and (max-width: 615px) {
.wave-bg::before {
height: 150px;
}
.dark-wave-bg::before {
height: 150px!important;
}
.sand-wave-bg-cover {
height: 75px;
}
}
.section-cta,
.section-cta-form {
background-image: url(data:image/svg+xml;base64,PHN2ZyBkYXRhLW5hbWU9IkxheWVyIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDMwMDAgNTAwIj48cGF0aCBkPSJNMjA5MyAxNThzLTM3My04MC02NTQgMjdjLTIzMiA4OC4zNC0zNjcuNDQgMTY4LjU3LTY0MCAxNjEtMjE2LTYtNTIwLTg0LjUtNzI3IDE1NGwyNjYxLjg5LS41UzI0NzggMjQwIDIwOTMgMTU4eiIgZmlsbD0iIzAwMmQ1NiIvPjxwYXRoIGQ9Ik0xMDQ5IDUwMC41czEzOS43MS0yMDMuNzggMzkzLTI3NS41YzI2Ny45My03NS44NyA1MTQtMTAgNjY4IDY5IDExNS43OSA1OS40IDMyOC4xIDIwNi4wNiAzMjguMSAyMDYuMDZ6IiBmaWxsPSIjMDAxYjM0Ii8+PC9zdmc+);
background-size: cover;
}
/* .has-icon::before {
left: -3rem;
top: -0.5rem;
width: 2rem;
} */
.has-icon::before {
margin-right: 16px;
vertical-align: middle;
}
.has-icon-group {
display: inline-flex;
}
.icon-globe::before{
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none'%3E%3Cmask id='a' width='24' height='24' x='0' y='0' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23D9D9D9' d='M0 0h24v24H0z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23009FE3' d='M12 21a8.719 8.719 0 0 1-3.5-.71 9.126 9.126 0 0 1-2.86-1.93 9.126 9.126 0 0 1-1.93-2.86A8.719 8.719 0 0 1 3 12c0-1.242.237-2.41.71-3.503A9.135 9.135 0 0 1 5.64 5.64 9.126 9.126 0 0 1 8.5 3.711 8.719 8.719 0 0 1 12 3c1.242 0 2.41.237 3.503.71a9.136 9.136 0 0 1 2.858 1.93 9.135 9.135 0 0 1 1.928 2.857C20.763 9.59 21 10.757 21 12a8.72 8.72 0 0 1-.71 3.5 9.126 9.126 0 0 1-1.93 2.86 9.136 9.136 0 0 1-2.857 1.93A8.713 8.713 0 0 1 12 21Zm0-.992a14.856 14.856 0 0 0 1.452-2.221c.38-.727.69-1.54.929-2.44H9.619c.264.95.58 1.79.948 2.516.368.727.846 1.442 1.433 2.145Zm-1.273-.15c-.467-.55-.893-1.23-1.278-2.04a11.73 11.73 0 0 1-.86-2.472H4.753a7.93 7.93 0 0 0 2.437 3.06 7.354 7.354 0 0 0 3.536 1.452Zm2.546 0a7.355 7.355 0 0 0 3.536-1.452 7.93 7.93 0 0 0 2.437-3.06h-3.834a17.119 17.119 0 0 1-.957 2.491c-.385.81-.78 1.483-1.182 2.02Zm-8.927-5.512h4.035c-.076-.41-.13-.81-.16-1.199a14.25 14.25 0 0 1 0-2.294c.03-.39.084-.789.16-1.2H4.346a8.223 8.223 0 0 0-.255 3.56c.061.41.146.787.255 1.133Zm5.035 0h5.238c.076-.41.13-.803.16-1.18a14.026 14.026 0 0 0 0-2.333 12.02 12.02 0 0 0-.16-1.18H9.381c-.076.411-.13.804-.16 1.18a14.02 14.02 0 0 0 0 2.333c.03.377.084.77.16 1.18Zm6.238 0h4.035a8.222 8.222 0 0 0 .255-3.56 7.418 7.418 0 0 0-.255-1.132h-4.035c.076.41.13.81.16 1.199a14.26 14.26 0 0 1 0 2.294c-.03.39-.084.789-.16 1.2Zm-.207-5.692h3.834c-.586-1.27-1.389-2.29-2.409-3.06-1.02-.77-2.207-1.26-3.564-1.47.467.613.886 1.315 1.259 2.106.372.79.665 1.598.88 2.424Zm-5.793 0h4.762a13.85 13.85 0 0 0-.977-2.546A11.1 11.1 0 0 0 12 3.992a11.1 11.1 0 0 0-1.404 2.116 13.85 13.85 0 0 0-.977 2.546Zm-4.865 0h3.834c.215-.826.508-1.634.88-2.424.373-.79.792-1.493 1.259-2.107-1.37.21-2.56.704-3.574 1.48-1.014.778-1.813 1.794-2.4 3.05Z'/%3E%3C/g%3E%3C/svg%3E");
}
.wp-block-post-title a::after,
.wp-block-heading a::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%23F9A65E' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h22v14H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
/* content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23093044' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E"); */
display: inline-block;
padding-left: 8px;
transform: translateX(0%);
transition: all .2s ease-in-out;
transform: scale(.9);
}
.wp-block-post-title a,
.wp-block-heading a {
transition: all .2s ease-in-out;
}
.wp-block-post-title a:hover,
.wp-block-heading a:hover {
color: var(--wp--preset--color--secondary);
text-decoration: underline;
}
.wp-block-post-title a:hover::after,
.wp-block-heading a:hover::after {
transform: translateX(14%) scale(.9);
}
/* Footer
============================================================= */
.site-footer {
background-color: var(--wp--preset--color--primary-dark);
}
.site-footer .footer-content {
padding: 32px 0px!important;
}
.site-footer .social-media-row .wp-block-image a {
border: 1px solid var(--wp--preset--color--yellow);
border-radius: 50%;
transition: .2s all ease-in-out;
}
.site-footer .social-media-row .wp-block-image a:hover {
background-color:var(--wp--preset--color--yellow);
}
.review-stack-wrapper .wp-block-image a {
transition: .2 all ease-in-out;
border: 2px solid var(--wp--preset--color--background-secondary);
}
.review-stack-wrapper .wp-block-image a:hover {
opacity: .7;
border: 2px solid var(--wp--preset--color--yellow);
}
.form-newsletter {
border-radius: 0.5rem;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
background-position: bottom right;
}
.form-newsletter .wp-block-heading {
margin-top: 0px;
}
.form-newsletter .fine-print {
font-size: .8rem;
}
.site-footer .address::before {
content: url('data:image/svg+xml,');
margin-right: 12px;
width: 16px;
height: 16px;
padding-left: 8px;
}
.site-footer .phone::before {
content: url('data:image/svg+xml,');
margin-right: 12px;
width: 16px;
height: 16px;
padding-left: 8px;
}
.site-footer .email::before {
content: url('data:image/svg+xml,');
margin-right: 12px;
width: 16px;
height: 16px;
padding-left: 8px;
}
.site-footer .hours-title::before {
content: url('data:image/svg+xml,');
margin-right: 12px;
width: 16px;
height: 16px;
padding-left: 8px;
}
.site-footer .hours-detail {
padding-left: 32px;
margin-top: -8px;
}
.site-footer .policy-links {
color: white;
margin-left: 16px;
}
.site-footer .polar-cruise-logo{
max-width: 150px;
}
.site-footer a{
color: var(--wp--preset--color--accessible-cyan-on-light-bg);
}
/* .site-footer .polar-cruise-footer-shoutout {
} */
.site-footer .asta-logo {
max-width: 150px;
}
@media screen and (max-width: 800px) {
.site-footer .wp-block-columns {
display: flex;
flex-direction: column;
}
.site-footer .contact-info-wrapper-stack {
flex-direction: row;
justify-content: space-evenly;
}
.site-footer .contact-info-column .wp-block-heading,
.site-footer .follow-up-column .wp-block-heading,
.site-footer .review-column .wp-block-heading {
text-align: center;
}
.site-footer .social-media-row {
justify-content: center;
}
.site-footer .reviews-row {
justify-content: center;
}
.site-footer .newsletter-wrapper {
text-align: center;
}
.site-footer .newsletter-signup-form .gform-footer,
.site-footer .newsletter-signup-form .gfield_label {
justify-content: center;
}
.site-footer .bottom-row-info{
display: flex;
flex-direction: column;
margin-top: 3rem;
}
.site-footer .copyright-info{
order:2;
text-align: center;
}
.site-footer .certifications-row {
flex-wrap: wrap;
}
}
@media screen and (max-width: 550px) {
.site-footer .contact-info-wrapper-stack p {
text-align: center;
}
.site-footer .contact-info-wrapper-stack {
flex-direction: column;
justify-content: center;
align-items: center;
}
.site-footer .footer-hours-container,
.site-footer .telephone-container {
align-items: center;
}
}
/*--------------------------------------------------------------
# Pages & Patterns
--------------------------------------------------------------*/
/* Side by Side Headline and Text Block
============================================================= */
.side-by-side-headline-text-container .header-column {
position: relative;
}
.side-by-side-headline-text-container .header-column figure{
position: absolute;
top: -75px;
left: 0px;
}
.side-by-side-headline-text-container .header-column .wp-block-heading {
padding: 0rem 1.25rem;
/* border-right: 1px solid #FFC80B; */
position: relative;
z-index: 2;
}
/* Text Wrap around Image Black
============================================================= */
.alternating-image-text-container {
display:flex;
flex-direction: column;
}
.alternating-image-text-container hr {
margin-left: 0!important;
margin-right: 0!important;
}
.text-wrap-image-left,
.text-wrap-image-right {
display: grid;
}
.text-wrap-image-left .left-image {
float: left;
margin-right: 3rem;
}
.text-wrap-image-left.staff-bio .left-image img {
object-fit: cover;
width: 300px!important;
height: 400px!important;
}
.text-wrap-image-right .right-image {
float: right;
margin-left: 3rem;
}
.text-wrap-image-right .text-wrap-content-container .left-text-content,
.text-wrap-image-left .text-wrap-content-container .right-text-content {
position: relative;
top: 50%;
transform: translateY(-50%);
margin-top: 0px;
}
@media screen and (max-width: 925px) {
.text-wrap-image-right .wp-block-image,
.text-wrap-image-left .wp-block-image {
width: 100%;
margin-bottom: 3rem;
}
.text-wrap-image-right .wp-block-image img,
.text-wrap-image-left .wp-block-image img {
width: 100%!important;
}
}
/* Special Callout
============================================================= */
.special-callout {
gap: .75rem;
}
.has-exclamation-icon::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' fill='none'%3E%3Cpath fill='%23F15922' d='M26 13c0 7.181-5.82 13-13 13S0 20.181 0 13C0 5.823 5.82 0 13 0s13 5.823 13 13Zm-13 2.621a2.411 2.411 0 1 0 0 4.823 2.411 2.411 0 0 0 0-4.823Zm-2.29-8.667.39 7.129a.629.629 0 0 0 .628.594h2.544c.334 0 .61-.26.628-.594l.39-7.13a.629.629 0 0 0-.629-.663H11.34a.629.629 0 0 0-.628.664Z'/%3E%3C/svg%3E");
background-size: 16px 16px;
display: inline-block;
height: 16px;
width: 16px;
margin-right: 8px;
}
/* Icon Button Link Grid
============================================================= */
/* Page Headers
============================================================= */
.header-featured-image img {
object-position: 50% 50%;
height: 520px;
object-fit: cover;
}
.page-template-default .wp-block-post-featured-image img,
.cre_hotels-template-default .wp-block-post-featured-image img {
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.default-page-header .header-featured-image img{
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.vacation-page-header .header-featured-image img{
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.activity-page-header .header-featured-image img{
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
/*------------------------------------------------------------*/
.wp-block-query .wp-block-post-featured-image {
aspect-ratio: 16/9!important;
overflow: hidden;
width: 100%;
max-height: 400px;
border-radius: 10px;
}
.wp-block-query .wp-block-post-title {
margin-top: 1rem;
line-height: 1.2;
font-size: 1.4rem!important;
font-weight: 600;
}
/*hover effects */
.wp-block-query .wp-block-post-featured-image img{
transition: all .25s ease-in-out;
height: 100%;
object-fit: cover;
}
.wp-block-query .wp-block-post-featured-image img:hover {
transform: scale(1.1);
}
/*==============================================================
Homepage Blocks
============================================================= */
/* Celebrating 35 years
============================================================= */
@media screen and (max-width: 782px) {
.celebrating-35-years-homepage .anniversary-text .header-column {
justify-content: left;
}
.celebrating-35-years-homepage .two-column-header-and-text .header-column {
border-bottom: 2px solid #FFC80B;
border-right: 0px!important;
padding-bottom: 16px;
}
}
@media screen and (max-width: 615px) {
.celebrating-35-years-homepage .anniversary-callout-row {
display: flex;
flex-direction: column;
}
.celebrating-35-years-homepage .anniversary-callout-row .anniversary-text {
order: 2;
}
.celebrating-35-years-homepage .anniversary-text .header-column {
justify-content: center;
}
.celebrating-35-years-homepage .anniversary-text .header-column .wp-block-heading {
text-align: center;
}
.celebrating-35-years-homepage .anniversary-text .text-column p {
text-align: center!important;
}
.celebrating-35-years-homepage .anniversary-logo img {
width: 150px;
}
}
/* Steps to a Great Vacation Package
============================================================= */
/* @media screen and (max-width: 600px) {
.great-vacation-package-wrapper .great-vacation-package-numbers {
text-align: center;
}
.great-vacation-package-wrapper .wp-block-heading {
text-align: center;
}
.great-vacation-package-wrapper p {
text-align: center;
}
.great-vacation-package-wrapper .wp-block-buttons {
justify-content: center;
}
} */
/* Expert Picks
============================================================= */
.expert-picks {
grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr!important;
/* grid-template-rows: 1fr 1fr 1fr!important; */
grid-template-rows: auto;
}
.expert-picks .wp-block-media-text__media {
grid-column-start: 1;
grid-column-end: 6!important;
grid-row-start: 1;
grid-row-end: 8;
position: relative;
}
.expert-picks .wp-block-media-text__media img {
border-radius: 10px;
}
.expert-picks.has-media-on-the-right .wp-block-media-text__media {
grid-column-start: 4;
grid-column-end: 10!important;
grid-row-start: 1;
grid-row-end: 8;
}
.expert-picks .wp-block-media-text__media::before {
position: absolute;
top: 3%;
left: 3%;
width: 100%;
height: 92%;
border: 2px solid #FFC80B;
content: '';
border-radius: 10px;
}
.expert-picks .wp-block-media-text__content {
grid-column-start: 5;
grid-column-end: 9;
grid-row-start: 3;
grid-row-end: 10;
position: relative;
box-shadow: 16px -16px 0px -4px rgba(255, 198, 11, 1), -16px 15px 0px -3px rgba(241, 81, 34, 1);
padding: 0px!important;
outline: 2px solid #FAF6F1;
outline-offset: -15px;
z-index: 1;
border-radius: 10px;
}
.expert-picks.has-media-on-the-right .wp-block-media-text__content {
grid-column-start: 1;
grid-column-end: 5;
grid-row-start: 3;
grid-row-end: 10;
z-index: 1;
border-radius: 10px;
}
.expert-picks .wp-block-media-text__content .wp-block-group {
padding-top: 24px!important;
border-radius: 10px;
}
.expert-picks .expert-picks-image-wrapper .wp-block-image {
position: absolute;
right: 0;
left: 0;
top: -95px;
width: 134px;
height: 134px;
}
.expert-picks .expert-picks-image-wrapper .wp-block-image img {
height: 134px;
object-fit: cover;
border-radius: 50%;
}
@media screen and (max-width: 900px) {
.wp-block-media-text {
display: flex;
flex-direction: column;
}
.expert-picks .wp-block-media-text__media img {
border-radius: 0px 0px 10px 10px;
}
.expert-picks .wp-block-media-text__media{
align-self: unset;
order: 2;
}
.expert-picks .wp-block-media-text__media::before {
border: unset;
}
.expert-picks-wrapper {
padding: 2rem;
}
.expert-picks{
position: relative;
box-shadow: 16px -16px 0px -4px rgba(255, 198, 11, 1),-16px 15px 0px -3px rgba(241, 81, 34, 1);
padding: 0px!important;
outline: 2px solid #FAF6F1;
outline-offset: -15px;
z-index: 1;
border-radius: 10px;
margin-bottom: 7rem!important;
}
.expert-picks .wp-block-media-text__content {
position: relative;
box-shadow: unset;
padding: 0px!important;
outline: 2px solid #FAF6F1;
outline-offset: -15px;
z-index: 1;
margin-top: 0px;
}
.expert-picks:last-child{
margin-bottom: 0rem!important;
}
}
/* Testimonials
============================================================= */
.testimonial {
box-shadow: 16px -16px 0px -4px rgba(255, 198, 11, 1), -16px 15px 0px -3px rgba(241, 81, 34, 1);
padding: 0px!important;
outline: 2px solid #FAF6F1;
outline-offset: -15px;
z-index: 1;
border-radius: 10px;
height: 100%;
margin: 0 auto;
display: flex;
}
.testimonial-content {
gap: 16px;
}
.testimonial-content::before {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='43' fill='none'%3E%3Cpath fill='%23FAF6F1' d='M15.92 0c-.521 0-1.145.053-1.874.16-.728.107-1.56.428-2.497.963C7.7 3.476 4.786 6.097 2.81 8.985.936 11.873 0 15.403 0 19.575c0 2.995.832 6.097 2.497 9.306 1.769 3.209 4.318 6.097 7.648 8.664 3.433 2.567 7.647 4.385 12.641 5.455v-3.37c-3.433-.748-6.607-2.246-9.52-4.492-2.81-2.246-4.214-5.027-4.214-8.343 0-1.819.468-3.637 1.405-5.456.936-1.71 3.121-3.476 6.555-5.294l5.774-3.049v-1.925L19.821 3.53C18.988 1.177 17.688 0 15.919 0Zm31.213 0c-.52 0-1.145.053-1.873.16-.728.107-1.56.428-2.497.963-3.85 2.353-6.763 4.974-8.74 7.862-1.873 2.888-2.81 6.418-2.81 10.59 0 2.995.833 6.097 2.498 9.306 1.769 3.209 4.318 6.097 7.647 8.664C44.792 40.112 49.006 41.93 54 43v-3.37c-3.434-.748-6.607-2.246-9.52-4.492-2.81-2.246-4.214-5.027-4.214-8.343 0-1.819.468-3.637 1.404-5.456.937-1.71 3.122-3.476 6.555-5.294L54 12.996v-1.925L51.035 3.53C50.202 1.177 48.902 0 47.133 0Z'/%3E%3C/svg%3E");
/* display: inline-block; */
}
@media screen and (max-width: 600px) {
.testimonial-section {
padding-left: 1em;
padding-right: 1em;
}
}
/* Blog
============================================================= */
.single-post .blog-post-author-date-row-wrapper {
font-weight: 600;
color: #484848;
font-size: .9rem!important;
letter-spacing: .1rem!important;
}
.single-post .blog-post-author-date-row-wrapper .wp-block-post-author__name {
font-size: .9rem!important;
}
.single-post .blog-post-author-date-row-wrapper .wp-block-post-date{
font-size: .9rem!important;
}
.single-post-header {
margin-top: 0px!important;
}
.single-post .taxonomy-category a{
background-color: white;
color: #6F6A63;
font-size: .9rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
}
.search-results .taxonomy-category a {
margin-right: 1rem;
}
.search-results #gform_submit_button_1 {
height: 38px;
margin-top: 4px;
}
.search-results .wp-block-post-excerpt__more-link {
font-weight: 700;
}
.single-post .taxonomy-category a:hover{
background-color: #F1E8DD;
}
.single-post .blog-post-author-date-row-wrapper .blog-post-author-wrapper {
gap: .5rem;
}
.single-post .wp-block-search input,
.search-results .wp-block-search input,
.archive.category .single-blog-right-sidebar .wp-block-search input {
padding: 13px;
max-height: 2.35rem;
height: 2.35rem;
border-color: #d3d3d3;
}
.single-post .wp-block-search button,
.search-results .wp-block-search button,
.archive.category .single-blog-right-sidebar .wp-block-search button {
padding: 0.355rem 1rem;
border-top-left-radius: 0 !important;
border-bottom-left-radius: 0 !important;
margin-left: 0;
}
@media screen and (min-width: 768px) {
.single-post .blog-post-author-date-row-wrapper .blog-post-author-wrapper {
min-width: 160px;
}
}
/* .single-post .wp-block-post-author {
width: 100%;
} */
/* .single-post .blog-content-wrapper{
margin-top: 16rem!important;
} */
@media screen and (max-width: 768px) {
.single-post .blog-content-wrapper {
margin-top: 6rem!important;
}
}
.single-post .blog-content-wrapper .single-blog-right-sidebar .newsletter-signup .wp-block-heading,
.single-post .blog-content-wrapper .single-blog-right-sidebar .tag-list-wrapper .wp-block-heading {
font-size: 1.15rem;
font-weight: 700;
}
.blog-content .wp-block-post-title {
font-weight: 700;
font-size: 1.1rem;
}
.blog-content .divider {
margin: 0px 8px;
}
.single-post .blog-content-wrapper .single-blog-author-block .wp-block-post-author__avatar {
width: 80px;
}
.single-post .blog-content-wrapper .single-blog-author-block .wp-block-post-author__avatar img{
width: 100%;
height: auto;
border-radius: 50%;
}
.single-post .blog-content-wrapper .single-blog-author-block .wp-block-post-author__name {
font-size: 1rem;
font-weight: 700;
}
.single-post .blog-content-wrapper .single-blog-author-block .wp-block-post-author__bio{
font-size: 1rem;
}
.single-post .you-deserve-a-vacation-cta {
margin-top: 0px;
}
.wp-block-post-content figure {
max-width: 100%
}
@media screen and (max-width: 500px) {
.single-post .single-blog-author-block .wp-block-post-author {
display: flex;
flex-direction: column;
align-items: center;
}
.single-post .single-blog-author-block .wp-block-post-author__content {
text-align: center;
}
}
/* -------hover effects------ */
.blog-content .wp-block-post-featured-image{
overflow: hidden;
width: 100%;
max-height: 400px;
}
.blog-content .wp-block-post-featured-image img{
transition: all .25s ease-in-out;
height: 100%;
object-fit: cover;
height: 400px;
}
.blog-content .wp-block-post-featured-image img:hover {
transform: scale(1.1);
}
.blog-content .mk-clk:hover .wp-block-post-featured-image img {
transform: scale(1.1);
}
/* -------hover effects end------ */
.page-template-default .blog-page-wrapper.three-card-comparison-block .single-link-card-grid {
padding: 0px;
}
.blog-content .blog-column-2 .wp-block-query ul li {
display: flex;
}
.blog-content .post-template-content .date-author,
.three-card-comparison-block .wp-block-post-template .date-author-row,
.archive .post-template-content .date-author,
.archive .wp-block-post-template .date-author-row
{
text-transform: uppercase;
color: var(--wp--preset--color--accessible-orange);
font-weight: 600;
letter-spacing: 1px;
margin-bottom: .5rem;
flex-wrap: wrap;
font-size: .9rem!important;
line-height: 1.2;
row-gap: 1px;
}
.three-card-comparison-block .wp-block-post-template .date-author-row .wp-block-post-date,
.three-card-comparison-block .wp-block-post-template .date-author-row .wp-block-post-author-name,
.archive .wp-block-post-template .date-author-row .wp-block-post-author-name,
.archive .wp-block-post-template .date-author-row .wp-block-post-date {
font-size: 1rem;
}
/* .three-card-comparison-block .wp-block-post-template .wp-block-post-title {
font-size: 1.25rem;
} */
.three-card-comparison-block .wp-block-post-template .date-author-row .wp-block-post-date,
.archive .wp-block-post-template .date-author-row .wp-block-post-date{
border-right: 2px solid var(--wp--preset--color--accessible-orange);
padding-right: 1.5rem;
}
.blog-content .blog-column-2 .blog-column-stack{
height: 100%;
}
.blog-content .blog-column-2 .blog-column-stack .blog-post-2,
.blog-content .blog-column-2 .blog-column-stack .blog-post-3{
display: flex;
flex-grow: 1;
}
.blog-content .blog-column-2 .blog-column-stack .blog-post-2 ul li .post-template-content,
.blog-content .blog-column-2 .blog-column-stack .blog-post-3 ul li .post-template-content
{
justify-content: center !important;
display: flex;
flex-wrap: wrap;
flex-direction: column;
}
.blog-content .blog-column-2 .blog-column-stack .blog-post-2 ul,
.blog-content .blog-column-2 .blog-column-stack .blog-post-3 ul{
height: 100%;
display: flex;
}
.blog-content .blog-column-2 .blog-column-stack .blog-post-2 .wp-block-post-featured-image img,
.blog-content .blog-column-2 .blog-column-stack .blog-post-3 .wp-block-post-featured-image img{
height: 100%;
}
.blog-content .blog-column-1 {
flex-basis:15%!important;
flex-grow: 1!important;
}
/* -------border radiuses------ */
.blog-content .blog-column-1 .post-template-content {
border-radius: 0px 0px 10px 10px;
}
.blog-content .blog-column-2 .post-template-content {
border-radius: 0px 10px 10px 0px;
}
.blog-content .blog-column-1 .wp-block-post-featured-image {
border-radius: 10px 10px 0px 0px;
}
.blog-content .blog-column-2 .wp-block-post-featured-image {
border-radius: 10px 0px 0px 10px;
}
/* -------border radiuses end------ */
/* You Deserve a Vacation CTA
============================================================= */
.you-deserve-a-vacation-cta{
background-position: left bottom!important;
}
/* Three Card Comparison Block
============================================================= */
/* .three-card-comparison-block .single-link-card-grid {
display: flex
} */
.three-card-comparison-block .single-link-card-grid li {
display: flex
}
.three-card-comparison-block .single-link-card {
display: flex
}
.three-card-comparison-block .single-link-card .wp-block-post-featured-image {
height: auto;
border-radius: 10px 10px 0px 0px;
flex: unset!important;
}
.three-card-comparison-block .single-link-card .card-text-wrapper {
padding: 12px 16px 24px 16px;
flex-grow: 1;
}
.three-card-comparison-block .single-link-card .card-text-wrapper .wp-block-heading {
text-transform: none!important;
font-weight: 600;
}
.three-card-comparison-block .single-link-card .card-text-wrapper .wp-block-heading a::after {
content: '';
}
.archive .wp-block-post {
display: flex;
flex-direction: column;
}
.archive .wp-block-post .wp-block-post-featured-image {
flex: unset!important;
border-radius: 30px 30px 0px 0px;
}
@media screen and (max-width: 750px) {
.three-card-comparison-block .single-link-card-grid
{
display: flex;
flex-direction: column;
}
}
/* Right Sidebar
---------------------------------------------------------------------------- */
.sidebar .single-link-card .wp-block-post-title a::after {
content: '';
}
.sidebar .single-link-card .wp-block-post-title a {
font-weight: 600;
font-size: 1rem;
}
.sidebar .single-link-card .wp-block-post-title {
margin-top: 8px;
}
/* Two Colum Header and Text Block
============================================================= */
.two-column-header-and-text .header-column {
border-right: 2px solid #FFC80B;
padding-right: 16px;
display: flex;
justify-content: center;
align-items: center;
align-self: unset;
}
.two-column-content img {
border-radius: 10px;
}
@media screen and (max-width: 781px) {
.two-column-header-and-text {
max-width: 100%;
}
.two-column-header-and-text .header-column
{
justify-content: left;
border-right: 0px;
border-bottom: 2px solid #ffc80B;
padding-bottom: 16px;
}
}
/* Query Loops
============================================================= */
.things-to-do-query-loop .activity-image-tag-group {
position: relative;
}
.things-to-do-query-loop .activity-image-tag-group .activity-tag {
/* background-color: white;
color: #052230; */
font-size: .75rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
position: absolute;
z-index: 2;
top: 6px;
left: 6px;
}
/* .things-to-do-query-loop .activity-image-tag-group .activity-tag a {
color: #052230;
} */
/* Featured Image + map Header */
/* .single-hotel-header .featured-image-with-map {
height: 400px;
gap: 0px;
max-width: 100%;
overflow: hidden;
} */
@media screen and (max-width: 781px) {
.things-to-do-query-loop {
grid-template-columns: 1fr 1fr;
}
}
/* =============================================================
Featured Image with Map Page Headers
============================================================= */
.single-hotel-header .featured-image-with-map,
.single-tour-header .featured-image-with-map,
.single-destination-header .featured-image-with-map,
.single-vacation-header .featured-image-with-map
/* Make Image Scale height */{
gap: 0px;
max-width: 100%;
width: 100%;
overflow: hidden;
}
.single-hotel-header .featured-image-with-map .featured-image-column .wp-block-post-featured-image img,
.single-tour-header .featured-image-with-map .featured-image-column .wp-block-post-featured-image img,
.single-destination-header .featured-image-with-map .featured-image-column .wp-block-post-featured-image img,
.single-vacation-header .featured-image-with-map .featured-image-column .wp-block-post-featured-image img
{
object-position: 50% 50%;
height: 100%;
/* height: 400px; */
object-fit: cover;
}
.single-hotel-header .featured-image-with-map .map-embed-column iframe,
.single-tour-header .featured-image-with-map .map-embed-column iframe,
.single-destination-header .featured-image-with-map .map-embed-column iframe,
.single-vacation-header .featured-image-with-map .map-embed-column iframe {
width: 100%;
/* height: 400px; */
height: 100%;
border: 0px;
}
@media screen and (max-width: 781px) {
.single-hotel-header .featured-image-with-map .map-embed-column,
.single-tour-header .featured-image-with-map .map-embed-column,
.single-destination-header .featured-image-with-map .map-embed-column,
.single-vacation-header .featured-image-with-map .map-embed-column{
height: 400px;
}
.single-hotel-header .featured-image-with-map,
.single-tour-header .featured-image-with-map,
.single-destination-header .featured-image-with-map,
.single-vacation-header .featured-image-with-map
{
height: unset;
}
.single-hotel-header .featured-image-with-map .map-embed-column iframe,
.single-tour-header .featured-image-with-map .map-embed-column iframe,
.single-destination-header .featured-image-with-map .map-embed-column iframe,
.single-vacation-header .featured-image-with-map .map-embed-column iframe{
width: 100%;
height: 400px;
}
}
/* =============================================================
End Featured Image + Map
============================================================= */
/* =============================================================
Landing Page Templates
============================================================= */
/*Payment Policy
============================================================= */
@media screen and (max-width: 700px) {
.payment-policy .center-page-header > .wp-block-group >*,
.payment-policy .center-page-content>* {
max-width: 100%;
}
}
/*Tour Landing Page
============================================================= */
.blue-container-media-text .wp-block-media-text__content {
padding-top: 5rem;
padding-bottom: 2rem;
}
.blue-container-media-text .wp-block-media-text__media {
height: 100%;
/* aspect-ratio: 4/3; */
}
.blue-container-media-text .wp-block-media-text__media img {
object-fit: cover;
height: 100%;
width: 100%;
}
@media screen and (max-width: 900px) {
.blue-container-media-text .wp-block-media-text__media {
/* height: 100%; */
height: 450px;
width:100%
}
}
/* =============================================================
END Landing Page Templates
============================================================= */
@media screen and (max-width: 2000px) {
.single-cre_hotels .entry-content .two-column-content,
.single-cre_tours .entry-content .two-column-content,
.single-cre_destinations .entry-content .two-column-content
{
margin: 0rem 0rem!important;
}
}
/*===========================================================================
About Us
--------------------------------------------------------------------------- */
.about-us-content .staff-member-wrapper {
margin-left: 0px!important;
margin-right: 0px!important;
max-width: 100%;
}
@media screen and (max-width: 925px) {
.staff-member-content .staff-bio .text-wrap-content-container .wp-block-image {
width: unset;
}
}
@media screen and (max-width: 781px) {
.about-us-content .video-section>*,
.about-us-content .staff-member-wrapper .staff-member-content>*,
.about-us-content .polar-cruise-callout>*
{
max-width: 100%;
}
}
@media screen and (max-width: 668px) {
.staff-member-content .staff-bio .text-wrap-content-container .wp-block-image {
float: none;
margin-right: 0px;
margin-bottom: 0px;
}
.staff-member-content .staff-bio {
display: flex;
flex-direction: column;
}
.staff-member-content .staff-bio .right-text-content {
transform: none;
margin-top: 2rem;
}
}
/* Hotel Landing Page
=========================================================================================================== */
.mb-3 .hm-tabs__content .card-links {
padding: 0px;
}
/* @media screen and (max-width: 900px) {
.mb-3 .hm-tabs__content .card-links {
padding: 0px;
}
} */
/*===========================================================================
Single View Post Page
--------------------------------------------------------------------------- */
.single-post .entry-content{
margin-top: 0px;
}
.single-post-header .single-view-featured-image img {
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.single-post-header .single-view-page-title {
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.175rem;
line-height: 1.5rem;
text-transform: uppercase;
color: var(--wp--preset--color--accessible-orange)
}
.single-post-header .alternate-page-heading {
margin-top: .5rem;
}
.single-post-header .date-author-row {
text-transform: uppercase;
font-weight: 600;
color: #484848;
gap: 12px;
}
.single-post-header .author-row {
gap: 4px;
font-size: 1rem;
}
.single-post-header .wp-block-post-date,
.single-post-header .wp-block-post-author-name {
font-size: 1rem;
}
.single-post-header .taxonomy-category a{
background-color: white;
color: #6F6A63;
font-size: .9rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
}
.single-post-header .taxonomy-category a:hover{
background-color: #F1E8DD;
}
.wp-block-categories-list {
padding-left: 0px;
}
.wp-block-categories-list li{
list-style-type: none;
}
.wp-block-categories-list li a {
background-color: white;
color: #6F6A63;
font-size: .9rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-bottom: 8px;
}
.wp-block-categories-list li a:hover {
background-color: #F1E8DD;
}
@media screen and (max-width: 900px) {
.destination-grid-wrapper .destination-grid .wp-block-post-template {
grid-template-columns: 1fr 1fr 1fr;
}
}
@media screen and (max-width: 781px) {
.destination-grid-wrapper .destination-grid .wp-block-post-template {
grid-template-columns: 1fr 1fr;
}
}
/* Single Destination Page
=========================================================================================================== */
/* -------Single View Destination Page Header------ */
.single-destination-header .single-view-intro-container {
margin-top: 0px;
}
.single-destination-header .single-view-featured-image img {
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.single-destination-header .single-view-page-title {
font-size: 1rem;
font-weight: 700;
letter-spacing: 0.175rem;
line-height: 1.5rem;
text-transform: uppercase;
color: var(--wp--preset--color--accessible-orange)
}
.single-destination-header .alternate-page-heading {
margin-top: .5rem;
}
/* -------Destination Highlight Callout Block------ */
.destination-highlight-callout .destination-callout-text-container p {
margin-top: 0px;
line-height: 1.2;
font-size: 1.1rem;
}
.destination-highlight-callout .destination-callout-text-container .destination-callout-title {
font-size: 1rem;
line-height: 1.2;
margin-bottom: .25rem;
}
.uppercase-font {
text-transform: uppercase;
letter-spacing: 0.0875rem;
}
@media screen and (max-width: 1100px) {
.destination-highlight-callout .wp-block-columns {
flex-direction: column;
gap: .5rem;
}
}
@media screen and (max-width: 781px) {
.destination-highlight-callout-content {
width: 100%;
}
.destination-highlight-callout .wp-block-columns {
flex-direction: row;
gap: .5rem;
}
}
/* Single Destination Page
============================================================= */
.cre_destinations-template-default .template_single-cre-destinations
.single-cre_destinations img:not(.single-cre_destinations .wp-block-post-featured-image img) {
border-radius: 10px;
}
/* jump links */
.jump-link,
.side-navigation {
position: relative;
box-shadow: 10px -10px 0px -4px rgba(241, 81, 34, 1),-10px 9px 0px -3px rgba(255, 198, 11, 1);
transition: all 0.3s ease;
z-index: 999;
border-radius: 10px;
}
.jump-link.stuck {
position: fixed;
top: 3rem;
}
.jump-link a:hover {
background-color: transparent;
text-decoration: underline;
}
@media screen and (min-width: 1100px) {
.jump-link {
min-width: 412.8px;
}
}
@media screen and (max-width: 781px) {
.jump-link.stuck {
display: none;
}
.jump-link {
display: none;
}
}
/* -------------Single Destination Hotel Pattern-------------- */
.single-destination-full-width-cta-pattern {
background-position: bottom right!important;
}
.single-destination-hotel-pattern .mk-clk {
border-radius: 0px 0px 10px 10px;
}
.single-destination-hotel-pattern .mk-clk:hover .wp-block-post-title a{
color: var(--wp--preset--color--secondary);
/* background-color: color-mix(in srgb, currentColor 20%, transparent); */
text-decoration: none;
}
.single-destination-hotel-pattern .mk-clk:hover .wp-block-post-title a::after{
transform: translateX(14%) scale(.9);
}
.single-destination-hotel-pattern .mk-clk:hover .wp-block-post-featured-image img{
transform: scale(1.1);
}
.single-destination-hotel-pattern .wp-block-post .wp-block-post-featured-image{
height: 160px;
}
.single-destination-hotel-pattern .wp-block-post .wp-block-post-featured-image img{
height: 100%;
}
.single-destination-hotel-pattern .wp-block-post .wp-block-post-title {
font-size: 1.25rem;
font-weight: 600;
margin-bottom: 16px;
}
.single-destination-hotel-pattern .wp-block-post .taxonomy-cre_styles span,
.single-destination-hotel-pattern .taxonomy-cre_locations span,
.single-destination-hotel-pattern .wp-block-post-terms span{
background-color: var(--wp--preset--color--background-secondary);
color: #6F6A63;
font-size: .75rem;
font-weight: 600;
padding: 5px 7px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-right: 4px;
margin-bottom: 4px;
}
.single-destination-hotel-pattern .wp-block-post-terms{
margin-top: 4px;
}
.single-destination-hotel-pattern .wp-block-post .taxonomy-cre_styles .wp-block-post-terms__separator,
.single-destination-hotel-pattern .wp-block-post-terms__separator,
.single-destination-hotel-pattern .wp-block-post-terms .wp-block-post-terms__separator {
display: none;
}
.single-destination-hotel-pattern .wp-block-post .taxonomy-cre_vacation_tags a:hover{
background-color: #F1E8DD;
}
.single-destination-hotel-pattern p {
margin-top: .5rem;
}
.single-destination-hotel-pattern .wp-block-query {
margin-top: 3rem;
}
.single-destination-vacation-packages-pattern .card-links {
padding: 0px;
}
.single-destination-vacation-packages-pattern .card-links .single-link-card-grid {
padding: 0px;
}
/* .single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li{
background-color: white;
}
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li .wp-block-post-title{
padding-left: 16px;
padding-right: 16px;
}
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li .wp-block-post-terms{
padding-left: 16px;
padding-right: 16px;
}
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li .taxonomy-cre_styles span,
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li .taxonomy-cre_accommodation span{
background-color: var(--wp--preset--color--background-secondary);
color: #6F6A63;
font-size: .9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-right: 8px;
margin-bottom: 8px;
}
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li .taxonomy-cre_styles .wp-block-post-terms__separator,
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template > li .taxonomy-cre_styles .taxonomy-cre_accommodation
{
display: none;
} */
@media screen and (max-width: 781px) {
.single-destination-hotel-pattern .wp-block-heading,
.single-destination-hotel-pattern .cre_custom_block_filters_tax--container,
.single-destination-hotel-pattern .cre_custom_block_filters_tax--container,
.single-destination-hotel-pattern .hotel-query-filter-block,
.single-destination-vacation-packages-pattern .wp-block-heading,
.single-destination-vacation-packages-pattern p,
.single-destination-vacation-packages-pattern .card-links
{
max-width: 100%;
}
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template,
.single-destination-vacation-packages-pattern .card-links .single-link-card-grid
{
grid-template-columns: 1fr 1fr;
}
.single-cre_destinations .card-links {
padding-bottom: 0px!important;
}
}
@media screen and (max-width: 600px) {
.single-destination-vacation-packages-pattern .card-links .single-link-card-grid {
grid-template-columns: 1fr;
}
.single-destination-full-width-cta-pattern .wp-block-group>*
{
max-width: 100%;
text-align: center;
}
.single-destination-full-width-cta-pattern .wp-block-buttons {
justify-content: center;;
}
}
@media screen and (max-width: 500px) {
.single-destination-hotel-pattern .hotel-query-filter-block .wp-block-post-template
{
grid-template-columns: 1fr;
}
}
/* Vacations landing page
--------------------------------------------------------------------------- */
.vacation-query-filter-block h2.wp-block-post-title {
font-size: 1.5rem;
font-weight: 600;
}
@media screen and (min-width: 1100px) {
.vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations .vacations-card-single .vacations-card-content-wrapper {
min-height: 533px;
}
}
/*.vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations {
display: flex;
flex-direction: column;
}*/
.vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations .vacations-card-single {
display: flex;
flex-direction: column;
}
.vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations .vacations-card-single .vacations-card-content-wrapper {
flex-grow: 1;
width: 100%;
border-radius: 0px 0px 10px 10px!important;
}
.vacations-card-single .wp-block-post-title {
font-size: 1.3rem;
}
.vacations-card-single figure {
aspect-ratio: 16 / 9 !important;
overflow: hidden;
width: 100%;
max-height: 400px;
border-radius: 10px;
/* height: 1px; */
flex: unset !important;
}
.vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations {
display: flex;
}
.vacations-card-single figure {
border-radius: 10px 10px 0px 0px!important;
}
.vacations-card-single .vacation-card-destination-header,
.vacations-card-single .vacation-card-price-header
{
font-size: 1rem;
font-weight: 600;
margin-top: 1.5rem;
color: var(--wp--preset--color--primary);
}
.vacations-card-single .vacation-destinations{
margin-top: 1rem;
}
.vacations-card-single .taxonomy-cre_trip_pricing{
margin-top: 1rem;
font-size: 1rem;
margin-top: 0px;
}
/* .vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations .vacations-card-single .vacations-card-content-wrapper .taxonomy-cre_trip_category{
background-color: white;
color: #6F6A63;
font-size: .9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-right: 8px;
margin-bottom: 8px;
}
.vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations .vacations-card-single .vacations-card-content-wrapper .taxonomy-cre_trip_category span{
background-color: white;
color: #6F6A63;
font-size: .9rem;
font-weight: 600;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-right: 8px;
margin-bottom: 8px;
} */
.vacations-query .vacation-query-filter-block .vacation-query-filter-block-inner .cre_vacations .vacations-card-single .vacations-card-content-wrapper .taxonomy-cre_trip_category a:hover{
background-color: #F1E8DD;
}
.vacations-query .vacation-destinations {
margin-top: 0px;
}
.vacations-query .vacation-destination-list {
margin-top: 0px;
}
.vacations-query .vacation-destination-list > li {
list-style-type: circle;
display: block;
font-size: 1rem;
padding: 0.25rem;
margin-right: 0.5rem;
text-transform: capitalize;
margin-bottom: 0px;
}
@media screen and (max-width: 900px) {
.relax-and-explore-wrapper .wp-block-media-text__media img,
.unique-vacation-experiences-wrapper .wp-block-media-text__media img{
width: 150px;
}
.relax-and-explore-wrapper>.wp-block-media-text__media {
order: 1;
padding: 0 8%;
}
.unique-vacation-experiences-wrapper .wp-block-media-text__media {
padding: 0 8%;
}
.relax-and-explore-wrapper .wp-block-media-text__content {
order: 2;
}
}
/*===========================================================================
Single View Vacation Page
--------------------------------------------------------------------------- */
.single-cre_vacations .entry-content {
margin-top: 0px;
}
.single-cre_vacations .two-column-content .wp-block-heading {
font-weight: 600;
}
/* Single Vacation Header
---------------------------------------------------------------------------- */
.single-vacation-header {
margin-top: 0px;
}
.single-vacation-header {
margin-top: 0px;
}
.single-vacation-header .single-view-featured-image img {
object-position: 50% 50%;
height: 520px;
}
.single-vacation-header .alternate-page-heading {
margin-top: .5rem;
}
/* Vacation Price Info
---------------------------------------------------------------------------- */
.single-vacation-header .single-view-intro-container {
position: relative;
}
.single-vacation-header .single-view-intro-container .price-description {
line-height: 1.2;
}
.single-vacation-header .vacation-price-info {
color: white;
gap: 8px;
}
.single-vacation-header .vacation-price-info .wp-block-heading {
color: white;
}
.single-vacation-header .vacation-price-content{
padding: 1rem 1rem;
}
.single-vacation-header .price-text{
font-weight: 800;
}
.single-vacation-header .price-content-wrapper .vacation-price-content .price-text {
padding-bottom: .3rem;
}
.single-vacation-header .price-description{
margin-top: 0px;
}
.single-vacation-header .price-fine-print{
font-size: .875rem;
}
.single-vacation-header .price-content-wrapper {
border: 1px solid #8DD2E0;
margin-bottom: 1rem;
}
.price-fine-print .wp-block-details summary::after {
/* left: 8px; */
padding-left: 7px;
right: unset;
}
.single-vacation-header .vacation-price-content {
border: 0px;
padding: .5rem!important;
}
.single-vacation-header .price-fine-print .wp-block-details {
border: 0px;
}
.single-vacation-header .price-fine-print .wp-block-details{
border-top: 0px!important;
font-size: 1rem;
font-weight: 400;
text-align: center;
}
.single-vacation-header .trip-duration{
gap: 12px;
font-weight: 600;
border-top: 0px solid #8DD2E0;
padding-top: .5rem!important;
}
.single-vacation-header .trip-duration .trip-duration-day{
border-right: 1px solid white;
padding-right: 12px;
}
.has-moon-icon::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='15' fill='none'%3E%3Cpath fill='%238DD2E0' d='M6.527 14.5c2.013 0 3.852-.982 5.07-2.592.18-.238-.016-.586-.294-.53-3.167.648-6.075-1.956-6.075-5.385 0-1.974.985-3.79 2.587-4.768.247-.15.185-.552-.095-.608A6.15 6.15 0 0 0 6.527.5C2.924.5 0 3.631 0 7.5c0 3.864 2.92 7 6.527 7Z'/%3E%3C/svg%3E"); background-size: 16px 16px;
display: inline-block;
height: 16px;
width: 16px;
margin-right: 8px;
}
.has-sun-icon::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='19' fill='none'%3E%3Cpath fill='%238DD2E0' d='M9 6.125A3.38 3.38 0 0 0 5.625 9.5 3.38 3.38 0 0 0 9 12.875 3.38 3.38 0 0 0 12.376 9.5 3.38 3.38 0 0 0 9 6.125Zm8.663 2.83-3.33-1.663 1.179-3.53a.608.608 0 0 0-.77-.77l-3.53 1.178L9.545.837a.609.609 0 0 0-1.09 0l-1.662 3.33-3.534-1.178a.608.608 0 0 0-.77.77l1.178 3.53-3.33 1.666a.609.609 0 0 0 0 1.09l3.33 1.663-1.178 3.533a.608.608 0 0 0 .77.77l3.53-1.178 1.663 3.33c.225.45.865.45 1.09 0l1.663-3.33 3.53 1.178a.608.608 0 0 0 .77-.77l-1.178-3.53 3.33-1.663a.61.61 0 0 0 .006-1.093Zm-5.48 3.727a4.505 4.505 0 0 1-6.364 0 4.505 4.505 0 0 1 0-6.364 4.505 4.505 0 0 1 6.363 0 4.504 4.504 0 0 1 0 6.364Z'/%3E%3C/svg%3E"); display: inline-block;
height: 18px;
width: 18px;
margin-right: 8px;
}
.uppercase-font {
text-transform: uppercase;
letter-spacing: 0.0875rem;
}
@media screen and (max-width: 1100px) {
.single-vacation-header .vacation-price-info .wp-block-columns {
flex-direction: column;
gap: .5rem;
}
}
@media screen and (max-width: 781px) {
.destination-highlight-callout-content {
width: 100%;
}
.destination-highlight-callout .wp-block-columns {
flex-direction: row;
gap: .5rem;
}
.single-vacation-header .vacation-price-info {
margin-top: 0px;
}
}
/* Trip Highlights
---------------------------------------------------------------------------- */
.trip-highlights-content {
position: relative;
box-shadow: 10px -10px 0px -4px rgba(241, 81, 34, 1),-10px 9px 0px -3px rgba(255, 198, 11, 1);
z-index: 1;
border-radius: 10px;
}
.single-cre_vacations .single-vacation-header .trip-highlights iframe{
border: none;
}
@media screen and (max-width: 900px) {
.single-cre_vacations .trip-highlights .has-media-on-the-right .wp-block-media-text__content {
order: 2;
}
.single-cre_vacations .trip-highlights .has-media-on-the-right .wp-block-media-text__media {
margin-top: -30px;
}
.single-cre_vacations .trip-highlights .has-media-on-the-right .wp-block-media-text__media img {
width: 100vw;
height: 300px;
object-fit: cover;
}
}
/* Map Embed Full Screen Highlights
---------------------------------------------------------------------------- */
.single-cre_vacations .single-vacation-header .trip-highlights .trip-highlights-and-map{
max-width: 100%;
}
.single-cre_vacations .single-vacation-header .trip-highlights {
padding: 0px!important;
}
.single-cre_vacations .single-vacation-header .trip-highlights .trip-highlights-and-map .map-embed-column {
overflow: hidden;
}
.single-cre_vacations .single-vacation-header .trip-highlights .trip-highlights-and-map .map-embed-column .google-map-wrapper {
margin-top: -80px;
height: 800px;
width:100%;
}
.single-cre_vacations .single-vacation-header .trip-highlights .trip-highlights-and-map .map-embed-column .google-map-wrapper iframe {
height: 100%;
width: 100%;
}
.single-cre_vacations .single-vacation-header .trip-highlights .trip-highlights-and-map .trip-highlight-content-column{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
}
/* Two Column Content
---------------------------------------------------------------------------- */
@media screen and (max-width: 900px) {
.single-cre_vacations .two-column-content .wp-block-columns {
gap: 16px
}
}
/* What's Included List
---------------------------------------------------------------------------- */
.whats-included-list {
color: white;
border-radius: 10px;
}
.whats-included-list .wp-block-heading {
color: white;
}
.whats-included-list li {
position: relative;
margin-bottom: 16px;
}
.whats-included-list li::before{
content:'';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='20' fill='none'%3E%3Cpath fill='%238DD2E0' d='M8.73 19.072.603 10.947a1.25 1.25 0 0 1 0-1.768L2.372 7.41a1.25 1.25 0 0 1 1.768 0l5.473 5.473L21.337 1.161a1.25 1.25 0 0 1 1.767 0l1.768 1.768a1.25 1.25 0 0 1 0 1.768L10.497 19.072a1.25 1.25 0 0 1-1.768 0Z'/%3E%3C/svg%3E");
position:absolute;
height: 20px;
width: 26px;
left: -40px;
top: 5px;
}
.whats-included-list li::marker {
content:'';
}
/* Itinerary Day Badge
---------------------------------------------------------------------------- */
.itinerary-day-badge {
border-radius: 100px;
background-color: var(--wp--preset--color--primary);
min-width: 95px;
min-height: 95px;
}
.itinerary-day-badge p {
text-align: center;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: white;
font-weight: 600;
}
.itinerary-day-heading {
text-transform: none!important;
font-weight: 600;
font-size: 1.40rem;
}
.itinerary-day-description {
margin-top: 8px;
font-size: 1.15rem!important;
}
@media screen and (max-width: 550px) {
.single-cre_vacations .trip-itinerary .trip-itinerary-list-item .trip-itinerary-list-item-row{
display: flex;
flex-direction: column;
}
.single-cre_vacations .trip-itinerary .trip-itinerary-list-item .trip-itinerary-list-item-row .itinerary-day-badge {
align-self: self-start;
}
}
/* Manual Select Links
---------------------------------------------------------------------------- */
.costa-rica-sidebar-information .about-costa-rica .wp-block-buttons{
gap: 12px;
}
.about-costa-rica-sidebar-information .trust-the-experts-icon {
min-width: 42px;
}
.about-costa-rica-sidebar-information .trust-the-experts-icon img {
max-width: 42px;
}
.about-costa-rica-sidebar-information p {
line-height: 1.3;
}
/* @media screen and (max-width: 995px) {
.manual-select-links .wp-block-query .wp-block-post-template {
grid-template-columns: 1fr;
}
} */
/* Compare Similar Vacations
---------------------------------------------------------------------------- */
.cre_vacations .wp-block-group .wp-block-group {
border-bottom-left-radius: 10px;
border-bottom-right-radius: 10px;
display: flex;
flex-direction: column;
flex-grow: 1;
}
.cre_vacations .wp-block-group .wp-block-group .trip-duration-day,
.cre_vacations .wp-block-group .wp-block-group .trip-duration-night {
font-size: 1.2rem!important;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group {
height: 100%;
display: block;
border-radius: 0px 0px 10px 10px;
}
.vacation-landing-page-query .similar-vacations-query-block .cre_vacations {
display: flex;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .vacation-pricing-qb {
display: unset!important;
margin-right: 0px!important;
margin-left: 0px!important;
margin-bottom: 24px;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .vacation-pricing-qb .vacation-price-info-qb {
display: unset!important;
padding: 0px!important;
margin-right: 0px!important;
margin-left: 0px!important;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group {
display: flex;
flex-direction: column;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group > .wp-block-post-featured-image {
flex:unset!important;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .vacation-pricing-qb .vacation-price-info-qb .trip-destinations,
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .vacation-pricing-qb .vacation-price-info-qb .trip-duration
{
padding: 0px!important;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .vacation-pricing-qb .vacation-price-info-qb .trip-destinations .destinations-text,
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .vacation-pricing-qb .vacation-price-info-qb .trip-duration .duration-text
{
margin-top: 24px;
}
.vacation-landing-page-query .similar-vacations-query-block .wp-block-post-template li.cre_vacations > div.wp-block-group .wp-block-buttons {
margin-top: auto;
margin-bottom: 16px;
width: 100%;
}
@media screen and (max-width: 750px) {
.single-cre_vacations .similar-vacations-comparisons .single-link-card-grid {
display: flex;
flex-direction: column;
}
.similar-vacations-query-block .wp-block-post-template {
grid-template-columns: 1fr 1fr;
}
}
@media screen and (max-width: 600px) {
.similar-vacations-query-block .wp-block-post-template {
grid-template-columns: 1fr;
}
}
/*===========================================================================
Single View Hotel Page
--------------------------------------------------------------------------- */
.single-cre_hotels .entry-content {
margin-top: 0px;
}
.single-cre_hotels .two-column-content img {
border-radius: 10px;
}
.single-cre_hotels .two-column-content .wp-block-heading {
font-weight: 600;
}
/* Single View Hotels Header
---------------------------------------------------------------------------- */
.single-view-page-header{
margin-top: 0px;
}
.single-hotel-header .single-view-featured-image img {
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.single-cre_hotels .hotel-tags-column {
display: flex;
justify-content: right;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box {
display: inline-block;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group {
gap: 12px;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .category-row,
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .style-row {
gap: 6px;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .category-row .category-title,
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .style-row .style-title {
font-weight: 700;
letter-spacing: 1.5px;
font-size: .875rem;
text-transform: uppercase;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .category-row .wp-block-post-terms span,
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .style-row .wp-block-post-terms span {
background-color: unset!important;
font-size: 1.2rem;
letter-spacing: 1.5px;
font-weight: 300;
text-transform: capitalize;
color: white;
margin-bottom: 0px;
padding: 0px;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .category-row {
border-right: 1px solid white;
padding-right: 12px;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .category-row .category-title::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='21' height='13' fill='none'%3E%3Cpath fill='%238DD2E0' d='M6.324 6.747c1.379 0 2.5-1.121 2.5-2.5 0-1.378-1.121-2.5-2.5-2.5a2.503 2.503 0 0 0-2.5 2.5c0 1.379 1.122 2.5 2.5 2.5Zm11-4h-7a.5.5 0 0 0-.5.5v4.5h-7v-6.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-1.5h16v1.5a.5.5 0 0 0 .5.5h1a.5.5 0 0 0 .5-.5v-6a3.5 3.5 0 0 0-3.5-3.5Z'/%3E%3C/svg%3E");
height: 13px;
width: 21px;
display: inline-block;
margin-right: 8px;
}
.single-cre_hotels .single-view-intro-container .hotel-tags-box .hotel-tags-box-content .wp-block-group .style-row .style-title::before {
content: '';
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='16' fill='none'%3E%3Cpath fill='%238DD2E0' d='M17.352 2.622a.47.47 0 0 0 .472-.469v-.937a.47.47 0 0 0-.472-.469H1.296a.47.47 0 0 0-.472.469v.937a.47.47 0 0 0 .472.47h.472v11.25h-.472a.47.47 0 0 0-.472.468v.937a.47.47 0 0 0 .472.47H8.38v-2.345c0-.258.212-.468.472-.468h.944c.26 0 .473.21.473.468v2.344h7.083a.47.47 0 0 0 .472-.469v-.937a.47.47 0 0 0-.472-.469h-.472V2.622h.472ZM8.38 3.935c0-.188.189-.375.378-.375H9.89c.189 0 .378.187.378.375V5.06c0 .187-.19.375-.378.375H8.758c-.19 0-.378-.188-.378-.375V3.935Zm0 2.812c0-.187.189-.375.378-.375H9.89c.189 0 .378.188.378.375v1.125c0 .188-.19.375-.378.375H8.758c-.19 0-.378-.187-.378-.375V6.747ZM4.602 3.935c0-.188.189-.375.378-.375h1.133c.189 0 .378.187.378.375V5.06c0 .187-.189.375-.378.375H4.98c-.19 0-.378-.188-.378-.375V3.935Zm1.511 4.312H4.98c-.19 0-.378-.187-.378-.375V6.747c0-.187.189-.375.378-.375h1.133c.189 0 .378.188.378.375v1.125c0 .188-.189.375-.378.375Zm.378 3.75a2.823 2.823 0 0 1 2.833-2.812 2.823 2.823 0 0 1 2.834 2.812H6.49Zm7.555-4.125c0 .188-.188.375-.377.375h-1.134c-.189 0-.377-.187-.377-.375V6.747c0-.187.188-.375.377-.375h1.134c.189 0 .377.188.377.375v1.125Zm0-2.812c0 .187-.188.375-.377.375h-1.134c-.189 0-.377-.188-.377-.375V3.935c0-.188.188-.375.377-.375h1.134c.189 0 .377.187.377.375V5.06Z'/%3E%3C/svg%3E"); height: 13px;
display: inline-block;
width: 18px;
height: 15px;
margin-right: 8px;
}
.single-cre_hotels .single-hotel-header .blue-section-container a {
color: var(--wp--preset--color--accessible-cyan-on-dark-bg);
}
.single-cre_hotels .single-hotel-header .blue-section-container,
.single-cre_hotels .single-hotel-header .blue-section-container .wp-block-heading {
color: white;
}
.single-cre_hotels .single-hotel-header .blue-section-container .wp-block-details {
border-top: 2px solid white;
}
.single-cre_hotels .single-hotel-header .blue-section-container .wp-block-media-text {
margin-top: -30px;
}
.single-cre_hotels .single-hotel-header .blue-section-container .wp-block-media-text .wp-block-media-text__media {
height: 100%;
overflow: hidden;
}
.single-cre_hotels .single-hotel-header .blue-section-container .wp-block-media-text .wp-block-media-text__media img{
background-size: cover;
height: 100%;
max-width: unset;
/* vertical-align: middle; */
width: auto;
background-position: 50% 50%;
}
.single-cre_hotels .entry-content .two-column-content {
margin: 4rem 0rem;
}
.cre_hotels .wp-block-post-title {
font-size: 1.5rem;
}
.hotel-query-filter-block-inner .cre_hotels .wp-block-post-title {
font-size: 1.3rem;
font-weight: 700;
margin-top: 8px;
}
.cre_hotels .wp-block-post-terms a {
background-color: white;
color: #6F6A63;
font-size: .8rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-bottom: .5rem;
}
.hotel-query-filter-block-inner .cre_hotels .taxonomy-cre_styles {
margin-top: 0px;
}
.hotel-query-filter-block-inner .cre_hotels .taxonomy-cre_styles a,
.hotel-query-filter-block-inner .cre_hotels .taxonomy-cre_locations a {
margin-right: 8px;
}
.hotel-query-filter-block-inner .cre_hotels .taxonomy-cre_styles a:hover,
.hotel-query-filter-block-inner .cre_hotels .taxonomy-cre_locations a:hover {
background-color: #F1E8DD;
}
/* .hotel-query-filter-block-inner .cre_hotels .hotel-query-content-wrapper .taxonomy-cre_styles span,
.hotel-query-filter-block-inner .cre_hotels .hotel-query-content-wrapper .taxonomy-cre_locations span,
.hotel-query-filter-block-inner .cre_hotels .mk-clk .wp-block-post-terms span{
background-color: white;
color: #6F6A63;
font-size: .8rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-bottom: .5rem;
margin-right: .5rem;
} */
/* .cre_hotels .taxonomy-cre_styles {
margin-top: 8px!important;
} */
.taxonomy-cre_styles span,
.taxonomy-cre_locations span,
.wp-block-post-terms span{
background-color: white;
color: #6F6A63;
font-size: .8rem;
font-weight: 600;
padding: 10px 16px;
text-transform: uppercase;
letter-spacing: 0.0525rem;
line-height: 1rem;
border-radius: 20px;
display: inline-block;
transition: all .2s ease;
margin-bottom: .5rem;
margin-right: .5rem;
}
.taxonomy-cre_styles span.wp-block-post-terms__separator,
.taxonomy-cre_locations span.wp-block-post-terms__separator,
.wp-block-post-terms span.wp-block-post-terms__separator{
display: none;
}
/* .hotel-query-filter-block-inner .cre_hotels .hotel-query-content-wrapper .taxonomy-cre_styles span.wp-block-post-terms__separator,
.hotel-query-filter-block-inner .cre_hotels .hotel-query-content-wrapper .taxonomy-cre_locations span.wp-block-post-terms__separator,
.hotel-query-filter-block-inner .cre_hotels .mk-clk .wp-block-post-terms span.wp-block-post-terms__separator{
display: none;
} */
/* .cre_hotels .wp-block-post-terms a:hover{
background-color: #F1E8DD;
} */
@media screen and (max-width: 2000px) {
/*.single-cre_hotels .sand-wave-bg-cover {
}*/
.single-cre_hotels .entry-content .two-column-content {
margin: 0rem 0rem!important;
}
}
@media screen and (max-width: 950px) {
.single-cre_hotels .blue-section-container .wp-block-media-text .wp-block-media-text__content .wp-block-group{
padding-top: 64px!important;
}
.single-cre_hotels .two-column-content .wp-block-columns {
gap: 16px
}
}
@media screen and (max-width: 850px) {
.single-cre_hotels .two-column-content .wp-block-columns {
display: flex;
flex-direction: column;
}
}
@media screen and (max-width: 781px) {
.single-cre_hotels .single-view-intro-container .wp-block-columns .hotel-tags-column {
justify-content: left;
}
}
.single-cre_vacations .ginput_container input {
border-radius: 10px 10px;
}
.single-cre_vacations .gform-theme--foundation .gfield input.large {
border-radius: 10px 10px;
}
.single-cre_vacations .gform-footer #gform_submit_button_2 {
border-radius: 30px;
}
/*===========================================================================
Single View Activity
--------------------------------------------------------------------------- */
.single-cre_things_to_do .entry-content {
margin-top: 0px;
}
.single-cre_things_to_do .two-column-content img {
border-radius: 10px;
}
/* Single View Activity Header
---------------------------------------------------------------------------- */
.tax-cre_things_to_do_category .entry-content{
margin-top: 0px;
}
.single-activity-header {
margin-top: 0px;
}
.single-activity-header .single-view-featured-image img {
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
.single-activity-header.alternate-page-heading {
margin-top: .5rem;
}
/*===========================================================================
Single View Tours
--------------------------------------------------------------------------- */
.single-cre_tours .entry-content {
margin-top: 0px;
}
.single-cre_tours .two-column-content img {
border-radius: 10px;
}
.single-cre_tours iframe {
width: 100%;
height: 450px;
}
@media screen and (max-width: 1000px) {
.single-cre_tours .two-column-content
{
margin-top: 0px!important;
}
}
/* Single View Tours Header
---------------------------------------------------------------------------- */
.single-tour-header{
margin-top: 0px;
}
.single-tour-header .single-view-featured-image img {
object-position: 50% 50%;
height: 400px;
object-fit: cover;
}
@media screen and (max-width: 781px) {
.single-cre_tours .sand-wave-bg-cover
{
height: 120px;
}
.single-cre_tours .wp-container-core-group-is-layout-6 > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
max-width: 100%!important;
}
}
/* Single View Next and Previous Post Navigation
---------------------------------------------------------------------------- */
.previous-and-next-post-link-row {
margin-top: 64px;
justify-content: space-between;
line-height: 1.2;
border-top: 1px solid var(--wp--preset--color--dark-sand);
padding-top: 32px;
}
.previous-and-next-post-link-row .post-navigation-link__label {
font-size: .875rem;
text-transform: uppercase;
font-weight: 600;
color: var(--wp--preset--color--accessible-orange);
letter-spacing: 1px;
}
.previous-and-next-post-link-row .post-navigation-link-next {
text-align: right;
}
/* Blog Single Page
============================================================= */
.archive .wp-block-cover .wp-block-cover__background.has-background-dim.has-background-dim-0
{
background-color: black!important;
opacity: .3;
}
/* Header */
.blog-header {
z-index: -1;
}
.post-content-wrapper {
margin-top: 0px;
}
.post-content-wrapper .blog-content-overlap-bg {
z-index: -1;
}
.post-content-wrapper .blog-content {
margin-top: -139px;
}
.blog-post-featured-image {
position: relative;
}
.blog-post-featured-image .taxonomy-category {
position: absolute;
left: 16px;
top: 16px;
z-index: 2;
}
/* .blog-content-wrapper {
margin-top: -100px;
} */
/*35 Years Experience Block Small */
.experience-block-small {
position: relative;
line-height: 1.2;
}
.experience-block-small::before {
position: absolute;
top: 7%;
left: 2%;
width: 99%;
height: 96%;
border: 2px solid #FFC80B;
content: '';
border-radius: 10px;
}
@media screen and (max-width: 781px) {
.experience-block-small img {
width: 100px;
}
.experience-block-small {
text-align: center;
}
/* .experience-block-small .wp-block-columns {
display: inline-flex;
} */
}
/*
Prepare to Travel Page
=============================================================== */
.prepare-to-travel-links {
z-index: 4;
}
/*
MapSVG
=============================================================== */
.mapsvg {
font-family: 'Raleway', sans-serif;
overflow: visible;
}
.mapsvg-popover {
font-family: 'Raleway', sans-serif;
border: 0 none;
}
.mapsvg-region-hover,
.mapsvg-region-active {
fill: rgb(5, 34, 48)!important;
}
.mapsvg-marker-hover,
.mapsvg-marker-active {
filter: brightness(0) saturate(100%) invert(11%) sepia(48%) saturate(1570%) hue-rotate(166deg) brightness(95%) contrast(104%)!important;
}
.mapsvg-directory-item,
.mapsvg-directory-item:hover,
.mapsvg-directory-item.selected,
.mapsvg-directory-item.selected:hover,
.mapsvg-directory-item.hover,
.mapsvg-directory-item.hover:hover {
/* background: url('https://cre.csseodev.com/wp-content/themes/costa-rica-2024-fse/assets/svg/cre_marker.svg') center left no-repeat;
padding-left: 3rem; */
color: #052230;
font-size: 1.25rem;
margin-bottom: 1rem;
}
.mapsvg-popover:before {
color: white;
}
.mapsvg-directory-item:hover {
text-decoration: underline;
cursor: pointer;
/* background-color: rgb(98, 226, 253); */
}
.mapsvg-popover .mapsvg-controller-view-toolbar {
display: none;
}
.mapsvg-controller-view-wrap {
top: 0px!important;
}
.mapsvg-controller-view-wrap.nano.has-scrollbar {
top: 0 !important;
}
.mapsvg-controller-view-content {
padding: 0 0 1rem 0;
}
.mapsvg-controller-view-content .region-popover-inner {
padding: 0 2rem;
}
.mapsvg-controller-view-content .region-popover-inner h3 {
font-size: 1.25rem;
font-weight: 700;
color: #093044;
margin-bottom: 0px;
}
.mapsvg-controller-view-content .region-popover-inner p {
font-size: 1rem;
color: #0A415D;
margin-bottom: 1rem;
}
.popover-btn {
display: inline-block;
font-size: .875rem;
font-weight: 800;
text-transform: uppercase;
padding: 1rem 1.25rem;
border-radius: 2rem;
border: 2px solid #FFC80B;
transition: all .2s ease-in-out;
letter-spacing: 1px;
color: #093044;
margin-bottom: 0;
}
.popover-btn:hover {
background-color: #FFC80B;
text-decoration: none;
}
.popover-btn::after {
content: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='14' fill='none'%3E%3Cpath fill='%23093044' fill-rule='evenodd' d='m17.694 8.124-4.697 4.47 1.406 1.553 6.963-6.625h.081l-.04-.038.431-.41-.431-.411.04-.039h-.08L14.402 0l-1.406 1.553 4.697 4.47H0v2.101h17.694Zm-3.25 4.95-.4-.442.4.441Zm5.127-5.7H.75h18.82Z' clip-rule='evenodd'/%3E%3C/svg%3E");
display: inline-block;
padding-left: 8px;
transform: translateX(0%);
transition: all .2s ease-in-out;
transform: scale(.9);
vertical-align: middle;
}
.popover-btn:hover::after {
transform: translateX(14%) scale(.9);
}
/* new */
.mapsvg-popover img {
width: 100%;
height: 183px;
object-fit: cover;
}
.mapsvg-controller-view-content .popover-content {
padding: 8px 16px;
}
.mapsvg-controller-view-content {
padding-bottom: 0px;
}
.mapsvg-controller-view-content .location-name {
margin-top: 0px;
margin-bottom: 0px;
font-weight: 700;
font-size: 1.25rem;
color: #093044;
}
.mapsvg-controller-view-content .description {
font-size: 1rem;
}
.mapsvg-controller-view-content .description {
font-size: 1rem;
color: #0A415D;
}
.mapsvg-controller-view-content .popover-btn {
margin-bottom: 16px;
padding-top: 8px;
padding-bottom: 8px;
}
.mapsvg-directory-item {
color: var(--wp--preset--color--dark-blue);
}
.mapsvg-directory-item:hover {
background-color: #D4F8FF;
text-decoration: none;
}
.mapsvg-button-menu,
.mapsvg-button-map {
color: white;
}
.mapsvg-mobile-buttons {
background-color: #027891;
color: white;
}
.mapsvg-button-map.active, .mapsvg-button-menu.active {
background-color: #014A59;
color: white;
}
.mapsvg-controller-container.mapsvg-details-container.mapsvg-absolute {
display: none !important;
}
/*--------------------------------------------------------------
# Media Queries
--------------------------------------------------------------*/
@media screen and (max-width: 781px) {
#gform_submit_button_2 {
width: 100%;
}
.details-banner .details-banner-list-item-group {
flex-direction: row;
}
.provider-column-2 {
padding-left: 0!important;
}
.blog-preview-section-title {
flex-wrap: wrap!important;
gap: .5rem;
}
.contact-page-content-container .contact-info {
order: 2;
}
.contact-page-content-container .contact-form-container {
margin-top: 0px!important;
}
/* .side-by-side-headline-text-container .header-column .wp-block-heading{
border-right: 0px;
border-bottom: 1px solid #FFC80B;
border-right: 0px;
padding-bottom: 2rem;
} */
}
@media screen and (min-width: 781px) {
/* main > article > .entry-header h1,
main > article > .entry-header div,
main > header h1,
.section-cta > h2 {
grid-column: main;
}
main > article > .entry-header h2,
main > article > .entry-header p,
main > header .wp-block-term-description,
main > header p,
.section-cta > p,
.section-cta > div {
grid-column: 4 / span 3;
}
.has-grid-layout.section-recent-posts > h2 {
grid-column: 2 / span 3;
}
.has-grid-layout.section-recent-posts > p {
grid-column: 6 / span 2;
margin-block-start: 0.5rem;
}
.indented-grid-group h2,
.indented-grid-group h3 {
grid-column: 2 / span 2;
}
.indented-grid-group p {
grid-column: 3;
}
.section-case-studies .wp-block-post-template > .wp-block-post:first-child {
grid-column: 1 / 2;
}
.section-case-studies .wp-block-post-template > .wp-block-post:last-child {
grid-column: 2 / 4;
}
.archive-case-study .wp-block-post-template > li {
grid-template-rows: 5rem repeat(2, minmax(0, 1fr)) 5rem;
}
.archive-case-study .wp-block-post-template > li:nth-of-type(odd) {
grid-column: 2 / 3;
}
.archive-case-study .wp-block-post-template > li:nth-of-type(even) {
grid-column: 3 / 4;
}
.archive-case-study .wp-block-post-template > li:nth-of-type(odd) figure {
grid-row: 1 / 3;
}
.archive-case-study .wp-block-post-template > li:nth-of-type(even) figure {
grid-row: 3 / 5;
}
.archive-case-study .wp-block-post-template > li .wp-block-group {
align-self: center;
grid-row: 2 / span 2;
}
.has-grid-layout.section-team > figure {
grid-column: span 1;
margin-bottom: 1rem;
}
.has-grid-layout.section-team > figure:nth-child(6n+1) {
grid-column-start: 3;
}
.has-grid-layout.section-team > figure:nth-child(6n+4) {
grid-column-start: 4;
}
.section-cta-form .wp-block-column > .gform_wrapper {
margin-block-start: 0;
}
.parent-pageid-90 h1::before,
.parent-pageid-88 h1::before {
left: -5rem;
top: -0.5rem;
}
.indented-grid-group > figure {
margin: 1.5rem 0 0 20%;
}
#field_2_1,
#field_submit {
grid-row: 1;
}
#field_2_1 {
grid-column: 1 / span 9;
}
#field_submit {
grid-column: 10 / span 3;
} */
}
@media screen and (min-width: 1024px) {
/* .wp-block-post-content > h2,
.wp-block-post-content > h3,
.wp-block-post-content > h4,
.wp-block-post-content > h5,
.wp-block-post-content > h6,
.wp-block-post-content > p,
.wp-block-post-content > ul,
.wp-block-post-content > ol,
.wp-block-post-content > .wp-block-columns:not(.alignwide),
.wp-block-post-content > .wp-block-grouo:not(.alignwide),
.wp-block-post-content > .wp-block-media-text,
.wp-block-post-content > .gallery-logos,
.wp-block-post-content > .gform_wrapper,
.wp-block-post-content > .indented-grid-group:nth-of-type(odd),
main > article > .wp-block-post-featured-image *,
main > article > .entry-footer > *,
main > .page-content > *,
.section-recent-posts > .wp-block-query,
.has-grid-layout:not(.section-cta-form):not(.section-cta):not(.section-collage):not(.section-team):not(.alignwide) > * {
grid-column: main;
}
.has-grid-layout.section-recent-posts > h2 {
grid-column: 3 / span 3;
}
.has-grid-layout.section-recent-posts > p {
grid-column: 6 / 7;
}
.wp-block-post-content > p.has-icon,
.wp-block-post-content > p.indent {
grid-column: 4 / span 3;
}
.wp-block-post-content > blockquote:not(.has-text-align-center) {
grid-column: 2 / span 5;
}
.wp-block-post-content > .in-content-cta {
grid-column: 7 / -1;
margin-block-end: -20rem;
padding-top: 6rem;
}
.has-grid-layout.logo-grid > figure {
grid-column: span 2;
align-self: center;
margin: 0;
}
.has-grid-layout.logo-grid > figure:nth-of-type(3n+1) {
grid-column: 2 / span 2;
}
.has-grid-layout.section-collage {
grid-template-columns: repeat(5, 1fr);
}
.has-grid-layout.section-collage > figure:first-of-type,
.has-grid-layout.section-collage > figure:nth-of-type(7) {
grid-column: 2 / span 2;
}
.has-grid-layout.section-collage > figure:nth-of-type(6) {
grid-column: 3 / span 2;
}
.has-grid-layout.section-collage > figure:last-of-type {
grid-column: 4 / span 2;
}
.page .wp-block-post-content,
.wp-block-post-content > .wp-block-columns,
.wp-block-post-content > .wp-block-group,
.wp-block-post-content > h2:not(:first-of-type),
h3.has-bg-aqua-square {
margin-block-start: 0;
}
.wp-block-post-content > .wp-block-group.grey-swoosh,
.wp-block-post-content > .wp-block-group.grey-wave {
margin-block-start: calc(var(--wp--style--block-gap) * 5);
}
.wp-block-group.has-background:not([style*="padding"]),
.wp-block-post-content > .wp-block-columns.has-background:not([style*="padding"]) {
padding-top: var(--wp--style--block-gap);
padding-bottom: var(--wp--style--block-gap);
}
.section-cta-form > .wp-block-columns > .wp-block-column:first-child > * {
max-width: 40ch;
}
.indented-grid-group > figure figure {
flex: 1;
}
.grey-wave::before {
top: -232px;
} */
}
@media screen and (min-width: 1220px) {
/* .wp-block-post-content > .indented-grid-group:nth-of-type(even) {
grid-column: 4 / span 3;
} */
}
@media screen and (max-width: 1024px) {
/* .wp-block-site-logo {
grid-column: 2 / span 1;
}
.site-footer .wp-block-columns {
flex-wrap: wrap !important;
}
.site-footer .wp-block-columns > .wp-block-column[style*=flex-basis] {
flex-basis: 45% !important;
}
.site-footer .wp-block-columns > .form-newsletter {
flex: 1 1 100%;
}
.wp-block-post-content > .in-content-cta {
grid-column: 5 / -1;
margin-block-start: 6rem;
margin-block-end: 3rem;
}
.wp-block-media-text .wp-block-media-text__content {
margin-left: 0rem;
}
.wp-block-media-text {
margin-left: 0rem;
}
.description-and-services-container {
margin-top: 0rem!important;
}
.footer-content .form-newsletter {
margin-top: 2rem;
}
.wp-block-button .wp-block-button__link{
margin-bottom: 0;
} */
}
@media screen and (max-width: 800px) and (min-width: 600px) {
/* .site-header .wp-block-navigation {
grid-column: 2 / span 6;
grid-row: 2;
margin-inline-start: 0;
margin-block-start: 1rem;
} */
}
@media screen and (max-width: 781px) {
/* .has-grid-layout.section-team > figure:nth-of-type(odd) {
grid-column: 2 / span 3;
}
.has-grid-layout.section-team > figure:nth-of-type(even) {
grid-column: 5 / span 3;
}
.indented-grid-group {
background-size: auto 11rem;
}
.indented-grid-group::before {
grid-column: 1;
grid-row: 1;
}
.wp-block-media-text {
display: flex;
flex-direction: column;
}
.wp-block-media-text__content {
margin-top: 2rem;
padding: 0rem!important;
}
.description-and-services-container .link-column {
margin-top: 1.5rem;
} */
}
@media screen and (max-width: 768px) {
/* .wp-block-post-content .wp-block-columns > .wp-block-column:nth-of-type(2):has(figure) {
order: -1;
}
.cs-embed .wp-block-column:first-of-type {
box-shadow: -0.6rem 0.6rem var(--wp--preset--color--primary);
}
.cs-embed .wp-block-column figure {
margin-block-end: -0.62rem;
}
.has-grid-layout.section-collage > figure {
grid-column: span 2;
}
.has-grid-layout.section-collage > figure:nth-of-type(6) {
grid-row: 4;
}
.has-grid-layout.section-collage > figure:first-of-type,
.has-grid-layout.section-collage > figure:nth-of-type(6),
.has-grid-layout.section-collage > figure:nth-of-type(7),
.has-grid-layout.section-collage > figure:last-of-type {
grid-column: 1 / span 4;
}
.single-post .wp-block-cover__inner-container *, .single-post .blog-content * {
max-width: 100%!important;
}
.single-post .blog-content {
padding: 1em;
}
.single-post .wp-block-post-date {
margin-bottom: 1rem;
}
.wp-block-buttons-is-layout-flex {
gap: .5rem!important;
}
.site-footer .policy-links {
margin-left: 0px;
} */
}
@media screen and (max-width: 641px) {
/* main > header, main > article > .entry-header {
min-height: 250px;
}
.wp-block-post-template li.wp-block-post {
flex-direction: column;
}
.wp-block-post-template li.wp-block-post figure,
.wp-block-post-template li.wp-block-post > .wp-block-group {
flex: 1 1 100%;
width: 100%;
}
.gform_wrapper input:not([type=radio]):not([type=checkbox]):not([type=image]):not([type=file]) {
line-height: normal;
}
.gform_wrapper .gform_footer {
flex-basis: max-content;
margin: 0;
padding: 0;
}
.wp-block-post-content > .in-content-cta {
grid-column: 4 / -1;
} */
}
@media screen and (max-width: 600px) {
.wp-block-site-logo {
grid-column: 2 / span 2;
}
.wp-block-navigation__responsive-container .menu-button-primary .wp-block-navigation-item__content {
padding: 24px!important;
}
.contact-form-padding{
padding: 32px 8px!important;
}
.site-header .secondary-menu .wp-block-navigation {
gap: .5rem;
}
}
@media screen and (max-width: 500px) {
.wp-block-heading.has-gigantic-font-size {
font-size: 3rem!important;
}
}
@media screen and (max-width: 480px) {
.indented-grid-group p {
grid-column: 1 / span 2;
margin-left: 1.5rem;
}
}
.site-notice {
font-family: sans-serif;
position: fixed;
top: 0;
left: 0;
right: 0;
padding: 15px 25px;
background-color: var(--wp--preset--color--primary);
color: #fff;
text-align: center;
display:none;
}
.site-notice >p{
margin:0;
}
.admin-bar .site-notice{
top:32px;
}
.site-notice-dismiss {
background: none;
border: 0;
color: #fff;
font-size: 24px;
position: absolute;
padding:0;
right: 15px;
top: 50%;
transform: translateY(-50%);
cursor: pointer;
}
/*.mapsvg-wrap {
min-height: 862px;
}*/
.mapsvg-wrap {
max-width: 100%!important;
}
.mapsvg-map-container {
max-width: 100%;
overflow: hidden;
}
@media screen and (max-width: 667px) {
/* .mapsvg-map-container {
height: 600px;
}
.map-svg-1044 {
height: 600px;
} */
.mapsvg-controller-container.mapsvg-popover {
max-height: 450px !important;
background: transparent;
}
.mapsvg-popover .mapsvg-controller-view {
top: 2rem;
left: 3rem;
filter: drop-shadow(2px 2px 4px #a8a8a8);
}
.mapsvg-mobile-modal-close {
display: none !important;
}
}
.mapsvg-directory-item,
.mapsvg-directory-item:hover {
margin-bottom: 0.5rem !important;
padding: 0.25rem;
}
#mobile_header .wp-block-navigation .wp-block-navigation__responsive-container {
padding: 1.5rem;
}
#mobile_header .wp-block-navigation__container {
justify-content: flex-start !important;
align-items: flex-start;
width: 100%;
}
#mobile_header .wp-block-navigation__responsive-container-content {
align-items: flex-start !important;
}
#mobile_header li.wp-block-navigation-item {
text-align: left !important;
align-items: flex-start !important;
width: 100%;
position: relative;
padding-top: 0.1rem;
padding-bottom: 0.5rem;
}
#mobile_header li.wp-block-navigation-item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, #FAF6F1, #D4CFC8);
}
#mobile_header li.wp-block-navigation-item a:hover {
text-decoration: underline;
}
#mobile_header .wp-block-navigation-item__content {
font-size: 1.5rem;
}
#mobile_header button > svg {
height: 2rem;
width: 2rem;
}
@media screen and (max-width: 600px) {
.wp-block-group.card-links .single-card-grid {
grid-template-columns: repeat(1, minmax(0, 1fr));
}
}
@media screen and (max-width: 767px) {
.header-featured-image img {
max-height: 220px;
}
.sand-wave-bg::before {
height: 50px;
}
.mapsvg-popover {
width: 75%;
max-width: 75%;
}
.mapsvg-mobile-buttons {
position: absolute;
top: 0;
bottom: 0;
width: 100%;
z-index: 99999;
}
.mapsvg-controller-view-wrap {
min-height: 540px;
height: 540px;
width: 75vw;
background: white;
}
.mapsvg-controller-view {
width: 75vw !important;
}
.mapsvg-controller-container.mapsvg-popover {
width: 75% !important;
max-width: 75% !important;
}
.wp-block-group.card-links .single-card-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
/* @media screen and (max-width: 1300px) {
.sand-wave-bg::before {
z-index: -1;
}
} */
#mh2 .mh2-logo img {
margin-top: -1.25rem;
z-index: 99;
position: relative;
max-width: 32vw;
}
#mh2 .wp-block-button .wp-block-button__link::after {
content: '';
display: none;
padding-left: 0;
}
#mh2 nav.wp-block-navigation {
border: 2px solid var(--wp--preset--color--dark-blue);
border-radius: 0.25rem;
}
#mh2 nav.wp-block-navigation > button {
padding: 0.7rem 0.8rem;
}
#mh2 .wp-block-navigation .wp-block-navigation__responsive-container {
padding: 2.5rem;
}
#mh2 .wp-block-navigation__container {
justify-content: flex-start !important;
align-items: flex-start;
width: 100%;
}
#mh2 .wp-block-navigation__responsive-container-content {
align-items: flex-start !important;
padding-top: 0 !important;
}
#mh2 li.wp-block-navigation-item {
text-align: left !important;
align-items: flex-start !important;
width: 100%;
position: relative;
padding-top: 0.1rem;
padding-bottom: 0.5rem;
}
#mh2 li.wp-block-navigation-item::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 1px;
background: linear-gradient(to right, #FAF6F1, #D4CFC8);
}
#mh2 li.wp-block-navigation-item a:hover {
text-decoration: underline;
}
#mh2 .wp-block-navigation-item__content {
font-size: 1.5rem;
}
#mh2 .wp-block-navigation__responsive-container-close > svg {
height: 2.5rem;
width: 2.5rem;
}
#mc_embed_signup {
font-size: 0.8rem;
}
#mce-EMAIL {
border: 1px solid #EEEEEE;
border-top-left-radius: 1.5rem;
border-bottom-left-radius: 1.5rem;
border-top-right-radius: 0;
border-bottom-right-radius: 0;
width: 50%;
padding-top: 0.5rem;
padding-bottom: 0.5rem;
--gf-local-border-color: var(--gf-ctrl-border-color-focus);
--gf-local-outline-color: var(--gf-ctrl-outline-color-focus);
}
#mc_embed_signup_scroll {
display: flex;
max-width: 100%;
}
#mc-embedded-subscribe {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
font-size: 0.8rem !important;
}
#mc_embed_signup label {
text-align: left;
display: flex;
color: var(--wp--preset--color--dark-blue);
}