/* ========================================================================== Imports ========================================================================== */ /* Vendor Dependencies */ /* ========================================================================== Meyer Reset ========================================================================== */ @import url("https://fonts.googleapis.com/css?family=Satisfy"); @import url("https://fonts.googleapis.com/css?family=Nunito:300,300i,400,400i,500,500i,600,700,800,900"); html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .noshow, .scrolling { opacity: 0; } /* ========================================================================== Specific Animations ========================================================================== */ @-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } .fadeIn { -webkit-animation-name: fadeIn; animation-name: fadeIn; } @-webkit-keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInDown { 0% { opacity: 0; -webkit-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInDown { -webkit-animation-name: fadeInDown; animation-name: fadeInDown; } @-webkit-keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInLeft { 0% { opacity: 0; -webkit-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInLeft { -webkit-animation-name: fadeInLeft; animation-name: fadeInLeft; } @-webkit-keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInRight { 0% { opacity: 0; -webkit-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInRight { -webkit-animation-name: fadeInRight; animation-name: fadeInRight; } @-webkit-keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUp { 0% { opacity: 0; -webkit-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUp { -webkit-animation-name: fadeInUp; animation-name: fadeInUp; } @-webkit-keyframes fadeInShrink { 0% { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @-webkit-keyframes fadeInUpLarge { 0% { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } @keyframes fadeInUpLarge { 0% { opacity: 0; -webkit-transform: translate3d(0, 150px, 0); transform: translate3d(0, 150px, 0); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .fadeInUpLarge { -webkit-animation-name: fadeInUpLarge; animation-name: fadeInUpLarge; } @-webkit-keyframes fadeInShrink { 0% { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fadeInShrink { 0% { opacity: 0; -webkit-transform: scale(1.3); transform: scale(1.3); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .fadeInShrink { -webkit-animation-name: fadeInShrink; animation-name: fadeInShrink; -webkit-transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s; transition: all 0.6s cubic-bezier(0.77, 0, 0.175, 1) 0.8s; } @-webkit-keyframes fadeInExplode { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes fadeInExplode { 0% { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } 100% { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .fadeInExplode { -webkit-animation-name: fadeInExplode; animation-name: fadeInExplode; } /* ========================================================================== Custom Delays and Durations ========================================================================== */ .animated:nth-child(2) { -webkit-animation-delay: 0.3s; /* Chrome, Safari, Opera */ animation-delay: 0.3s; } .animated:nth-child(3) { -webkit-animation-delay: 0.6s; /* Chrome, Safari, Opera */ animation-delay: 0.6s; } .animated:nth-child(4) { -webkit-animation-delay: 0.9s; /* Chrome, Safari, Opera */ animation-delay: 0.9s; } .animated:nth-child(5) { -webkit-animation-delay: 1.2s; /* Chrome, Safari, Opera */ animation-delay: 1.2s; } .animated:nth-child(6) { -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */ animation-delay: 1.5s; } .animated:nth-child(7) { -webkit-animation-delay: 1.8s; /* Chrome, Safari, Opera */ animation-delay: 1.8s; } .animated:nth-child(8) { -webkit-animation-delay: 2.1s; /* Chrome, Safari, Opera */ animation-delay: 2.1s; } .animated:nth-child(8) { -webkit-animation-delay: 2.4s; /* Chrome, Safari, Opera */ animation-delay: 2.4s; } .animated:nth-child(9) { -webkit-animation-delay: 2.7s; /* Chrome, Safari, Opera */ animation-delay: 2.7s; } .delayed { -webkit-animation-delay: 1.5s; /* Chrome, Safari, Opera */ animation-delay: 1.5s; } /* ========================================================================== Stop Animations at Mobile Resolution ========================================================================== */ @media (max-width: 767px) { .animated { -webkit-transition-property: none !important; transition-property: none !important; -webkit-transform: none !important; transform: none !important; -webkit-animation: none !important; animation: none !important; } .noshow, .scrolling { opacity: 1; } } .nice-select { -webkit-tap-highlight-color: transparent; background-color: #fff; border-radius: 0px; border: solid 1px #51bfa1; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-size: 18px; font-weight: normal; height: 54px; line-height: 52px; outline: none; padding-left: 14px; padding-right: 26px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #51bfa1; } .nice-select:after { border-bottom: 2px solid #51bfa1; border-right: 2px solid #51bfa1; content: ''; display: block; height: 14px; margin-top: -5px; pointer-events: none; position: absolute; right: 22px; top: 50%; -webkit-transform: rotate(45deg) translateY(-50%); transform: rotate(45deg) translateY(-50%); -webkit-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 14px; } .nice-select:before { content: ''; display: inline-block; height: 53px; width: 1px; background: #51bfa1; position: absolute; right: 48px; top: 0; } .nice-select .current { color: rgba(0, 0, 0, 0.5); font-weight: 400; } .nice-select.open:after { -webkit-transform: rotate(-135deg); transform: rotate(-135deg); right: 17px; } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: scale(1) translateY(0); transform: scale(1) translateY(0); } .nice-select.disabled { border-color: #847e7a; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: #9cdac9; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { background-color: #fff; border-radius: 0px; box-shadow: 0 0 0 1px #f3b13d; box-sizing: border-box; margin-top: 1px; opacity: 0; overflow: scroll; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: scale(0.75) translateY(-27px); transform: scale(0.75) translateY(-27px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; max-height: 115px; width: 100%; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .list li { display: block !important; margin: 0 !important; padding: 5px 14px; margin-bottom: 0 !important; } .nice-select .list li:hover { background: #efefef; } .nice-select .list li + li { margin-top: 0px; margin-bottom: 0; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 36px; list-style: none; min-height: 0; outline: none; padding-left: 14px; padding-right: 25px; text-align: left; -webkit-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover { color: #000; } .nice-select .option.selected { display: none !important; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } /* ========================================================================== Responsive ========================================================================== */ @media (max-width: 1023px) { .nice-select { height: 46px; line-height: 44px; font-size: 16px; } .nice-select:before { height: 45px; } .nice-select .list { padding: 8px 0; max-height: 85px; line-height: 30px; } } @media (max-width: 480px) { .nice-select { font-size: 14px; height: 44px; line-height: 42px; } .nice-select:before { height: 43px; } .nice-select .list { max-height: 160px; line-height: 30px; } } /* Authored Dependencies */ /* ========================================================================== Global/Colors ========================================================================== */ /* Color Hexs */ /* Primary Colors */ /* Font Colors */ /* Link Colors */ /* Attraction Color */ /* ========================================================================== Global/Breakpoints ========================================================================== */ /* ========================================================================== Global/Fonts ========================================================================== */ @font-face { font-family: "Viva Beautiful"; src: url("../fonts/VivaBeautiful.otf") format("truetype"); } @font-face { font-family: "Viva Beautiful Cap"; src: url("../fonts/VivaBeautifulCap.otf") format("truetype"); } /* Font Families */ /* ========================================================================== Headings ========================================================================== */ /* Primary */ .nice-select, .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium, .heading__primary--small, .et_pb_module.et_pb_text .heading__primary--small, p, .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large, .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit], .modal__content .share__item span, .nav-main ul a, .header__main .brand, .nav-secondary a, .dropdown__link-list a, footer .brand, .footer-menu a, .footer__bottom ul li, .event__date, #mce-responses .response, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content ul li, .page-content ol li, .page-content .dropdown a, .page-content .multiselect li, table td, .search__form input, .faq__toggle, .category__title, .category__places .place__name a, .attraction-recommendations__description .et_pb_sb_read-more, .attraction-recommendations__description .btn__more-info, .content-grid__item .instagram__link, .article__item ul li, .insta-worthy__item .instagram__link, .contact__form .gform_confirmation_wrapper .gform_confirmation_message, .contact-info__box .contact__phone, .contact-info__box .contact__map, .admission__title, .admission__prices:before, .et_pb_module.et_pb_pricing:not(.et_pb_pricing-custom):before, .pricing-table-header, .week__toggle, .section__bottom-content .section__contact li, .category__list li, .category__list--item, .section__featured-article .post-categories a, .blog__post .post-categories a, .section__more-articles .pagination .page-numbers, .single-blog__post .post-categories a, .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet, .gs-result .gs-title, .gs-result .gs-title *, .gsc-results .gsc-cursor-box .gsc-cursor-page, .search-result__url, #addsearch-results[data-search-results="search-page"].addsearch-m2 #addsearch-top-resultcount, #addsearch-results[data-search-results="search-page"].addsearch-m2 #addsearch-topcloselink, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active p, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub p, #addsearch-results[data-search-results="search-page"] #addsearch-nohits, .gform_wrapper .gsection_title, .gform_confirmation_wrapper .gsection_title, .gform_wrapper label, .gform_confirmation_wrapper label, .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea, .gform_confirmation_wrapper input[type=text], .gform_confirmation_wrapper input[type=email], .gform_confirmation_wrapper textarea, .gform_wrapper select[size] option, .gform_wrapper select[multiple] option, .gform_wrapper select[size][multiple] option, .gform_confirmation_wrapper select[size] option, .gform_confirmation_wrapper select[multiple] option, .gform_confirmation_wrapper select[size][multiple] option, .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio, .gform_confirmation_wrapper .gfield_checkbox, .gform_confirmation_wrapper .gfield_radio, .gform_validation_error .validation_error, .eventbrite__container .eventbrite_back-to-calendar, .eventbrite__container .eventbrite_avail-tix, .eventbrite__container .react-datepicker, .itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__itinerary li, .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li, .itinerary-builder .nav-item__builder, .page-template-template-itinerary-builder .nav-item__builder, .et_pb_fullwidth_itin_map .nav-item__builder, .itinerary-builder .travel_date_picker, .page-template-template-itinerary-builder .travel_date_picker, .et_pb_fullwidth_itin_map .travel_date_picker, .itinerary-builder .modal-footer .btn, .page-template-template-itinerary-builder .modal-footer .btn, .et_pb_fullwidth_itin_map .modal-footer .btn, .itinerary-builder .react-date-picker__footer button, .page-template-template-itinerary-builder .react-date-picker__footer button, .et_pb_fullwidth_itin_map .react-date-picker__footer button, .itinerary-builder .card__travel-info label, .page-template-template-itinerary-builder .card__travel-info label, .et_pb_fullwidth_itin_map .card__travel-info label, .itinerary-builder .cart-item__hours--close-today, .itinerary-builder .cart-item__hours--open-today, .itinerary-builder .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .cart-item__hours--close-today, .page-template-template-itinerary-builder .cart-item__hours--open-today, .page-template-template-itinerary-builder .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .cart-item__hours--open-today, .et_pb_fullwidth_itin_map .cart-item__hours--closed-allday, .itinerary-builder .cart-item__hours--all, .itinerary-builder .itinerary-item__hours--all, .page-template-template-itinerary-builder .cart-item__hours--all, .page-template-template-itinerary-builder .itinerary-item__hours--all, .et_pb_fullwidth_itin_map .cart-item__hours--all, .et_pb_fullwidth_itin_map .itinerary-item__hours--all, .itinerary-builder .location_start--input, .page-template-template-itinerary-builder .location_start--input, .et_pb_fullwidth_itin_map .location_start--input, .itinerary-builder .start-location__submit, .page-template-template-itinerary-builder .start-location__submit, .et_pb_fullwidth_itin_map .start-location__submit, .itinerary-builder .itinerary-view__description .btn-secondary, .page-template-template-itinerary-builder .itinerary-view__description .btn-secondary, .et_pb_fullwidth_itin_map .itinerary-view__description .btn-secondary, .itinerary-builder .itinerary-item__category span, .page-template-template-itinerary-builder .itinerary-item__category span, .et_pb_fullwidth_itin_map .itinerary-item__category span, .page-template-template-hours-of-operation .travel_date_picker, .page-template-template-events-calendar .travel_date_picker, .et_pb_fullwidth_hours .travel_date_picker, .page-template-template-hours-of-operation .modal-footer .btn, .page-template-template-events-calendar .modal-footer .btn, .et_pb_fullwidth_hours .modal-footer .btn, .page-template-template-hours-of-operation .react-date-picker__footer button, .page-template-template-events-calendar .react-date-picker__footer button, .et_pb_fullwidth_hours .react-date-picker__footer button { font-family: "Nunito", sans-serif; font-weight: 500; margin: 0; } .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { margin: 0; font-size: 140px; line-height: 110px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { margin: 0; font-size: 120px; line-height: 1em; } .heading__primary--m-large, .et_pb_module.et_pb_text .heading__primary--m-large { font-size: 84px; line-height: 74px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 78px; line-height: 88px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 110px; line-height: 45px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 36px; line-height: 46px; } .heading__primary--small, .et_pb_module.et_pb_text .heading__primary--small { font-size: 21px; line-height: 28px; } /* Secondary */ .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large, .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large, .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large, .heading__secondary--l-medium, .et_pb_module.et_pb_text .heading__secondary--l-medium, .heading__secondary--medium, .admission__prices li .admission__age-container, .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours li .admission__age-container, .week-hours li .et_pb_pricing_title, .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours li .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_module.et_pb_text .heading__secondary--medium, .et_pb_module.et_pb_text .admission__prices li .admission__age-container, .admission__prices li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours li .admission__age-container, .week-hours li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours li .et_pb_best_value, .week-hours li .et_pb_module.et_pb_text .et_pb_best_value, .heading__secondary--small, .et_pb_module.et_pb_text .heading__secondary--small, .page-content h6, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active h2 a, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub h2 a { font-family: "Nunito", sans-serif; font-weight: 500; margin: 0; } .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 57px; line-height: 67px; text-transform: none; letter-spacing: 0; font-weight: 400; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 50px; line-height: 60px; text-transform: none; letter-spacing: 0; font-weight: 400; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 45px; line-height: 55px; text-transform: none; letter-spacing: 0; font-weight: 400; } .heading__secondary--l-medium, .et_pb_module.et_pb_text .heading__secondary--l-medium { font-size: 24px; line-height: 28px; letter-spacing: 0.025em; font-weight: 400; } .heading__secondary--medium, .admission__prices li .admission__age-container, .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours li .admission__age-container, .week-hours li .et_pb_pricing_title, .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours li .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_module.et_pb_text .heading__secondary--medium, .et_pb_module.et_pb_text .admission__prices li .admission__age-container, .admission__prices li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours li .admission__age-container, .week-hours li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours li .et_pb_best_value, .week-hours li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value { font-size: 18px; line-height: 28px; letter-spacing: 0.025em; text-transform: uppercase; } .heading__secondary--small, .et_pb_module.et_pb_text .heading__secondary--small { font-size: 14px; line-height: 28px; letter-spacing: 0.1em; text-transform: uppercase; } /* Tertiary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large, .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium, .heading__primary--m-large, .et_pb_module.et_pb_text .heading__primary--m-large, .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium, .heading__tertiary--large, .et_pb_module.et_pb_text .heading__tertiary--large, .heading__tertiary--large.force, .et_pb_module.et_pb_text .heading__tertiary--large.force, .heading__tertiary--medium, .et_pb_module.et_pb_text .heading__tertiary--medium, .heading__tertiary--small, .et_pb_module.et_pb_text .heading__tertiary--small, .page-content h1 { font-family: "Viva Beautiful", "Satisfy", "Montserrat"; margin: 0; } /* General */ p { font-size: 18px; line-height: 28px; font-weight: 300; } h1, h2, h3, h4, h5, h6 { margin-top: 15px; margin-bottom: 10px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-weight: 400; letter-spacing: 0.05em; font-size: 65px; line-height: 1.3em; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { .heading__primary--large { font-family: "Viva Beautiful", "Satisfy", "Montserrat"; } } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 1440px) { /* Primary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { font-size: 120px; line-height: 100px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { font-size: 100px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 72px; line-height: 78px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 100px; line-height: 35px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 34px; line-height: 44px; } .heading__primary--small, .et_pb_module.et_pb_text .heading__primary--small { font-size: 20px; line-height: 28px; } /* Secondary */ .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 53px; line-height: 63px; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 46px; line-height: 56px; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 42px; line-height: 52px; } .heading__secondary--l-medium, .et_pb_module.et_pb_text .heading__secondary--l-medium { font-size: 22px; line-height: 26px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-size: 63px; line-height: 1.3em; } } @media screen and (max-width: 1440px) and (-ms-high-contrast: active), (max-width: 1440px) and (-ms-high-contrast: none) { .heading__primary--large { font-size: 63px; line-height: 1.3em; } } @media (max-width: 1200px) { /* Primary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { font-size: 110px; line-height: 90px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { font-size: 90px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 66px; line-height: 74px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 95px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 32px; line-height: 42px; } .heading__primary--small, .et_pb_module.et_pb_text .heading__primary--small { font-size: 18px; line-height: 26px; } .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 50px; line-height: 60px; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 44px; line-height: 54px; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 40px; line-height: 50px; } .heading__secondary--l-medium, .et_pb_module.et_pb_text .heading__secondary--l-medium { font-size: 20px; line-height: 24px; } .heading__secondary--medium, .admission__prices li .admission__age-container, .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours li .admission__age-container, .week-hours li .et_pb_pricing_title, .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours li .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_module.et_pb_text .heading__secondary--medium, .et_pb_module.et_pb_text .admission__prices li .admission__age-container, .admission__prices li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours li .admission__age-container, .week-hours li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours li .et_pb_best_value, .week-hours li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value { font-size: 16px; line-height: 26px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-size: 62px; line-height: 1.3em; } } @media screen and (max-width: 1200px) and (-ms-high-contrast: active), (max-width: 1200px) and (-ms-high-contrast: none) { .heading__primary--large { font-size: 62px; line-height: 1.3em; } } @media (max-width: 1023px) { /* Primary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { font-size: 105px; line-height: 85px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { font-size: 85px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 64px; line-height: 70px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 80px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 30px; line-height: 40px; } /* Secondary */ .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 48px; line-height: 58px; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 42px; line-height: 52px; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 38px; line-height: 48px; } .heading__secondary--l-medium, .et_pb_module.et_pb_text .heading__secondary--l-medium { font-size: 18px; line-height: 22px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-size: 60px; line-height: 1.3em; } } @media screen and (max-width: 1023px) and (-ms-high-contrast: active), (max-width: 1023px) and (-ms-high-contrast: none) { .heading__primary--large { font-size: 60px; line-height: 1.3em; } } @media (max-width: 1023px) { /* General */ p { font-size: 16px; line-height: 26px; } } @media (max-width: 992px) { /* Primary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { font-size: 94px; line-height: 76px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { font-size: 82px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 60px; line-height: 64px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 74px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 28px; line-height: 38px; } .heading__primary--small, .et_pb_module.et_pb_text .heading__primary--small { font-size: 16px; line-height: 24px; } /* Secondary */ .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 46px; line-height: 56px; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 40px; line-height: 50px; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 36px; line-height: 46px; } .heading__secondary--l-medium, .et_pb_module.et_pb_text .heading__secondary--l-medium { font-size: 16px; line-height: 20px; } .heading__secondary--medium, .admission__prices li .admission__age-container, .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours li .admission__age-container, .week-hours li .et_pb_pricing_title, .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours li .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_module.et_pb_text .heading__secondary--medium, .et_pb_module.et_pb_text .admission__prices li .admission__age-container, .admission__prices li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours li .admission__age-container, .week-hours li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours li .et_pb_best_value, .week-hours li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value { font-size: 14px; line-height: 24px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-size: 56px; line-height: 58px; } } @media screen and (max-width: 992px) and (-ms-high-contrast: active), (max-width: 992px) and (-ms-high-contrast: none) { .heading__primary--large { font-size: 56px; line-height: 58px; } } @media (max-width: 767px) { /* Primary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { font-size: 82px; line-height: 68px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { font-size: 72px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 56px; line-height: 58px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 68px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 26px; line-height: 36px; } .heading__primary--small, .et_pb_module.et_pb_text .heading__primary--small { font-size: 14px; line-height: 22px; } /* Secondary */ .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 44px; line-height: 54px; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 38px; line-height: 48px; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 34px; line-height: 44px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-size: 48px; line-height: 50px; } } @media screen and (max-width: 767px) and (-ms-high-contrast: active), (max-width: 767px) and (-ms-high-contrast: none) { .heading__primary--large { font-size: 48px; line-height: 50px; } } @media (max-width: 480px) { /* Primary */ .heading__primary--large, .et_pb_module.et_pb_text .heading__primary--large { font-size: 72px; line-height: 60px; } .heading__primary--l-medium, .et_pb_module.et_pb_text .heading__primary--l-medium { font-size: 62px; } .heading__primary--medium, .et_pb_module.et_pb_text .heading__primary--medium { font-size: 52px; line-height: 54px; } .heading__primary--medium span, .et_pb_module.et_pb_text .heading__primary--medium span { font-size: 62px; } .heading__primary--s-medium, .et_pb_module.et_pb_text .heading__primary--s-medium { font-size: 24px; line-height: 34px; } /* Secondary */ .heading__secondary--xx-large, .et_pb_module.et_pb_text .heading__secondary--xx-large { font-size: 42px; line-height: 52px; } .heading__secondary--x-large, .et_pb_module.et_pb_text .heading__secondary--x-large { font-size: 36px; line-height: 46px; } .heading__secondary--large, .et_pb_module.et_pb_text .heading__secondary--large { font-size: 28px; line-height: 38px; } .heading__secondary--medium, .admission__prices li .admission__age-container, .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours li .admission__age-container, .week-hours li .et_pb_pricing_title, .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours li .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_module.et_pb_text .heading__secondary--medium, .et_pb_module.et_pb_text .admission__prices li .admission__age-container, .admission__prices li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours li .admission__age-container, .week-hours li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .admission__age-container, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_pricing_title, .et_pb_module.et_pb_text .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours li .et_pb_best_value, .week-hours li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_module.et_pb_text .et_pb_best_value, .et_pb_module.et_pb_text .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_module.et_pb_text .et_pb_best_value { font-size: 12px; line-height: 22px; } /* Corporate Header Font Change */ .parent-corporate .heading__primary--large, .page.corporate .heading__primary--large { font-size: 36px; line-height: 38px; } } @media screen and (max-width: 480px) and (-ms-high-contrast: active), (max-width: 480px) and (-ms-high-contrast: none) { .heading__primary--large { font-size: 36px; line-height: 38px; } } @media (max-width: 480px) { /* General */ p { font-size: 14px; line-height: 24px; } } /* ========================================================================== Global/Mixins ========================================================================== */ /* Buttons */ .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { cursor: pointer; text-decoration: none; padding: 20px; width: 235px; display: block; text-align: center; text-transform: uppercase; line-height: 1em; font-size: 15px; letter-spacing: 0.025em; font-weight: 400; position: relative; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; } .btn--light-blue.btn__primary, .btn--light-blue.btn__secondary, .btn--light-blue.btn__tertiary, .btn--light-blue.btn__quaternary, .btn--light-blue.btn__download, .btn--light-blue.btn__category, .btn--light-blue.btn__cart, .single-blog__post .category__links a.btn--light-blue, .gform_wrapper .ginput_container_fileupload input.btn--light-blue[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--light-blue[type=file]:after, .gform_wrapper input.btn--light-blue[type=submit], .gform_confirmation_wrapper input.btn--light-blue[type=submit] { background: #68C4E3; border-color: #68C4E3; } .btn--light-blue.btn__primary:hover, .btn--light-blue.btn__secondary:hover, .btn--light-blue.btn__tertiary:hover, .btn--light-blue.btn__quaternary:hover, .btn--light-blue.btn__download:hover, .btn--light-blue.btn__category:hover, .btn--light-blue.btn__cart:hover, .single-blog__post .category__links a.btn--light-blue:hover, .gform_wrapper .ginput_container_fileupload input.btn--light-blue[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--light-blue[type=file]:hover:after, .gform_wrapper input.btn--light-blue[type=submit]:hover, .gform_confirmation_wrapper input.btn--light-blue[type=submit]:hover { background: #000; border-color: #fff; } .btn--blue.btn__primary, .btn--blue.btn__secondary, .btn--blue.btn__tertiary, .btn--blue.btn__quaternary, .btn--blue.btn__download, .btn--blue.btn__category, .btn--blue.btn__cart, .single-blog__post .category__links a.btn--blue, .gform_wrapper .ginput_container_fileupload input.btn--blue[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--blue[type=file]:after, .gform_wrapper input.btn--blue[type=submit], .gform_confirmation_wrapper input.btn--blue[type=submit] { background: #1AA2DB; border-color: #1AA2DB; } .btn--blue.btn__primary:hover, .btn--blue.btn__secondary:hover, .btn--blue.btn__tertiary:hover, .btn--blue.btn__quaternary:hover, .btn--blue.btn__download:hover, .btn--blue.btn__category:hover, .btn--blue.btn__cart:hover, .single-blog__post .category__links a.btn--blue:hover, .gform_wrapper .ginput_container_fileupload input.btn--blue[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--blue[type=file]:hover:after, .gform_wrapper input.btn--blue[type=submit]:hover, .gform_confirmation_wrapper input.btn--blue[type=submit]:hover { background: #000; border-color: #fff; } .btn--pink.btn__primary, .btn--pink.btn__secondary, .btn--pink.btn__tertiary, .btn--pink.btn__quaternary, .btn--pink.btn__download, .btn--pink.btn__category, .btn--pink.btn__cart, .single-blog__post .category__links a.btn--pink, .gform_wrapper .ginput_container_fileupload input.btn--pink[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--pink[type=file]:after, .gform_wrapper input.btn--pink[type=submit], .gform_confirmation_wrapper input.btn--pink[type=submit] { background: #EC5C6F; border-color: #EC5C6F; } .btn--pink.btn__primary:hover, .btn--pink.btn__secondary:hover, .btn--pink.btn__tertiary:hover, .btn--pink.btn__quaternary:hover, .btn--pink.btn__download:hover, .btn--pink.btn__category:hover, .btn--pink.btn__cart:hover, .single-blog__post .category__links a.btn--pink:hover, .gform_wrapper .ginput_container_fileupload input.btn--pink[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--pink[type=file]:hover:after, .gform_wrapper input.btn--pink[type=submit]:hover, .gform_confirmation_wrapper input.btn--pink[type=submit]:hover { background: #000; border-color: #fff; } .btn--orange.btn__primary, .btn--orange.btn__secondary, .btn--orange.btn__tertiary, .btn--orange.btn__quaternary, .btn--orange.btn__download, .btn--orange.btn__category, .btn--orange.btn__cart, .single-blog__post .category__links a.btn--orange, .gform_wrapper .ginput_container_fileupload input.btn--orange[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--orange[type=file]:after, .gform_wrapper input.btn--orange[type=submit], .gform_confirmation_wrapper input.btn--orange[type=submit] { background: #E47D2D; border-color: #E47D2D; } .btn--orange.btn__primary:hover, .btn--orange.btn__secondary:hover, .btn--orange.btn__tertiary:hover, .btn--orange.btn__quaternary:hover, .btn--orange.btn__download:hover, .btn--orange.btn__category:hover, .btn--orange.btn__cart:hover, .single-blog__post .category__links a.btn--orange:hover, .gform_wrapper .ginput_container_fileupload input.btn--orange[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--orange[type=file]:hover:after, .gform_wrapper input.btn--orange[type=submit]:hover, .gform_confirmation_wrapper input.btn--orange[type=submit]:hover { background: #000; border-color: #fff; } .btn--green.btn__primary, .btn--green.btn__secondary, .btn--green.btn__tertiary, .btn--green.btn__quaternary, .btn--green.btn__download, .btn--green.btn__category, .btn--green.btn__cart, .single-blog__post .category__links a.btn--green, .gform_wrapper .ginput_container_fileupload input.btn--green[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--green[type=file]:after, .gform_wrapper input.btn--green[type=submit], .gform_confirmation_wrapper input.btn--green[type=submit] { background: #7AC399; border-color: #7AC399; } .btn--green.btn__primary:hover, .btn--green.btn__secondary:hover, .btn--green.btn__tertiary:hover, .btn--green.btn__quaternary:hover, .btn--green.btn__download:hover, .btn--green.btn__category:hover, .btn--green.btn__cart:hover, .single-blog__post .category__links a.btn--green:hover, .gform_wrapper .ginput_container_fileupload input.btn--green[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--green[type=file]:hover:after, .gform_wrapper input.btn--green[type=submit]:hover, .gform_confirmation_wrapper input.btn--green[type=submit]:hover { background: #000; border-color: #fff; } .btn--teal.btn__primary, .btn--teal.btn__secondary, .btn--teal.btn__tertiary, .btn--teal.btn__quaternary, .btn--teal.btn__download, .btn--teal.btn__category, .btn--teal.btn__cart, .single-blog__post .category__links a.btn--teal, .gform_wrapper .ginput_container_fileupload input.btn--teal[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--teal[type=file]:after, .gform_wrapper input.btn--teal[type=submit], .gform_confirmation_wrapper input.btn--teal[type=submit] { background: #009FB0; border-color: #009FB0; } .btn--teal.btn__primary:hover, .btn--teal.btn__secondary:hover, .btn--teal.btn__tertiary:hover, .btn--teal.btn__quaternary:hover, .btn--teal.btn__download:hover, .btn--teal.btn__category:hover, .btn--teal.btn__cart:hover, .single-blog__post .category__links a.btn--teal:hover, .gform_wrapper .ginput_container_fileupload input.btn--teal[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--teal[type=file]:hover:after, .gform_wrapper input.btn--teal[type=submit]:hover, .gform_confirmation_wrapper input.btn--teal[type=submit]:hover { background: #000; border-color: #fff; } .btn--yellow.btn__primary, .btn--yellow.btn__secondary, .btn--yellow.btn__tertiary, .btn--yellow.btn__quaternary, .btn--yellow.btn__download, .btn--yellow.btn__category, .btn--yellow.btn__cart, .single-blog__post .category__links a.btn--yellow, .gform_wrapper .ginput_container_fileupload input.btn--yellow[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--yellow[type=file]:after, .gform_wrapper input.btn--yellow[type=submit], .gform_confirmation_wrapper input.btn--yellow[type=submit] { background: #B2BB17; border-color: #B2BB17; } .btn--yellow.btn__primary:hover, .btn--yellow.btn__secondary:hover, .btn--yellow.btn__tertiary:hover, .btn--yellow.btn__quaternary:hover, .btn--yellow.btn__download:hover, .btn--yellow.btn__category:hover, .btn--yellow.btn__cart:hover, .single-blog__post .category__links a.btn--yellow:hover, .gform_wrapper .ginput_container_fileupload input.btn--yellow[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input.btn--yellow[type=file]:hover:after, .gform_wrapper input.btn--yellow[type=submit]:hover, .gform_confirmation_wrapper input.btn--yellow[type=submit]:hover { background: #000; border-color: #fff; } .btn__primary { color: #fff; background: #000; border: 3px solid #000; } .btn__primary:hover { background: #1AA2DB; border-color: #fff; } .btn__secondary { color: #fff; width: auto; background: #1AA2DB; border: 3px solid #1AA2DB; } .btn__secondary:hover { background: #000; border-color: #fff; } .btn__tertiary { color: #fff; padding: 22px 10px; background: #7AC399; border: 3px solid #7AC399; } .btn__tertiary:hover { background: #000; border-color: #fff; } .btn__quaternary { color: #fff; width: auto; background: #EC6376; border: 3px solid #EC6376; } .btn__quaternary:hover { background: #000; border-color: #000; } .btn__download { width: auto; display: inline-block; color: #fff; background: #000; border: 3px solid #000; padding: 10px 40px 10px 20px; position: relative; } .btn__download:after { content: ''; display: inline-block; height: 22px; width: 17px; background-image: url("../img/icon-download.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 5px; right: 10px; } .btn__download:hover { background: #009FB0; border-color: #fff; } .btn__category { color: #fff; background: #000; } .btn__category.category__events { background: #009FB0; } .btn__category.category__attractions { background: #68C4E3; } .btn__category.category__heritage { background: #E47D2D; } .btn__category.category__nature-garden { background: #B2BB17; } .btn__category.category__trails { background: #68C4E3; } .btn__category.category__welcome-centres { background: #009FB0; } .btn__category.category__golf-course { background: #7AC399; } .btn__category.category__retail-stores, .btn__category.category__shopping { background: #1AA2DB; } .btn__category.category__restaurants, .btn__category.category__culinary { background: #F2B219; } .btn__category:hover, .btn__category.disabled { background: #000 !important; } .btn--centered { margin: 0 auto; } /* Background Images - Parallax Objects */ .front-page__landing--bg, .bucket .bucket__bg, .front-page__events--bg, .event__img, .front-page__itinerary--bg, .page-header__img, .page-header__video, .page-header__video video, .et_pb_section_video .et_pb_section_video_bg, .et_pb_section_video video, .featured-event--bg, .instagram-worthy__bg, .event-slider__item .section__bg, .section__img-callout .section__bg, .event-details__landing .section__bg, .section__events-schedule .section__bg, .event__video .section__bg, .section__gallery .section__bg, .section__location-info .section__bg, .section__social-links .section__bg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 115%; } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 1440px) { /* Buttons */ .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { font-size: 14px; } } @media (max-width: 1200px) { /* Buttons */ .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { font-size: 12px; padding: 20px; } .btn__download { padding: 10px 40px 10px 20px; } .btn__category { width: 220px; } } @media (max-width: 1023px) { /* Buttons */ .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { width: 220px; } .btn__download { width: auto; } .btn__category { width: 203px; } } @media (max-width: 992px) { /* Buttons */ .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { width: 190px; padding: 15px; } .btn__download { width: auto; padding: 10px 30px 10px 15px; } .btn__download:after { height: 17px; width: 13px; top: 0; bottom: 0; margin: auto 0; } .btn__category { width: 163px; } .front-page__landing--bg, .bucket .bucket__bg, .front-page__events--bg, .event__img, .front-page__itinerary--bg, .page-header__img, .page-header__video, .page-header__video video, .et_pb_section_video .et_pb_section_video_bg, .et_pb_section_video video, .featured-event--bg, .instagram-worthy__bg, .event-slider__item .section__bg, .section__img-callout .section__bg, .event-details__landing .section__bg, .section__events-schedule .section__bg, .event__video .section__bg, .section__gallery .section__bg, .section__location-info .section__bg, .section__social-links .section__bg { height: 100%; } } @media (max-width: 767px) { /* Buttons */ .btn__primary, .btn__secondary, .btn__tertiary, .btn__quaternary, .btn__download, .btn__category, .btn__cart, .single-blog__post .category__links a, .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after, .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { width: 180px; } .btn__download { width: auto; line-height: 16px; } .btn__category { display: inline-block; width: 100%; } } /* ========================================================================== Global/Modals ========================================================================== */ .modal__containter { position: relative; } .modal__containter.modal__open { overflow: hidden; } .modal__containter.modal__open:before { cursor: pointer; content: ''; display: inline-block; background: rgba(0, 0, 0, 0.75); position: fixed; top: -100%; bottom: 0; left: -100%; right: 0; z-index: 9; height: 200vh; width: 200vw; } .modal { display: block; width: 1165px; margin: 0 auto; text-align: left; position: fixed; background: #fff; top: 50%; left: 0; right: 0; z-index: 10; opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease, -webkit-transform 0.6s ease; } .modal.visible { opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease, -webkit-transform 0.6s ease; } .modal.transition { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease, -webkit-transform 0.6s ease; } .modal.hide { display: none; } .modal p { font-size: 16px; line-height: 26px; margin-bottom: 10px; } .modal__content { padding: 5px 7px; } .modal__content .share__links { margin-top: 25px; border-bottom: 1px solid #e3e2e2; } .modal__content .share__links li { display: block; padding: 27px 20px; border-top: 1px solid #e3e2e2; } .modal__content .share__links a { text-decoration: none; color: #000; } .modal__content .share__links a:hover .fb_share .icon__fill, .modal__content .share__links a:hover .twitter_share .icon__fill, .modal__content .share__links a:hover .pinterest_share .icon__fill { fill: #999; } .modal__content .share__links .fb_share { width: 15px; height: 33px; } .modal__content .share__links .fb_share .icon__fill { fill: #3a579a; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .modal__content .share__links .twitter_share { width: 32px; height: 26px; } .modal__content .share__links .twitter_share .icon__fill { fill: #50abf1; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .modal__content .share__links .pinterest_share { width: 37px; height: 37px; } .modal__content .share__links .pinterest_share .icon__fill { fill: #c00000; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .modal__content .share__item span { vertical-align: top; display: inline-block; font-size: 18px; font-weight: 500; } .modal__content .share__item.facebook { padding-left: 40px; } .modal__content .share__item.facebook span { margin-left: 33px; margin-top: 11px; } .modal__content .share__item.twitter { padding-left: 33px; padding-bottom: 23px; } .modal__content .share__item.twitter span { margin-left: 24px; margin-top: 6px; } .modal__content .share__item.pinterest { padding-left: 29px; padding-top: 23px; padding-bottom: 17px; } .modal__content .share__item.pinterest span { margin-left: 23px; margin-top: 13px; } .modal__image { width: 790px; display: inline-block; vertical-align: top; } .modal__image img { max-width: 100%; } .modal__image.modal__image--half-width { width: 50%; } .modal__image.modal__image--half-width img { width: 100%; height: 100%; } .modal__description { padding: 40px 30px; width: calc(100% - 795px); display: inline-block; vertical-align: top; } .modal__description.modal__description--half-width { width: 50%; } .modal__close { display: inline-block; position: absolute; top: 0; right: 0; padding: 15px; } .modal__close:before { content: ''; display: inline-block; height: 100%; width: 100%; position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: 1; } .modal__close:after { content: ''; display: inline-block; height: 100%; width: 100%; position: fixed; top: -100%; bottom: 0; left: -100%; right: 0; height: 200vh; width: 200vw; z-index: -1; } .modal__close img { height: auto; width: 20px; } .modal__gallery-container .arrow { position: fixed; z-index: 10; top: 45%; fill: #1AA2DB; padding: 50px; } .modal__gallery-container .arrow.visible { opacity: 1; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease, -webkit-transform 0.6s ease; } .modal__gallery-container .arrow.transition { opacity: 0; -webkit-transform: translateY(100px); transform: translateY(100px); -webkit-transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, -webkit-transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease; transition: opacity 0.5s ease, transform 0.6s ease, -webkit-transform 0.6s ease; } .modal__gallery-container .arrow.hide { display: none; } .modal__gallery-container .arrow__left { left: 5%; } .modal__gallery-container .arrow__left svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .modal__gallery-container .arrow__left svg:hover { -webkit-transform: rotate(90deg) translateY(15px); transform: rotate(90deg) translateY(15px); } .modal__gallery-container .arrow__right { right: 5%; } .modal__gallery-container .arrow__right svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .modal__gallery-container .arrow__right svg:hover { -webkit-transform: rotate(-90deg) translateY(15px); transform: rotate(-90deg) translateY(15px); } .modal__full-img { width: 805px; background: transparent; } .modal__full-img .modal__image { width: 100%; } .modal__full-img .modal__content { opacity: 0; background: #fff; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .modal__full-img .modal__content.active { opacity: 1; } /* Packages Modal */ .modal__containter--package .modal__title { margin-bottom: 15px; font-weight: 400; color: #514d4a; } .modal__containter--package .modal__content { padding: 0; position: relative; } .modal__containter--package .modal__close { padding: 25px; } .modal__containter--package .modal__close span { background: #009FB0; height: 3px; width: 18px; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; } .modal__containter--package .modal__close span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .modal__containter--package .modal__close span:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .modal__containter--package .modal__image { width: 560px; position: absolute; top: 0; left: 0; bottom: 0; } .modal__containter--package .modal__image img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .modal__containter--package .modal__description { width: calc(100% - 560px); margin-left: 560px; padding: 40px 30px; } .modal__containter--package .attraction-quote-text { color: #009FB0; font-size: 18px; line-height: 28px; font-weight: 400; margin-top: 20px; margin-bottom: 0; } .modal__containter--package .attraction-quote-author { display: block; margin-top: 15px; margin-bottom: 0; font-weight: 500; } .modal__containter--package .icon__sun img { width: 30px; height: 30px; margin-top: 0; } .modal__containter--package .icon__seasonal img { height: 27px; margin-top: 0px; width: 27px; } .modal__containter--package .icon__snow img { height: 26px; width: 24px; margin-top: 2px; } .modal__containter--package .icon__fall img { height: 28px; width: 28px; margin-top: 0px; } .modal__containter--package .icon__spring img { width: 27px; height: 27px; margin-top: 0px; } .modal__containter--package .icon__year-round img { width: 27px; height: 27px; margin-top: 1px; } .modal__containter--package .icon__wheelchair img { height: 26px; width: 23px; margin-top: 2px; } .modal__containter--package .icon__partial-access img { height: 26px; width: 26px; margin-top: 3px; } .modal__containter--package .icon__water img { height: 25px; width: 25px; margin-top: 4px; } .modal__containter--package .icon__feast-on img { height: 27px; width: 27px; margin-top: 2px; } .modal__containter--package .icon__ocean-wise img { height: 28px; width: 28px; margin-top: 2px; } .modal__containter--package .icon__parking img { height: 28px; width: 28px; margin-top: 2px; } .modal__containter--package .icon__self-guided-tour img { height: 27px; width: 27px; margin-top: 4px; } .modal__containter--package .icon__guided-tour img { height: 27px; width: 27px; margin-top: 4px; } .modal__containter--package .icon__snackbar img { width: 29px; height: 29px; margin-top: 0px; } .modal__containter--package .icon__theater img { height: 36px; width: 36px; } .modal__containter--package p { font-size: 18px; line-height: 28px; margin-bottom: 20px; } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 1440px) { .modal { width: 1010px; } .modal__image { width: 635px; } .modal__description { padding: 20px 30px; width: calc(100% - 640px); } .modal__full-img { width: 805px; } /* Packages Modal */ .modal__containter--package .modal__image { width: 475px; } .modal__containter--package .modal__description { width: calc(100% - 475px); margin-left: 475px; } } @media (max-width: 1200px) { .modal { width: 880px; } .modal__image { width: 525px; } .modal__description { padding: 10px 20px; width: calc(100% - 530px); } .modal__content .share__links li { padding: 20px 15px; } .modal__content .share__item.facebook { padding-left: 25px; } .modal__content .share__item.twitter { padding-left: 18px; padding-bottom: 19px; } .modal__content .share__item.pinterest { padding-left: 15px; padding-top: 13px; padding-bottom: 12px; } .modal__full-img { width: 675px; } .modal__gallery-container .arrow { top: 50%; padding: 35px; } /* Packages Modal */ .modal__containter--package .modal__image { width: 380px; } .modal__containter--package .modal__description { width: calc(100% - 380px); margin-left: 380px; } .modal__containter--package p { font-size: 16px; line-height: 26px; } .modal__containter--package .attraction-quote-text { font-size: 16px; line-height: 26px; } } @media (max-width: 1023px) { .modal { width: 720px; top: 10%; -webkit-transform: translateY(0) !important; transform: translateY(0) !important; bottom: 10%; overflow-y: auto; } .modal__image { width: 420px; } .modal__description { padding: 10px 20px; width: calc(100% - 425px); } .modal__content .share__links { margin-top: 15px; } .modal__content .share__links li { padding: 15px; } .modal__content .share__links .fb_share { width: 11px; height: 23px; } .modal__content .share__links .twitter_share { width: 20px; height: 16px; } .modal__content .share__links .pinterest_share { width: 21px; height: 21px; } .modal__content .share__item span { font-size: 16px; } .modal__content .share__item.facebook { padding-left: 20px; } .modal__content .share__item.facebook span { margin-left: 17px; margin-top: 7px; } .modal__content .share__item.twitter { padding-left: 16px; } .modal__content .share__item.twitter span { margin-left: 12px; margin-top: 2px; } .modal__content .share__item.pinterest span { margin-left: 13px; margin-top: 5px; } .modal__full-img { width: 675px; } /* Packages Modal */ .modal__containter--package .modal__image { width: 325px; } .modal__containter--package .modal__description { width: calc(100% - 325px); margin-left: 325px; padding: 30px 20px; } .modal__containter--package p { font-size: 14px; line-height: 24px; } .modal__containter--package .attraction-quote-text { font-size: 14px; line-height: 24px; } } @media (max-width: 992px) { .modal__full-img { width: 550px; } .modal__gallery-container .arrow { padding: 20px; } .modal__gallery-container .arrow svg { height: 20px; width: 37px; } } @media (max-width: 767px) { .modal { width: 80%; } .modal p { font-size: 14px; line-height: 24px; } .modal__image { width: 100%; } .modal__description { padding: 10px 10px 20px; width: 100%; } .modal__content .share__item span { font-size: 14px; } .modal__gallery-container .arrow { padding: 10px; } .modal__gallery-container .arrow svg { height: 15px; width: 28px; } .modal__gallery-container .arrow__left { left: 0; } .modal__gallery-container .arrow__right { right: 0; } /* Packages Modal */ .modal__containter--package .modal__close span { height: 3px; width: 17px; } .modal__containter--package .modal__image { width: 100%; bottom: auto; right: 0; height: 300px; z-index: -1; } .modal__containter--package .modal__description { width: 100%; margin-left: 0; margin-top: 300px; padding: 30px 20px; } } @media (max-width: 480px) { .modal__gallery-container .arrow { padding: 5px; } .modal__gallery-container .arrow svg { height: 12px; width: 22px; } .modal__gallery-container .arrow__left svg:hover { -webkit-transform: rotate(90deg) translateY(5px); transform: rotate(90deg) translateY(5px); } .modal__gallery-container .arrow__right svg:hover { -webkit-transform: rotate(-90deg) translateY(5px); transform: rotate(-90deg) translateY(5px); } /* Packages Modal */ .modal__containter--package .modal__image { height: 225px; } .modal__containter--package .modal__description { margin-top: 225px; } } /* Bootstrap modal //*/ /* Patterns */ /* Sections */ /* ========================================================================== Global/Header ========================================================================== */ .header__nav { padding: 15px 0; } .header__nav .brand { display: inline-block; } .header__nav .brand img { height: auto; width: 190px; margin-top: 3px; } .accesso-need-s { display: none; } #accesso-need-s { margin-left: -3px; } .nav__more { display: none; } .nav-main { position: absolute; right: 150px; top: 0px; display: inline-block; vertical-align: top; } .nav-main a.skip { position: absolute; left: -1000em; width: 20em; } .nav-main.mobile { display: none; } .nav-main ul li { display: inline-block; } .nav-main ul li + li { margin-left: 15px; } .nav-main ul li.active a { font-weight: 700; } .nav-main ul a { cursor: pointer; color: #000; text-decoration: none; text-transform: uppercase; font-size: 10px; line-height: 20px; font-weight: 400; letter-spacing: 0.01em; position: relative; } .nav-main ul a:after { content: ''; display: inline-block; height: 1px; width: 0; max-width: 0; background: #000; position: absolute; bottom: -3px; left: 0; right: 0; margin: 0 auto; opacity: 1; -webkit-transition: width 0.3s ease, max-width 0.3s ease; transition: width 0.3s ease, max-width 0.3s ease; } .nav-main ul a:hover:after { width: 60px; max-width: 100%; } header .wrapper { position: relative; } header .social-icons { position: absolute; margin-left: 40px; top: 0px; right: 20px; display: inline-block; vertical-align: top; } header .social-icons .social-icon { fill: #000; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } header .social-icons li { display: inline-block; vertical-align: top; } header .social-icons li:hover .social-icon { fill: #1AA2DB; } header .social-icons #instagram { width: 15px; height: 15px; } header .social-icons #facebook { width: 7px; height: 15px; margin-left: 25px; } header .social-icons #youtube { width: 16px; height: 12px; margin-left: 25px; margin-top: 2px; } header .social-icons #twitter { width: 15px; height: 12px; margin-left: 21px; margin-top: 2px; } .header__main { padding-top: 25px; padding-bottom: 0px; text-align: center; } .header__main .wrapper { position: relative; } .header__main .brand { color: #1AA2DB; font-size: 32px; line-height: 40px; text-decoration: none; } .header__nav--secondary { background: #fff; padding-top: 5px; padding-bottom: 0px; text-align: center; position: relative; } .header__nav--secondary .wrapper { position: relative; } .nav-secondary { display: inline-block; vertical-align: top; float: right; margin-top: 45px; } .nav-secondary.mobile { display: none; } .nav-secondary ul { display: inline-block; vertical-align: top; } .nav-secondary li { display: inline-block; vertical-align: top; position: relative; } .nav-secondary li + li { margin-left: 25px; } .nav-secondary a { color: #1AA2DB; text-decoration: none; font-size: 17px; line-height: 39px; font-weight: 400; display: inline-block; position: relative; } .nav-secondary a:after { content: ''; display: inline-block; height: 3px; width: 0; max-width: 0; background: #1AA2DB; position: absolute; bottom: 0px; left: 0; right: 0; margin: 0 auto; opacity: 1; -webkit-transition: width 0.3s ease, max-width 0.3s ease; transition: width 0.3s ease, max-width 0.3s ease; } .nav-secondary a:hover:after { width: 60px; max-width: 100%; } .nav-secondary .header__search { display: inline-block; margin-left: 40px; vertical-align: top; opacity: 1; -webkit-transition: opacity 0.4s ease; transition: opacity 0.4s ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .nav-secondary .header__search svg { width: 19px; height: 19px; } .nav-secondary .header__search:after { content: none; } .nav-secondary .header__search .search-icon { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .nav-secondary .header__search:hover .search-icon { fill: #1AA2DB; } .header__icon--map { position: absolute; right: 24px; top: 7px; } .header__icon--map svg { width: 17px; height: 21px; } .header__icon--map .icon-map { fill: #1AA2DB; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .header__icon--map:hover .icon-map { fill: #000; } .dropdown-menu { background: #fff; position: absolute; top: 116px; left: 0; right: 0; max-height: 500px; overflow: hidden; border-bottom: 4px solid #1AA2DB; padding: 0; z-index: 100; text-align: left; opacity: 1; -webkit-transition: max-height 0.6s ease, border-color 0.3s ease; transition: max-height 0.6s ease, border-color 0.3s ease; } body.menuOpen .dropdown-menu:not(.hide) { -webkit-transition-delay: 500ms; transition-delay: 500ms; } .dropdown-menu.hide { clip: auto; height: auto; overflow: hidden; max-height: 0 !important; width: 100%; padding: 0; border-bottom: 0px solid transparent; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; -webkit-transition-delay: 0s; transition-delay: 0s; } .dropdown-menu .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; padding-bottom: 21px; } .dropdown-menu .wrapper.hide { clip: auto; height: auto; overflow: hidden; width: 1200px; position: relative !important; } .dropdown-menu .bucket { display: inline-block; vertical-align: top; float: none; margin-left: 15px; margin-bottom: 0; padding: 16px 19px; height: 100%; position: relative; -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .dropdown-menu .bucket:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; z-index: -1; background: rgba(0, 0, 0, 0.3); text-align: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .dropdown-menu .bucket:hover:after { opacity: 1; } .dropdown-menu .bucket:hover .bucket__bg { -webkit-transform: scale(1.025) translateZ(0); transform: scale(1.025) translateZ(0); } .dropdown-menu .bucket:hover .btn__tertiary { background: #000; border-color: #fff; } .dropdown-menu .bucket--x-large { width: 869px; padding-top: 387px; } .dropdown-menu .bucket--large { width: 575px; padding-top: 387px; } .dropdown-menu .bucket--medium { width: 279px; padding-top: 387px; } .dropdown-menu .btn__tertiary { position: absolute; bottom: 16px; background: #009FB0; border-color: #009FB0; } .dropdown__link-list { background: #1AA2DB; color: #fff; width: 276px; display: inline-block; vertical-align: top; text-align: left; padding: 0 22px 5px; min-height: 444px; overflow: hidden; } .dropdown__link-list li + li { border-top: 1px solid #fff; } .dropdown__link-list a { text-decoration: none; color: #fff; font-size: 15px; line-height: 23px; padding: 17px 0 12px; display: inline-block; width: 100%; font-weight: 400; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .dropdown__link-list a:hover, .dropdown__link-list a:focus { color: #514d4a; } .dropdown__link-list--small { padding: 10px 0; border-top: 1px solid #fff; } .dropdown__link-list--small a { font-size: 15px; line-height: 18px; padding: 9px 23px; } .dropdown__link-list--small li + li { border-top: 1px solid rgba(255, 255, 255, 0.2); } .buckets__container { display: inline-block; vertical-align: top; } .nav__toggle { display: none; outline: none; border: none; background: transparent; height: 24px; width: 30px; position: relative; padding: 5px; cursor: pointer; } .nav__toggle span { height: 4px; width: 25px; display: inline-block; background: #1AA2DB; position: absolute; left: 0; right: 0; margin: 0 auto; -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease; transition: transform 0.3s ease, opacity 0.3s ease, -webkit-transform 0.3s ease; } .nav__toggle span:nth-child(1) { top: 0px; } .nav__toggle span:nth-child(2), .nav__toggle span:nth-child(3) { top: 10px; } .nav__toggle span:nth-child(4) { top: 20px; } .nav__toggle.open span:nth-child(1), .nav__toggle.open span:nth-child(4) { opacity: 0; } .nav__toggle.open span:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .nav__toggle.open span:nth-child(3) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .search__form.search__form--primary { position: absolute; margin-top: 0; right: 0; width: 0; top: 116px; width: 100%; background: #1AA2DB; overflow: hidden; max-height: 0; border: none; z-index: 100; -webkit-transition: max-height 0.3s ease-out; transition: max-height 0.3s ease-out; } .search__form.search__form--primary.open { max-height: 500px; -webkit-transition: max-height 0.4s ease-in; transition: max-height 0.4s ease-in; } .search__form.search__form--primary button { top: 24px; left: 245px; } .search__form.search__form--primary input { padding: 20px 35px 20px 275px; } .search__form.search__form--primary .btn__close { color: #fff; text-decoration: none; position: absolute; top: 27px; right: 20px; } .search__form.search__form--primary .btn__close svg { height: 11px; width: 11px; } /* Corporate Menu */ .corporate_navigation li + li { margin-left: 15px; } .corporate_navigation a { font-size: 15px; line-height: 37px; } .btn__cart { position: absolute; right: 20px; top: -5px; text-decoration: none; border: 1px solid #1AA2DB; color: #1AA2DB; padding: 9px 20px 7px; width: auto; font-size: 11px; line-height: 1em; -webkit-transition: background 0.6s ease, color 0.6s ease; transition: background 0.6s ease, color 0.6s ease; } .btn__cart:hover { background: #1AA2DB; color: #fff; } .btn__cart:hover .icon__fill { fill: #fff; } .btn__cart svg { width: 16px; height: 15px; margin-left: 3px; display: inline-block; vertical-align: top; margin-top: -4px; } .btn__cart .icon__fill { fill: #1AA2DB; -webkit-transition: fill 0.6s ease; transition: fill 0.6s ease; } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 1440px) { .header__nav .brand img { height: auto; width: 185px; } .header__nav .brand.corporate_navigation img { width: 155px; } .nav-secondary { margin-top: 43px; } .nav-secondary.corporate_navigation { margin-top: 32px; } .nav-secondary a { font-size: 16px; line-height: 38px; } .nav-secondary .header__search { margin-left: 25px; } .nav-secondary .header__search.corporate_navigation { margin-left: 15px; } /* Corporate Menu */ .corporate_navigation li + li { margin-left: 15px; } .corporate_navigation a { font-size: 14px; line-height: 36px; } /* Wedding Menu */ .wedding_navigation li + li { margin-left: 15px; } /* Media Menu */ .media_navigation li + li { margin-left: 19px; } /* Search */ .search__form.search__form--primary { top: 101px; } /* Dropdown Menu */ .dropdown__link-list { width: 249px; padding: 0 20px 5px; } .dropdown__link-list a { line-height: 24px; } .dropdown__link-list--small a { padding: 9px 10px; } .dropdown-menu { top: 101px; } .dropdown-menu .bucket--x-large { width: 755px; padding-top: 0; } .dropdown-menu .bucket--large { width: 494px; padding-top: 0; } .dropdown-menu .bucket--medium { width: 237px; padding-top: 0; } .dropdown-menu .btn__tertiary { width: 187px; line-height: 16px; } } @media (max-width: 1200px) { .header__nav { padding: 20px 0; } .header__nav .brand img { height: auto; width: 182px; } .header__nav .brand.corporate_navigation img { width: 145px; } .header__nav .brand.wedding_navigation img { width: 150px; } .header__nav .brand.media_navigation img { width: 160px; } .nav-secondary.wedding_navigation { margin-top: 35px; } .nav-secondary.media_navigation { margin-top: 40px; } .nav-secondary li + li { margin-left: 20px; } .nav-secondary .header__search { margin-left: 20px; } .nav-secondary .header__search svg { width: 17px; height: 17px; } .btn__cart { padding: 9px 15px 7px; } /* Corporate Nav */ .corporate_navigation li + li { margin-left: 12px; } /* Wedding Menu */ .wedding_navigation li + li { margin-left: 15px; } /* Media Menu */ .media_navigation li + li { margin-left: 15px; } /* Search */ .search__form.search__form--primary { top: 107px; } .search__form.search__form--primary input { padding: 20px 200px 20px 200px; } .search__form.search__form--primary button { left: 175px; } /* Dropdown Menu */ .dropdown__link-list { width: 233px; } .dropdown__link-list a { font-size: 16px; line-height: 22px; } .dropdown__link-list--small a { font-size: 14px; line-height: 17px; } .dropdown-menu { top: 107px; } .dropdown-menu .bucket--x-large { width: 711px; padding-top: 381px; } .dropdown-menu .bucket--large { width: 465px; padding-top: 381px; } .dropdown-menu .bucket--medium { width: 222px; padding-top: 381px; } } @media (max-width: 1023px) { header { position: relative; } header .social-icons { top: 20px; } .header__nav .brand { position: relative; left: 50px; } .header__nav .brand img { height: auto; width: 145px; } .nav-main, .header__search { display: none; } .nav__toggle { display: inline-block; position: absolute; left: 15px; top: 20px; } .header__main { padding-top: 20px; padding-bottom: 20px; border-bottom: 3px solid #1AA2DB; } .header__main .brand img { width: 170px; margin-top: 3px; height: auto; } .btn__cart { top: 0; bottom: 0; margin: auto; height: 43px; padding: 15px 20px 14px; font-size: 14px; } .btn__cart svg { width: 19px; height: 17px; margin-top: -3px; } .nav-secondary .parent-page { display: block; background: rgba(0, 0, 0, 0.2); } .nav-secondary .parent-page a { color: #fff; } .nav-secondary .parent-page li { display: none; } .nav-secondary .parent-page li.active { display: block; padding: 20px 0; border-bottom: none; } .nav-secondary .parent-page li.active a { font-weight: 600; font-size: 18px; line-height: 26px; padding-bottom: 0; } .nav-secondary .parent-page li.active a:after { content: none; } .nav-secondary.desktop { display: none; } .nav-secondary.desktop.open { display: none; } .nav-secondary.mobile { display: block; background: #1AA2DB; position: absolute; z-index: 100; max-height: 0px; padding: 0; overflow: auto; left: 0; margin-top: 0; top: 107px; right: 0; text-align: left; margin-top: 0; width: 100%; float: none; -webkit-transition: all 0.4s ease; transition: all 0.4s ease; } .nav-secondary.mobile.open { opacity: 1; padding-bottom: 0; height: auto; overflow: visible; max-height: initial; } .nav-secondary.mobile a { padding: 0; color: #fff; display: block; } .nav-secondary.mobile a:before, .nav-secondary.mobile a:after { content: none; } .nav-secondary.mobile .mobile-bucket { height: 240px; position: relative; text-align: center; width: 720px; margin: 0 auto; padding: 0 20px; } .nav-secondary.mobile .mobile-bucket a { display: inline-block; left: auto; right: 0; top: 0; bottom: 0; margin: auto 0; height: 90px; padding: 35px 5px; width: 270px; color: #fff; } .nav-secondary.mobile .mobile-bucket + .mobile-bucket { margin-top: 15px; margin-bottom: 5px; } .nav-secondary.mobile .mobile_bucket__bg { background-size: cover; background-repeat: no-repeat; background-position: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .nav-secondary:before { content: none; } .nav-secondary ul { display: block; } .nav-secondary .dropdown { position: relative; } .nav-secondary .dropdown:after { content: ''; display: inline-block; background-image: url("../img/icon-down_arrow-white.svg"); background-repeat: no-repeat; background-position: center; height: 12px; width: 23px; background-size: 23px 12px; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 0; } .nav-secondary .dropdown-menu { overflow: hidden; width: 300%; margin-left: -100%; margin-right: -100%; padding: 25px 0 0; max-height: initial; position: absolute; z-index: 1; top: 58px; display: block; opacity: 1; -webkit-transform: translateY(0px); transform: translateY(0px); -webkit-transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, -webkit-transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease; transition: opacity 0.3s ease, transform 0.3s ease, -webkit-transform 0.3s ease; } .nav-secondary .dropdown-menu.transitioning { display: block; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .nav-secondary .dropdown-menu.hide { display: none; clip: initial; height: initial; max-height: initial !important; -webkit-transform: translateY(30px); transform: translateY(30px); -webkit-transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, -webkit-transform 0s ease; transition: opacity 0s ease, transform 0s ease; transition: opacity 0s ease, transform 0s ease, -webkit-transform 0s ease; } .nav-secondary .dropdown-menu.hide.transitioning { display: block; opacity: 0; -webkit-transform: translateY(30px); transform: translateY(30px); } .nav-secondary .dropdown-menu li { width: 760px; margin: 0 auto; padding: 0 20px; } .nav-secondary .dropdown-menu a { color: #000; padding: 5px 0; } .nav-secondary .mobile_nav_close { position: relative; } .nav-secondary .mobile_nav_close:after { content: ''; display: inline-block; height: 30px; width: 30px; background-image: url("../img/icon-close-teal.svg"); background-size: 30px 30px; background-position: center; background-repeat: no-repeat; position: absolute; left: 25%; top: 0; bottom: 0; right: auto; margin: auto; opacity: 1; } .nav-secondary .mobile_nav_close a { font-size: 27px; text-align: center; text-transform: uppercase; letter-spacing: 0.08em; margin-left: -100%; margin-right: -100%; position: relative; padding: 30px 0 25px; margin-top: 10px; } .nav-secondary .mobile_nav_close a:before { content: ''; display: inline-block; height: 7px; width: 100%; position: absolute; left: 0; right: 0; top: 0; background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.09) 0%, transparent 100%); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.09) 0%, transparent 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#17000000', endColorstr='#00000000',GradientType=0 ); } .nav-secondary li { display: block; margin: 0; padding: 10px 0; } .nav-secondary li:after { content: none; } .nav-secondary li + li { margin-top: 0; margin-left: 0; } .nav-secondary a.header__search { margin-left: 0; padding-top: 20px; } .nav-secondary a.header__search .search-icon { fill: #fff; } .nav-secondary a.header__search.open { opacity: 0; } .nav-secondary a.header__search:hover .search-icon { fill: #000; } .nav-secondary .search__form svg { width: 17px; height: 17px; } #menu-secondary-menu-mobile { border-bottom: 1px solid #fff; } body.single-attractions .mobile .menu-visit-niagara-parks, body.single-event .mobile .menu-visit-niagara-parks { display: block; padding: 20px 0; border-bottom: none; } body.single-attractions .mobile .menu-visit-niagara-parks a, body.single-event .mobile .menu-visit-niagara-parks a { font-weight: 600; font-size: 18px; line-height: 26px; padding-bottom: 0; } body.single-attractions .mobile .menu-visit-niagara-parks a:after, body.single-event .mobile .menu-visit-niagara-parks a:after { content: none; } .search__form.search__form--primary.mobile { display: inline-block; top: auto; left: auto; bottom: auto; right: auto; height: auto; max-height: 100%; width: 0; -webkit-transition: width 0.3s ease; transition: width 0.3s ease; padding: 20px 0; background: transparent; margin-top: -58px; } .search__form.search__form--primary.mobile.open { width: calc(100% - 40px); } .search__form.search__form--primary.mobile input { padding: 0 40px; } .search__form.search__form--primary.mobile button { left: 0px; top: 27px; } .search__form.search__form--primary.mobile .btn__close { top: 20px; right: 0; } .header__icon--map { position: relative; top: 0; right: auto; margin-top: 20px; margin-left: 20px; display: inline-block; } .header__icon--map .icon-map { fill: #fff; } /* Dropdown Menu */ .nav-main { position: relative; left: auto; right: auto; top: auto; } .nav-main.mobile { display: block; max-height: 0; height: 0; overflow: hidden; padding: 0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .nav-main.mobile.open { margin-top: 5px; max-height: 300px; height: 100%; overflow: visible; } .nav-main ul a { color: #fff; } .nav-main ul li { display: block; padding: 10px 0; border-bottom: 1px solid #fff; } .nav-main ul li.active { display: none; position: absolute; top: 0; right: 0; left: 0; padding: 20px; background: rgba(255, 255, 255, 0.2); border-bottom: none; } .nav-main ul li.active a { font-size: 18px; line-height: 26px; padding-bottom: 0; } .nav-main ul li.active a:after { content: none; } .nav-main ul li + li { margin-left: 0; } .nav-main ul li:last-child { border-bottom: none; } .nav-main ul li > a { font-size: 14px; line-height: 22px; padding-bottom: 0; text-transform: none; } .nav-main ul li > a:after { content: none; } .nav__more { display: block; background: rgba(0, 0, 0, 0.2); padding: 0 0px 20px; text-align: left; margin-bottom: 0; margin-top: 20px; width: 100%; -webkit-transition: 0.3s ease; transition: 0.3s ease; } .nav__more .wrapper { position: static; } .nav__more--btn { font-family: "Nunito", sans-serif; font-weight: 500; margin: 0; display: block; text-decoration: none; color: #fff; position: relative; width: 100%; padding: 20px 0 0 !important; } .nav__more--btn span { display: inline-block; position: absolute; right: 0; } .nav__more--btn img { -webkit-transform: rotate(0deg); transform: rotate(0deg); width: 24px; height: 13px; -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .nav__more--btn.open img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .dropdown__link-list { width: 100%; } .dropdown__link-list a { padding: 9px 10px; } .dropdown__link-list--small a { padding: 9px 10px; } .buckets__container { width: 100%; } .dropdown-menu { display: none; } /* Search */ .search__form.search__form--primary { display: none; } } @media (max-width: 768px) { .header__nav .brand { left: 40px; } .header__nav .brand img { height: auto; width: 130px; } .nav-secondary .parent-page li.active a { font-size: 16px; line-height: 24px; } .nav-secondary.mobile { top: 100px; } .nav-secondary.mobile .mobile-bucket { width: 100%; height: 205px; } .nav-secondary.mobile .mobile-bucket a { height: 75px; padding: 28px 5px; width: 225px; } .nav-secondary a { font-size: 14px; line-height: 36px; } .nav-secondary .search__form svg { width: 16px; height: 16px; } .nav-secondary .dropdown-menu { width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; top: 56px; } .nav-secondary .dropdown-menu li { padding: 0; width: 100%; } .nav-secondary .dropdown { position: relative; } .nav-secondary .dropdown:after { height: 9px; width: 17px; background-size: 17px 9px; } .nav-secondary .mobile_nav_close:after { height: 25px; width: 25px; background-size: 25px 25px; } .nav-secondary .mobile_nav_close a { font-size: 22px; } .nav__more--btn img { width: 17px; height: 9px; } .search__form.search__form--primary.mobile.open { width: calc(100% - 40px); max-width: 100%; } .search__form.search__form--primary.mobile button { top: 25px; } .search__form.search__form--primary.mobile .btn__close { top: 18px; } .nav-main ul li > a { font-size: 12px; line-height: 20px; } .btn__cart { height: 43px; padding: 15px 20px 14px; font-size: 12px; } .btn__cart svg { width: 16px; height: 15px; margin-top: -3px; } } @media (max-width: 480px) { header .social-icons { display: none; } .nav__toggle { top: 18px; } .header__nav .brand img { height: auto; width: 125px; } .header__main { padding-top: 15px; padding-bottom: 15px; } .header__main .brand img { width: 140px; height: auto; } .nav-secondary.mobile { top: 98px; } .nav-secondary.mobile .mobile-bucket { height: 180px; } .nav-secondary.mobile .mobile-bucket a { height: 70px; padding: 25px 5px; width: 200px; } .nav-secondary li { padding: 10px 0; } .nav-secondary a { font-size: 14px; line-height: 35px; } .nav-secondary .dropdown-menu { top: 55px; } .nav-secondary .mobile_nav_close:after { height: 20px; width: 20px; background-size: 20px 20px; } .nav-secondary .mobile_nav_close a { font-size: 18px; padding: 20px 0 15px; } .header__nav--secondary.open { padding-top: 65px; } .nav__more--btn img { width: 18px; height: 10px; } .nav-main ul li.active a { font-size: 16px; line-height: 24px; padding-bottom: 0; } .nav-main ul li + li { margin-top: 10px; } .nav-main ul li a { font-size: 12px; line-height: 20px; } .btn__cart { height: 35px; padding: 12px 20px 10px; font-size: 11px; } .btn__cart svg { width: 15px; height: 14px; margin-top: -3px; } /* Dropdown Menu */ .dropdown-menu .bucket--x-large, .dropdown-menu .bucket--large { padding-top: 140px; } } .cart-callout { width: 60px; height: 60px; border-radius: 125px; display: block; display: none; position: fixed; bottom: 30px; right: 30px; z-index: 10; -moz-animation: bounceCart 7s infinite 1s; -webkit-animation: bounceCart 7s infinite 1s; } .cart-callout a { display: block; border: none; background: #1AA2DB; border-radius: 125px; width: 60px; height: 60px; box-shadow: rgba(0, 0, 0, 0.25) 2px 2px 2px; } .cart-callout a:hover { background: #68C4E3; } .cart-callout a svg { width: 36px; height: 36px; margin-left: -20.5px; left: 50%; display: inline-block; vertical-align: top; top: 50%; margin-top: -15.5px; position: absolute; } .cart-callout a .icon__fill { fill: #fff; -webkit-transition: fill 0.6s ease; transition: fill 0.6s ease; } .cart-callout a .counter { width: 20px; height: 20px; color: #1AA2DB; background: #fff; position: absolute; bottom: 50%; left: 50%; border-radius: 20px; z-index: 10; text-align: center; line-height: 20px; font-weight: bolder; font-size: 16px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Safari */ /* Konqueror HTML */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */ } @-webkit-keyframes bounceCart { 0% { -webkit-transform: scale(1); } 2% { -webkit-transform: scale(0.8); } 5% { -webkit-transform: scale(1.2); } 7.5% { -webkit-transform: scale(0.9); } 10% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1); } } /* ========================================================================== Global/Footer ========================================================================== */ footer { clear: both; } footer .brand { font-size: 24px; line-height: 32px; color: #fff; text-decoration: none; display: inline-block; vertical-align: top; position: absolute; top: -10px; left: 0; font-weight: 400; } footer .social-icons { position: absolute; top: 0px; right: 20px; display: inline-block; vertical-align: top; } footer .social-icons li { display: inline-block; vertical-align: top; } footer .social-icons li:hover .social-icon { fill: #000; } footer .social-icons .social-icon { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } footer .social-icons #footer_instagram { width: 19px; height: 19px; } footer .social-icons #footer_facebook { width: 9px; height: 19px; margin-left: 28px; } footer .social-icons #footer_youtube { width: 22px; height: 17px; margin-left: 29px; margin-top: 1px; } footer .social-icons #footer_twitter { width: 20px; height: 17px; margin-left: 29px; margin-top: 1px; } .footer__nav { background: #1AA2DB; padding-top: 50px; padding-bottom: 35px; } .footer__nav .wrapper { position: relative; } .footer-menu { text-align: center; display: block; margin: 0 auto; vertical-align: top; } .footer-menu li { display: inline-block; } .footer-menu li + li { margin-left: 40px; } .footer-menu li.active a:after { width: 60px; max-width: 100%; } .footer-menu a { color: #fff; text-decoration: none; position: relative; text-transform: uppercase; font-size: 16px; line-height: 24px; font-weight: 400; letter-spacing: 0.025em; padding-bottom: 10px; } .footer-menu a:after { content: ''; display: inline-block; height: 3px; width: 0; max-width: 0; background: #fff; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; opacity: 1; -webkit-transition: width 0.3s ease, max-width 0.3s ease; transition: width 0.3s ease, max-width 0.3s ease; } .footer-menu a:hover:after { width: 60px; max-width: 100%; } .footer__bottom { text-align: center; background: #000; color: #fff; padding-top: 20px; padding-bottom: 20px; } .footer__bottom ul li { font-weight: 400; display: inline-block; font-size: 14px; position: relative; } .footer__bottom ul li + li { padding-left: 15px; margin-left: 9px; } .footer__bottom ul li + li:after { content: ''; display: inline-block; height: 13px; width: 2px; background: #fff; position: absolute; left: 0; top: 2px; } .footer__bottom ul p { font-size: inherit; line-height: inherit; } .footer__bottom ul a { color: inherit; text-decoration: none; cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .footer__bottom ul a:hover { color: rgba(255, 255, 255, 0.6); } .single-event .footer-menu .menu-blog.active a:after, .attractions-template .footer-menu .menu-blog.active a:after { content: none; display: none; } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 1440px) { .footer-menu li + li { margin-left: 30px; } } @media (max-width: 1023px) { footer .brand { font-size: 28px; line-height: 36px; } footer .social-icons #footer_instagram { width: 18px; height: 18px; } footer .social-icons #footer_facebook { width: 8px; height: 18px; margin-left: 25px; } footer .social-icons #footer_twitter { width: 19px; height: 15px; margin-left: 25px; } footer .social-icons #footer_youtube { width: 21px; height: 16px; margin-left: 22px; } .footer-menu li + li { margin-left: 30px; } } @media (max-width: 992px) { footer .brand { font-size: 26px; line-height: 36px; left: 20px; } footer .social-icons { top: 2px; } .footer-menu li + li { margin-left: 10px; } .footer-menu a { font-size: 12px; line-height: 22px; } } @media (max-width: 767px) { .footer-menu { padding-top: 70px; } .footer__bottom { padding-top: 40px; padding-bottom: 40px; } .footer__bottom ul li { display: block; } .footer__bottom ul li + li { margin-top: 10px; margin-left: 0; padding-left: 0; } .footer__bottom ul li + li:after { content: none; } .footer__bottom ul p { margin-bottom: 30px; } } @media (max-width: 480px) { footer .brand { position: relative; margin: auto; width: 100%; text-align: center; left: 0; } footer .social-icons { left: 0; right: 0; position: relative; text-align: center; width: 100%; } .footer-menu { padding-top: 25px; padding-bottom: 25px; } .footer-menu li { display: block; width: 100%; text-align: center; margin-bottom: 10px; } .footer-menu li + li { margin-left: 0; } } /* ========================================================================== Base` ========================================================================== */ * { padding: 0; opacity: 1; margin: 0; box-sizing: border-box; } html, body { overflow-x: hidden; } body { font-family: sans-serif; -webkit-font-smoothing: antialiased; -webkit-backface-visibility: hidden; -moz-osx-font-smoothing: grayscale; } main.container { width: 100% !important; margin: 0; padding: 0; } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder, input:-moz-placeholder, textarea:-moz-placeholder, input::-moz-placeholder, textarea::-moz-placeholder, input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #000; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active, input.nice-select.open:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px transparent inset; -webkit-transition: color 9999s ease-out, background-color 5000s ease-in-out 0s; transition: color 9999s ease-out, background-color 5000s ease-in-out 0s; color: #fff !important; } /* ========================================================================== Containers ========================================================================== */ .wrapper { width: 1200px; padding: 0 20px; margin: 0 auto; } .inner-wrapper { width: 805px; padding: 0 20px; margin: 0 auto; } .fullwidth { width: 100%; } .section { clear: both; } .section__half { width: calc(50% - 3px); display: inline-block; vertical-align: top; } .hide { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } /* ========================================================================== Front Page ========================================================================== */ .front-page__loader { position: fixed; top: -100%; left: -100%; right: -100%; bottom: -100%; background: #fff; display: table; margin: auto; height: 300%; width: 300%; z-index: 100; opacity: 1; -webkit-transition: opacity 0.8s ease, -webkit-transform 1s ease; transition: opacity 0.8s ease, -webkit-transform 1s ease; transition: opacity 0.8s ease, transform 1s ease; transition: opacity 0.8s ease, transform 1s ease, -webkit-transform 1s ease; } .front-page__loader.transitioning { opacity: 0; display: table; -webkit-transform: scale(0.8); transform: scale(0.8); } .front-page__loader.closed { display: none; } .loader__container { display: table-cell; vertical-align: middle; text-align: center; } .loader__container .loader { width: 100px; height: 100px; } .front-page__landing { position: relative; height: calc(100vh - 110px); min-height: 425px; text-align: center; overflow: hidden; } .front-page__landing .section__title { padding-top: calc(100vh - 670px); color: #fff; } @media (max-height: 825px) { .front-page__landing .section__title { padding-top: 175px; } } .front-page__landing--bg { background-image: url("../img/front-page__landing.jpg"); height: 115%; width: 100%; } .front-page__landing--bg.fallback { display: none; } .landing__callout { padding: 50px 85px; background: rgba(255, 255, 255, 0.8); width: 622px; margin: 0 auto; position: absolute; bottom: 115px; left: 0; right: 0; } .section__arrow { display: block; text-align: center; width: 55px; background: #1AA2DB; cursor: pointer; padding: 17px 16px 15px; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .section__arrow img { width: 24px; height: 23px; } .section__buckets { float: left; width: 100%; clear: both; padding-top: 75px; padding-bottom: 65px; } .section__buckets .wrapper { width: 1220px; position: relative; left: -10px; } .section__buckets .section__title { margin-left: 20px; margin-bottom: 45px; } .bucket { display: inline-block; float: left; margin-bottom: 18px; position: relative; overflow: hidden; cursor: pointer; padding: 33px 65px; } .bucket.align-right { float: right; } .bucket .bucket__bg { -webkit-transform: scale(1) translateZ(0) rotate(0deg); transform: scale(1) translateZ(0) rotate(0deg); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; image-rendering: optimizeSpeed; /* */ image-rendering: -moz-crisp-edges; /* Firefox */ image-rendering: -o-crisp-edges; /* Opera */ image-rendering: -webkit-optimize-contrast; /* Chrome (and Safari) */ image-rendering: optimizeQuality; image-rendering: optimize-contrast; /* CSS3 Proposed */ -ms-interpolation-mode: nearest-neighbor; /* IE8+ */ -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .bucket .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.4); text-align: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .bucket .btn__primary { margin: 0 auto; } .bucket .bucket__callout--color-primary { position: absolute; top: 0; left: 0; right: 0; text-align: center; background: #1AA2DB; color: #fff; font-size: 14px; line-height: 25px; font-weight: 400; text-transform: uppercase; padding: 11px 20px 8px; letter-spacing: 0.025em; } .bucket .bucket__callout--color-primary.color--blue { background: #1AA2DB; } .bucket .bucket__callout--color-primary.color--pink { background: #EC5C6F; } .bucket .bucket__callout--color-primary.color--orange { background: #E47D2D; } .bucket .bucket__callout--color-primary.color--teal { background: #009FB0; } .bucket .bucket__callout--color-primary.color--green { background: #7AC399; } .bucket .bucket__callout--color-primary.color--yellow { background: #B2BB17; } .bucket:hover .bucket__bg { -webkit-transform: scale(1.04) translateZ(0) rotate(0.1deg); transform: scale(1.04) translateZ(0) rotate(0.1deg); } .bucket:hover .btn__primary { background: #000; border-color: #fff; } .bucket:hover .overlay { opacity: 1; } .bucket__two-third { width: calc(66.6666% - 20px); height: 498px; margin-left: 20px; } .bucket__two-third .bucket__callout { width: 325px; color: #fff; } .bucket__two-third .btn__primary { position: absolute; bottom: 33px; } .bucket__one-third { width: calc(33.3333% - 20px); height: 240px; margin-left: 20px; padding-top: 143px; } .bucket__divi { padding-top: 143px; width: 100%; z-index: 1; } .section__events { position: relative; padding-top: 75px; padding-bottom: 70px; overflow: hidden; } .section__events .wrapper { position: relative; } .section__events .section__title, .section__events .section__subtitle { color: #fff; } .section__events .section__title { margin-bottom: 10px; } .section__events .btn__secondary { display: inline-block; padding: 22px 62px; position: absolute; top: 15px; right: 20px; } .front-page__events--bg { background-image: url("../img/front-page__events--bg.jpg"); } .event__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 50px; } .event__item { display: inline-block; vertical-align: top; width: 375px; background: #fff; padding: 8px 8px 20px; } .event__item + .event__item { margin-left: 18px; } .event__item .item__name a { color: inherit; text-decoration: none; font-weight: 400; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .event__item .item__name a:hover { color: #009FB0; } .event__item .excerpt { padding: 18px 15px 0; } .event__item .excerpt p { font-weight: 300; font-size: 14px; line-height: 20px; } .event__item .excerpt p:last-child { margin-bottom: 0; } .event__item .excerpt .event__address { color: #009FB0; font-weight: 400; margin-bottom: 17px; } .event__link { padding: 170px 22px 22px; position: relative; overflow: hidden; cursor: pointer; height: 250px; } .event__link .btn__primary { width: auto; padding: 22px 10px; } .event__link .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.3); text-align: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .event__link:hover .btn__primary { background: #1AA2DB; border-color: #fff; } .event__link:hover .event__img { -webkit-transform: scale3d(1.04, 1.04, 1.04) translateZ(0); transform: scale3d(1.04, 1.04, 1.04) translateZ(0); } .event__link:hover .overlay { opacity: 1; } .event__link.no-hover { cursor: auto; } .event__link.no-hover:hover .event__img { -webkit-transform: scale3d(1, 1, 1) translateZ(0); transform: scale3d(1, 1, 1) translateZ(0); } .event__link.no-hover:hover .overlay { opacity: 0; } .event__title { letter-spacing: 0.1em; font-weight: 400; } .event__title a { cursor: pointer; color: inherit; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .event__title a:hover { color: #009FB0; } .event__title.no-hover a { cursor: default; } .event__title.no-hover a:hover { color: inherit; } .event__img { z-index: 0; height: 100%; -webkit-transform: scale3d(1, 1, 1) translateZ(0); transform: scale3d(1, 1, 1) translateZ(0); -webkit-transform-style: preserve-3d; transform-style: preserve-3d; -webkit-transition: -webkit-transform 0.2s linear; transition: -webkit-transform 0.2s linear; transition: transform 0.2s linear; transition: transform 0.2s linear, -webkit-transform 0.2s linear; } .event__date { position: absolute; top: 0; right: 0; background: #009FB0; color: #fff; padding: 13px 12px 10px; text-align: center; letter-spacing: 0.025em; font-size: 11px; line-height: 1em; font-weight: 400; } .event__date.event__date--green { background: #7AC399; } .event__date.event__date--pink { background: #EC5C6F; } .event__date.event__date--orange { background: #E47D2D; } .event__date.event__date--blue { background: #1AA2DB; } .event__date.event__date--yellow { background: #F2B219; } .event__date span { display: block; margin-bottom: 5px; } .event__date .month { font-size: 14px; text-transform: uppercase; margin-bottom: 5px; } .event__date .date { font-size: 30px; line-height: 26px; letter-spacing: 0; font-weight: 800; margin-bottom: 2px; } .section__itinerary { position: relative; padding-top: 90px; padding-bottom: 90px; overflow: hidden; } .section__itinerary .section__half img { max-width: 100%; } .section__itinerary .section__title { margin-top: 0; margin-bottom: 10px; color: #009FB0; } .section__itinerary .section__title span { display: block; line-height: 1em; } .section__itinerary .section__subtitle { margin-bottom: 30px; } .section__itinerary .et_pb_text_3 { max-width: 650px; } .section__itinerary .et_pb_text_2 { margin-bottom: 50px !important; } .section__itinerary .heading__primary--large { text-align: center; } .section__itinerary .et_pb_column_12 { text-align: center; } .section__itinerary .et_pb_row_5.et_pb_row { padding-top: 50px; padding-bottom: 50px; } .section__itinerary .et_pb_row_5 { text-align: center; } .front-page__itinerary--bg { background-image: url("../img/front-page__itinerary-builder--bg.jpg"); } .section__newsletter { background: #009FB0; color: #fff; text-align: center; padding-top: 85px; padding-bottom: 90px; } .section__newsletter .section__title { margin-bottom: 22px; } .section__newsletter p { width: 500px; margin: 0 auto 50px; } .section__newsletter form { width: 570px; margin: 0 auto; text-align: left; display: block; position: relative; background: #fff; } .section__newsletter form .hidden { visibility: hidden; opacity: 0; height: 0; width: 0; display: inline-block; } .section__newsletter form input { width: 367px; display: inline-block; background: transparent; text-transform: uppercase; border: none; padding: 27px 38px; line-height: 1em; font-size: 16px; letter-spacing: 0.025em; font-weight: 400; color: #000; } .section__newsletter form input::-webkit-input-placeholder { color: black; } .section__newsletter form button { display: inline-block; width: 197px; border: none; position: absolute; right: 0; top: 0px; height: 72px; font-weight: 400; } .section__newsletter form button:hover { background: #E47D2D; } #mce-responses .response { font-size: 16px; line-height: 26px; font-weight: 400; width: 500px; margin: 30px auto 0; } .section__newsletter--white { background: #fff; color: #000; } .section__newsletter--white .section__title { color: #1AA2DB; } .section__newsletter--white form { border: 4px solid #1AA2DB; } .section__newsletter--white form input { color: #000; padding: 22px 28px; } .section__newsletter--white form input::-webkit-input-placeholder { color: rgba(0, 0, 0, 0.4); } .section__newsletter--white form button { background: #1AA2DB; border-color: #1AA2DB; border-left: 4px solid #1AA2DB; height: 63px; } .section__newsletter--white form button:hover { background: #000; border-color: #1AA2DB; border-left: 4px solid #1AA2DB; } .section__instagram { padding-top: 75px; padding-bottom: 70px; } .section__instagram .wrapper { position: relative; } .section__instagram .section__title { margin-bottom: 50px; } .link__instagram { position: absolute; top: 12px; right: 20px; } .link__instagram svg { width: 35px; height: 35px; } .link__instagram .social-icon { fill: #000; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .link__instagram:hover .social-icon { fill: #1AA2DB; } .instagram-feed li, .instagram-feed__item { position: relative; display: inline-block; width: 273px; height: 273px; position: relative; margin-bottom: 18px; overflow: hidden; } .instagram-feed li .overlay, .instagram-feed__item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .instagram-feed li:before, .instagram-feed__item:before { content: ""; width: 1px; height: 0; padding-top: 100%; display: block; } .instagram-feed li + li, .instagram-feed__item + li { margin-left: 18px; } .instagram-feed li:nth-child(5), .instagram-feed__item:nth-child(5) { margin-left: 0; } .instagram-feed li a, .instagram-feed__item a { position: absolute; top: 0; bottom: 0; left: 0; right: 0; background: rgba(255, 255, 255, 0.6); display: table; height: 100%; width: 100%; text-align: center; opacity: 0; z-index: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .instagram-feed li a span, .instagram-feed__item a span { display: table-cell; vertical-align: middle; } .instagram-feed li a img, .instagram-feed__item a img { height: 35px; width: 35px; } .instagram-feed li a:hover, .instagram-feed__item a:hover { opacity: 1; } .instagram-feed li .instagram, .instagram-feed__item .instagram { position: absolute; left: 0; top: 0; right: 0; bottom: 0; max-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; width: 100%; height: 100%; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform 0.5s ease; transition: -webkit-transform 0.5s ease; transition: transform 0.5s ease; transition: transform 0.5s ease, -webkit-transform 0.5s ease; } .instagram-feed li:hover .instagram, .instagram-feed__item:hover .instagram { -webkit-transform: scale(1.04) translateZ(0); transform: scale(1.04) translateZ(0); } /* ========================================================================== Basic Internal ========================================================================== */ .page-header { padding-top: 210px; padding-bottom: 203px; position: relative; text-align: center; color: #fff; overflow: hidden; } .page-header .entry-title { text-shadow: 0px 4px 4px rgba(0, 0, 0, 0.58); } .page-header.page-header__blog { margin: 0; } .page-header__img { background-position: top; width: 100%; height: 120%; } .page-header__img.fallback { display: none; } .page-header__video { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; } .page-header__video video { top: 50%; left: 50%; display: inline-block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: auto; overflow: hidden; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .et_pb_section_video { position: relative; overflow: hidden; } .et_pb_section_video .mejs-container { background: transparent; } .et_pb_section_video .mejs-video { margin: 0 !important; background: transparent !important; } .et_pb_section_video .et_pb_section_video_bg { width: 100%; height: 100%; -webkit-transform-style: preserve-3d; } .et_pb_section_video video { top: 50%; left: 50%; display: inline-block; -webkit-transform: translateX(-50%) translateY(-50%); transform: translateX(-50%) translateY(-50%); width: 100%; height: auto; overflow: hidden; min-height: 100%; min-width: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: 50% 50%; object-position: 50% 50%; } .page-content { padding-top: 85px; padding-bottom: 85px; } .page-content h1, .page-content h2, .page-content h3, .page-content h4, .page-content h5, .page-content h6 { margin: 0; } .page-content h1 { margin: 0; font-size: 140px; line-height: 1em; } .page-content h2 { font-size: 45px; line-height: 55px; margin-bottom: 20px; font-weight: 400; } .page-content h3 { font-size: 36px; line-height: 57px; font-weight: 400; margin-bottom: 15px; } .page-content h4 { font-size: 30px; line-height: 40px; color: #009FB0; font-weight: 400; margin-bottom: 15px; } .page-content h5 { font-size: 24px; line-height: 34px; color: #009FB0; font-weight: 400; margin-bottom: 25px; } .page-content h6 { font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0.025em; text-transform: uppercase; margin-bottom: 35px; } .page-content p { margin-bottom: 25px; } .page-content p a { color: #009FB0; display: inline-block; background: transparent; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .page-content p a:hover { color: #005a64; } .page-content em { font-style: italic; } .page-content strong { font-weight: 600; } .page-content blockquote { padding: 35px 25px 10px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } .page-content blockquote p { font-weight: 400; color: #009FB0; font-size: 24px; line-height: 30px; text-align: center; } .page-content ul, .page-content ol { padding-left: 22px; margin-bottom: 25px; } .page-content ul li, .page-content ol li { list-style: disc; font-size: 18px; line-height: 28px; font-weight: 300; } .page-content ul li + li, .page-content ol li + li { margin-top: 10px; } .page-content ul li a, .page-content ol li a { color: #1AA2DB; display: inline-block; background: transparent; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .page-content ul li a:hover, .page-content ol li a:hover { color: #126f97; } .page-content ul li ul, .page-content ul li ol, .page-content ol li ul, .page-content ol li ol { margin-left: 50px; padding-left: 0; } .page-content ul li ul li, .page-content ul li ol li, .page-content ol li ul li, .page-content ol li ol li { font-weight: 300; list-style: none; padding-left: 0px; position: relative; list-style-type: circle; } .page-content ol li { list-style: decimal; } .page-content ol li ol { padding-left: 22px; } .page-content ol li ol li { font-weight: 300; list-style: disc; padding-left: 0px; position: relative; } .page-content ol li ol li:before { content: none; } .page-content hr { background: #ebebeb; height: 1px; width: 100%; border: none; outline: none; margin: 60px 0 85px; width: 1200px; left: -200px; position: relative; } .page-content .dropdown { padding: 0; margin: 0 0 35px; border: 2px solid #000; list-style: none; padding: 0; overflow-y: hidden; max-height: 56px; background: #fff; background-image: url("../img/icon-down_arrow-black.svg"); background-position: top 20px right 15px; background-size: 20px 10px; background-repeat: no-repeat; position: relative; } .page-content .dropdown:after { content: ''; display: inline-block; height: 52px; width: 2px; background: #000; position: absolute; top: 0; right: 50px; } .page-content .dropdown:before { content: ''; display: inline-block; width: 52px; height: 2px; background: #000; position: absolute; top: 52px; right: 0px; } .page-content .dropdown.open { overflow-y: auto; max-height: 285px; padding-top: 52px; } .page-content .dropdown.open > li { opacity: 1; z-index: 1; } .page-content .dropdown > li { padding: 0; -webkit-transition: background 0.3s ease, opacity 0.3s ease; transition: background 0.3s ease, opacity 0.3s ease; cursor: pointer; opacity: 0; z-index: -1; } .page-content .dropdown > li + li { margin-top: 0; } .page-content .dropdown > li:hover { background: #1AA2DB; } .page-content .dropdown > li.active { position: absolute; top: 0; left: 0; opacity: 1; width: 100%; z-index: 2; } .page-content .dropdown > li.active:hover { background: transparent; } .page-content .dropdown a { color: #000; text-transform: lowercase; font-weight: 500; text-decoration: none; } .page-content .dropdown__item { list-style: none; display: block; font-weight: 500; } .page-content .dropdown__item a { color: inherit; text-decoration: none; display: inline-block; width: 100%; padding: 12px 18px; } .page-content .multiselect { padding: 0; margin: 0 0 35px; } .page-content .multiselect li { font-size: 18px; line-height: 28px; width: 100%; border: 2px solid #000; padding: 0; background: #fff; color: #000; width: calc(33.333% - 15px); display: inline-block; text-align: center; -webkit-transition: background 0.3s ease, color 0.3s ease; transition: background 0.3s ease, color 0.3s ease; } .page-content .multiselect li + li { margin-left: 18px; } .page-content .multiselect li:hover, .page-content .multiselect li:active, .page-content .multiselect li.nice-select.open, .page-content .multiselect li:focus, .page-content .multiselect li.active { background: #1AA2DB; color: #fff; } .page-content .multiselect li a { padding: 12px 18px; color: inherit; text-decoration: none; display: inline-block; width: 100%; } table { display: table; width: 100%; text-align: left; background: #ebebeb; margin-bottom: 35px; } table thead { background: #009FB0; color: #fff; } table thead td, table thead th { font-family: "Nunito", sans-serif; font-size: 30px; line-height: 1em; font-weight: 400; padding: 15px 20px; vertical-align: middle; } table thead td:first-child, table thead th:first-child { text-transform: none; letter-spacing: 0; } table tr { display: table-row; } table tr:nth-child(2n) { background: #dddddc; } table td { display: table-cell; vertical-align: middle; font-size: 18px; line-height: 28px; font-weight: 300; padding: 18px 20px; } table td:first-child { text-transform: uppercase; font-weight: 400; letter-spacing: 0.1em; } table td a { color: #009FB0; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } table td a:hover { color: #005a64; } #hrs_iframe { width: 100% !important; height: 115vh; } /* ========================================================================== FAQ ========================================================================== */ .search__form { position: relative; width: 573px; display: block; margin: 40px auto 0; border: 4px solid #fff; background: rgba(255, 255, 255, 0.2); } @media (max-width: 767px) { .search__form.mobile-stick { position: fixed; top: 0; margin-top: 0 !important; left: 0; right: 0; z-index: 10; } .search__form.mobile-stick input { width: 100%; z-index: 10; } } .search__form .no-results { position: absolute; width: 100%; left: 0; right: 0; top: 71px; background: white; color: black; line-height: 4; } .search__form .no-results.hidden { display: none; } .search__form.search__form--teal { background: #009FB0; border-color: #fff; margin-top: 70px; } .search__form button { cursor: pointer; border: none; background: transparent; position: absolute; top: 22px; left: 33px; } .search__form button:hover .search-icon { fill: #000; } .search__form .search-icon { fill: #fff; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .search__form svg { width: 19px; height: 19px; } .search__form input { font-size: 14px; line-height: 28px; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 300; width: 100%; background: transparent; border: none; padding: 17px 20px 17px 70px; color: #fff; } .search__form input::-webkit-search-cancel-button { -webkit-appearance: none; } .search__form ::-webkit-input-placeholder { color: #fff; } .search__form :-moz-placeholder { /* Firefox 18- */ color: #fff; } .search__form ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .search__form :-ms-input-placeholder { color: #fff; } .search__cancel { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); color: white; } .search__cancel svg path, .search__cancel svg line { stroke: white !important; } .et_pb_faq.noMatch { display: none; } .faq__section { padding-top: 70px; padding-bottom: 80px; } .faq__section .section__title { margin-bottom: 35px; } .faq__container { display: block; width: calc(100% + 40px); margin-left: -20px; margin-right: -20px; } .faq__question { display: inline-block; vertical-align: top; margin: 0 20px; margin-bottom: 10px; position: relative; } .faq__question.noMatch { display: none; } .faq__question.open .faq__answer, .faq__question.match .faq__answer { opacity: 1; max-height: 500px; -webkit-transition: max-height 0.9s ease, opacity 0.3s ease; transition: max-height 0.9s ease, opacity 0.3s ease; } .faq__question.open .faq__close, .faq__question.match .faq__close { opacity: 1; } .faq__question.open .faq__toggle, .faq__question.match .faq__toggle { color: #009FB0; } .faq__close { position: absolute; right: 0; top: 3px; opacity: 0; padding: 5px; display: inline-block; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .faq__close svg { width: 14px; height: 14px; } .faq__close .icon__fill { fill: #009FB0; stroke: #009FB0; } .faq__toggle { font-size: 18px; font-weight: 300; color: #514d4a; text-decoration: none; line-height: 28px; margin-bottom: 10px; display: block; padding-right: 25px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .faq__toggle:hover { color: #009FB0; } .faq__answer { max-height: 0; overflow: hidden; opacity: 0; -webkit-transition: max-height 0.5s ease, opacity 0.3s ease; transition: max-height 0.5s ease, opacity 0.3s ease; } .faq__answer p:last-child { padding-bottom: 30px; } .faq__answer p a { color: #009FB0; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .faq__answer p a:hover { color: #005a64; } .faq__popular { padding-bottom: 75px; border-bottom: 1px solid #ebebeb; } .faq__categories { padding-bottom: 50px; } @media (max-width: 767px) { .faq__categories { padding-bottom: 0px; } } .faq__categories.noMatch { display: none; } .faq__categories.match { padding-top: 0; padding-bottom: 0; } .et_pb_column.noMatch { display: none; } .faq-category__title { margin-bottom: 5px; color: #009FB0; } .categories__section { display: inline-block; vertical-align: top; } .categories__section .faq__container { width: 100%; margin: 0; } .categories__section .faq__question { width: 100%; margin: 0 0 10px; } .section__callout { background: #f3f2f2; color: #000; text-align: center; padding-top: 35px; padding-bottom: 110px; } .section__callout .btn { width: 220px; margin: 0 auto; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; } .section__callout .btn:hover { border-color: #000; } .section__title--color-quaternary { color: #1AA2DB; } .section__title--color-teal { color: #009FB0; } /* ========================================================================== Hours of Operation ========================================================================== */ .section__introduction { padding-top: 50px; padding-bottom: 55px; } .section__introduction .section__title { margin-bottom: 40px; } .section__category-btns { background: #ededed; padding-top: 55px; padding-bottom: 30px; } .category-btns { display: inline-block; margin-bottom: 30px; } .category-btns + .category-btns { margin-left: 68px; } .category-btns:nth-child(4n + 1) { margin-left: 0; } .section__hours-of-operation { padding-top: 60px; padding-bottom: 125px; } .calendars__dates { width: 650px; margin: 0 auto 50px; position: relative; text-align: center; z-index: 2; } .calendars__dates .arrow { text-decoration: none; position: absolute; top: 0px; padding: 20px; display: inline-block; } .calendars__dates .arrow svg { -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .calendars__dates .arrow:hover svg path { fill: #000; } .calendars__dates .arrow__left { left: 10px; } .calendars__dates .arrow__left svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .calendars__dates .arrow__right { right: 10px; } .calendars__dates .arrow__right svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .calendars__dates .arrow svg { width: 18px; height: 10px; } .calendars__dates .arrow svg path { fill: #828282; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .calendars__dates .icon__calendar { cursor: pointer; margin-left: 30px; } .calendars__dates .icon__calendar svg { width: 31px; height: 30px; } .calendars__dates .icon__calendar .icon__fill { fill: #000; } @-webkit-keyframes move { 0% { right: 100%; } 100% { right: 0%; } } @keyframes move { 0% { right: 100%; } 100% { right: 0%; } } .container__category .hours__loader, .week-hours__container .hours__loader { width: 100%; display: block; } .container__category .hours__loader.hide, .week-hours__container .hours__loader.hide { width: 1px; } .container__category .hours__loader .outter, .week-hours__container .hours__loader .outter { border-radius: 5px; overflow: hidden; height: 10px; margin: 10px 0; position: relative; } .container__category .hours__loader .outter .inner, .week-hours__container .hours__loader .outter .inner { position: absolute; top: 0; left: 0; bottom: 0; -webkit-animation: move 7s linear infinite; animation: move 7s linear infinite; padding: 0; margin: 0; z-index: -1; } .container__category .hours__loader.hide .outter .inner, .week-hours__container .hours__loader.hide .outter .inner { -webkit-animation: none; animation: none; } .container__category + .container__category, .week-hours__container + .container__category { margin-top: 50px; } .container__category.category__attractions .category__title, .week-hours__container.category__attractions .category__title { background: #68C4E3; } .container__category.category__attractions .place__name a, .week-hours__container.category__attractions .place__name a { color: #68C4E3; } .container__category.category__heritage .category__title, .week-hours__container.category__heritage .category__title { background: #E47D2D; } .container__category.category__heritage .place__name a, .week-hours__container.category__heritage .place__name a { color: #E47D2D; } .container__category.category__nature-garden .category__title, .week-hours__container.category__nature-garden .category__title { background: #B2BB17; } .container__category.category__nature-garden .place__name a, .week-hours__container.category__nature-garden .place__name a { color: #B2BB17; } .container__category.category__trails .category__title, .week-hours__container.category__trails .category__title { background: #68C4E3; } .container__category.category__trails .place__name a, .week-hours__container.category__trails .place__name a { color: #68C4E3; } .container__category.category__golf-course .category__title, .week-hours__container.category__golf-course .category__title { background: #7AC399; } .container__category.category__golf-course .place__name a, .week-hours__container.category__golf-course .place__name a { color: #7AC399; } .container__category.category__weclome-centres .category__title, .week-hours__container.category__weclome-centres .category__title { background: #009FB0; } .container__category.category__weclome-centres .place__name a, .week-hours__container.category__weclome-centres .place__name a { color: #009FB0; } .container__category.category__shopping .category__title, .week-hours__container.category__shopping .category__title { background: #1AA2DB; } .container__category.category__shopping .place__name a, .week-hours__container.category__shopping .place__name a { color: #1AA2DB; } .container__category.category__restaurants .category__title, .container__category.category__culinary .category__title, .week-hours__container.category__restaurants .category__title, .week-hours__container.category__culinary .category__title { background: #F2B219; } .container__category.category__restaurants .place__name a, .container__category.category__culinary .place__name a, .week-hours__container.category__restaurants .place__name a, .week-hours__container.category__culinary .place__name a { color: #F2B219; } .category__title { margin: 0; display: block; background: #1AA2DB; color: #fff; font-size: 32px; line-height: 45px; padding: 17px 40px; } .category__places li { display: inline-block; vertical-align: top; width: 572px; background: #ededed; padding: 12px 40px; } .category__places li:nth-child(2n) { margin-left: 10px; } .category__places li:nth-child(4n - 2), .category__places li:nth-child(4n - 1) { background: #fff; } .category__places .place__name { display: inline-block; vertical-align: top; width: calc(100% - 172px); padding-right: 45px; } .category__places .place__name a { font-size: 16px; line-height: 26px; letter-spacing: 0.1em; text-transform: uppercase; text-decoration: none; color: #1AA2DB; } .category__places .place__hours { display: inline-block; vertical-align: top; width: 172px; } .category__places .place__hours p { font-size: 17px; text-align: right; } /* ========================================================================== Image Grid Template ========================================================================== */ .section__image-grid { padding-bottom: 30px; } .image__grid-item { display: inline-block; vertical-align: top; position: relative; height: 278px; width: 278px; margin-left: 18px; margin-bottom: 18px; float: left; overflow: hidden; } .image__grid-item .overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; background: rgba(0, 0, 0, 0.3); text-align: center; z-index: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .image__grid-item .icon__eye { width: 81px; height: 53px; position: absolute; top: 50%; -webkit-transform: translateY(-50%) translateX(-40px); transform: translateY(-50%) translateX(-40px); } .image__grid-item .grid__image { max-width: 100%; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale3d(1, 1, 1) translateZ(0); transform: scale3d(1, 1, 1) translateZ(0); -webkit-transition: -webkit-transform 0.4s ease; transition: -webkit-transform 0.4s ease; transition: transform 0.4s ease; transition: transform 0.4s ease, -webkit-transform 0.4s ease; } .image__grid-item:hover .overlay { opacity: 1; } .image__grid-item:hover .grid__image { -webkit-transform: scale3d(1.025, 1.025, 1.025) translateZ(0); transform: scale3d(1.025, 1.025, 1.025) translateZ(0); } .image__grid-item:nth-child(1) { width: 568px; height: 574px; } .image__grid { margin-left: -18px; margin-right: -18px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 278px; width: 278px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: 568px; height: 574px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: -295px; } .image__grid-link { clear: both; background: #ededed; padding: 30px 54px; display: inline-block; width: calc(100% - 36px); position: relative; margin: 0 18px 40px; } .image__grid-link.divi_image__grid-link { width: 100%; margin-left: 0; margin-right: 0; } .image__grid-link p { margin-bottom: 0; } .image__grid-link .btn__quaternary { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 30px; width: 235px; padding: 17px 20px; } /* ========================================================================== Section Landing Page Template ========================================================================== */ .et_pb_column_empty { margin-bottom: 17px; } .et_pb_column_4_4 { width: 100%; } .section__featured-event { overflow: hidden; position: relative; padding-top: 50px; padding-bottom: 95px; } .section__featured-event .section__subtitle { margin-bottom: 20px; } .featured-event--bg { background-image: url("../img/featured-event__bg.jpg"); height: 130%; } .featured-event__item { background: #fff; position: relative; } .featured-event__item .event__link { width: 560px; display: inline-block; vertical-align: top; position: absolute; top: 0; left: 0; bottom: 0; height: auto; } .featured-event__item .excerpt { display: inline-block; vertical-align: top; width: calc(100% - 560px); padding: 30px; margin-left: 560px; } .featured-event__item .event__date { right: auto; left: 0; } .featured-event__item .event__title { margin-bottom: 20px; letter-spacing: 0; } .featured-event__item .event__subtitle { text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 10px; } .featured-event__item .event__description { margin-bottom: 50px; padding-right: 20px; } .featured-event__item .event__more { width: 235px; margin: 0 auto; } .section__savings { padding-top: 85px; padding-bottom: 40px; position: relative; margin-bottom: 65px; } .section__savings:after { content: ''; display: inline-block; height: 1px; width: 1160px; background: #ebebeb; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .section__savings .col__half-width .section__title { margin-top: 55px; } .savings__description { padding-right: 20px; } .section__half-col { float: left; width: 100%; clear: both; padding-top: 65px; padding-bottom: 65px; } .section__half-col .wrapper { width: 1220px; -webkit-transform: translateX(-10px); transform: translateX(-10px); } .section__half-col .section__title { margin-left: 20px; } .col__half-width { width: calc(50% - 20px); float: left; display: inline-block; vertical-align: top; margin-left: 20px; margin-bottom: 20px; } .col__half-width .section__title { margin-top: -15px; margin-bottom: 15px; margin-left: 0; } .col__half-width .section__subtitle { margin-top: 25px; margin-bottom: 5px; } .col__half-width .section__link { margin-top: 55px; } .col__half-width .section__img { height: 100%; } .col__half-width .section__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .col__half-width img { max-width: 100%; } .flex { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; } .deal { background-repeat: no-repeat; background-position: center; background-size: cover; position: relative; } .deal:after { content: ''; display: inline-block; height: 100%; width: 100%; background: #fff; opacity: 0.5; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .deal > div { position: relative; z-index: 1; text-align: center; padding: 20px; } .deal .box--blue { background: #1AA2DB; color: #fff; margin-top: -40px; padding: 7px 10px 9px; margin-bottom: 30px; } .deal .box--blue p { font-weight: 400; } .deal .box--blue.box--teal { background: #009FB0; } .deal .box--blue.box--green { background: #7AC399; } .deal .text--large { font-weight: 400; margin-bottom: 10px; } .deal .text--medium { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.1em; } .deal .price, .deal .et_pb_et_price { color: #1AA2DB; font-size: 70px; line-height: 1em; font-weight: 400; vertical-align: top; display: inline-block; margin-bottom: 30px; } .deal .price span.cents, .deal .et_pb_et_price span.cents { display: inline-block; vertical-align: top; font-size: 40px; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .deal .btn__tertiary { margin: 0 auto 25px; } .border--bottom { float: left; width: 100%; clear: both; position: relative; padding-bottom: 50px; } .border--bottom:after { content: ''; display: inline-block; height: 1px; width: 1160px; background: #ebebeb; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .section__landing-faq { float: left; width: 100%; clear: both; position: relative; padding-bottom: 50px; margin-bottom: 65px; } .section__landing-faq .wrapper { position: relative; } .section__landing-faq .btn__faq { position: absolute; top: 0; right: 20px; width: 235px; } .section__landing-faq .faq__categories { margin-left: 0; margin-right: 0; width: 33.3333%; display: inline-block; float: left; padding-top: 0; padding-right: 20px; } .section__get-inspired { padding-bottom: 50px; float: left; width: 100%; clear: both; } .section__get-inspired .section__link { position: absolute; top: 0; right: 20px; width: 235px; } .section__get-inspired .section__title { margin-bottom: 35px; } .section__get-inspired .wrapper { position: relative; } .section__third-col { float: left; width: 100%; padding-top: 65px; padding-bottom: 60px; } .section__third-col .wrapper { width: 1250px; } .col__third-width { width: 33.333%; float: left; padding: 0 25px; } .col__third-width .btn__link { width: 100%; } .section__itinerary-recommendations { clear: both; background: #ebebeb; padding-top: 50px; padding-bottom: 115px; } .section__itinerary-recommendations .sidebar__title { margin-bottom: 40px; } .attraction-recommendations__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .attraction-recommendations__list li { display: inline-block; width: 375px; } .attraction-recommendations__list li + li { margin-left: 17px; } .attraction-recommendations__item { position: relative; background: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -ms-flex-positive: 1; flex-grow: 1; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .attraction-recommendations__item.hide { display: none; } .attraction-recommendations__item .details { background: #009FB0; border-color: #009FB0; } .attraction-recommendations__item .details:hover { background: #000; border-color: #000; } .attraction-recommendations__item--loading { height: 405px; } .attraction-recommendations__item--loading img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .attraction-recommendations__add { cursor: pointer; position: absolute; top: 0; left: 0; background: #1AA2DB; width: 56px; height: 56px; color: #fff; border: none; display: inline-block; text-align: center; vertical-align: top; } .attraction-recommendations__add span { font-size: 48px; line-height: 1em; display: inline-block; vertical-align: top; margin-top: -6px; } .attraction-recommendations__img { width: 100%; height: 240px; display: inline-block; overflow: hidden; position: relative; cursor: pointer; } .attraction-recommendations__img:after { content: ''; display: inline-block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .attraction-recommendations__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .attraction-recommendations__img.no-hover { cursor: auto; } .attraction-recommendations__img.no-hover:hover:after { opacity: 0; } .attraction-recommendations__img.no-hover:hover img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); } .attraction-recommendations__img:hover:after { opacity: 1; } .attraction-recommendations__img:hover img { -webkit-transform: scale3d(1.04, 1.04, 1.04); transform: scale3d(1.04, 1.04, 1.04); } .attraction-recommendations__description { vertical-align: top; padding: 15px 20px 95px; } .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 15px; } .attraction-recommendations__description.attraction-recommendations__description--no-button .et_pb_sb_read-more { bottom: 15px; } .attraction-recommendations__description .item__name { margin-bottom: 5px; font-weight: 400; display: block; letter-spacing: 0.1em; } .attraction-recommendations__description p { font-size: 14px; line-height: 22px; } .attraction-recommendations__description p:last-child { margin-bottom: 0; } .normalize-height .attraction-recommendations__description p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; max-height: 90px; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .attraction-recommendations__description li { width: auto; } .attraction-recommendations__description li + li { margin-left: 0; } .attraction-recommendations__description .et_pb_sb_read-more { font-size: 16px; display: inline-block; width: auto; position: absolute; right: 20px; bottom: 100px; } .attraction-recommendations__description .et_pb_sb_read-more .et_pb_sb_read-more_link { color: #009FB0; text-decoration: none; } .attraction-recommendations__description .icons { position: relative; bottom: 0; width: calc(100% - 100px); display: inline-block; left: 0; margin-top: 15px; padding-left: 0; } .attraction-recommendations__description .icons li { display: inline-block; vertical-align: top; width: auto; margin-right: 10px; } .attraction-recommendations__description .icons li + li { margin-left: 0; margin-top: 0; } .attraction-recommendations__description .icons img { display: inline-block; vertical-align: top; } .attraction-recommendations__description .icon__sun img { height: 30px; width: 30px; } .attraction-recommendations__description .icon__snow img { height: 25px; width: 23px; margin-top: 3px; } .attraction-recommendations__description .icon__wheelchair img { height: 24px; width: 21px; margin-top: 4px; } .attraction-recommendations__description .icon__partial-access img { height: 25px; width: 25px; margin-top: 4px; } .attraction-recommendations__description .icon__year-round img { height: 24px; width: 24px; margin-top: 4px; } .attraction-recommendations__description .icon__feast-on img { height: 26px; width: 26px; margin-top: 3px; } .attraction-recommendations__description .icon__seasonal img { width: 28px; height: 28px; margin-top: 2px; } .attraction-recommendations__description .icon__fall img { height: 28px; width: 28px; margin-top: 1px; } .attraction-recommendations__description .icon__water img { height: 26px; width: 26px; margin-top: 4px; } .attraction-recommendations__description .icon__ocean-wise img { width: 27px; height: 27px; margin-top: 4px; } .attraction-recommendations__description .icon__parking img { height: 27px; width: 27px; margin-top: 3px; } .attraction-recommendations__description .icon__spring img { width: 26px; height: 26px; margin-top: 3px; } .attraction-recommendations__description .icon__self-guided-tour img, .attraction-recommendations__description .icon__guided-tour img { height: 26px; width: 26px; margin-top: 5px; } .attraction-recommendations__description .btn__more-info { font-size: 16px; font-weight: 500; color: #1AA2DB; text-decoration: none; vertical-align: bottom; display: inline-block; width: 175px; text-align: right; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .attraction-recommendations__description .btn__more-info svg { width: 11px; height: auto; -webkit-transform: rotate(-90deg) translateX(2px); transform: rotate(-90deg) translateX(2px); } .attraction-recommendations__description .btn__more-info svg path { fill: #1AA2DB; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .attraction-recommendations__description .btn__more-info:hover { color: #126f97; } .attraction-recommendations__description .btn__more-info:hover svg path { fill: #126f97; } .attraction-recommendations__description .details { position: absolute; right: 15px; left: 15px; bottom: 15px; margin: 0; width: calc(100% - 30px); } .section__content-grid { padding-top: 70px; padding-bottom: 70px; background: #ebebeb; float: left; clear: both; width: 100%; } .content-grid__container { -webkit-column-count: 3; -webkit-column-gap: 20px; -webkit-column-fill: auto; -moz-column-count: 3; -moz-column-gap: 20px; column-count: 3; column-gap: 20px; -moz-column-fill: auto; column-fill: auto; } .content-grid__item { -webkit-column-break-inside: avoid; -moz-column-break-inside: avoid; -ms-column-break-inside: avoid; column-break-inside: avoid; display: inline-block; width: 375px; margin-bottom: 20px; overflow: hidden; } .content-grid__item .attraction-recommendations__img { height: 263px; display: inline-block; position: relative; overflow: hidden; cursor: pointer; } .content-grid__item .attraction-recommendations__img:before { content: ''; display: inline-block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .content-grid__item .attraction-recommendations__img img { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .content-grid__item .attraction-recommendations__img:hover:before { opacity: 1; } .content-grid__item .attraction-recommendations__img:hover img { -webkit-transform: scale3d(1.04, 1.04, 1.04); transform: scale3d(1.04, 1.04, 1.04); } .content-grid__item .instagram__img { cursor: pointer; width: 100%; height: 263px; position: relative; overflow: hidden; } .content-grid__item .instagram__img:before { content: ''; display: inline-block; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.3); position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; z-index: 2; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .content-grid__item .instagram__img:hover:before { opacity: 1; } .content-grid__item .instagram__img:hover .image { -webkit-transform: scale3d(1.04, 1.04, 1.04); transform: scale3d(1.04, 1.04, 1.04); } .content-grid__item .image { background-repeat: no-repeat; background-position: center; background-size: cover; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .content-grid__item .instagram__link { color: #fff; letter-spacing: 0.1em; font-size: 18px; line-height: 28px; text-decoration: none; position: absolute; bottom: 20px; left: 20px; display: inline-block; vertical-align: top; z-index: 3; } .content-grid__item .instagram__link.author_off { display: none; } .content-grid__item .instagram__link svg { width: 20px; height: 20px; display: inline-block; vertical-align: top; } .content-grid__item .instagram__link span { display: inline-block; vertical-align: top; line-height: 1em; margin-top: 2px; margin-left: 10px; } .section__articles { padding-top: 60px; padding-bottom: 15px; } .section__articles.section__articles--dark { background: #ebebeb; padding-bottom: 50px; } .section__articles .section__title { margin-bottom: 35px; } .article__container { width: calc(100% + 19px); margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .article__item { width: 377px; display: inline-block; vertical-align: top; } .article__item.et_pb_module { width: 100%; margin-bottom: 15px; } .article__item.article__item--dark { background: #ebebeb; } .article__item ul { padding-left: 20px; list-style: disc; margin-top: 10px; margin-bottom: 0; } .article__item ul li { font-size: 14px; font-weight: 300; line-height: 1em; } .article__item ul li + li { margin-top: 10px; } .article__item .contact-info { list-style: none; padding: 0; margin: 0; margin-bottom: 13px; } .article__item .contact-info li { display: inline; font-style: italic; font-weight: 300; font-size: 14px; letter-spacing: 0; } .article__item .contact-info li a { color: inherit; text-decoration: none; } .article__item .contact-info li + li { margin-top: 0; margin-left: 5px; padding-left: 15px; position: relative; } .article__item .contact-info li + li:before { content: '/'; display: inline-block; position: absolute; left: 0; top: 2px; } .article__item .article__meta { margin-top: 15px; } .article__item .article__date { font-size: 14px; font-style: italic; font-weight: 300; display: inline-block; vertical-align: top; width: calc(100% - 190px); } .article__item .article__category, .article__item .post-categories { list-style: none; padding: 0; margin: 3px 0 0; display: inline-block; vertical-align: top; width: 185px; } .article__item .article__category li, .article__item .post-categories li { display: inline-block; width: auto; margin: 0 4px; } .article__item .article__category li + li, .article__item .post-categories li + li { margin-top: 0; } .article__item .article__category a, .article__item .post-categories a { text-transform: lowercase; text-decoration: none; font-size: 16px; color: #009FB0; font-weight: 500; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .article__item .article__category a:hover, .article__item .post-categories a:hover { color: #005a64; } .article__item .details { background: #009FB0; border-color: #009FB0; } .article__item .details:hover { background: #000; border-color: #000; } .section__video { padding-top: 20px; padding-bottom: 100px; } .section__video .section__title { margin-bottom: 10px; } .video__container { margin-top: 40px; position: relative; height: 0; padding-bottom: 55%; } .section__instagram-worthy { position: relative; overflow: hidden; padding-top: 77px; padding-bottom: 60px; } .section__instagram-worthy .section__title { color: #fff; margin-bottom: 70px; } .insta-worthy__container { width: calc(100% + 19px); margin-left: -15px; margin-right: -15px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .et_pb_section { counter-reset: instagram-numbering; } .insta__num.number_off { display: none; } .insta__num p:after { display: inline; counter-increment: instagram-numbering; content: counter(instagram-numbering); } .insta-worthy__item { width: 377px; display: inline-block; vertical-align: top; margin-bottom: 15px; position: relative; background: #fff; } .insta-worthy__item .insta__num { background: #009FB0; position: absolute; top: 0; left: 0; padding: 16px 5px; height: 65px; width: 65px; text-align: center; } .insta-worthy__item .insta__num p { font-family: "sofia-pro", sans-serif; color: #fff; font-size: 30px; line-height: 1em; font-weight: 800; margin-bottom: 0; } .insta-worthy__item .insta__num.number_off { display: none; } .insta-worthy__item .instagram__link { color: #fff; letter-spacing: 0.1em; font-size: 18px; line-height: 28px; text-decoration: none; position: absolute; bottom: 5px; left: 20px; display: inline-block; vertical-align: top; z-index: 2; } .insta-worthy__item .instagram__link.author_off { display: none; } .insta-worthy__item .instagram__link svg { width: 20px; height: 20px; display: inline-block; vertical-align: top; } .insta-worthy__item .instagram__link span { display: inline-block; vertical-align: top; line-height: 1em; margin-top: 2px; margin-left: 10px; } .insta-worthy__item .excerpt { padding: 23px 13px 15px; } .insta-worthy__item .excerpt.title_off { display: none; } .insta-worthy__item .event__title { font-size: 16px; text-transform: none; letter-spacing: 0.025em; line-height: 24px; font-weight: 300; } .et_pb_instagram_item { width: 100%; height: 100%; } .et_pb_instagram_item .event__link { height: 263px; } /* Video */ .et_divi_builder #et_builder_outer_content .et_pb_section.et_pb_section_video { background-color: transparent !important; background-size: 1px 1px !important; background-repeat: no-repeat; } /* ========================================================================== Contact Us Template ========================================================================== */ .contact__section .wrapper { position: relative; } .contact__description { width: 50%; padding-top: 60px; padding-bottom: 150px; padding-right: 105px; display: inline-block; vertical-align: top; } .contact__description .section__title { color: #7AC399; font-weight: 500; margin-bottom: 15px; } .contact__description .section__description { margin-bottom: 20px; } .contact__description .section__description p { margin-bottom: 10px; } .contact__description .social__title { color: #F2B219; font-weight: 500; margin-bottom: 20px; } .contact__description .social-icons li { display: inline-block; vertical-align: top; width: 80px; } .contact__description .social-icons li + li { margin-left: 20px; } .contact__description .social-icons a { display: inline-block; } .contact__description .social-icons a:hover .social-icon { fill: #009FB0; } .contact__description .social-icons .instagram { height: 34px; width: 34px; margin-top: 2px; } .contact__description .social-icons .facebook { height: 34px; width: 16px; } .contact__description .social-icons .youtube { height: 30px; width: 43px; margin-top: 6px; } .contact__description .social-icons .twitter { height: 29px; width: 36px; margin-top: 2px; } .contact__description .social-icon { fill: #7AC399; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .contact__form { width: calc(50% + 20px); margin-right: -20px; display: inline-block; vertical-align: top; background: #7AC399; padding: 90px 110px 0; float: right; position: relative; } .contact__form .gform_wrapper { width: 100%; left: auto; right: auto; background: transparent; } .contact__form .gform_wrapper form { width: 100%; margin: 0 auto; padding: 0; } .contact__form .gform_wrapper .gform_fields li { margin: 0 0 15px; display: inline-block; vertical-align: top; } .contact__form .gform_wrapper .fullwidth { width: 100%; } .contact__form .gform_wrapper input[type=text], .contact__form .gform_wrapper input[type=email], .contact__form .gform_wrapper textarea { border-color: #7AC399; background: #fff; line-height: 1em; padding: 11px 18px 10px; } .contact__form .gform_wrapper input::-webkit-input-placeholder { color: black; } .contact__form .gform_wrapper textarea::-webkit-input-placeholder { color: black; } .contact__form .gform_wrapper textarea { height: 245px; } .contact__form .gform_wrapper .nice-select { font-family: "Nunito", sans-serif; border-color: #7AC399; height: 45px; line-height: 43px; } .contact__form .gform_wrapper .nice-select:before { background: #7AC399; z-index: 2; height: 43px; } .contact__form .gform_wrapper .nice-select:after { border-color: #7AC399; } .contact__form .gform_wrapper .nice-select .current { display: block; position: relative; overflow: hidden; color: #000; } .contact__form .gform_wrapper .nice-select .current:after { content: ''; display: inline-block; height: calc(100% - 2px); width: 50px; background: #fff; position: absolute; right: -28px; top: 0; bottom: 0; z-index: 0; } .contact__form .gform_wrapper .nice-select .list { overflow-x: hidden; box-shadow: 0 0 0 1px #F2B219; padding: 0; max-height: 200px; } .contact__form .gform_wrapper .nice-select .list li { font-size: 16px; line-height: 20px; white-space: normal; padding: 10px 14px; padding-right: 50px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .contact__form .gform_wrapper .nice-select .list li:hover { background: #ebebeb; } .contact__form .gform_wrapper input[type=submit] { width: 100%; background: #F2B219; border-color: #F2B219; } .contact__form .gform_wrapper input[type=submit]:hover { background: #000; border-color: #000; } .contact__form .gform_footer { padding-bottom: 80px; padding-top: 5px; } .contact__form .gform_validation_error { padding-top: 20px; } .contact__form .gform_validation_error .validation_error { font-size: 16px; line-height: 1.3em; top: -50px; text-align: left; } .contact__form .gform_validation_error .validation_message { color: #000; } .contact__form .gform_validation_error .gfield_error input[type=text], .contact__form .gform_validation_error .gfield_error input[type=email], .contact__form .gform_validation_error .gfield_error textarea { border-color: #F2B219; } .contact__form .gform_validation_error .gfield_error .nice-select { border-color: #F2B219; } .contact__form .gform_validation_error .gfield_error .nice-select:before { background: #F2B219; } .contact__form .gform_validation_error .gfield_error .nice-select:after { border-color: #F2B219; } .contact__form .gform_validation_error .gfield_error .nice-select .list { box-shadow: 0 0 0 1px #000; } .contact__form .gform_confirmation_wrapper { text-align: center; height: 572px; position: relative; left: auto; right: auto; width: 100%; } .contact__form .gform_confirmation_wrapper .gform_confirmation_message { font-size: 18px; line-height: 1.3em; font-weight: 400; position: absolute; left: 0; right: 0; top: 50%; -webkit-transform: translateY(calc(-50% - 90px)); transform: translateY(calc(-50% - 90px)); } .section__callout { float: left; clear: both; width: 100%; padding-top: 80px; padding-bottom: 80px; } .section__callout .section__title { margin-bottom: 45px; } .contact-info__container { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .contact-info__box { display: inline-block; text-align: left; width: 25%; padding-right: 18px; padding-bottom: 70px; position: relative; margin-bottom: 30px; } .contact-info__box .contact__name { font-weight: 400; margin-bottom: 5px; font-size: 16px; line-height: 26px; } .contact-info__box .contact__location { font-weight: 400; margin-bottom: 20px; font-size: 16px; line-height: 26px; } .contact-info__box .contact__location a { color: #009FB0; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .contact-info__box .contact__location a:hover { color: #005a64; } .contact-info__box .contact__phone, .contact-info__box .contact__map { color: #009FB0; text-decoration: none; font-weight: 300; font-size: 16px; display: block; margin-bottom: 10px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .contact-info__box .contact__phone:hover, .contact-info__box .contact__map:hover { color: #00717d; } .contact-info__box .contact__phone:hover .icon-fill, .contact-info__box .contact__map:hover .icon-fill { fill: #00717d; } .contact-info__box .contact__map span { display: inline-block; vertical-align: top; margin-top: 5px; margin-left: 5px; } .contact-info__box .icon__map-marker { height: 25px; width: 20px; display: inline-block; vertical-align: top; } .contact-info__box .icon-fill { fill: #009FB0; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .contact-info__box .contact__email { width: 235px; max-width: 235px; margin-left: 0; margin-top: 20px; position: absolute; bottom: 0; left: 0; } .contact-info__box .contact__email:hover { border-color: #000; } /* ========================================================================== Calendar of Events ========================================================================== */ .section__event-slider { background: #000; } .section__event-slider .wrapper { position: relative; z-index: 3; } .event-slider__container { position: relative; height: calc(100vh - 240px); overflow: hidden; z-index: 0; } .event-slider__container .wrapper { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .event-slider__item { background-repeat: no-repeat; background-size: cover; background-position: center; position: absolute; top: 0; bottom: 0; left: 0; right: 0; color: #fff; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; z-index: 1; } .event-slider__item.active { opacity: 1; z-index: 2; } .event-slider__item .section__bg { z-index: 0; } .slide__content { position: absolute; bottom: 50px; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.58); width: calc(1200px - 300px); } .event-slide__title { margin-bottom: 10px; color: #fff; } .event-slide__date, .event-slide__location { font-weight: 400; text-transform: uppercase; } .event-slider__toggles { position: absolute; bottom: 50px; right: 20px; } .event-slider__toggles ul { display: inline-block; padding: 0 55px; } .event-slider__toggles li { cursor: pointer; display: inline-block; height: 15px; width: 15px; border-radius: 50%; background: #fff; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .event-slider__toggles li + li { margin-left: 15px; } .event-slider__toggles li.active, .event-slider__toggles li:hover { background: #009FB0; } .toggle__link { display: inline-block; position: absolute; top: 0; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .toggle__link svg { width: 26px; height: 14px; } .toggle__link.toggle__left { left: 0; } .toggle__link.toggle__left:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px); } .toggle__link.toggle__left svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .toggle__link.toggle__right { right: 0; } .toggle__link.toggle__right:hover { -webkit-transform: translateX(3px); transform: translateX(3px); } .toggle__link.toggle__right svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .section__event-calendar-dates { background: #009FB0; color: #fff; padding-top: 40px; padding-bottom: 40px; } .section__event-calendar-dates .calendars__dates { margin-bottom: 0; width: 485px; } .section__event-calendar-dates .calendars__dates .icon__calendar { margin-left: 25px; display: inline-block; line-height: 1em; -webkit-transform: translateY(2px); transform: translateY(2px); } .section__event-calendar-dates .calendars__dates .icon__calendar:hover .icon__fill { fill: #000; } .section__event-calendar-dates .calendars__dates .icon__calendar .icon__fill { fill: #fff; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .section__event-calendar-dates .calendars__dates svg path { fill: #fff; } .section__event-calendar-dates .calendars__dates .arrow { cursor: pointer; padding: 0; top: 17px; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section__event-calendar-dates .calendars__dates .arrow svg { width: 26px; height: 14px; } .section__event-calendar-dates .calendars__dates .arrow__right { right: 0px; } .section__event-calendar-dates .calendars__dates .arrow__right:hover { -webkit-transform: translateX(3px); transform: translateX(3px); } .section__event-calendar-dates .calendars__dates .arrow__left { left: 0px; } .section__event-calendar-dates .calendars__dates .arrow__left:hover { -webkit-transform: translateX(-3px); transform: translateX(-3px); } .section__event-calendar-dates .calendar__date { font-weight: 400; } .section__event-filters { padding-top: 60px; padding-bottom: 60px; } .section__event-filters .section__title { font-weight: 400; margin-bottom: 20px; color: #1AA2DB; } .event-filter__container { margin-left: -15px; margin-right: -15px; width: calc(100% + 33px); } .event-filter__container li { display: inline-block; margin: 0 15px 20px; } .event-filter__container li .btn__primary { width: 205px; padding: 20px 5px; } .event-filter__container li .btn__primary:hover { border-color: #000; } .section__calendar-events { padding-top: 85px; padding-bottom: 240px; background: #ebebeb; } .section__calendar-events .wrapper.day-0 .section__calendar-day-header { display: none; } .section__calendar-events .article__item { width: 383px; -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; margin-bottom: 15px; } .section__calendar-events .article__item + .article__item { margin-left: 15px; } .section__calendar-events .article__item:nth-child(3n + 1) { margin-left: 0; } .section__calendar-day-header { padding: 20px; margin: 20px -15px; background: #009FB0; color: #fff; font-size: 20px; } .calendar-event__item .details { width: 155px; background: #7AC399; border-color: #7AC399; bottom: 25px; } .calendar-event__item .event__info { list-style: none; padding: 0; margin: 0; margin-bottom: 15px; } .calendar-event__item .event__info li { font-size: 14px; line-height: 19px; font-weight: 400; } .calendar-event__item .event__info li + li { margin-top: 0; } .calendar-event__item .attraction-recommendations__description { padding: 15px 20px 110px; } .calendar-event__item .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 15px; } .calendar-event__item .attraction-recommendations__description p { margin-bottom: 5px; } /* ========================================================================== Attractions/Locations Details Page ========================================================================== */ .section__details-slider .event-slide__title { margin-bottom: 0; } .section__details-slider .event-slide__title a { color: inherit; text-decoration: none; } .section__details-slider .slide__content { bottom: 65px; width: calc(100% - 300px); } .section__details-slider .event-slider__toggles { bottom: 75px; } .section__details-slider .event-slider__toggles li:hover, .section__details-slider .event-slider__toggles li.active { background: #1AA2DB; } .section__details-content { padding-top: 50px; padding-bottom: 65px; } .section__details-content .section__title { font-weight: 400; margin-bottom: 25px; } .section__details-content .section__description { width: 660px; display: inline-block; vertical-align: top; } .section__details-content .section__description img { max-width: 100%; height: auto; } .section__details-content .section__description p { margin-bottom: 10px; } .section__details-content .section__sidebar { width: calc(100% - 665px); display: inline-block; vertical-align: top; padding-left: 135px; text-align: center; } .section__details-content .section__sidebar .et_pb_module.et_pb_text .section__title { font-weight: 400; } .section__details-content .sidebar__btns { text-align: center; } .section__details-content .sidebar__btns .btn__primary { margin: 0 auto; display: block; } .section__details-content .sidebar__btns .btn__download { max-width: 240px; width: 100%; padding: 18px 55px 18px 15px; } .section__details-content .sidebar__btns .btn__download:after { top: 0; bottom: 0; margin: auto; right: 30px; } .section__details-content .sidebar__btns .btn__download:hover { border-color: #000; } .icons { margin: 15px 0; padding-left: 0; } .icons li { display: inline-block; vertical-align: top; margin-right: 12px; position: relative; } .icons li .tooltip { display: none; position: absolute; padding: 10px; bottom: 75%; left: 75%; width: auto; z-index: 2; min-width: 100px; text-align: center; height: auto; font-size: 12px; line-height: 1.3em; font-weight: bold; color: white; background: #1AA2DB; } .icons li:hover .tooltip { display: block; } .icons li a[href=''] { cursor: auto; } .icons li .icon__custom { width: 40px; height: 40px; margin-top: 4px; } @media (max-width: 1023px) { .icons li .icon__custom { width: 36px; height: 36px; margin-top: 2px; } } @media (max-width: 480px) { .icons li .icon__custom { width: 25px; height: 25px; margin-top: 2px; } } .icon__sun img { width: 44px; height: 44px; margin-top: 1px; } .icon__snow img { height: 43px; width: 40px; margin-top: 2px; } .icon__wheelchair img { height: 42px; width: 37px; margin-top: 3px; } .icon__fall img { height: 43px; width: 43px; margin-top: 1px; } .icon__spring img { width: 40px; height: 40px; margin-top: 2px; } .icon__year-round img { width: 40px; height: 40px; margin-top: 4px; } .icon__partial-access img { height: 40px; width: 40px; margin-top: 3px; } .icon__water img { height: 39px; width: 39px; margin-top: 5px; } @media (max-width: 1023px) { .icon__water img { width: 36px; height: 36px; margin-top: 2px; } } @media (max-width: 480px) { .icon__water img { width: 25px; height: 25px; margin-top: 2px; } } .icon__feast-on img { height: 45px; width: 45px; margin-top: 1px; } .icon__seasonal img { height: 40px; margin-top: 2px; width: 40px; } .icon__ocean-wise img { height: 40px; width: 40px; margin-top: 3px; } .icon__parking img { height: 40px; width: 40px; margin-top: 2px; } .icon__self-guided-tour img, .icon__guided-tour img { height: 37px; width: 37px; margin-top: 4px; } .icon__snackbar img { width: 36px; height: 36px; margin-top: 2px; } .icon__theater img { height: 43px; width: 43px; } .section__features { padding-top: 70px; padding-bottom: 120px; } .article__item.article__item--teal { background: #009FB0; color: #fff; } .article__item.article__item--teal .attraction-recommendations__description { padding-bottom: 40px; } .article__item.article__item--teal .attraction-recommendations__description .item__name { color: #fff; } .section__admission { padding-top: 100px; padding-bottom: 20px; } .admission-prices__container, .week-hours__container { width: 100%; } .admission__header { background: #1AA2DB; color: #fff; padding: 15px 22px; position: relative; } .admission__title { font-weight: 400; font-size: 32px; line-height: 45px; } .admission__prices:before, .et_pb_module.et_pb_pricing:not(.et_pb_pricing-custom):before { content: "Admission Price"; display: block; width: 100%; font-weight: 400; font-size: 32px; line-height: 45px; background: #2ca0d8; color: #fff; padding: 15px 22px; position: relative; } html[lang="fr-FR"] .admission__prices:before, html[lang="fr-FR"] .et_pb_module.et_pb_pricing:not(.et_pb_pricing-custom):before { content: "Prix d'Admission"; } .et_pb_dollar_sign_fr { display: none; } html[lang="fr-FR"] .et_pb_dollar_sign_en { display: none; } html[lang="fr-FR"] .et_pb_dollar_sign_fr { display: inline; } html[lang="fr-FR"] .et_pb_dollar_sign, html[lang="fr-FR"] .admission-dollar-sign { float: right; } .pricing-table-header { display: block; width: 100%; font-weight: 400; font-size: 32px; line-height: 45px; background: #2ca0d8; color: #fff; padding: 15px 22px; position: relative; } .admission__prices, .week-hours, .et_pb_pricing.et_pb_module { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; padding-bottom: 15px; border-bottom: 1px solid #ebebeb; } .admission__prices .et_pb_pricing_table_wrap, .week-hours .et_pb_pricing_table_wrap, .et_pb_pricing.et_pb_module .et_pb_pricing_table_wrap { width: 100%; } .admission__prices li, .admission__prices .et_pb_pricing_table, .week-hours li, .week-hours .et_pb_pricing_table, .et_pb_pricing.et_pb_module li, .et_pb_pricing.et_pb_module .et_pb_pricing_table { text-align: center; } .admission__prices li .et_pb_pricing_heading, .admission__prices .et_pb_pricing_table .et_pb_pricing_heading, .week-hours li .et_pb_pricing_heading, .week-hours .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_pricing.et_pb_module li .et_pb_pricing_heading, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_heading { background: rgba(26, 162, 219, 0.3); padding: 17px 15px; } .admission__prices li .admission__age-container, .admission__prices .et_pb_pricing_table .admission__age-container, .week-hours li .admission__age-container, .week-hours .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container { padding: 17px 15px; } .admission__prices li .admission__age-container, .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours li .admission__age-container, .week-hours li .et_pb_pricing_title, .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title { margin-bottom: 0; width: 100%; letter-spacing: 0.1em; } .has-subtext .admission__prices li .admission__age-container, .has-subtext .admission__prices li .et_pb_pricing_title, .has-subtext .admission__prices .et_pb_pricing_table .admission__age-container, .has-subtext .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .has-subtext .week-hours li .admission__age-container, .has-subtext .week-hours li .et_pb_pricing_title, .has-subtext .week-hours .et_pb_pricing_table .admission__age-container, .has-subtext .week-hours .et_pb_pricing_table .et_pb_pricing_title, .has-subtext .et_pb_pricing.et_pb_module li .admission__age-container, .has-subtext .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .has-subtext .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .has-subtext .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title { padding-bottom: 38px; } .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours li .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value { position: relative; font-weight: 300; width: 100%; display: block; } .admission__prices li .admission__price-container, .admission__prices li .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_table .admission__price-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours li .admission__price-container, .week-hours li .et_pb_pricing_content_top, .week-hours .et_pb_pricing_table .admission__price-container, .week-hours .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module li .admission__price-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_content_top { background: #ebebeb; padding: 75px 5px; } .admission__prices li:nth-child(2n) .admission__age-container, .admission__prices li:nth-child(2n) .et_pb_pricing_heading, .admission__prices .et_pb_pricing_table:nth-child(2n) .admission__age-container, .admission__prices .et_pb_pricing_table:nth-child(2n) .et_pb_pricing_heading, .week-hours li:nth-child(2n) .admission__age-container, .week-hours li:nth-child(2n) .et_pb_pricing_heading, .week-hours .et_pb_pricing_table:nth-child(2n) .admission__age-container, .week-hours .et_pb_pricing_table:nth-child(2n) .et_pb_pricing_heading, .et_pb_pricing.et_pb_module li:nth-child(2n) .admission__age-container, .et_pb_pricing.et_pb_module li:nth-child(2n) .et_pb_pricing_heading, .et_pb_pricing.et_pb_module .et_pb_pricing_table:nth-child(2n) .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table:nth-child(2n) .et_pb_pricing_heading { background: rgba(26, 162, 219, 0.2); } .admission__prices li:nth-child(2n) .admission__price-container, .admission__prices li:nth-child(2n) .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_table:nth-child(2n) .admission__price-container, .admission__prices .et_pb_pricing_table:nth-child(2n) .et_pb_pricing_content_top, .week-hours li:nth-child(2n) .admission__price-container, .week-hours li:nth-child(2n) .et_pb_pricing_content_top, .week-hours .et_pb_pricing_table:nth-child(2n) .admission__price-container, .week-hours .et_pb_pricing_table:nth-child(2n) .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module li:nth-child(2n) .admission__price-container, .et_pb_pricing.et_pb_module li:nth-child(2n) .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_table:nth-child(2n) .admission__price-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table:nth-child(2n) .et_pb_pricing_content_top { background: #fff; } .admission__prices .price, .admission__prices .et_pb_et_price, .week-hours .price, .week-hours .et_pb_et_price, .et_pb_pricing.et_pb_module .price, .et_pb_pricing.et_pb_module .et_pb_et_price { font-family: "Nunito", sans-serif; color: #1AA2DB; font-size: 70px; line-height: 1em; font-weight: 400; vertical-align: top; display: inline-block; } .admission__prices .price span.cents, .admission__prices .et_pb_et_price span.cents, .week-hours .price span.cents, .week-hours .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .price span.cents, .et_pb_pricing.et_pb_module .et_pb_et_price span.cents { display: inline-block; vertical-align: top; font-size: 40px; -webkit-transform: translateY(-8px); transform: translateY(-8px); } .admission__prices .price .et_pb_dollar_sign, .admission__prices .et_pb_et_price .et_pb_dollar_sign, .week-hours .price .et_pb_dollar_sign, .week-hours .et_pb_et_price .et_pb_dollar_sign, .et_pb_pricing.et_pb_module .price .et_pb_dollar_sign, .et_pb_pricing.et_pb_module .et_pb_et_price .et_pb_dollar_sign { margin-left: 0 !important; } @media (min-width: 768px) { .admission__prices .et_pb_pricing_table, .week-hours .et_pb_pricing_table, .et_pb_pricing.et_pb_module .et_pb_pricing_table { display: -webkit-box; display: -ms-flexbox; display: flex; } .admission__prices .et_pb_pricing_table .et_pb_pricing_heading, .week-hours .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_heading { -webkit-box-flex: 1; -ms-flex: 1 0 25%; flex: 1 0 25%; } .admission__prices .et_pb_pricing_table .et_pb_pricing_content, .week-hours .et_pb_pricing_table .et_pb_pricing_content, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_content { -webkit-box-flex: 0; -ms-flex: 0 1 100%; flex: 0 1 100%; } .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title { top: calc(50% - 17px); position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .admission__prices .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value { top: calc(50% - 17px); position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .admission__prices .et_pb_pricing_content_top, .week-hours .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_content_top { -webkit-box-flex: 1; -ms-flex: 1 0 75%; flex: 1 0 75%; padding: 35px 5px; } .admission__prices .et_pb_pricing_1 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_1 .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_2 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_2 .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_3 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_3 .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_4 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_4 .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_1 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_1 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_2 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_2 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_3 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_3 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_4 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_4 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_1 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_1 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_2 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_2 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_3 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_3 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_4 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_4 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value { top: auto; position: initial; -webkit-transform: none; transform: none; } .admission__prices .et_pb_pricing_1 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_2 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_3 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_4 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_1 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_2 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_3 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_4 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_content_top, .week-hours .et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_1 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_2 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_3 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_4 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_content_top { padding: 75px 5px; } } .admission__prices .et_pb_pricing_table, .week-hours .et_pb_pricing_table, .et_pb_pricing.et_pb_module .et_pb_pricing_table { width: 100%; } .admission__prices .width__full, .admission__prices.et_pb_pricing_1 .et_pb_pricing_table, .week-hours .width__full, .week-hours.et_pb_pricing_1 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__full, .et_pb_pricing.et_pb_module.et_pb_pricing_1 .et_pb_pricing_table { width: 100%; display: inline-block; vertical-align: top; } .admission__prices .width__half, .admission__prices.et_pb_pricing_2 .et_pb_pricing_table, .week-hours .width__half, .week-hours.et_pb_pricing_2 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__half, .et_pb_pricing.et_pb_module.et_pb_pricing_2 .et_pb_pricing_table { width: 50%; display: inline-block; vertical-align: top; } .admission__prices .width__third, .admission__prices.et_pb_pricing_3 .et_pb_pricing_table, .week-hours .width__third, .week-hours.et_pb_pricing_3 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__third, .et_pb_pricing.et_pb_module.et_pb_pricing_3 .et_pb_pricing_table { width: 33.3333%; display: inline-block; vertical-align: top; } .admission__prices .width__quarter, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table, .week-hours .width__quarter, .week-hours.et_pb_pricing_4 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__quarter, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table { width: 25%; display: inline-block; vertical-align: top; } .admission__prices .width__fifth, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table, .week-hours .width__fifth, .week-hours.et_pb_pricing_5 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__fifth, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table { width: 20%; display: inline-block; vertical-align: top; } .admission__prices .width__sixth, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table, .week-hours .width__sixth, .week-hours.et_pb_pricing_6 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__sixth, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table { width: 16.6666%; display: inline-block; vertical-align: top; } .admission__prices .width__sixth .price, .admission__prices .width__sixth .et_pb_et_price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .week-hours .width__sixth .price, .week-hours .width__sixth .et_pb_et_price, .week-hours.et_pb_pricing_6 .et_pb_pricing_table .price, .week-hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__sixth .price, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price { font-size: 56px; } .admission__prices .width__sixth .price span.cents, .admission__prices .width__sixth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .week-hours .width__sixth .price span.cents, .week-hours .width__sixth .et_pb_et_price span.cents, .week-hours.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .week-hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__sixth .price span.cents, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 34px; } .admission__prices .width__seventh, .week-hours .width__seventh, .et_pb_pricing.et_pb_module .width__seventh { width: 14.285714%; display: inline-block; vertical-align: top; } .admission__age { font-weight: 400; display: block; } .admission__age span { display: block; font-weight: 300; } .section__hours { padding-top: 30px; } .section__hours .section__title { margin-bottom: 35px; } .week__title { display: inline-block; vertical-align: top; width: calc(100% - 300px); text-transform: uppercase; font-size: 24px; line-height: 28px; margin-top: 15px; margin-bottom: 10px; letter-spacing: 0.025em; } .week__toggle { text-transform: uppercase; text-decoration: none; color: #fff; font-size: 14px; letter-spacing: 0.1em; font-weight: 400; padding: 20px 44px; position: absolute; top: 15px; right: 0; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .week__toggle span:hover { color: #000; cursor: pointer; } .section__img-callout { position: relative; padding-top: 210px; padding-bottom: 180px; overflow: hidden; color: #fff; text-align: center; margin-bottom: 0; } .section__img-callout .section__bg { top: 50px; } .section__img-callout .btn__primary { margin: 10px auto 0; } .section__bottom-content { position: absolute; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.5); padding-top: 27px; padding-bottom: 28px; } .section__bottom-content .wrapper { position: relative; } .section__bottom-content .icon--map { position: absolute; left: 45px; top: -3px; display: inline-block; vertical-align: top; } .section__bottom-content .icon--map:hover .icon-map { fill: #fff; } .section__bottom-content .map-icon { width: 20px; height: 25px; } .section__bottom-content .icon-map { fill: #1AA2DB; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .section__bottom-content .section__contact { position: absolute; right: 45px; top: 0px; display: inline-block; vertical-align: top; } .section__bottom-content .section__contact li { display: inline-block; vertical-align: top; color: #fff; font-weight: 400; position: relative; font-size: 18px; line-height: 28px; } .section__bottom-content .section__contact li + li { padding-left: 15px; margin-left: 5px; } .section__bottom-content .section__contact li + li:after { content: '/'; display: inline-block; position: absolute; left: 0; top: 0; } .section__bottom-content .section__contact li a { cursor: pointer; color: inherit; text-decoration: none; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .section__bottom-content .section__contact li a:hover { color: #1AA2DB; } .section__bottom-content .section__address { font-weight: 400; display: inline-block; padding: 0 250px; } /* ========================================================================== Event Details Page ========================================================================== */ .event-details__landing { overflow: hidden; color: #fff; text-align: left; position: relative; } .event-details__landing .section__bg.fallback { display: none; } .event-details__landing .section__title { padding-top: 0; text-shadow: 0 4px 4px rgba(0, 0, 0, 0.58); text-transform: uppercase; font-size: 65px; line-height: 57px; margin-bottom: 35px; } .event-details__landing .section__title span { text-transform: none; display: block; } .event-details__landing .section__date { font-weight: 400; text-transform: uppercase; } .event-details__landing .section__address { font-weight: 400; text-transform: uppercase; margin-bottom: 35px; } .event-details__landing .section__content { width: 480px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .event-details__landing .section__description { font-weight: 300; } .event-details__landing .section__description p { font-size: inherit; font-weight: inherit; line-height: inherit; } .event-schedule__callout { padding-top: 45px; padding-bottom: 20px; color: #fff; text-align: center; width: 780px; margin: 0 auto; } .event-schedule__callout .section__title { margin-bottom: 25px; } .section__events-schedule { position: relative; overflow: hidden; padding-top: 75px; padding-bottom: 75px; } .make-slider--outlined .et_pb_row { border-left: 4px solid #fff; border-right: 4px solid #fff; padding: 0 45px; } .make-slider--outlined .et_pb_row .event__item { width: 100%; height: 100%; padding: 0; } .make-slider--outlined .et_pb_row .article__item { width: 100%; } .make-slider--outlined .et_pb_row_0 { border-top: 4px solid #fff; padding-top: 40px; padding-bottom: 20px; } .make-slider--outlined .active { padding-bottom: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .event-schedule__container { padding: 40px 40px 25px; position: relative; } .event-schedule__container.section__sub_events { padding-top: 0; } .event-schedule__container .et_pb_row.active { padding-bottom: 45px; } .event-schedule__container .et_pb_row.active:before, .event-schedule__container .et_pb_row.active:after { content: ''; display: inline-block; height: 4px; width: 340px; position: absolute; bottom: 0; background: #fff; } .event-schedule__container .et_pb_row.active:before { left: 0; } .event-schedule__container .et_pb_row.active:after { right: 0; } .event-schedule__container .section__title { text-align: center; color: #fff; } .event-schedule__container .article__item { width: 348px; } .event-schedule__toggle-container { position: absolute; bottom: 12px; display: inline-block; margin: 0 auto; text-align: center; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .event-schedule__toggle-container .arrow { position: absolute; top: -20px; background: #000; height: 55px; width: 55px; text-decoration: none; display: inline-block; text-align: center; padding: 19px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .event-schedule__toggle-container .arrow:hover { background: #009FB0; } .event-schedule__toggle-container .arrow svg { width: 21px; height: 11px; } .event-schedule__toggle-container .arrow__left { left: 0; } .event-schedule__toggle-container .arrow__left svg { -webkit-transform: rotate(90deg) translateY(2px); transform: rotate(90deg) translateY(2px); } .event-schedule__toggle-container .arrow__right { right: 0; } .event-schedule__toggle-container .arrow__right svg { -webkit-transform: rotate(-90deg) translateY(0px); transform: rotate(-90deg) translateY(0px); } .event-schedule__toggles { display: inline-block; padding: 0 100px; } .event-schedule__toggles li { cursor: pointer; display: inline-block; height: 17px; width: 17px; margin: 0 6px; border-radius: 50%; background: #fff; border: 2px solid #fff; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .event-schedule__toggles li:hover, .event-schedule__toggles li.active { background: #000; display: inline-block; padding-bottom: 0; } .event__video { position: relative; overflow: hidden; color: #fff; text-align: center; padding-top: 85px; padding-bottom: 120px; } .event__video .section__title { margin-bottom: 50px; } .section__gallery { position: relative; overflow: hidden; color: #fff; padding-top: 70px; padding-bottom: 135px; } .instagram-feed .image-gallery__feed a { text-decoration: none; background: rgba(26, 162, 219, 0.8); } .instagram-feed .image-gallery__feed a span { position: relative; } .instagram-feed .image-gallery__feed a .plus-icon { position: absolute; display: inline-block; height: 5px; width: 50px; background: #fff; left: 0; right: 0; margin: 0 auto; } .instagram-feed .image-gallery__feed a .plus-icon + .plus-icon { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .section--blue { background: #1AA2DB; color: #fff; padding-top: 60px; padding-bottom: 60px; text-align: center; } .section--blue .section__title { margin-bottom: 30px; } .section--blue .values, .section--blue .sep { display: inline-block; vertical-align: top; margin: 0 10px; } .section--blue .label { font-size: 18px; line-height: 28px; font-weight: 400; letter-spacing: 0.025em; margin-top: 5px; text-transform: uppercase; } .section--blue .value, .section--blue .sep p { font-size: 75px; font-weight: 500; display: inline-block; vertical-align: top; line-height: 65px; } .section--blue .btn__primary { margin: 35px auto 0; } .section--blue .btn__primary:hover { background: #009FB0; } .section--blue .section__description { width: 780px; margin: 0 auto; } .section--blue .section__description p { margin-bottom: 0; } .section__location-info { position: relative; overflow: hidden; color: #fff; padding-top: 155px; padding-bottom: 260px; } .article__item.block--blue { background: #1AA2DB; text-align: center; padding: 40px 29px; height: auto; } .article__item.block--blue .item__name { font-weight: 500; margin-bottom: 5px; color: #fff; } .article__item.block--blue p { margin-bottom: 0; } .article__item.block--blue p:last-child { margin-bottom: 0; } .article__item.block--blue .event__details-content { margin-bottom: 0; } .article__item.block--blue .et_pb_module { margin-bottom: 0; } .article__item.block--blue .event__details-link { margin: 18px auto 0; } .article__item.block--blue .event__details-link:hover { background: #009FB0; } .section__social-links { position: relative; overflow: hidden; color: #fff; padding-top: 110px; padding-bottom: 115px; text-align: center; } .section__social-links .section__title { margin-bottom: 60px; } .section__social-links .social-icons { text-align: center; width: 630px; display: table; margin: 0 auto; } .section__social-links .social-icons li { display: table-cell; vertical-align: middle; width: 25%; } .section__social-links .social-icons a { display: inline-block; vertical-align: top; } .section__social-links .social-icons a:hover .social-icon { fill: #009FB0; } .section__social-links .social-icons .social-icon { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .section__social-links .social-icons .instagram { width: 62px; height: 62px; } .section__social-links .social-icons .facebook { height: 63px; width: 29px; } .section__social-links .social-icons .twitter { height: 57px; width: 70px; } .section__social-links .social-icons .youtube { height: 54px; width: 77px; } /* ========================================================================== Blog Landing Page ========================================================================== */ .section__details-content .blog__sidebar { text-align: left; position: relative; } .section__details-content .blog__sidebar .section__title { margin-bottom: 15px; } .category__list { background: #ebebeb; max-height: 57px; overflow: hidden; padding-top: 57px; position: absolute; width: calc(100% - 135px); right: 0; border: 2px solid #ebebeb; -webkit-transition: max-height 0.3s ease; transition: max-height 0.3s ease; } .category__list:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 14px 0 14px; border-color: #1AA2DB transparent transparent transparent; position: absolute; top: 20px; right: 23px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .category__list.open { max-height: 200px; overflow: auto; } .category__list.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .category__list li { cursor: pointer; display: block; width: 100%; padding: 10px 15px; text-align: left; color: #1AA2DB; text-transform: uppercase; font-size: 18px; line-height: 28px; font-weight: 400; background: #fff; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .category__list li.active { text-align: center; position: absolute; top: 0; left: 0; right: 0; background: transparent; padding: 15px; } .category__list li.current-cat { display: none; } .category__list li:hover { background: #ebebeb; } .category__list a { text-decoration: none; color: inherit; display: inline-block; vertical-align: top; width: 100%; } .category__list--item { position: absolute; z-index: 1; cursor: pointer; display: block; width: 100%; padding: 15px; text-align: center; color: #1AA2DB; text-transform: uppercase; font-size: 18px; line-height: 28px; font-weight: 400; text-decoration: none; display: inline-block; vertical-align: top; border: 2px solid #ebebeb; width: 100%; background: #ebebeb; width: calc(100% - 135px); right: 0; max-height: 61px; } .category__list--item:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 15px 14px 0 14px; border-color: #1AA2DB transparent transparent transparent; position: absolute; top: 20px; right: 23px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .category__list--item.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .blog__search { background: #1AA2DB; border-color: #1AA2DB; width: 100%; margin-top: 0; margin-bottom: 25px; } .blog__search input { padding: 12px 10px 10px 70px; } .blog__search button { top: 15px; } .section__featured-article { padding-top: 90px; margin-bottom: 85px; } .section__featured-article .featured-event__item .event__more { width: 100%; } .section__featured-article .featured-event__item .event__more:hover { border-color: #000; } .section__featured-article .featured-event__item .event__description { margin-bottom: 40px; } .section__featured-article .article__meta { margin-top: 35px; } .section__featured-article .article__date { font-style: italic; font-weight: 300; display: inline-block; vertical-align: top; width: calc(100% - 200px); } .section__featured-article .post-categories { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: top; width: 200px; } .section__featured-article .post-categories li { display: inline-block; vertical-align: top; margin: 0 8px; } .section__featured-article .post-categories li + li { margin-top: 0; } .section__featured-article .post-categories a { text-transform: lowercase; text-decoration: none; font-size: 18px; line-height: 28px; color: #009FB0; font-weight: 500; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .section__featured-article .post-categories a:hover { color: #005a64; } .screen-reader-text { display: none; } .section__blog-posts { padding-top: 0px; padding-bottom: 0; } .blog__post { position: relative; padding-bottom: 60px; margin-bottom: 85px; width: calc(33.3333% - 20px); } .blog__post .article__img { width: 100%; display: inline-block; vertical-align: top; height: 275px; overflow: hidden; position: relative; } .blog__post .article__img:after { content: ''; display: inline-block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; opacity: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); text-align: center; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .blog__post .article__img:hover:after { opacity: 1; } .blog__post .article__img:hover img { -webkit-transform: scale(1.025) translateZ(0); transform: scale(1.025) translateZ(0); } .blog__post .article__img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -webkit-transform: scale(1) translateZ(0); transform: scale(1) translateZ(0); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .blog__post .section__subtitle { margin-bottom: 15px; text-transform: uppercase; letter-spacing: 0.1em; font-weight: 400; } .blog__post .section__link { margin-top: 0; position: absolute; bottom: 0; left: 0; right: 0; } .blog__post .article__meta { margin-top: 20px; margin-bottom: 20px; } .blog__post .article__date { font-style: italic; font-weight: 300; display: inline-block; vertical-align: top; width: 100%; } .blog__post .post-categories { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: top; width: calc(100% + 16px); margin-left: -8px; margin-right: -8px; } .blog__post .post-categories li { display: inline-block; vertical-align: top; margin: 0 8px; } .blog__post .post-categories li + li { margin-top: 0; } .blog__post .post-categories a { text-transform: lowercase; text-decoration: none; font-size: 18px; line-height: 28px; color: #009FB0; font-weight: 500; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .blog__post .post-categories a:hover { color: #005a64; } .section__more-articles .wrapper { position: relative; text-align: center; } .section__more-articles .section__title { text-align: left; } .section__more-articles .make-slider { padding-top: 10px; } .section__more-articles .article__container { position: relative; overflow: hidden; } .section__more-articles .article__item:nth-child(n + 4) { position: absolute; right: -390px; opacity: 0; } .section__more-articles .pagination { display: inline-block; vertical-align: top; text-align: center; margin: 0 30px; } .section__more-articles .pagination .page-numbers { cursor: pointer; color: #009FB0; text-decoration: none; display: inline-block; margin: 0 5px; vertical-align: top; } .section__more-articles .pagination .current { cursor: auto; color: #000; } .section__more-articles .section__link { vertical-align: top; display: inline-block; width: 30px; text-decoration: none; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .section__more-articles .section__link svg { width: 23px; height: 12px; } .section__more-articles .section__link .arrow-fill { fill: #009FB0; } .section__more-articles .section__link.section__link--disabled { cursor: not-allowed; } .section__more-articles .section__link.section__link--disabled:hover { -webkit-transform: none; transform: none; } .section__more-articles .section__link.section__link--disabled .arrow-fill { fill: #4c4f54; } .section__more-articles .section__link-prev { left: 20px; } .section__more-articles .section__link-prev:hover { -webkit-transform: translateX(-5px); transform: translateX(-5px); } .section__more-articles .section__link-prev svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .section__more-articles .section__link-next { right: 20px; } .section__more-articles .section__link-next:hover { -webkit-transform: translateX(5px); transform: translateX(5px); } .section__more-articles .section__link-next svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .section__more-articles .screen-reader-text { margin: 0; } .arrow__link { text-decoration: none; display: inline-block; vertical-align: top; position: absolute; bottom: 265px; } .arrow__link svg { width: 26px; height: 14px; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .arrow__left { left: -25px; } .arrow__left svg { -webkit-transform: rotate(90deg) translateY(0); transform: rotate(90deg) translateY(0); } .arrow__left:hover svg { -webkit-transform: rotate(90deg) translateY(5px); transform: rotate(90deg) translateY(5px); } .arrow__right { right: -25px; } .arrow__right svg { -webkit-transform: rotate(-90deg) translateY(0); transform: rotate(-90deg) translateY(0); } .arrow__right:hover svg { -webkit-transform: rotate(-90deg) translateY(5px); transform: rotate(-90deg) translateY(5px); } .arrow { fill: #000; } /* ========================================================================== Single Blog Post ========================================================================== */ .single-blog__post { margin-bottom: 0; padding-bottom: 45px; padding-top: 75px; } .single-blog__post .blog__sidebar { float: right; padding-bottom: 30px; } .single-blog__post .post-list { padding-top: 15px; padding-bottom: 35px; } .single-blog__post .post-list li + li { margin-top: 17px; } .single-blog__post .post-list .btn__primary { text-align: left; width: 100%; line-height: 1.3em; } .single-blog__post .category__links li + li { margin-top: 17px; } .single-blog__post .category__links a { width: 100%; background: #ebebeb; color: #1AA2DB; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .single-blog__post .category__links a:hover { background: #c5c5c5; } .single-blog__post .sidebar__deal { margin-top: 75px; } .single-blog__post .sidebar__deal .box--blue { margin-bottom: 20px; } .single-blog__post .sidebar__deal .text__callout { font-size: 30px; } .single-blog__post .sidebar__deal .text--large { margin-bottom: 0; } .single-blog__post .sidebar__deal .text--medium { font-weight: 400; margin-bottom: 0; } .single-blog__post .sidebar__deal .price { font-size: 40px; line-height: 54px; margin-bottom: 5px; } .single-blog__post .sidebar__deal .price span { font-size: 30px; line-height: 1em; vertical-align: top; margin-top: 9px; display: inline-block; } .single-blog__post .sidebar__deal .btn__tertiary { margin-bottom: 0; } .single-blog__post .article__meta { margin-top: 45px; margin-bottom: 20px; } .single-blog__post .article__date { font-style: italic; font-weight: 300; display: inline-block; vertical-align: top; } .single-blog__post .post-categories { list-style: none; padding: 0; margin: 0; display: inline-block; vertical-align: top; } .single-blog__post .post-categories li { display: inline-block; vertical-align: top; margin: 0 8px; } .single-blog__post .post-categories li + li { margin-top: 0; } .single-blog__post .post-categories a { text-transform: lowercase; text-decoration: none; font-size: 18px; line-height: 28px; color: #009FB0; font-weight: 500; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .single-blog__post .post-categories a:hover { color: #005a64; } .single-blog__post .section__description .page-content { padding-top: 0; padding-bottom: 0; } .single-blog__post .section__description iframe { width: 100%; height: 450px; margin-bottom: 0px; } .single-blog__post .page-content strong { font-weight: 600; } .single-blog__post .page-content p { margin-bottom: 25px; } .single-blog__post .page-content img { max-width: 100%; height: auto; } .single-blog__post .profile__pic img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .single-blog__post .social__title { color: #F2B219; display: inline-block; vertical-align: top; font-weight: 500; } .single-blog__post .social-icons { list-style: none; display: inline-block; vertical-align: top; padding-left: 60px; } .single-blog__post .social-icons li { display: inline-block; } .single-blog__post .social-icons li:hover .social-icon { fill: #009FB0; } .single-blog__post .social-icons li + li { margin-top: 0; } .single-blog__post .social-icons .social-icon { fill: #7AC399; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } .single-blog__post .social-icons .facebook { width: 15px; height: 32px; } .single-blog__post .social-icons .twitter { width: 35px; height: 28px; margin-left: 62px; } .single-blog__post .social-icons .google { width: 46px; height: 29px; margin-left: 57px; } .single-blog__post .social-icons .pinterest { width: 33px; height: 33px; margin-left: 60px; } .single-blog__post .social-icons .linkedin { width: 29px; height: 30px; margin-left: 64px; } .profile__pic { position: absolute; left: 0; top: 0; bottom: 0; display: inline-block; overflow: hidden; width: 275px; } .author__profile { background: #1AA2DB; color: #fff; position: relative; padding-left: 275px; margin-top: 45px; } .profile__description { padding: 30px 20px 20px; } .profile__description .author__name { margin-bottom: 5px; } .profile__description .author__name a { color: inherit; text-decoration: none; } .profile__description p { font-size: 14px; line-height: 20px; } /* ========================================================================== Packages Template ========================================================================== */ .section__categorgy-links { text-align: center; background: #009FB0; padding-top: 25px; padding-bottom: 10px; } .section__categorgy-links li { display: inline-block; margin: 0 10px 15px; } .section__categorgy-links .btn--teal { background: #2baeae; border-color: #2baeae; } .section__categorgy-links .btn--teal.active, .section__categorgy-links .btn--teal:hover { border-color: #51bfa1; background: #51bfa1; } .section__packages-title { text-align: center; padding-top: 65px; } .section__packages-title .section__img { display: inline-block; vertical-align: top; width: 196px; height: 205px; } .section__packages-title .section__heading { display: inline-block; vertical-align: top; text-align: left; margin-top: 70px; margin-left: 20px; } .section__packages-title .section__title { font-weight: 700; letter-spacing: 0; color: #4c4f54; margin-bottom: 5px; } .section__packages-title .section__subtitle { color: #1AA2DB; } .section__packages { padding-top: 90px; padding-bottom: 40px; } .package__container--wrapper { margin-top: 90px; } .et_pb_section .package__container--wrapper:nth-child(0) { margin-top: 0; } .package__container { background: #ebebeb; width: calc(100% - 75px); margin-right: 0; margin-left: auto; display: block; } .package__container .deal { width: 575px; display: inline-block; vertical-align: top; -webkit-transform: translateY(-20px) translateX(-75px); transform: translateY(-20px) translateX(-75px); } .package__container .deal .box--blue { margin-bottom: 65px; } .package__container .package__title { color: #1AA2DB; margin-bottom: 15px; } .package__container .package__subtitle { width: 80%; margin: 0 auto; margin-bottom: 45px; } .package__container .deal__description { display: inline-block; vertical-align: top; width: calc(100% - 501px); margin-left: -79px; padding: 35px 40px 20px; position: relative; } .package__container .deal__description.description__yes-callout { padding: 70px 40px 20px; } .package__container .deal__description .callout { position: absolute; top: 0; left: 0; right: 0; color: #fff; background: #009FB0; text-transform: uppercase; font-weight: 400; letter-spacing: 0; padding: 15px 40px 13px; } .package__container .deal__price { color: #009FB0; display: inline-block; vertical-align: top; width: 100%; padding-bottom: 10px; border-bottom: 2px solid rgba(0, 159, 176, 0.15); margin-bottom: 35px; } .package__container .price__text { display: inline-block; vertical-align: top; letter-spacing: 0.1em; text-transform: uppercase; margin-top: 20px; } .package__container .deal__places { -webkit-column-count: 2; /* Chrome, Safari, Opera */ -moz-column-count: 2; /* Firefox */ column-count: 2; } .package__container .deal__places li { color: #4c4f54; font-weight: 400; margin-bottom: 5px; } .package__container .deal__places a { font-family: "sofia-pro", sans-serif; text-decoration: none; color: inherit; font-weight: inherit; text-transform: none; letter-spacing: 0; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .package__container .deal__places a:hover { color: #009FB0; } .section__blockquotes { padding-top: 40px; padding-bottom: 50px; } .section__blockquotes blockquote { padding: 35px 25px 30px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } .section__blockquotes blockquote p { font-weight: 400; color: #009FB0; font-size: 24px; line-height: 30px; text-align: center; } .blockquote__slider { width: 670px; margin: 0 auto; position: relative; } .blockquote__slider li { position: absolute; opacity: 0; top: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .blockquote__slider li.active { opacity: 1; position: relative; } .blockquote__arrow { text-decoration: none; display: inline-block; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .blockquote__arrow svg { width: 22px; height: 12px; } .blockquote__arrow .arrow { fill: #009FB0; } .blockquote__arrow--left { left: -50px; } .blockquote__arrow--left svg { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .blockquote__arrow--left:hover { -webkit-transform: translateY(-50%) translateX(-5px); transform: translateY(-50%) translateX(-5px); } .blockquote__arrow--right { right: -50px; } .blockquote__arrow--right svg { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .blockquote__arrow--right:hover { -webkit-transform: translateY(-50%) translateX(5px); transform: translateY(-50%) translateX(5px); } .section__reasons-to-buy { background: #1AA2DB; color: #fff; text-align: center; padding-top: 75px; padding-bottom: 75px; } .section__reasons-to-buy .section__title { margin-bottom: 70px; } .reasons__container li { display: inline-block; vertical-align: top; width: 345px; margin: 0 28px; position: relative; } .reasons__container li:first-child { margin-left: 0; } .reasons__container li:last-child { margin-right: 0; } .reasons__container li + li:before { content: '+'; display: inline-block; color: #fff; font-size: 48px; line-height: 1em; font-weight: 300; position: absolute; left: -44px; top: 0; bottom: 0; margin: auto 0; } .reasons__container .reason__img { margin-bottom: 23px; } .reasons__container .icon__www { width: 50px; height: 50px; margin-top: 5px; } .reasons__container .icon__lightning { width: 33px; height: 68px; margin-bottom: 10px; } .reasons__container .icon__calendar { width: 58px; height: 57px; margin-bottom: 21px; } .reasons__container .reason__title { margin-bottom: 10px; } /* ========================================================================== 404 Page ========================================================================== */ .page__404-content { padding-top: 100px; padding-bottom: 100px; text-align: center; } .page__404-content .entry-title { margin-bottom: 30px; } .page__404-content .link-home { margin: 30px auto; } /* ========================================================================== Search Page ========================================================================== */ .gs-no-results-result .gs-snippet, .gs-error-result .gs-snippet { background-color: #009FB0 !important; border: none !important; color: #fff; } .gsc-above-wrapper-area-container { background: #009FB0; color: #fff; padding: 20px; } #cse table, #cse td { padding: 20px; } #cse .gsc-result-info, #cse .gsc-result-info-container { padding-left: 20px; } .gsc-result-info { color: #fff !important; } .gsc-resultsHeader { display: none; } .gsc-above-wrapper-area { border-bottom: none !important; } .gsc-results { width: 100% !important; } .gs-result .gs-title, .gs-result .gs-title * { text-transform: uppercase; letter-spacing: 0.025em; margin-bottom: 5px; color: #009FB0 !important; font-weight: 600; } .gs-result a.gs-visibleUrl, .gs-result .gs-visibleUrl { color: #1AA2DB !important; } .gsc-results .gsc-cursor-box .gsc-cursor-current-page { color: #009FB0 !important; font-weight: 800; } .gsc-results .gsc-cursor-box { margin-top: 30px; text-align: center; } .gsc-results .gsc-cursor-box .gsc-cursor-page { font-weight: 400; text-decoration: none !important; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; font-size: 16px; } .gsc-results .gsc-cursor-box .gsc-cursor-page:hover { color: #009FB0; } .search-page__form { margin: 0 auto; } .section__search .search__title { margin-bottom: 60px; } .search-result .search-result__title { color: #009FB0; margin-bottom: 10px; display: inline-block; } .search-result .search-result__title a { color: inherit; text-decoration: none; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .search-result .search-result__title:hover { color: #005a64; } .search-result__url { font-size: 16px; color: #009FB0; -webkit-transition: color 0.6s ease; transition: color 0.6s ease; } .search-result__url:hover { color: #005a64; } .search-result + .search-result { margin-top: 40px; padding-top: 30px; border-top: 1px solid #b3b9ba; } #addsearch-results[data-search-results="search-page"] { left: 0 !important; right: 0; margin: 0 auto; z-index: 10; } #addsearch-results[data-search-results="search-page"].addsearch-d, #addsearch-results[data-search-results="search-page"].addsearch-t { width: 565px; left: 0; border: 4px solid #ebebeb; } @media (max-width: 992px) { #addsearch-results[data-search-results="search-page"].addsearch-d, #addsearch-results[data-search-results="search-page"].addsearch-t { width: 467px; } } @media (max-width: 767px) { #addsearch-results[data-search-results="search-page"].addsearch-d, #addsearch-results[data-search-results="search-page"].addsearch-t { width: 392px; } } #addsearch-results[data-search-results="search-page"].fullwidth { width: 100%; border-left: none; border-right: none; border-top: none; } #addsearch-results[data-search-results="search-page"].fullwidth #addsearch-results-mid { width: 1200px; margin: 0 auto; padding: 0 20px; height: 400px; } @media (max-width: 1440px) { #addsearch-results[data-search-results="search-page"].fullwidth #addsearch-results-mid { width: 1050px; } } @media (max-width: 1200px) { #addsearch-results[data-search-results="search-page"].fullwidth #addsearch-results-mid { width: 980px; } } #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-item-sub, #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-item-sub-active { width: 100%; } #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-item-sub div, #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-item-sub-active div { width: calc(100% - 105px); padding: 0px 5px 0px 100px; } #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-item-container { background: url(1.css) 8px 50%/80px no-repeat transparent; } #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-type-pdf .addsearch-result-item-sub { background-position: 25px 50% !important; } #addsearch-results[data-search-results="search-page"].addsearch-t .addsearch-result-item-sub { background: url(1.css) 8px 50%/80px no-repeat transparent; } #addsearch-results[data-search-results="search-page"].addsearch-m2 { width: 400px; border: 4px solid #ebebeb; } #addsearch-results[data-search-results="search-page"].addsearch-m2 #addsearch-top-close { border-bottom: 4px solid #ebebeb; background: #ebebeb; } #addsearch-results[data-search-results="search-page"].addsearch-m2 #addsearch-top-resultcount { color: #1AA2DB; font-weight: 700; } #addsearch-results[data-search-results="search-page"].addsearch-m2 #addsearch-topcloselink { color: #1AA2DB; font-weight: 800; font-size: 14px; } #addsearch-results[data-search-results="search-page"].addsearch-m2 .addsearch-result-item-container, #addsearch-results[data-search-results="search-page"].addsearch-m2 .addsearch-result-item-sub { background: transparent; background-image: none !important; } #addsearch-results[data-search-results="search-page"].addsearch-m2 .addsearch-result-item-container div, #addsearch-results[data-search-results="search-page"].addsearch-m2 .addsearch-result-item-sub div { width: auto; padding: 0px 5px; min-height: auto; } #addsearch-results[data-search-results="search-page"].addsearch-m2 .addsearch-result-item-sub div { padding-bottom: 10px; } #addsearch-results[data-search-results="search-page"].addsearch-m2 .addsearch_category { margin-bottom: 0; } @media (max-width: 480px) { #addsearch-results[data-search-results="search-page"].addsearch-m2 { width: calc(100% - 40px); } } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-container:first-child .addsearch-result-item-sub { border-top: none; } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub { width: 100%; border: none; border-top: 2px solid #ebebeb; -webkit-transition: background-color 0.6s ease; transition: background-color 0.6s ease; } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active div, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub div { width: calc(100% - 174px); padding: 0 14px 10px 160px; min-height: auto; } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active p, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub p { padding: 0; font-size: 16px; line-height: 26px; font-weight: 300; } @media (max-width: 992px) { #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active p, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub p { font-size: 13px; } } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active p span em, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub p span em { color: #009FB0; text-transform: lowercase; text-decoration: none; font-size: 14px; font-weight: 500; } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active p .addsearch_category, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub p .addsearch_category { display: none; } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active h2 a, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub h2 a { font-size: 18px; line-height: 28px; letter-spacing: 0.025em; text-transform: uppercase; color: #1AA2DB; padding-bottom: 5px; } @media (max-width: 992px) { #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active h2 a, #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub h2 a { font-size: 16px; padding: 10px 0; } } #addsearch-results[data-search-results="search-page"] .addsearch-result-item-sub-active { background-color: rgba(26, 162, 219, 0.1); } #addsearch-results[data-search-results="search-page"] #addsearch-results-bottom { display: none; } #addsearch-results[data-search-results="search-page"] #addsearch-results-right { display: none; } #addsearch-results[data-search-results="search-page"] #addsearch-results-mid { width: 100%; background: transparent; } #addsearch-results[data-search-results="search-page"] #addsearch-nohits { width: calc(100% - 12px); } #addsearch-results[data-search-results="search-page"] #addsearch-nohits p { font-size: 16px; } /* ========================================================================== Gravity Forms ========================================================================== */ .gform_wrapper, .gform_confirmation_wrapper { width: 300%; position: relative; left: -100%; right: -100%; background: #7AC399; /* checkbox aspect */ /* checked mark aspect */ /* checked mark aspect changes */ /* radio aspect */ /* checked mark aspect */ } .gform_wrapper .gforms_confirmation_message, .gform_confirmation_wrapper .gforms_confirmation_message { text-align: center; } .gform_wrapper form, .gform_confirmation_wrapper form { width: 1240px; margin: 0 auto; padding: 0 20px; } .gform_wrapper ul, .gform_confirmation_wrapper ul { padding: 0; margin: 0; } .gform_wrapper ul li, .gform_confirmation_wrapper ul li { list-style: none; } .gform_wrapper ul li ul, .gform_confirmation_wrapper ul li ul { padding: 0; margin: 0; } .gform_wrapper ul li ul li, .gform_confirmation_wrapper ul li ul li { padding: 0; } .gform_wrapper ul li ul li:before, .gform_confirmation_wrapper ul li ul li:before { content: none; } .gform_wrapper .gsection, .gform_confirmation_wrapper .gsection { position: relative; color: #fff; padding-top: 25px; padding-bottom: 20px; width: 100%; } .gform_wrapper .gsection:after, .gform_confirmation_wrapper .gsection:after { content: ''; display: inline-block; height: 100%; width: 300%; position: absolute; left: -100%; right: -100%; top: 0; bottom: 0; z-index: 0; background: #000; } .gform_wrapper .gsection_title, .gform_confirmation_wrapper .gsection_title { font-size: 18px; line-height: 28px; letter-spacing: 0.1em; text-transform: uppercase; position: relative; z-index: 1; } .gform_wrapper .gform_fields li, .gform_confirmation_wrapper .gform_fields li { margin: 0 10px 35px; display: inline-block; vertical-align: top; } .gform_wrapper .ginput_container_fileupload, .gform_confirmation_wrapper .ginput_container_fileupload { height: 45px; } .gform_wrapper .ginput_container_fileupload input[type=file], .gform_confirmation_wrapper .ginput_container_fileupload input[type=file] { width: 0.1px; height: 0.1px; opacity: 1; position: absolute; } @-moz-document url-prefix() { .gform_wrapper .ginput_container_fileupload input[type=file], .gform_confirmation_wrapper .ginput_container_fileupload input[type=file] { width: auto; height: auto; position: static; } } .gform_wrapper .ginput_container_fileupload input[type=file]:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:after { content: 'Choose file'; display: inline-block; width: 235px; background: #000; color: #fff; position: relative; top: -20px; z-index: 1; cursor: pointer; text-transform: uppercase; border: 3px solid #000; } .gform_wrapper .ginput_container_fileupload input[type=file]:before, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:before { content: ''; display: inline-block; height: 22px; width: 17px; background-image: url("../img/icon-download.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; top: 15px; right: -230px; z-index: 2; } .gform_wrapper .ginput_container_fileupload input[type=file]:hover:after, .gform_confirmation_wrapper .ginput_container_fileupload input[type=file]:hover:after { background: #009FB0; border-color: #fff; } .gform_wrapper .ginput_container_address, .gform_confirmation_wrapper .ginput_container_address { margin-bottom: -35px; } .gform_wrapper .ginput_container_address span, .gform_confirmation_wrapper .ginput_container_address span { margin-bottom: 35px; display: inline-block; vertical-align: top; width: calc(50% - 10px); } .gform_wrapper .ginput_container_address span:nth-child(n + 3), .gform_confirmation_wrapper .ginput_container_address span:nth-child(n + 3) { width: calc(33.333% - 14px); } .gform_wrapper .ginput_container_address span:nth-child(3), .gform_confirmation_wrapper .ginput_container_address span:nth-child(3) { margin-left: 0; } .gform_wrapper .ginput_container_address span:last-child, .gform_confirmation_wrapper .ginput_container_address span:last-child { margin-left: 0; margin-bottom: 0; } .gform_wrapper .ginput_container_address span + span, .gform_confirmation_wrapper .ginput_container_address span + span { margin-left: 20px; } .gform_wrapper .ginput_container_address input, .gform_confirmation_wrapper .ginput_container_address input { width: calc(33.333% - 10px); display: inline-block; } .gform_wrapper .ginput_container_email span, .gform_confirmation_wrapper .ginput_container_email span { display: inline-block; width: calc(50% - 10px); } .gform_wrapper .ginput_container_email span.ginput_right, .gform_confirmation_wrapper .ginput_container_email span.ginput_right { margin-left: 15px; } .gform_wrapper .no-label label, .gform_confirmation_wrapper .no-label label { clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); height: 1px; overflow: hidden; position: absolute !important; width: 1px; } .gform_wrapper .width__one-half, .gform_confirmation_wrapper .width__one-half { width: calc(50% - 20px); display: inline-block; vertical-align: top; } .gform_wrapper .width__one-third, .gform_confirmation_wrapper .width__one-third { width: calc(33.333% - 20px); display: inline-block; vertical-align: top; } .gform_wrapper .width__two-third, .gform_confirmation_wrapper .width__two-third { width: calc(66.666% - 20px); display: inline-block; vertical-align: top; } .gform_wrapper .fullwidth, .gform_confirmation_wrapper .fullwidth { width: calc(100% - 20px); vertical-align: top; } .gform_wrapper label, .gform_confirmation_wrapper label { font-size: 18px; line-height: 28px; font-weight: 400; margin-bottom: 20px; display: block; } .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea, .gform_confirmation_wrapper input[type=text], .gform_confirmation_wrapper input[type=email], .gform_confirmation_wrapper textarea { font-size: 18px; line-height: 28px; font-weight: 400; width: 100%; border: 1px solid #7AC399; padding: 12px 18px; background: #fff; color: #000; -webkit-appearance: none; -webkit-border-radius: 0; } .gform_wrapper select[size], .gform_wrapper select[multiple], .gform_wrapper select[size][multiple], .gform_confirmation_wrapper select[size], .gform_confirmation_wrapper select[multiple], .gform_confirmation_wrapper select[size][multiple] { border: none; background: transparent; width: 100%; height: 53px; } .gform_wrapper select[size] option, .gform_wrapper select[multiple] option, .gform_wrapper select[size][multiple] option, .gform_confirmation_wrapper select[size] option, .gform_confirmation_wrapper select[multiple] option, .gform_confirmation_wrapper select[size][multiple] option { font-size: 18px; line-height: 28px; width: 100%; border: 1px solid #7AC399; padding: 12px 18px; background: #fff; color: #000; width: calc(33.333% - 14px); display: inline-block; text-align: center; } .gform_wrapper select[size] option + option, .gform_wrapper select[multiple] option + option, .gform_wrapper select[size][multiple] option + option, .gform_confirmation_wrapper select[size] option + option, .gform_confirmation_wrapper select[multiple] option + option, .gform_confirmation_wrapper select[size][multiple] option + option { margin-left: 20px; } .gform_wrapper select[size] option:active, .gform_wrapper select[size] option.nice-select.open, .gform_wrapper select[size] option:focus, .gform_wrapper select[size] option:selected, .gform_wrapper select[multiple] option:active, .gform_wrapper select[multiple] option.nice-select.open, .gform_wrapper select[multiple] option:focus, .gform_wrapper select[multiple] option:selected, .gform_wrapper select[size][multiple] option:active, .gform_wrapper select[size][multiple] option.nice-select.open, .gform_wrapper select[size][multiple] option:focus, .gform_wrapper select[size][multiple] option:selected, .gform_confirmation_wrapper select[size] option:active, .gform_confirmation_wrapper select[size] option.nice-select.open, .gform_confirmation_wrapper select[size] option:focus, .gform_confirmation_wrapper select[size] option:selected, .gform_confirmation_wrapper select[multiple] option:active, .gform_confirmation_wrapper select[multiple] option.nice-select.open, .gform_confirmation_wrapper select[multiple] option:focus, .gform_confirmation_wrapper select[multiple] option:selected, .gform_confirmation_wrapper select[size][multiple] option:active, .gform_confirmation_wrapper select[size][multiple] option.nice-select.open, .gform_confirmation_wrapper select[size][multiple] option:focus, .gform_confirmation_wrapper select[size][multiple] option:selected { background: pink; } .gform_wrapper select[size] option option:selected, .gform_wrapper select[multiple] option option:selected, .gform_wrapper select[size][multiple] option option:selected, .gform_confirmation_wrapper select[size] option option:selected, .gform_confirmation_wrapper select[multiple] option option:selected, .gform_confirmation_wrapper select[size][multiple] option option:selected { background: pink; } .gform_wrapper .gfield_checkbox, .gform_wrapper .gfield_radio, .gform_confirmation_wrapper .gfield_checkbox, .gform_confirmation_wrapper .gfield_radio { display: inline-block; } .gform_wrapper .gfield_checkbox li, .gform_wrapper .gfield_radio li, .gform_confirmation_wrapper .gfield_checkbox li, .gform_confirmation_wrapper .gfield_radio li { display: block; margin-bottom: 0; } .gform_wrapper .gfield_checkbox li + li, .gform_wrapper .gfield_radio li + li, .gform_confirmation_wrapper .gfield_checkbox li + li, .gform_confirmation_wrapper .gfield_radio li + li { margin-top: 10px; } .gform_wrapper [type="checkbox"]:not(:checked), .gform_wrapper [type="checkbox"]:checked, .gform_confirmation_wrapper [type="checkbox"]:not(:checked), .gform_confirmation_wrapper [type="checkbox"]:checked { position: absolute; left: -9999px; } .gform_wrapper [type="checkbox"]:not(:checked) + label, .gform_wrapper [type="checkbox"]:checked + label, .gform_confirmation_wrapper [type="checkbox"]:not(:checked) + label, .gform_confirmation_wrapper [type="checkbox"]:checked + label { position: relative; padding-left: 47px; cursor: pointer; font-weight: 300; margin-bottom: 0; } .gform_wrapper [type="checkbox"]:not(:checked) + label:before, .gform_wrapper [type="checkbox"]:checked + label:before, .gform_confirmation_wrapper [type="checkbox"]:not(:checked) + label:before, .gform_confirmation_wrapper [type="checkbox"]:checked + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 23px; height: 23px; border: 2px solid #7AC399; background: #fff; border-radius: 0px; -webkit-transition: border-color 0.3s ease, background 0.3s ease; transition: border-color 0.3s ease, background 0.3s ease; } .gform_wrapper [type="checkbox"]:not(:checked) + label:after, .gform_wrapper [type="checkbox"]:checked + label:after, .gform_confirmation_wrapper [type="checkbox"]:not(:checked) + label:after, .gform_confirmation_wrapper [type="checkbox"]:checked + label:after { content: ''; background-image: url("../img/icon-checkmark-black.svg"); background-position: center; background-size: contain; background-repeat: no-repeat; height: 14px; width: 20px; position: absolute; top: 8px; left: 4px; z-index: 1; -webkit-transition: all .2s; transition: all .2s; } .gform_wrapper [type="checkbox"]:not(:checked) + label:after, .gform_confirmation_wrapper [type="checkbox"]:not(:checked) + label:after { opacity: 0; -webkit-transform: scale(0); transform: scale(0); } .gform_wrapper [type="checkbox"]:checked + label:after, .gform_confirmation_wrapper [type="checkbox"]:checked + label:after { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .gform_wrapper [type="radio"]:not(:checked), .gform_wrapper [type="radio"]:checked, .gform_confirmation_wrapper [type="radio"]:not(:checked), .gform_confirmation_wrapper [type="radio"]:checked { position: absolute; left: -9999px; } .gform_wrapper [type="radio"]:not(:checked) + label, .gform_wrapper [type="radio"]:checked + label, .gform_confirmation_wrapper [type="radio"]:not(:checked) + label, .gform_confirmation_wrapper [type="radio"]:checked + label { position: relative; padding-left: 47px; cursor: pointer; font-weight: 300; margin-bottom: 0; } .gform_wrapper [type="radio"]:not(:checked) + label:before, .gform_confirmation_wrapper [type="radio"]:not(:checked) + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 23px; height: 23px; border: 2px solid #7AC399; background: #fff; border-radius: 50%; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .gform_wrapper [type="radio"]:checked + label:before, .gform_wrapper [type="radio"]:hover + label:before, .gform_confirmation_wrapper [type="radio"]:checked + label:before, .gform_confirmation_wrapper [type="radio"]:hover + label:before { content: ''; position: absolute; left: 0; top: 2px; width: 23px; height: 23px; border: 2px solid #7AC399; background: #000; border-radius: 50%; } .gform_wrapper input[type=submit], .gform_confirmation_wrapper input[type=submit] { border-radius: 0; margin: 0 auto; width: 375px; color: #fff; background: #F2B219; border: 3px solid #F2B219; -webkit-appearance: none; } .gform_wrapper input[type=submit]:hover, .gform_confirmation_wrapper input[type=submit]:hover { background: #000; border-color: #000; } .gform_footer { text-align: center; padding-bottom: 55px; } .ui-datepicker-header { background: #009FB0; color: #fff; text-align: center; padding: 15px; } .ui-datepicker-calendar { border: 4px solid #009FB0; background: #fff; } .ui-datepicker-calendar thead { background: #fff; border-bottom: 1px solid silver; } .ui-datepicker-calendar th { padding: 15px; text-align: center; color: #000; font-size: 18px; line-height: 28px; text-transform: uppercase; letter-spacing: .1em; } .ui-datepicker-calendar tr:nth-child(2n) { background: #fff; } .ui-datepicker-calendar td { color: #514d4a; font-size: 18px; line-height: 28px; text-transform: uppercase; letter-spacing: .1em; font-weight: 400; text-align: center; padding: 0; } .ui-datepicker-calendar td.ui-datepicker-today a { border: 3px solid #009FB0; background: rgba(0, 159, 176, 0.1); } .ui-datepicker-calendar a { color: #000; font-size: 18px; display: inline-block; width: 100%; line-height: 28px; text-transform: uppercase; letter-spacing: .1em; text-decoration: none; padding: 3px 10px; border: 3px solid #fff; -webkit-transition: border 0.3s ease, background 0.3s ease; transition: border 0.3s ease, background 0.3s ease; } .ui-datepicker-calendar a.ui-state-active, .ui-datepicker-calendar a:hover { color: #000; border: 3px solid #009FB0; background: #009FB0; } .gform_validation_error .validation_error { font-size: 18px; position: absolute; top: -60px; left: 0; right: 0; color: #000; text-align: center; } .gform_validation_error .validation_message { font-style: italic; color: #000; } .gform_validation_error .gfield_error input[type=text], .gform_validation_error .gfield_error input[type=email], .gform_validation_error .gfield_error textarea { border: 2px solid #ffc569; margin-bottom: 10px; } .gform_validation_error .gfield_error .nice-select { border: 2px solid #ffc569; margin-bottom: 10px; } .gform_validation_error .gfield_error .nice-select:before { background: #ffc569; } .gform_validation_error .gfield_error .nice-select:after { border-color: #ffc569; } .gform_validation_error .gfield_error .nice-select .list { box-shadow: 0 0 0 1px #ffc569; } .gform_validation_error .gfield_error .gfield_checkbox, .gform_validation_error .gfield_error .gfield_radio { color: #ffc569; margin-bottom: 15px; } .gform_validation_error [type=checkbox]:checked + label, .gform_validation_error [type=checkbox]:not(:checked) + label, .gform_validation_error [type=radio]:checked + label, .gform_validation_error [type=radio]:not(:checked) + label { font-weight: 500; } .full_height .et_pb_module--custom { height: 100%; } .make-slider .et_pb_row { position: relative; } .make-slider .et_pb_column { -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; } .active .make-slider .et_pb_column { opacity: 0; } .make-slider .hide { display: none !important; } .make-slider .fade-out .et_pb_column, .make-slider .fade .et_pb_column { opacity: 0; } .make-slider .fade-in .et_pb_column { opacity: 1; } .make-slider .et_pb_column + .et_pb_column { -webkit-transition-delay: 125ms; transition-delay: 125ms; } .make-slider .et_pb_column + .et_pb_column + .et_pb_column { -webkit-transition-delay: 250ms; transition-delay: 250ms; } .make-slider .et_pb_column + .et_pb_column + .et_pb_column + .et_pb_column { -webkit-transition-delay: 375ms; transition-delay: 375ms; } @media (max-width: 860px) { .make-slider { padding-bottom: 60px; } .make-slider .arrow__link { bottom: -20px; } .make-slider .arrow__left { left: 25%; right: auto; } .make-slider .arrow__right { right: 25%; left: auto; } } /* ========================================================================== EventBrite Table ========================================================================== */ .tickets__table { background: #fff; margin-top: 35px; } .tickets__table thead th { text-transform: uppercase; font-size: 24px; letter-spacing: 0.1em; padding: 20px 45px; } .tickets__table thead th:first-child { text-transform: uppercase; } .tickets__table .new-time { border-top: 1px solid #a5a4a4; } .tickets__table tr:first-child { border-top: 0; } .tickets__table tr:nth-child(2n) { background: #ededed; } .tickets__table td { padding: 10px 45px; height: 60px; letter-spacing: 0.025em; } .tickets__table td:first-child { text-transform: none; } .tickets__table .btn__buy { width: auto; display: inline-block; padding: 10px 16px; letter-spacing: 0.1em; } .tickets__table .btn__buy:hover { color: #fff; border-color: #000; } .tickets__table .number-remaining { font-size: 14px; line-height: 19px; color: #000; font-weight: 300; padding-left: 24px; display: inline-block; } .tickets__table .sold-out { opacity: 0.5; } .tickets__table .responsive-time { opacity: 0; } .eventbrite__container { position: relative; } .eventbrite__container .eventbrite_steps { position: absolute; top: 0; left: 0; right: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .eventbrite__container .eventbrite_step_one { padding-bottom: 60px; opacity: 0; } .eventbrite__container .eventbrite_step_one.active { position: relative; display: block; opacity: 1; } .eventbrite__container .eventbrite_step_two { opacity: 0; } .eventbrite__container .eventbrite_step_two.active { position: relative; display: block; opacity: 1; } .eventbrite__container .eventbrite_back-to-calendar { cursor: pointer; font-weight: 300; font-size: 14px; position: absolute; display: inline-block; right: 0; bottom: -30px; padding-left: 25px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .eventbrite__container .eventbrite_back-to-calendar:after { content: ''; height: 13px; width: 13px; border: 3px solid #1AA2DB; border-top: none; border-right: none; -webkit-transform: rotate(45deg) translateY(0px) translateX(0px); transform: rotate(45deg) translateY(0px) translateX(0px); position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eventbrite__container .eventbrite_back-to-calendar:hover { color: #1AA2DB; } .eventbrite__container .eventbrite_back-to-calendar:hover:after { -webkit-transform: rotate(45deg) translateY(5px) translateX(-5px); transform: rotate(45deg) translateY(5px) translateX(-5px); } .eventbrite__container .eventbrite_avail-tix { font-weight: 300; font-size: 14px; position: absolute; display: inline-block; right: 0; bottom: 20px; padding-left: 30px; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .eventbrite__container .eventbrite_avail-tix:after { content: ''; height: 14px; width: 14px; background: #009FB0; -webkit-transform: translateY(0px) translateX(0px); transform: translateY(0px) translateX(0px); position: absolute; left: 0; top: 0; bottom: 0; margin: auto 0; -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eventbrite__container .react-datepicker__navigation { height: 13px; width: 13px; border: 3px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-135deg) translateY(0px) translateX(0px); transform: rotate(-135deg) translateY(0px) translateX(0px); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .eventbrite__container .react-datepicker__navigation:after { content: ''; display: inline-block; height: 30px; width: 30px; left: 0; top: 0; bottom: 0; right: 0; margin: auto; position: absolute; } .eventbrite__container .react-datepicker__navigation:hover { height: 13px; width: 13px; border: 3px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(-135deg) translateY(5px) translateX(-5px); transform: rotate(-135deg) translateY(5px) translateX(-5px); } .eventbrite__container .react-datepicker__navigation--next { top: 23px; right: 400px; } @media (max-width: 1440px) { .eventbrite__container .react-datepicker__navigation--next { right: 300px; } } @media (max-width: 1024px) { .eventbrite__container .react-datepicker__navigation--next { right: 200px; } } @media (max-width: 768px) { .eventbrite__container .react-datepicker__navigation--next { right: 100px; } } @media (max-width: 480px) { .eventbrite__container .react-datepicker__navigation--next { right: 20px; } } .eventbrite__container .react-datepicker__navigation--previous { top: 23px; left: 400px; -webkit-transform: rotate(45deg) translateY(0px) translateX(0px); transform: rotate(45deg) translateY(0px) translateX(0px); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } @media (max-width: 1440px) { .eventbrite__container .react-datepicker__navigation--previous { left: 300px; } } @media (max-width: 1024px) { .eventbrite__container .react-datepicker__navigation--previous { left: 200px; } } @media (max-width: 768px) { .eventbrite__container .react-datepicker__navigation--previous { left: 100px; } } @media (max-width: 480px) { .eventbrite__container .react-datepicker__navigation--previous { left: 20px; } } .eventbrite__container .react-datepicker__navigation--previous:hover { height: 13px; width: 13px; border: 3px solid #fff; border-top: none; border-right: none; -webkit-transform: rotate(45deg) translateY(5px) translateX(-5px); transform: rotate(45deg) translateY(5px) translateX(-5px); } .eventbrite__container .react-datepicker { border: none; border-bottom: 1px solid #b3b9ba; border-radius: 0; margin-top: 35px; width: 100%; } .eventbrite__container .react-datepicker__month-container { float: none; } .eventbrite__container .react-datepicker__header { border: none; border-radius: 0; color: #fff; text-transform: uppercase; font-weight: 400; background: #fff; padding: 0; padding: 0; } .eventbrite__container .react-datepicker__current-month { color: #fff; font-size: 24px; font-weight: 500; letter-spacing: 0.1em; background: #009FB0; padding: 20px 0px; } @media (max-width: 992px) { .eventbrite__container .react-datepicker__current-month { font-size: 18px; } } .eventbrite__container .react-datepicker__day-names { padding: 10px 0; border-bottom: 1px solid #b3b9ba; } .eventbrite__container .react-datepicker__week { margin: 5px 0; } .eventbrite__container .react-datepicker__day { color: #fff; font-weight: 400; } .eventbrite__container .react-datepicker__day-name { color: #000; } .eventbrite__container .react-datepicker__day, .eventbrite__container .react-datepicker__day-name { border-radius: 0; width: 50px; margin: 0 5%; padding: 5px 0; font-size: 24px; letter-spacing: 0.1em; background: #009FB0; border-color: #009FB0; border: 2px solid #009FB0; -webkit-transition: background 0.3s ease, border 0.3s ease; transition: background 0.3s ease, border 0.3s ease; } .eventbrite__container .react-datepicker__day:hover, .eventbrite__container .react-datepicker__day-name:hover { border-radius: 0; background: #009FB0; border-color: #009FB0; color: #000; } @media (max-width: 1200px) { .eventbrite__container .react-datepicker__day, .eventbrite__container .react-datepicker__day-name { font-size: 16px; width: 40px; padding: 3px 0; } } @media (max-width: 992px) { .eventbrite__container .react-datepicker__day, .eventbrite__container .react-datepicker__day-name { font-size: 14px; width: 35px; padding: 0; } } @media (max-width: 768px) { .eventbrite__container .react-datepicker__day, .eventbrite__container .react-datepicker__day-name { margin: 0 3vw; } } @media (max-width: 480px) { .eventbrite__container .react-datepicker__day, .eventbrite__container .react-datepicker__day-name { width: 30px; margin: 0 1vw; } } .eventbrite__container .react-datepicker__day:nth-child(7n), .eventbrite__container .react-datepicker__day-name:nth-child(7n) { margin-right: 0; } .eventbrite__container .react-datepicker__day:nth-child(7n - 6), .eventbrite__container .react-datepicker__day-name:nth-child(7n - 6) { margin-left: 0; } .eventbrite__container .react-datepicker__day-name { background: transparent; border-color: transparent; } .eventbrite__container .react-datepicker__day-name:hover { background: transparent; border-color: transparent; } .eventbrite__container .react-datepicker__day--disabled { color: #b3b9ba; background: transparent; border-color: transparent; } .eventbrite__container .react-datepicker__day--disabled:hover { background: transparent; color: #b3b9ba; border-color: transparent; } .eventbrite__container .react-datepicker__day--selected { background: #009FB0; } .eventbrite__container .react-datepicker__day--selected:hover, .eventbrite__container .react-datepicker__day--in-selecting-range:hover, .eventbrite__container .react-datepicker__day--in-range:hover { background: #009FB0; border-radius: 0; color: #000; } .eventbrite__container.dark .react-datepicker__header { background: transparent; } .eventbrite__container.dark .react-datepicker { background: rgba(0, 0, 0, 0.5); padding: 0 40px; border-bottom: 0; position: relative; } @media (max-width: 768px) { .eventbrite__container.dark .react-datepicker { padding: 0 5px; } } .eventbrite__container.dark .react-datepicker:after { content: ''; display: inline-block; height: 1px; width: 100%; bottom: 0; left: 0; right: 0; margin: 0 auto; bottom: 0; background: #fff; } .eventbrite__container.dark .react-datepicker:before { content: ''; display: inline-block; height: 60px; width: 100%; position: absolute; bottom: -60px; left: -40px; right: -40px; margin: 0 auto; background: rgba(0, 0, 0, 0.5); } @media (max-width: 768px) { .eventbrite__container.dark .react-datepicker:before { left: -5px; right: -5px; } } .eventbrite__container.dark .react-datepicker__current-month { margin-left: -40px; margin-right: -40px; } @media (max-width: 768px) { .eventbrite__container.dark .react-datepicker__current-month { margin-left: -5px; margin-right: -5px; } } .eventbrite__container.dark .heading__secondary--x-large { color: #1AA2DB; } .eventbrite__container.dark .react-datepicker__day-names { border-bottom: 1px solid #fff; } .eventbrite__container.dark .react-datepicker__day-name { color: #fff; } .eventbrite__container.dark .eventbrite_avail-tix { color: #fff; right: 40px; } @media (max-width: 768px) { .eventbrite__container.dark .eventbrite_avail-tix { right: 10px; } } .eventbrite__container.dark .eventbrite_back-to-calendar { right: 40px; bottom: -37px; color: #fff; } .eventbrite__container.dark .eventbrite_back-to-calendar:hover { color: #1AA2DB; } .eventbrite__container.dark .tickets__table { background: rgba(0, 0, 0, 0.5); position: relative; margin-bottom: 60px; } .eventbrite__container.dark .tickets__table:before { content: ''; display: inline-block; height: 60px; width: 100%; position: absolute; bottom: -60px; left: 0px; right: 0px; margin: 0 auto; background: rgba(0, 0, 0, 0.5); } .eventbrite__container.dark .tickets__table tr:nth-child(2n) { background: rgba(0, 0, 0, 0.3); } .eventbrite__container.dark .tickets__table td { color: #fff; } .eventbrite__container.dark .tickets__table .number-remaining { color: #fff; } /* ========================================================================== Event Details Module ========================================================================== */ .divi-event-details { margin-bottom: 30px; } .divi-event-details table { background: #fff; } .divi-event-details table thead td { text-transform: uppercase; letter-spacing: 0.1em; font-size: 26px; padding: 20px 30px; } .divi-event-details table tbody td { background: #ebebeb; } .divi-event-details table tbody td:first-child { text-align: right; background: transparent; } .divi-event-details table tbody tr { background: transparent; } .divi-event-details table tbody tr:nth-child(2n) td { background: transparent; } .divi-event-details table tbody tr:nth-child(2n) td:first-child { background: #bae4e8; } .divi-event-details .admission-adult, .divi-event-details .admission-child, .divi-event-details .admission-single { display: inline-block; vertical-align: top; font-size: 42px; line-height: 1em; font-weight: 400; margin-right: 19px; margin-bottom: 10px; } .divi-event-details .admission-adult .admission-price__cents, .divi-event-details .admission-child .admission-price__cents, .divi-event-details .admission-single .admission-price__cents { font-size: 22px; display: inline-block; vertical-align: top; margin-top: -7px; } .divi-event-details .admission-adult .admission-dollar-sign, .divi-event-details .admission-child .admission-dollar-sign, .divi-event-details .admission-single .admission-dollar-sign { font-size: 24px; font-weight: 300; display: inline-block; vertical-align: top; margin-top: -5px; } .divi-event-details .admission-adult .label-top, .divi-event-details .admission-child .label-top, .divi-event-details .admission-single .label-top { font-size: 16px; line-height: 26px; font-weight: 300; display: block; } .divi-event-details .admission-adult .label-bottom, .divi-event-details .admission-child .label-bottom, .divi-event-details .admission-single .label-bottom { display: block; font-size: 14px; line-height: 24px; font-weight: 300; margin-top: -10px; } .divi-event-details .admission-child { margin-right: 0; } .divi-event-details .admission-adult-child { margin-bottom: -15px; display: block; } .divi-event-details .admission-adult--label, .divi-event-details .admission-child--label { display: inline-block; vertical-align: top; margin-left: 10px; margin-top: 1px; } .divi-event-details .admission-adult--label br, .divi-event-details .admission-child--label br { display: none; } .divi-event-details .et_pb_EventDetails_button { margin-right: 0; margin-left: auto; } .divi-event-details .event-details--marker { padding: 0 15px; display: inline-block; vertical-align: top; } .divi-event-details .event-details--marker:hover .icon__map-marker path { fill: #000; } .divi-event-details .icon__map-marker { width: 17px; height: 22px; display: inline-block; vertical-align: top; } .divi-event-details .icon__map-marker path { -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } /* ========================================================================== WordPress Generated Classes ========================================================================== */ .aligncenter { display: block; margin: 0 auto; } .alignleft { float: left; } .alignright { float: right; } figure.alignnone { margin-left: 0; margin-right: 0; } /* ========================================================================== Responsive Queries ========================================================================== */ @media (max-width: 1440px) { /* General */ .wrapper { width: 1050px; } /* Front Page */ .section__buckets .wrapper { width: 1070px; } .bucket { padding: 33px 40px; } .bucket .bucket__callout--color-primary { font-size: 12px; line-height: 23px; } .bucket__two-third .bucket__callout { width: 290px; } .bucket__one-third, .bucket__divi { padding-top: 147px; } .event__item { width: 325px; } .event__item .excerpt { padding: 15px 15px 0; } .event__link { padding: 0; height: 225px; } .event__title { font-size: 16px; line-height: 26px; } .section__newsletter form input { font-size: 14px; } .section__newsletter form button { height: 71px; } .instagram-feed li { width: 235px; height: 235px; } } @media (max-width: 1440px) and (max-height: 700px) { .front-page__landing { min-height: 420px; } .front-page__landing .section__title { padding-top: 120px; } .landing__callout { padding: 35px 95px; } } @media (max-width: 1440px) and (max-height: 650px) { .front-page__landing { min-height: 320px; } .front-page__landing .section__title { padding-top: 145px; } .landing__callout { bottom: 95px; padding: 25px 95px; } } @media (max-width: 1440px) and (max-height: 600px) { .front-page__landing { min-height: 320px; } .front-page__landing .section__title { padding-top: 100px; } .landing__callout { bottom: 95px; padding: 25px 95px; } } @media (max-width: 1440px) { /* Basic Internal */ } @media (max-width: 1440px) and (max-height: 700px) { .page-header { padding-top: 160px; padding-bottom: 160px; } } @media (max-width: 1440px) and (max-height: 600px) { .page-header { padding-top: 135px; padding-bottom: 135px; } } @media (max-width: 1440px) { .page-content h1 { font-size: 120px; } .page-content h2 { font-size: 42px; line-height: 52px; } .page-content h3 { font-size: 34px; line-height: 44px; } .page-content h4 { font-size: 28px; line-height: 38px; } .page-content h5 { font-size: 22px; line-height: 26px; } .page-content hr { width: 1050px; left: -143px; } .gform_wrapper form { width: 1090px; } /* Hours of Operation */ .category-btns + .category-btns { margin-left: 18px; } .category-btns + .category-btns:nth-child(4n + 1) { margin-left: 0; } .category__title { padding: 17px 30px; } .category__places li { width: 497px; padding: 12px 30px; } .category__places .place__name { width: calc(100% - 161px); padding-right: 20px; } .category__places .place__name a { font-size: 16px; line-height: 26px; } .category__places .place__hours { width: 161px; } .category__places .place__hours p { font-size: 16px; line-height: 26px; } /* Image Grid Template */ .image__grid-item { height: 250px; width: 250px; } .image__grid-item:nth-child(1) { width: 473px; height: 518px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 250px; width: 250px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: 473px; height: 518px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: -267px; } /* Contact Us Template */ .contact__description { padding-bottom: 135px; padding-right: 65px; } .contact__form { padding: 90px 75px 0; } .contact__form .gform_wrapper input[type=text], .contact__form .gform_wrapper input[type=email], .contact__form .gform_wrapper textarea { padding: 11px 13px 10px; } .contact__form .gform_footer { padding-bottom: 70px; } .contact-info__box { padding-right: 30px; } .contact-info__box .contact__email { width: calc(100% - 30px); } /* Section Landing Page Template */ .featured-event__item .event__link { width: 505px; } .featured-event__item .event__title { font-size: 42px; line-height: 52px; } .featured-event__item .excerpt { width: calc(100% - 505px); margin-left: 505px; } .section__savings { margin-bottom: 20px; } .section__savings .col__half-width .section__title { margin-top: 40px; } .deal .price, .deal .et_pb_et_price { font-size: 66px; } .section__half-col .wrapper { width: 1070px; } .col__half-width .section__title { margin-top: -10px; } .attraction-recommendations__img { height: 215px; } .section__third-col .wrapper { width: 1100px; } .content-grid__item { width: 325px; } .content-grid__item .attraction-recommendations__img { height: 200px; } .content-grid__item .instagram__img { height: 200px; } .article__item { width: 327px; } .article__item .article__date { width: calc(100% - 160px); font-size: 12px; } .article__item .article__category, .article__item .post-categories { width: 155px; margin-top: 1px; } .article__item .article__category a, .article__item .post-categories a { font-size: 14px; } .article__item .article__category li, .article__item .post-categories li { line-height: 20px; margin: 0 4px; } .attraction-recommendations__description { padding: 15px 20px 100px; } .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 15px; } .insta-worthy__item { width: 327px; } .section__newsletter--white form button { height: 63px; } /* Calendar of Events */ .event-slider__container { height: calc(100vh - 235px); } } @media (max-width: 1440px) and (max-height: 600px) { .event-slider__container { min-height: 320px; } } @media (max-width: 1440px) { .event-filter__container { margin-left: -5px; margin-right: -5px; width: calc(100% + 8px); } .event-filter__container li { margin: 0 5px 20px; } .event-filter__container li .btn__primary { width: 190px; } .slide__content { width: calc(1050px - 300px); } .section__calendar-events .article__item { width: 333px; } /* Attraction/Location Details Page */ .section__details-content .section__description { width: 555px; } .section__details-content .section__sidebar { width: calc(100% - 560px); } .section__details-content .icon__sun img { width: 43px; height: 43px; } .section__details-content .icon__snow img { height: 38px; width: 35px; margin-top: 3px; } .section__details-content .icon__wheelchair img { height: 35px; width: 30px; margin-top: 5px; } .admission__title, .admission__prices:before, .et_pb_module.et_pb_pricing:before { font-size: 30px; line-height: 43px; } .admission__prices .price, .admission__prices .et_pb_et_price, .et_pb_pricing.et_pb_module .price, .et_pb_pricing.et_pb_module .et_pb_et_price, .et_pb_fullwidth_hours .price, .et_pb_fullwidth_hours .et_pb_et_price { font-size: 66px; } .admission__prices .width__sixth .price, .admission__prices .width__sixth .et_pb_et_price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__sixth .price, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_fullwidth_hours .width__sixth .price, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price { font-size: 48px; } .admission__prices .width__sixth .price span.cents, .admission__prices .width__sixth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__sixth .price span.cents, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_fullwidth_hours .width__sixth .price span.cents, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 30px; -webkit-transform: translateY(-6px); transform: translateY(-6px); } .admission__price-container, .et_pb_pricing_content_top { padding: 72px 5px; } .week__title { font-size: 22px; line-height: 26px; margin-top: 12px; margin-bottom: 10px; } .section__img-callout { padding-top: 130px; padding-bottom: 230px; } .section__bottom-content .section__contact { right: 20px; } /* Events Details page */ .event-schedule__container { padding: 40px 40px 35px; } .event-schedule__container:before, .event-schedule__container:after { width: 270px; } .event-schedule__container .article__item { width: 298px; } .make-slider--outlined .et_pb_row { padding: 0 40px; } .make-slider--outlined .make-slider-header { padding-top: 35px; padding-bottom: 15px; } .section--blue .value, .section--blue .sep p { font-size: 73px; line-height: 63px; } .article__item.block--blue { padding: 40px 25px; } .article__item.block--blue .et_pb_equal_columns .et_pb_button_module_wrapper { height: auto; display: block; width: auto; } .article__item.block--blue .et_pb_equal_columns .et_pb_button_module_wrapper .et_pb_button { width: auto; display: block; vertical-align: top; } .section__gallery .et_pb_gallery_item { height: 243px; width: 243px; } /* Blog Landing Page */ .section__featured-article .article__date { width: calc(100% - 260px); } .section__featured-article .post-categories { width: 255px; } .section__blog-posts { padding-top: 0; padding-bottom: 20px; } .blog__post { margin-bottom: 65px; } .blog__post .article__img { height: 250px; } /* Single Blog Post */ .single-blog__post .section__description iframe { height: 375px; } .single-blog__post .social-icons { padding-left: 50px; } .single-blog__post .social-icons .twitter { margin-left: 52px; } .single-blog__post .social-icons .google { margin-left: 47px; } .single-blog__post .social-icons .pinterest { margin-left: 50px; } .single-blog__post .social-icons .linkedin { margin-left: 54px; } /* Packages Template */ .section__packages-title .section__img { width: 172px; height: 180px; } .section__packages-title .section__heading { margin-top: 54px; } .package__container .deal { width: 475px; } .package__container .deal__description { width: calc(100% - 401px); padding: 35px 30px 20px; } .package__container .deal__description.description__yes-callout { padding: 70px 30px 20px; } .package__container .deal__description .callout { padding: 15px 30px 13px; } .package__container .deal__price { margin-bottom: 25px; } .reasons__container li { width: 285px; } /* ========================================================================== Event Details Module ========================================================================== */ .divi-event-details table thead td { font-size: 24px; } .divi-event-details table td { font-size: 16px; line-height: 26px; } .divi-event-details .admission-adult, .divi-event-details .admission-child, .divi-event-details .admission-single { font-size: 38px; font-weight: 400; margin-right: 10px; } .divi-event-details .admission-adult .admission-price__cents, .divi-event-details .admission-child .admission-price__cents, .divi-event-details .admission-single .admission-price__cents { font-size: 20px; margin-top: -5px; } .divi-event-details .admission-adult .admission-dollar-sign, .divi-event-details .admission-child .admission-dollar-sign, .divi-event-details .admission-single .admission-dollar-sign { font-size: 22px; margin-top: -3px; } .divi-event-details .admission-adult .label-top, .divi-event-details .admission-child .label-top, .divi-event-details .admission-single .label-top { font-size: 14px; line-height: 24px; } .divi-event-details .admission-adult .label-bottom, .divi-event-details .admission-child .label-bottom, .divi-event-details .admission-single .label-bottom { font-size: 12px; line-height: 22px; margin-top: -10px; } .divi-event-details .admission-adult--label, .divi-event-details .admission-child--label { margin-left: 5px; margin-top: 2px; } } @media (max-width: 1200px) { /* General */ .wrapper { width: 990px; } .inner-wrapper { width: 760px; } /* Front Page */ .section__buckets .wrapper { width: 1010px; } .bucket { padding: 27px 25px; } .bucket__two-third { height: 450px; } .bucket__two-third .bucket__callout { width: 275px; } .bucket__two-third .btn__primary { bottom: 27px; } .bucket__one-third, .bucket__divi { height: 216px; padding-top: 131px; } .section__events .btn__secondary { padding: 20px 45px; } .event__item { width: 305px; } .event__item .excerpt { padding: 15px 5px 0; } .event__link { padding: 150px 10px 15px; } .event__link .btn__primary { padding: 20px 5px; } .event__date { padding: 10px 15px 13px; } .event__date .month { font-size: 12px; } .event__date .date { font-size: 26px; line-height: 22px; } .section__newsletter form input { padding: 23px 35px; font-size: 12px; } .section__newsletter form button { height: 61px; } .instagram-feed li { width: 224px; height: 224px; margin-bottom: 13px; } .instagram-feed li + li { margin-left: 13px; } /* Basic Internal */ .page-header { padding-top: 165px; padding-bottom: 180px; } } @media (max-width: 1200px) and (max-height: 700px) { .page-header { padding-top: 155px; padding-bottom: 160px; } } @media (max-width: 1200px) and (max-height: 600px) { .page-header { padding-top: 135px; padding-bottom: 135px; } } @media (max-width: 1200px) { .page-content { padding-top: 70px; padding-bottom: 70px; } .page-content h1 { font-size: 110px; } .page-content h2 { font-size: 40px; line-height: 50px; } .page-content h3 { font-size: 32px; line-height: 42px; } .page-content h4 { font-size: 26px; line-height: 36px; } .page-content h5 { font-size: 20px; line-height: 24px; } .page-content h6 { font-size: 16px; line-height: 26px; } .page-content hr { width: calc(100% + 230px); left: -115px; } table thead td, table thead th { font-size: 26px; line-height: 30px; } table td { font-size: 16px; line-height: 26px; } .gform_wrapper .gsection_title { font-size: 16px; line-height: 26px; } .gform_wrapper form { width: 1010px; } /* FAQs */ .faq__toggle { font-size: 16px; line-height: 26px; } .faq__answer p { font-size: 16px; line-height: 26px; } .faq__popular { padding-bottom: 55px; } .section__callout { padding-top: 55px; padding-bottom: 90px; } /* Hours of Operation */ .category__places li { width: 467px; } .category__places .place__name { padding-right: 15px; } /* Image Grid Template */ .image__grid-item { height: 229px; width: 229px; } .image__grid-item:nth-child(1) { width: 455px; height: 476px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 229px; width: 229px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: 455px; height: 476px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: -246px; } /* Contact Us Template */ .contact__description { padding-top: 55px; padding-bottom: 100px; padding-right: 60px; } .contact__description .social-icons li { width: 65px; } .contact__description .social-icons .instagram { height: 30px; width: 30px; margin-top: 0; } .contact__description .social-icons .facebook { height: 30px; width: 14px; } .contact__description .social-icons .twitter { height: 25px; width: 30px; margin-top: 3px; } .contact__description .social-icons .youtube { height: 26px; width: 36px; margin-top: 2px; } .contact__form { padding: 70px 70px 0; } .contact__form .gform_footer { padding-bottom: 65px; } .contact-info__box { padding-right: 40px; } .contact-info__box .contact__location { font-size: 16px; line-height: 26px; } .contact-info__box .contact__phone, .contact-info__box .contact__map { font-size: 16px; margin-bottom: 7px; } .contact-info__box .icon__map-marker { height: 22px; width: 17px; } .contact-info__box .contact__email { width: calc(100% - 40px); } /* Section Landing Page Template */ .section__featured-event { padding-bottom: 80px; } .featured-event__item .event__link { width: 475px; } .featured-event__item .event__title { font-size: 40px; line-height: 50px; } .featured-event__item .excerpt { width: calc(100% - 475px); margin-left: 475px; padding: 25px; } .featured-event__item .event__title { margin-bottom: 15px; } .featured-event__item .event__description { margin-bottom: 40px; padding-right: 5px; } .section__half-col .wrapper { width: 1010px; } .section__savings .col__half-width .section__title { margin-top: 10px; } .deal .box--blue { padding: 7px 10px; margin-bottom: 20px; } .deal .price, .deal .et_pb_et_price { font-size: 60px; margin-bottom: 25px; } .deal .btn__tertiary { margin: 0 auto 15px; } .col__half-width .section__link { margin-top: 40px; } .col__half-width .section__subtitle { margin-top: 20px; } .attraction-recommendations__list li { width: 308px; } .attraction-recommendations__img { height: 190px; } .section__itinerary-recommendations { padding-bottom: 80px; } .section__third-col .wrapper { width: 1025px; } .col__third-width { padding: 0 20px; } .content-grid__item { width: 308px; } .content-grid__item .attraction-recommendations__img { height: 190px; } .content-grid__item .instagram__img { height: 190px; } .article__item { width: 308px; } .article__item .contact-info li { font-size: 12px; } .article__item .article__date { font-size: 12px; width: calc(100% - 140px); } .article__item .article__category, .article__item .post-categories { width: 135px; margin-top: 0; } .article__item .article__category li, .article__item .post-categories li { margin: 0 2px; } .article__item .article__category a, .article__item .post-categories a { font-size: 14px; } .section__instagram-worthy .section__title { margin-bottom: 55px; } .insta-worthy__item { width: 308px; } .insta-worthy__item .event__link { padding: 0; height: 200px; } /* Calendar of Events */ .event-slider__container { height: calc(100vh - 240px); } } @media (max-width: 1200px) and (max-height: 600px) { .event-slider__container { min-height: 320px; } } @media (max-width: 1200px) { .slide__content { width: calc(990px - 300px); } .event-slider__toggles ul { padding: 0 45px; } .event-slider__toggles li { height: 12px; width: 12px; } .event-slider__toggles li + li { margin-left: 12px; } .toggle__link svg { width: 20px; height: 11px; } .section__event-filters { padding-top: 50px; padding-bottom: 50px; } .event-filter__container li .btn__primary { width: 178px; } .section__calendar-events { padding-bottom: 180px; } .section__calendar-events .article__item { width: 313px; } .calendar-event__item .attraction-recommendations__description { padding: 15px 20px 100px; } .calendar-event__item .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 15px; } /* Attraction/Location Details Page */ .section__details-content .section__sidebar { padding-left: 80px; } .article__item.article__item--teal .attraction-recommendations__description { padding-bottom: 35px; } .article__item.article__item--teal .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 15px; } .admission__title, .admission__prices:before, .et_pb_module.et_pb_pricing:before { font-size: 28px; line-height: 40px; } .week__title { font-size: 20px; line-height: 24px; } .week__toggle { font-size: 12px; } .admission__prices li .admission__age-container, .admission__prices .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_fullwidth_hours li .admission__age-container, .et_pb_fullwidth_hours .et_pb_pricing_table .admission__age-container { padding: 14px 5px 10px; } .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours li .et_pb_pricing_title, .et_pb_fullwidth_hours .et_pb_pricing_table .et_pb_pricing_title { padding: 14px 5px 0px; } .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours li .et_pb_best_value, .et_pb_fullwidth_hours .et_pb_pricing_table .et_pb_best_value { padding: 0px 5px 10px; } .admission__prices li .admission__price-container, .admission__prices li .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_table .admission__price-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module li .admission__price-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_fullwidth_hours li .admission__price-container, .et_pb_fullwidth_hours li .et_pb_pricing_content_top, .et_pb_fullwidth_hours .et_pb_pricing_table .admission__price-container, .et_pb_fullwidth_hours .et_pb_pricing_table .et_pb_pricing_content_top { padding: 58px 5px; } .admission__prices li .calendar__time-container, .admission__prices .et_pb_pricing_table .calendar__time-container, .et_pb_pricing.et_pb_module li .calendar__time-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .calendar__time-container, .et_pb_fullwidth_hours li .calendar__time-container, .et_pb_fullwidth_hours .et_pb_pricing_table .calendar__time-container { padding: 20px 5px 15px; } .admission__prices .price, .admission__prices .et_pb_et_price, .et_pb_pricing.et_pb_module .price, .et_pb_pricing.et_pb_module .et_pb_et_price, .et_pb_fullwidth_hours .price, .et_pb_fullwidth_hours .et_pb_et_price { font-size: 60px; } .admission__prices .width__sixth .price, .admission__prices .width__sixth .et_pb_et_price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__sixth .price, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_fullwidth_hours .width__sixth .price, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price { font-size: 44px; } .admission__prices .width__sixth .price span.cents, .admission__prices .width__sixth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__sixth .price span.cents, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_fullwidth_hours .width__sixth .price span.cents, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 30px; -webkit-transform: translateY(-6px); transform: translateY(-6px); } .section__img-callout { padding-top: 115px; padding-bottom: 215px; } .section__bottom-content { padding-top: 25px; padding-bottom: 25px; } .section__bottom-content .icon--map { left: 20px; top: -2px; } .section__bottom-content .section__address { font-size: 16px; line-height: 26px; } .section__bottom-content .section__contact { top: 1px; } .section__bottom-content .section__contact li { font-size: 16px; line-height: 26px; } /* Events Details page */ .event-details__landing .section__title { font-size: 60px; line-height: 50px; } .event-schedule__container { padding: 35px 30px 35px; } .event-schedule__container:before, .event-schedule__container:after { width: 240px; } .event-schedule__container .article__item { width: 284px; } .make-slider--outlined .et_pb_row { padding: 0 30px; } .make-slider--outlined .make-slider-header { padding-top: 35px; padding-bottom: 15px; } .event-schedule__toggle-container .arrow { top: -18px; height: 50px; width: 50px; padding: 16px; } .event-schedule__toggles li { height: 15px; width: 15px; } .section__gallery .et_pb_gallery_item { height: 224px; width: 224px; } .section--blue .value, .section--blue .sep p { font-size: 70px; line-height: 60px; } .section--blue .label { font-size: 16px; line-height: 26px; } .section__location-info { padding-top: 120px; padding-bottom: 195px; } .section__social-links .social-icons .instagram { width: 55px; height: 55px; } .section__social-links .social-icons .facebook { height: 55px; width: 25px; } .section__social-links .social-icons .twitter { height: 42px; width: 51px; } .section__social-links .social-icons .youtube { height: 42px; width: 60px; } /* Blog Landing Page */ .blog__search { margin-bottom: 15px; } .category__list { width: calc(100% - 80px); max-height: 54px; padding-top: 54px; } .category__list:after { border-width: 13px 12px 0 12px; } .category__list li { font-size: 16px; line-height: 26px; } .category__list--item { width: calc(100% - 80px); max-height: 58px; font-size: 16px; line-height: 26px; } .category__list--item:after { border-width: 13px 12px 0 12px; } .section__featured-article .article__meta { margin-top: 25px; } .section__featured-article .featured-event__item .event__description { margin-bottom: 30px; } .blog__post .article__img { height: 210px; } .section__more-articles .arrow__link svg { width: 22px; height: 12px; } .section__more-articles .arrow__left { left: -10px; } .section__more-articles .arrow__right { right: -10px; } /* Single Blog Post */ .single-blog__post .section__description iframe { height: 350px; } .single-blog__post .social-icons .facebook { width: 13px; height: 28px; } .single-blog__post .social-icons .twitter { width: 30px; height: 24px; } .single-blog__post .social-icons .google { width: 38px; height: 24px; } .single-blog__post .social-icons .pinterest { width: 28px; height: 28px; } .single-blog__post .social-icons .linkedin { width: 25px; height: 25px; } .profile__pic { width: 235px; } .author__profile { padding-left: 235px; margin-top: 30px; } /* Packages Template */ .section__packages-title { padding-top: 50px; } .section__packages-title .section__img { width: 150px; height: 157px; } .section__packages-title .section__heading { margin-top: 45px; } .package__container .deal { width: 425px; } .package__container .deal__description { width: calc(100% - 351px); } .section__blockquotes { padding-top: 40px; } .blockquote__slider { width: 600px; } .section__reasons-to-buy { padding-top: 65px; } .section__reasons-to-buy .section__title { margin-bottom: 55px; } .reasons__container li { width: 275px; } .reasons__container .icon__www { width: 45px; height: 45px; margin-top: 5px; } .reasons__container .icon__lightning { width: 26px; height: 53px; margin-bottom: 20px; } .reasons__container .icon__calendar { width: 48px; height: 47px; margin-bottom: 26px; } /* ========================================================================== EventBrite Table ========================================================================== */ .tickets__table thead th { font-size: 22px; } /* ========================================================================== Event Details Module ========================================================================== */ .divi-event-details table thead td { font-size: 22px; padding: 20px 20px; } .divi-event-details table td { font-size: 16px; line-height: 26px; } .divi-event-details .admission-adult, .divi-event-details .admission-child, .divi-event-details .admission-single { font-size: 36px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; } .divi-event-details .admission-adult .admission-price__cents, .divi-event-details .admission-child .admission-price__cents, .divi-event-details .admission-single .admission-price__cents { font-size: 18px; margin-top: -5px; } .divi-event-details .admission-adult .admission-dollar-sign, .divi-event-details .admission-child .admission-dollar-sign, .divi-event-details .admission-single .admission-dollar-sign { font-size: 20px; margin-top: -3px; } .divi-event-details .admission-adult .label-top, .divi-event-details .admission-child .label-top, .divi-event-details .admission-single .label-top { font-size: 14px; line-height: 24px; } .divi-event-details .admission-adult .label-bottom, .divi-event-details .admission-child .label-bottom, .divi-event-details .admission-single .label-bottom { font-size: 12px; line-height: 22px; margin-top: -10px; } .divi-event-details .admission-adult--label, .divi-event-details .admission-child--label { margin-left: 10px; margin-top: 0px; } } @media (max-width: 1023px) { /* General */ .wrapper { width: 920px; } /* Front Page */ .front-page__landing { height: auto; min-height: auto; padding-bottom: 350px; } .front-page__landing .section__title { padding-top: 200px; } } @media (max-width: 1023px) and (max-height: 825px) { .front-page__landing .section__title { padding-top: 200px; } } @media (max-width: 1023px) { .landing__callout { padding: 40px 70px; width: 560px; } .section__buckets .wrapper { width: 940px; } .section__events .btn__secondary { padding: 20px 15px; } .section__events .btn__primary { padding: 20px 15px; line-height: 18px; } .event__link { height: 180px; } .event__date { padding: 10px 12px; } .event__date .month { font-size: 11px; } .event__date .date { font-size: 22px; line-height: 16px; } .event__title { font-size: 14px; line-height: 24px; } .event__list .excerpt p { font-size: 13px; line-height: 19px; } .event__list .excerpt .event__address { margin-bottom: 10px; } .instagram-feed li { width: 209px; height: 209px; } .instagram-feed li + li { margin-left: 10px; } #mce-responses .response { font-size: 14px; line-height: 24px; } /* Basic Internal */ .page-content h1 { font-size: 105px; } .page-content h2 { font-size: 38px; line-height: 48px; } .page-content h3 { font-size: 30px; line-height: 40px; } .page-content h4 { font-size: 24px; line-height: 34px; } .page-content h5 { font-size: 18px; line-height: 22px; } .page-content blockquote { padding: 25px 15px 10px; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; margin-bottom: 30px; } .page-content blockquote p { font-size: 20px; line-height: 28px; } .page-content ul li, .page-content ol li { font-size: 16px; line-height: 26px; } .page-content ul li ul, .page-content ul li ol, .page-content ol li ul, .page-content ol li ol { margin-left: 25px; } .page-content .multiselect li { font-size: 16px; line-height: 26px; } table thead td, table thead th { font-size: 24px; line-height: 28px; padding: 10px 15px; } table td { padding: 13px 15px; } .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea { font-size: 16px; line-height: 26px; padding: 9px 15px; } .gform_wrapper label { font-size: 16px; line-height: 26px; } .gform_wrapper select[size], .gform_wrapper select[multiple], .gform_wrapper select[size][multiple] { height: 46px; } .gform_wrapper select[size] option, .gform_wrapper select[multiple] option, .gform_wrapper select[size][multiple] option { font-size: 16px; line-height: 26px; padding: 9px 15px; } /* Hours of Operation */ .category__title { font-size: 28px; line-height: 40px; padding: 17px 20px; } .category__places li { width: 432px; padding: 12px 20px; } .category__places .place__name { width: calc(100% - 145px); } .category__places .place__name a { font-size: 14px; line-height: 24px; } .category__places .place__hours { width: 145px; } .category__places .place__hours p { font-size: 14px; line-height: 24px; } /* Image Grid Template */ .image__grid-item { height: 200px; width: 200px; } .image__grid-item:nth-child(1) { width: 443px; height: 418px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 200px; width: 200px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: 443px; height: 418px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: -217px; } .image__grid-link { padding: 25px 35px; } .image__grid-link .btn__quaternary { width: 215px; padding: 15px 20px; } /* Section Landing Page Template */ .section__featured-event { padding-bottom: 75px; } .featured-event__item .event__link { width: 420px; } .featured-event__item .excerpt { width: calc(100% - 420px); margin-left: 420px; padding: 20px; } .featured-event__item .event__title { margin-bottom: 10px; font-size: 38px; line-height: 48px; } .featured-event__item .event__description { margin-bottom: 30px; padding-right: 0; } .section__half-col .wrapper { width: 940px; } .section__savings .col__half-width .section__title { margin-top: 5px; } .savings__description { padding-right: 15px; } .deal .price, .deal .et_pb_et_price { font-size: 50px; } .deal .price span.cents, .deal .et_pb_et_price span.cents { font-size: 32px; } .col__half-width .section__link { margin-top: 30px; width: 100%; } .attraction-recommendations__list li { width: 284px; } .attraction-recommendations__description { padding: 12px 15px 92px; } .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 12px; } .col__third-width { padding: 0 15px; } .section__third-col .wrapper { width: 950px; } .content-grid__item { width: 284px; } .article__item { width: 284px; } .article__item .article__date { width: 100%; } .article__item .article__category, .article__item .post-categories { width: 100%; margin-top: 5px; } .event__item { width: 284px; } .insta-worthy__item { width: 284px; } .insta-worthy__item.et_pb_module--custom { width: 100%; } .insta-worthy__item .event__link { height: 175px; } .insta-worthy__item .insta__num { padding: 15px 5px; height: 55px; width: 55px; } .insta-worthy__item .insta__num p { font-size: 26px; } .insta-worthy__item .excerpt { padding: 15px 5px 10px; } .insta-worthy__item .instagram__link { font-size: 14px; line-height: 24px; } .insta-worthy__item .instagram__link span { margin-left: 5px; } /* Calendar of Events */ .event-slider__container { height: 450px; } .event-filter__container li .btn__primary { width: 164px; } .slide__content { width: calc(760px - 250px); } .section__calendar-events { padding-bottom: 160px; } .calendar-event__item .attraction-recommendations__description { padding: 15px 15px 95px; } .calendar-event__item .details { width: 135px; bottom: 20px; } /* Attractions/Locations Details Page */ .section__details-content .section__description { width: 510px; } .section__details-content .section__sidebar { width: calc(100% - 515px); } .section__details-content .icon__sun img { width: 37px; height: 37px; } .section__details-content .icon__feast-on img { height: 34px; width: 34px; } .section__details-content .icon__seasonal img { height: 36px; width: 36px; margin-top: 2px; } .section__details-content .icon__snow img { height: 33px; width: 30px; margin-top: 3px; } .section__details-content .icon__year-round img { width: 32px; height: 32px; } .section__details-content .icon__partial-access img { width: 36px; height: 36px; } .section__details-content .icon__spring img { height: 34px; width: 34px; } .section__details-content .icon__fall img { height: 36px; width: 36px; } .section__details-content .icon__self-guided-tour img, .section__details-content .icon__guided-tour img { height: 34px; width: 34px; } .section__details-content .icon__snackbar img { height: 34px; width: 34px; } .section__details-content .icon__theater img { height: 41px; width: 41px; } .section__details-content .icon__wheelchair img { height: 30px; width: 26px; margin-top: 5px; } .article__item.article__item--teal .attraction-recommendations__description { padding-bottom: 30px; } .admission__title, .admission__prices:before, .et_pb_module.et_pb_pricing:before { font-size: 26px; line-height: 38px; } .week__title { font-size: 18px; line-height: 22px; } .week__toggle { top: 12px; } .admission__prices .price, .admission__prices .et_pb_et_price, .et_pb_pricing.et_pb_module .price, .et_pb_pricing.et_pb_module .et_pb_et_price, .et_pb_fullwidth_hours .price, .et_pb_fullwidth_hours .et_pb_et_price { font-size: 50px; } .admission__prices .price span.cents, .admission__prices .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .price span.cents, .et_pb_pricing.et_pb_module .et_pb_et_price span.cents, .et_pb_fullwidth_hours .price span.cents, .et_pb_fullwidth_hours .et_pb_et_price span.cents { font-size: 32px; } .admission__prices li .admission__price-container, .et_pb_pricing.et_pb_module li .admission__price-container, .et_pb_fullwidth_hours li .admission__price-container { padding: 55px 5px; } .admission__prices li .calendar__time-container, .et_pb_pricing.et_pb_module li .calendar__time-container, .et_pb_fullwidth_hours li .calendar__time-container { padding: 20px 5px 15px; } .admission__prices .width__sixth .price, .admission__prices .width__sixth .et_pb_et_price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__sixth .price, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_fullwidth_hours .width__sixth .price, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price { font-size: 38px; } .admission__prices .width__sixth .price span.cents, .admission__prices .width__sixth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__sixth .price span.cents, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_fullwidth_hours .width__sixth .price span.cents, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 28px; -webkit-transform: translateY(-4px); transform: translateY(-4px); } .section__bottom-content .section__address { padding: 0 205px; } .section__bottom-content .section__contact li + li { padding-left: 10px; margin-left: 2px; } .insta-worthy__item .event__title { font-size: 14px; } /* Calendar of events */ .section__calendar-events .article__item { width: 289px; } /* Events Details page */ .event-details__landing { padding-top: 60px; padding-bottom: 100px; } .event-details__landing .section__content { width: 480px; position: relative; top: 0; -webkit-transform: translateY(0); transform: translateY(0); } .event-details__landing .section__title { padding-top: 0; font-size: 56px; line-height: 46px; } .event-schedule__container { padding: 25px 30px 35px; } .event-schedule__container:before, .event-schedule__container:after { width: 205px; } .event-schedule__container .section__title { margin-bottom: 25px; } .event-schedule__container .article__item { width: 260px; } .make-slider--outlined .et_pb_row { padding: 0 30px; } .make-slider--outlined .make-slider-header { padding-top: 35px; padding-bottom: 15px; } .event-schedule__toggles { padding: 0 90px; } .event-schedule__toggle-container .arrow { top: -15px; height: 46px; width: 45px; padding: 12px; } .section--blue .value, .section--blue .sep p { font-size: 68px; line-height: 58px; } .article__item.block--blue { padding: 30px 20px; } .section__location-info { padding-top: 110px; padding-bottom: 180px; } .section__gallery .et_pb_gallery_item { height: 206px; width: 206px; } /* Blog Landing Page */ .section__featured-article { margin-bottom: 75px; } .section__featured-article .article__meta { margin-top: 15px; } .section__featured-article .featured-event__item .event__description { margin-bottom: 20px; } .section__featured-article .article__date { font-size: 14px; line-height: 26px; } .section__featured-article .post-categories a { font-size: 16px; line-height: 26px; } .section__blog-posts { padding-top: 0; padding-bottom: 25px; } .blog__post { margin-bottom: 50px; } .blog__post .article__img { height: 200px; } .blog__post .section__link { margin-top: 0; } .blog__post .article__meta { margin-top: 15px; margin-bottom: 10px; } .blog__post .article__date { font-size: 14px; line-height: 26px; } .blog__post .post-categories a { font-size: 16px; line-height: 26px; } /* Single Blog Post */ .single-blog__post .section__description iframe { height: 315px; } .single-blog__post .article__meta { margin-top: 35px; margin-bottom: 10px; } .single-blog__post .post-categories a { font-size: 16px; line-height: 26px; } .single-blog__post .sidebar__deal .text__callout { font-size: 24px; } .single-blog__post .social-icons { padding-left: 40px; } .profile__pic { width: 175px; } .author__profile { padding-left: 175px; } .profile__description { padding: 20px 15px 15px; } .section__more-articles .make-slider { padding-top: 0px; } /* Packages Template */ .section__packages-title .section__img { width: 135px; height: 141px; } .section__packages-title .section__heading { margin-top: 40px; } .package__container .deal { width: 385px; } .package__container .deal .box--blue { margin-bottom: 50px; } .package__container .deal__description { width: calc(100% - 311px); padding: 20px 25px 20px; } .package__container .deal__description.description__yes-callout { padding: 55px 25px 20px; } .package__container .deal__description .callout { padding: 10px 25px 8px; } .section__blockquotes blockquote { padding: 25px 25px 30px; } .section__blockquotes blockquote p { font-size: 20px; line-height: 26px; } .blockquote__arrow { top: 55px; } .blockquote__arrow svg { width: 18px; height: 10px; } .section__reasons-to-buy .section__title { margin-bottom: 40px; } .reasons__container li { width: 250px; } .reasons__container li + li:before { font-size: 38px; left: -43px; } /* ========================================================================== EventBrite Table ========================================================================== */ .tickets__table thead th { font-size: 20px; } /* ========================================================================== Event Details Module ========================================================================== */ .divi-event-details table thead td { font-size: 20px; padding: 20px 15px; } .divi-event-details table td { font-size: 14px; line-height: 24px; } .divi-event-details .admission-adult, .divi-event-details .admission-child, .divi-event-details .admission-single { font-size: 30px; margin-right: 10px; margin-bottom: 5px; margin-top: 5px; } .divi-event-details .admission-adult .admission-price__cents, .divi-event-details .admission-child .admission-price__cents, .divi-event-details .admission-single .admission-price__cents { font-size: 18px; margin-top: -5px; } .divi-event-details .admission-adult .admission-dollar-sign, .divi-event-details .admission-child .admission-dollar-sign, .divi-event-details .admission-single .admission-dollar-sign { font-size: 20px; margin-top: -3px; } .divi-event-details .admission-adult .label-top, .divi-event-details .admission-child .label-top, .divi-event-details .admission-single .label-top { font-size: 14px; line-height: 24px; } .divi-event-details .admission-adult .label-bottom, .divi-event-details .admission-child .label-bottom, .divi-event-details .admission-single .label-bottom { font-size: 12px; line-height: 22px; margin-top: -10px; } .divi-event-details .admission-adult-child { margin-bottom: 0; } .divi-event-details .admission-adult--label, .divi-event-details .admission-child--label { margin-left: 10px; margin-top: -5px; } /* ========================================================================== Search Page ========================================================================== */ .search-result .search-result__title { margin-bottom: 10px; } .search-result__url { font-size: 14px; } } @media (max-width: 992px) { /* General */ .wrapper { width: 760px; } .inner-wrapper { width: 650px; } /* Front Page */ .front-page__landing .section__title { padding-top: 165px; } .front-page__landing .page-header__video { display: none; } .front-page__landing .page-header__video video { display: none; } .front-page__landing.fallback { display: block; } .front-page__landing--bg.fallback { display: block; } .section__buckets { padding-top: 75px; padding-bottom: 75px; } .section__buckets .wrapper { width: 780px; left: -5px; } .bucket { margin-bottom: 15px; padding: 20px 15px; } .bucket .bucket__callout--color-primary { padding: 10px 15px; } .bucket__two-third { margin-left: 20px; height: 415px; } .bucket__two-third .bucket__callout { width: 245px; } .bucket__one-third { margin-left: 20px; height: 200px; padding-top: 132px; } .bucket__divi { height: 200px; padding-top: 132px; } .section__events { padding-top: 80px; padding-bottom: 80px; } .section__events .btn__secondary { width: auto; } .section__events .btn__primary { padding: 15px 5px; } .event__item { width: 230px; padding: 7px 7px 15px; } .event__item + .event__item { margin-left: 15px; } .event__item .excerpt { padding-top: 15px; } .event__list { margin-top: 40px; } .event__list .event__item { width: 230px; padding: 7px 7px 15px; } .event__list .event__item + .event__item { margin-left: 15px; } .event__list .excerpt { padding-top: 15px; } .event__link { height: 160px; } .event__date { padding: 5px 10px; } .event__date span { margin-bottom: 2px; } .event__date .date { font-size: 20px; line-height: 14px; } .section__newsletter { padding-top: 65px; padding-bottom: 75px; } .section__newsletter form input { width: 367px; padding: 20px; font-size: 12px; } .section__newsletter form button { height: 55px; } .link__instagram svg { width: 30px; height: 30px; } .instagram-feed li { width: 230px; height: 230px; } .instagram-feed li:nth-child(5) { margin-left: 10px; } .instagram-feed li:nth-child(4) { margin-left: 0; } .instagram-feed li:nth-child(n + 7) { display: none; } /* Basic Internal */ .page-header { padding-top: 140px; padding-bottom: 165px; } .page-header .page-header__video { display: none; } .page-header .page-header__video video { display: none; } .page-header__img.fallback { display: block; } .page-content h1 { font-size: 94px; } .page-content h2 { font-size: 36px; line-height: 46px; } .page-content h3 { font-size: 28px; line-height: 38px; } .page-content h4 { font-size: 22px; line-height: 32px; } .page-content h5 { font-size: 16px; line-height: 20px; } .page-content h6 { font-size: 14px; line-height: 24px; } .page-content hr { width: calc(100% + 110px); left: -55px; } table thead td, table thead th { font-size: 20px; line-height: 22px; } table td { font-size: 14px; line-height: 24px; } .gform_wrapper .gsection_title { font-size: 14px; line-height: 24px; } .gform_wrapper form { width: 780px; } .gform_wrapper input[type=submit] { width: 275px; } .gform_wrapper .ginput_container_fileupload input[type=file]:before { height: 17px; width: 13px; top: 10px; right: -190px; } .gform_wrapper .ginput_container_fileupload input[type=file]:after { width: 200px; } /* FAQ */ .search__form { width: 475px; margin: 35px auto 0; } .search__form input { padding: 14px 55px; } .search__form button { top: 19px; left: 24px; } .faq__container { display: block; width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .categories__section, .faq__question { width: 100%; margin: 0 10px; } /* Hours of Operation */ .calendars__dates { width: 585px; } .calendars__dates .arrow { top: -8px; } .category__title { font-size: 26px; line-height: 38px; padding: 12px 20px; } .category__places li { width: 352px; } /* Image Grid Template */ .image__grid-item { height: 175px; width: 175px; } .image__grid-item .icon__eye { width: 60px; height: 39px; -webkit-transform: translateY(-50%) translateX(-30px); transform: translateY(-50%) translateX(-30px); } .image__grid-item:nth-child(1) { width: 333px; height: 368px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 175px; width: 175px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: 333px; height: 368px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: -192px; } /* Contact Us Template */ .contact__description { padding-top: 55px; padding-bottom: 100px; padding-right: 30px; } .contact__description .social-icons li { width: 50px; } .contact__description .social-icons li + li { margin-left: 15px; } .contact__description .social-icons .instagram { height: 28px; width: 28px; margin-top: 0; } .contact__description .social-icons .facebook { height: 28px; width: 13px; margin-left: 7px; } .contact__description .social-icons .twitter { height: 23px; width: 28px; margin-top: 3px; } .contact__description .social-icons .youtube { height: 24px; width: 34px; margin-top: 2px; } .contact__form { padding: 70px 45px 0; } .contact__form .gform_wrapper .nice-select .list li { font-size: 14px; } .contact-info__box { padding-right: 20px; padding-bottom: 60px; } .contact-info__box .contact__location { font-size: 14px; line-height: 24px; } .contact-info__box .contact__phone, .contact-info__box .contact__map { font-size: 14px; } .contact-info__box .contact__email { width: calc(100% - 20px); } /* Section Landing Page Template */ .featured-event__item .event__link { width: 315px; } .featured-event__item .event__title { font-size: 36px; line-height: 46px; } .featured-event__item .excerpt { width: calc(100% - 315px); margin-left: 315px; } .section__half-col .wrapper { width: 775px; } .section__savings .col__half-width .section__title { margin-top: -30px; } .savings__description { padding-right: 0; } .deal .price, .et_pb_et_price { font-size: 42px; } .deal .price span.cents, .et_pb_et_price span.cents { font-size: 26px; } .attraction-recommendations__img { height: 160px; } .attraction-recommendations__description { padding: 10px 15px 80px; } .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 10px; } .attraction-recommendations__description.attraction-recommendations__description--no-button .et_pb_sb_read-more { bottom: auto; } .attraction-recommendations__description .icons { width: 100%; } .attraction-recommendations__description .et_pb_sb_read-more { font-size: 14px; display: inline-block; width: auto; position: relative; right: auto; bottom: auto; margin-top: 15px; } .section__third-col .wrapper { width: 770px; } .col__third-width { padding: 0 7px; } .content-grid__item { width: 230px; } .content-grid__item .attraction-recommendations__img { height: 160px; } .content-grid__item .instagram__img { height: 160px; } .content-grid__item .instagram__link { font-size: 14px; line-height: 24px; } .content-grid__item .instagram__link svg { width: 18px; height: 18px; } .content-grid__item .instagram__link span { margin-top: 2px; margin-left: 5px; } .article__item { width: 230px; } .article__item .contact-info li { display: block; line-height: 16px; } .article__item .contact-info li + li { margin-top: 5px; margin-left: 0px; padding-left: 0px; position: relative; } .article__item .contact-info li + li:before { content: none; } .insta-worthy__item { width: 230px; } .insta-worthy__item .event__link { height: 155px; } .insta-worthy__item .insta__num { padding: 13px 5px; height: 50px; width: 55px; } .insta-worthy__item .insta__num p { font-size: 24px; } .insta-worthy__item .instagram__link { font-size: 14px; line-height: 24px; } .insta-worthy__item .instagram__link svg { width: 18px; height: 18px; } .insta-worthy__item .instagram__link span { margin-top: 2px; margin-left: 5px; } /* Calendar of Events */ .event-slider__container { height: 400px; } .section__details-slider .slide__content { width: calc(100% - 185px); } .event-filter__container li .btn__primary { width: 229px; } .section__event-calendar-dates { padding-top: 30px; padding-bottom: 30px; } .section__event-calendar-dates .calendars__dates .icon__calendar svg { width: 28px; height: 27px; } .section__event-calendar-dates .calendars__dates .arrow { top: 12px; } .section__event-calendar-dates .calendars__dates .arrow svg { width: 22px; height: 12px; } .slide__content { width: calc(760px - 250px); } .calendar-event__item .attraction-recommendations__description { padding: 15px 15px 80px; } .calendar-event__item .attraction-recommendations__description.attraction-recommendations__description--no-button { padding-bottom: 15px; } .section__calendar-events .article__item { width: 236px; } /* Attractions/Locations Details Page */ .section__details-content .section__description { width: 405px; } .section__details-content .section__sidebar { width: calc(100% - 410px); padding-left: 50px; } .section__details-content .sidebar__btns .btn__download { padding: 18px 40px 18px 30px; } .section__details-content .sidebar__btns .btn__download:after { top: 0px; right: 20px; } .admission__title, .admission__prices:before, .et_pb_module.et_pb_pricing:before { font-size: 24px; line-height: 36px; } .week__title { font-size: 16px; line-height: 20px; } .admission__prices .price, .admission__prices .et_pb_et_price, .et_pb_pricing.et_pb_module .price, .et_pb_pricing.et_pb_module .et_pb_et_price, .et_pb_fullwidth_hours .price, .et_pb_fullwidth_hours .et_pb_et_price { font-size: 42px; } .admission__prices .price span.cents, .admission__prices .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .price span.cents, .et_pb_pricing.et_pb_module .et_pb_et_price span.cents, .et_pb_fullwidth_hours .price span.cents, .et_pb_fullwidth_hours .et_pb_et_price span.cents { font-size: 26px; } .admission__prices li .admission__age-container, .admission__prices .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_fullwidth_hours li .admission__age-container, .et_pb_fullwidth_hours .et_pb_pricing_table .admission__age-container { padding: 10px 5px 10px; } .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours li .et_pb_pricing_title, .et_pb_fullwidth_hours .et_pb_pricing_table .et_pb_pricing_title { padding: 10px 5px 0px; } .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours li .et_pb_best_value, .et_pb_fullwidth_hours .et_pb_pricing_table .et_pb_best_value { padding: 0px 5px 10px; } .admission__prices li .admission__price-container, .admission__prices li .et_pb_pricing_content_top, .admission__prices .et_pb_pricing_table .admission__price-container, .admission__prices .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module li .admission__price-container, .et_pb_pricing.et_pb_module li .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_fullwidth_hours li .admission__price-container, .et_pb_fullwidth_hours li .et_pb_pricing_content_top, .et_pb_fullwidth_hours .et_pb_pricing_table .admission__price-container, .et_pb_fullwidth_hours .et_pb_pricing_table .et_pb_pricing_content_top { padding: 57px 5px; } .admission__prices li .calendar__time-container, .admission__prices .et_pb_pricing_table .calendar__time-container, .et_pb_pricing.et_pb_module li .calendar__time-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .calendar__time-container, .et_pb_fullwidth_hours li .calendar__time-container, .et_pb_fullwidth_hours .et_pb_pricing_table .calendar__time-container { padding: 20px 5px 15px; } .admission__prices li .calendar__time-container p, .admission__prices .et_pb_pricing_table .calendar__time-container p, .et_pb_pricing.et_pb_module li .calendar__time-container p, .et_pb_pricing.et_pb_module .et_pb_pricing_table .calendar__time-container p, .et_pb_fullwidth_hours li .calendar__time-container p, .et_pb_fullwidth_hours .et_pb_pricing_table .calendar__time-container p { font-size: 14px; line-height: 22px; } .admission__prices .width__sixth .price, .admission__prices .width__sixth .et_pb_et_price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__sixth .price, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_fullwidth_hours .width__sixth .price, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price { font-size: 30px; } .admission__prices .width__sixth .price span.cents, .admission__prices .width__sixth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__sixth .price span.cents, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_fullwidth_hours .width__sixth .price span.cents, .et_pb_fullwidth_hours .width__sixth .et_pb_et_price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 22px; -webkit-transform: translateY(-3px); transform: translateY(-3px); } .admission__age { line-height: 20px; } .section__img-callout { padding-top: 100px; padding-bottom: 200px; } .section__img-callout .section__bg { height: 100%; } .section__img-callout .btn__primary { margin: 0 auto; } .section__bottom-content .map-icon { width: 18px; height: 23px; } .section__bottom-content .icon--map { top: 1px; } .section__bottom-content .section__address { font-size: 14px; line-height: 22px; } .section__bottom-content .section__contact li { font-size: 14px; line-height: 22px; } .et_divi_builder #et_builder_outer_content .et_pb_section.et_pb_section_video { background-color: transparent !important; background-size: cover !important; background-repeat: no-repeat; background-position: center; } .et_pb_section_video .mejs-video, .et_pb_section_video video { display: none; } /* Events Details page */ .event-details__landing .section__title { padding-top: 0; font-size: 54px; line-height: 44px; } .event-details__landing .section__content { width: 390px; } .event-details__landing .section__bg.fallback { display: block; } .event-schedule__container { padding: 0 0 45px; border: none; } .event-schedule__container:before, .event-schedule__container:after { content: none; } .event-schedule__container .article__item { width: 230px; } .event-schedule__container .et_pb_row.active { padding-bottom: 30px; } .event-schedule__container .et_pb_row.active:after, .event-schedule__container .et_pb_row.active:before { width: 210px; } .event-schedule__toggle-container { bottom: 25px; } .make-slider--outlined .et_pb_column_1_3 { width: calc(33.333% - 10px); } .make-slider--outlined .et_pb_row { padding: 0 20px; } .make-slider--outlined .make-slider-header { padding-top: 25px; padding-bottom: 10px; } .event-schedule__toggles { padding: 0px 65px; } .event-schedule__callout { width: 635px; } .section--blue .value, .section--blue .sep p { font-size: 60px; line-height: 50px; } .section--blue .section__description { width: 635px; } .article__item.block--blue { padding: 20px 20px 30px; } .section__location-info { padding-top: 90px; padding-bottom: 150px; } .section__gallery .et_pb_gallery_item { height: 163px; width: 163px; } .instagram-feed .image-gallery__feed a .plus-icon { width: 32px; } .section__social-links .social-icons { width: 550px; } .section__social-links .social-icons .instagram { width: 45px; height: 45px; } .section__social-links .social-icons .facebook { height: 42px; width: 20px; } .section__social-links .social-icons .twitter { height: 33px; width: 40px; } .section__social-links .social-icons .youtube { height: 33px; width: 47px; } /* Blog Landing Page */ .blog__search { width: 100%; margin-top: 0; margin-bottom: 15px; } .blog__search input { padding: 9px 10px 8px 55px; } .blog__search button { top: 13px; } .category__list { width: calc(100% - 50px); max-height: 44px; padding-top: 44px; } .category__list:after { border-width: 11px 10px 0 10px; top: 16px; } .category__list li { font-size: 14px; line-height: 24px; padding: 5px 15px; } .category__list li.active { padding: 10px 15px; } .category__list--item { width: calc(100% - 50px); max-height: 44px; font-size: 14px; line-height: 24px; padding: 10px 15px; } .category__list--item:after { border-width: 11px 10px 0 10px; top: 16px; } .section__featured-article .article__date { width: calc(100% - 210px); } .section__featured-article .post-categories { width: 205px; } .section__featured-article .post-categories li { margin: 0 4px; } .blog__post .article__img { height: 160px; } .blog__post .post-categories { width: calc(100% + 8px); margin-left: -4px; margin-right: -4px; } .blog__post .post-categories li { margin: 0 4px; } .section__more-articles .arrow__link svg { width: 20px; height: 11px; } .section__more-articles .arrow__left { left: -3px; } .section__more-articles .arrow__right { right: -3px; } /* Single Blog Post */ .single-blog__post .section__description iframe { height: 270px; } .single-blog__post .article__meta { margin-top: 35px; margin-bottom: 10px; } .single-blog__post .post-categories a { font-size: 16px; line-height: 26px; } .single-blog__post .social-icons { padding-left: 30px; } .single-blog__post .social-icons li { max-width: 60px; } .single-blog__post .social-icons .twitter { margin-left: 42px; } .single-blog__post .social-icons .google { margin-left: 37px; } .single-blog__post .social-icons .pinterest { margin-left: 40px; } .single-blog__post .social-icons .linkedin { margin-left: 44px; } .profile__pic { width: 100%; bottom: auto; right: 0; height: 200px; } .author__profile { padding-left: 0; padding-top: 200px; } .profile__description { padding: 20px 15px 15px; } .profile__description p { font-size: 13px; line-height: 19px; } /* Packages Template */ .section__packages-title .section__img { width: 120px; height: 126px; } .section__packages-title .section__heading { margin-top: 30px; margin-left: 10px; } .section__packages-title .section__title { margin-bottom: 0; } .package__container .deal { width: 340px; } .package__container .deal__description { width: calc(100% - 266px); } .package__container .deal__description.description__yes-callout { padding: 50px 20px 20px; } .package__container .deal__description .callout { padding: 10px 20px 8px; } .package__container .deal__price { margin-bottom: 15px; padding-bottom: 5px; } .package__container .deal__places li { margin-bottom: 8px; } .package__container .deal__places a { line-height: 18px; } .blockquote__slider { width: 525px; } .reasons__container li { width: 228px; margin: 0 6px; } .reasons__container li + li:before { font-size: 32px; left: -18px; } .reasons__container .icon__www { width: 38px; height: auto; margin-top: 5px; } .reasons__container .icon__lightning { width: 23px; height: 47px; margin-bottom: 19px; } .reasons__container .icon__calendar { width: 40px; height: 39px; margin-bottom: 27px; } /* ========================================================================== EventBrite Table ========================================================================== */ .tickets__table thead th { font-size: 18px; padding: 15px 30px; } .tickets__table td { padding: 10px 30px; } } @media (max-width: 767px) { /* General */ .wrapper, .inner-wrapper { width: 100%; } .inner-wrapper { padding: 0; } .landing__callout { width: 80%; padding: 20px 40px; } /*Front Page*/ .front-page__landing { padding-bottom: 280px; } .front-page__landing .section__title { padding-top: 100px; } .section__buckets { padding-left: 0; padding-top: 60px; padding-bottom: 60px; } .section__buckets .wrapper { width: calc(100% + 30px); left: -15px; } .section__buckets .section__title { margin-left: 0; } .bucket.bucket__two-third { height: 385px; margin-left: 15px; width: calc(100% - 30px); } .bucket.bucket__one-third { margin-left: 15px; width: calc(50% - 23px); } .bucket.tablet-full { margin-left: 15px; width: calc(100% - 30px); } .section__events { padding: 60px 0 140px; } .section__events .btn__secondary { bottom: -85px; top: auto; } .section__events .btn__primary { line-height: 16px; } .event__link { width: calc(50% - 15px); display: inline-block; height: auto; position: absolute; top: 7px; left: 7px; height: calc(100% - 14px); padding: 0; } .event__list { display: block; } .event__list .event__item { width: 100%; display: inline-block; padding: 15px 7px; position: relative; } .event__list .event__item + .event__item { margin-left: 0; } .event__list .event__item:not(:last-child) { margin-bottom: 18px; } .event__list .event__item .excerpt { padding-top: 0; padding-left: 7px; padding-right: 15px; display: inline-block; width: calc(50% + 10px); vertical-align: top; margin-left: 50%; } .event__item { width: 100%; display: inline-block; padding: 15px 7px; position: relative; margin-bottom: 18px; } .event__item + .event__item { margin-left: 0; } .event__item:not(:last-child) { margin-bottom: 18px; } .event__item .excerpt { padding-top: 0; padding-left: 7px; padding-right: 15px; display: inline-block; width: calc(50% + 10px); vertical-align: top; margin-left: 50%; } .event__date { left: 0; right: auto; } .section__half { width: 100%; } .itinerary__image { position: absolute; top: 60px; left: 20px; right: 20px; width: calc(100% - 40px); } .itinerary__image img { width: 100%; height: 360px; -o-object-fit: cover; object-fit: cover; } .section__newsletter p { width: 100%; } .section__newsletter form { width: 100%; } .section__newsletter form input { width: calc(100% - 197px); } #mce-responses .response { width: 100%; } .instagram-feed { text-align: center; padding-left: 0px; } .instagram-feed li { width: calc(50% - 8px); height: 200px; overflow: hidden; } .instagram-feed li a { width: 101%; height: 101%; } .instagram-feed li:nth-child(3) { margin-left: 0; } .instagram-feed li:nth-child(4) { margin-left: 10px; } .instagram-feed li:nth-child(n + 5) { display: none; } /* Basic Internal */ .page-header { padding-top: 115px; padding-bottom: 135px; } .page-content { padding-top: 60px; padding-bottom: 60px; } .page-content h1 { font-size: 82px; } .page-content h2 { font-size: 34px; line-height: 44px; } .page-content h3 { font-size: 26px; line-height: 36px; } .page-content h4 { font-size: 20px; line-height: 30px; } .page-content h5 { font-size: 16px; line-height: 24px; } .page-content hr { width: 100%; left: 0; } .page-content .multiselect li { width: 100%; display: block; } .page-content .multiselect li + li { margin-left: 0; margin-top: 35px; } .page-content .multiselect li a { padding: 9px 15px; } table { display: block; } table thead { display: none; } table thead th { display: none; } table thead td { padding: 0; min-height: 159px; } table thead td + td { margin-top: 0px; } table tr, table td { display: block; vertical-align: top; padding: 0; } table td { position: relative; } table td:before { content: attr(data-th) ": "; font-weight: bold; color: #fff; width: 125px; display: inline-block; margin-right: 30px; font-size: 16px; } table td + td { margin-top: 10px; } table tr { padding: 20px 15px; position: relative; } table tr:before { content: ''; display: inline-block; height: 100%; width: 150px; background: #009FB0; position: absolute; top: 0; left: 0; bottom: 0; } table tr:nth-child(2n):before { background: #008897; } table tbody { width: 100%; display: block; } .gform_wrapper { width: calc(100% + 40px); left: -20px; right: -20px; } .gform_wrapper form { width: 100%; } .gform_wrapper .ginput_container_address { margin-bottom: 0; } .gform_wrapper .ginput_container_address span { margin-bottom: 35px; display: inline-block; width: calc(100%); } .gform_wrapper .ginput_container_address span:nth-child(n + 3) { width: calc(100%); } .gform_wrapper .ginput_container_address span:nth-child(3) { margin-left: 0; } .gform_wrapper .ginput_container_address span + span { margin-left: 0; } .gform_wrapper .ginput_container_address input { width: calc(100%); display: inline-block; } .gform_wrapper .ginput_container_address .address_country { margin-left: 0; margin-bottom: 0; } .gform_wrapper .ginput_container_email span { display: inline-block; width: 100%; } .gform_wrapper .ginput_container_email span.ginput_right { margin-left: 0; margin-top: 35px; } .gform_wrapper .width__one-third, .gform_wrapper .width__one-half, .gform_wrapper .width__two-third { width: calc(100% - 20px); } .gform_wrapper select[size], .gform_wrapper select[multiple], .gform_wrapper select[size][multiple] { height: 210px; } .gform_wrapper select[size] option, .gform_wrapper select[multiple] option, .gform_wrapper select[size][multiple] option { width: 100%; display: block; } .gform_wrapper select[size] option + option, .gform_wrapper select[multiple] option + option, .gform_wrapper select[size][multiple] option + option { margin-left: 0; margin-top: 35px; } .ui-datepicker-calendar thead { width: auto; height: auto; display: table-row; } .ui-datepicker-calendar thead tr { padding: 0; } .ui-datepicker-calendar th { padding: 10px 15px; font-size: 20px; line-height: 24px; } .ui-datepicker-calendar tr { padding: 0; display: table-row; } .ui-datepicker-calendar td { display: table-cell; } .ui-datepicker-calendar a { font-size: 20px; line-height: 24px; padding: 5px 7px; } /* FAQ */ .search__form { width: 100%; max-width: 400px; } .search__form input { padding: 10px 40px; font-size: 12px; line-height: 26px; } .search__form svg { width: 16px; height: 16px; } .search__form button { top: 16px; left: 15px; } .faq__popular { padding-bottom: 45px; } .faq__section { padding-top: 60px; padding-bottom: 70px; } .faq__container, .faq__categories { width: 100%; margin-left: 0; margin-right: 0; } .faq__categories { padding-top: 40px; } .categories__section, .faq__question { width: 100%; margin: 0; } .categories__section + .categories__section { margin-top: 30px; } .section__callout { padding-top: 50px; padding-bottom: 70px; } /* Hours of Operation */ .section__hours-of-operation { padding-bottom: 90px; } .category-btns { margin: 0 auto 15px; display: block; } .category-btns + .category-btns { margin-left: auto; } .category-btns:nth-child(4n + 1) { margin-left: auto; } .calendars__dates { width: 440px; } .calendars__dates .icon__calendar { margin-left: 20px; } .calendars__dates .icon__calendar svg { width: 25px; height: 25px; } .calendars__dates .arrow { padding: 5px; top: 6px; } .calendars__dates .arrow__left { left: 0px; } .calendars__dates .arrow__right { right: 0px; } .category__places li { width: 100%; } .category__places li:nth-child(4n - 2), .category__places li:nth-child(4n - 1) { background: #ededed; } .category__places li:nth-child(2n) { margin-left: 0; background: #fff; } /* Image Grid Template */ .image__grid-item { height: 45vw; width: calc(50% - 27px); } .image__grid-item:nth-child(1) { width: calc(100% - 36px); height: 60vw; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 45vw; width: calc(50% - 27px); } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: calc(100% - 36px); height: 60vw; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: 0; } .image__grid-link { padding: 25px 195px 25px 25px; } .image__grid-link .btn__quaternary { width: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } /* Contact Us Template */ .contact__description { padding-bottom: 60px; padding-right: 0px; width: 100%; } .contact__description .social-icons li { width: 50px; } .contact__description .social-icons li + li { margin-left: 15px; } .contact__description .social-icons .instagram { height: 28px; width: 28px; margin-top: 0; } .contact__description .social-icons .facebook { height: 28px; width: 13px; margin-left: 7px; } .contact__description .social-icons .twitter { height: 23px; width: 28px; margin-top: 3px; } .contact__description .social-icons .youtube { height: 24px; width: 34px; margin-top: 2px; } .contact__form { float: none; width: calc(100% + 40px); padding: 60px 20px 0; margin-left: -20px; } .contact__form .gform_validation_error { padding-top: 25px; } .contact__form .gform_validation_error .validation_error { top: -25px; } .contact__form .gform_confirmation_wrapper { height: auto; padding-bottom: 60px; } .contact__form .gform_confirmation_wrapper .gform_confirmation_message { font-size: 16px; position: relative; top: auto; -webkit-transform: translateY(0); transform: translateY(0); } .contact-info__box { width: 50%; margin-bottom: 20px; padding-right: 20px; } .contact-info__box .contact__location { font-size: 14px; line-height: 24px; } .contact-info__box .contact__phone, .contact-info__box .contact__map { font-size: 14px; } .contact-info__box .contact__email { max-width: 235px; } /* Section Landing Page Template */ .featured-event__item .event__link { width: 100%; bottom: auto; height: 300px; } .featured-event__item .event__title { font-size: 34px; line-height: 44px; } .featured-event__item .excerpt { width: 100%; margin-left: 0; padding-top: 320px; } .section__savings { margin-bottom: 0; } .section__savings .col__half-width .section__title { margin-top: 0; } .section__half-col .wrapper { width: 100%; -webkit-transform: translateX(0px); transform: translateX(0px); } .section__half-col .section__title { margin-left: 0; margin-bottom: 20px; } .col__half-width { width: 100%; float: none; margin-left: 0; margin-bottom: 20px; display: block; } .deal { margin-top: 60px; } .flex { display: block; } .attraction-recommendations__list { display: block; } .attraction-recommendations__list li { display: block; width: 385px; margin: 0 auto; } .attraction-recommendations__list li + li { margin-left: auto; margin-top: 20px; } .attraction-recommendations__description .icons li + li { margin-top: 0; } .attraction-recommendations__img { height: 225px; } .section__landing-faq .faq__categories { width: 100%; float: none; padding-top: 0; padding-right: 0; } .section__landing-faq .wrapper { padding-bottom: 70px; } .section__landing-faq .btn__faq { top: auto; right: 20px; bottom: 0; } .section__third-col .wrapper { width: 100%; } .col__third-width { padding: 0; width: 100%; float: none; } .col__third-width + .col__third-width { margin-top: 20px; } .content-grid__container { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0; } .content-grid__item { display: block; width: 385px; margin: 0 auto 30px; } .content-grid__item .attraction-recommendations__img { height: 225px; } .content-grid__item .instagram__img { height: 225px; } .article__container { width: 100%; margin-left: 0; margin-right: 0; display: block; } .article__item { display: block; width: 385px; margin: 0 auto 30px; } .insta-worthy__item { display: block; width: 100%; min-height: 160px; margin: 0 auto 15px; } .insta-worthy__item .event__link { top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 160px; } .insta-worthy__item .excerpt { padding: 175px 5px 10px; } /* Calendar of Events */ .event-slider__container { height: 360px; } .slide__content { width: calc(100% - 225px); } .section__event-filters { padding-top: 45px; padding-bottom: 40px; } .event-filter__container { margin-left: 0px; margin-right: 0px; width: 100%; } .event-filter__container li { margin: 0 auto 15px; width: 100%; } .event-filter__container li .btn__primary { width: 100%; padding: 15px; display: inline-block; } .section__calendar-events { padding-bottom: 100px; } .section__calendar-events .article__item { width: 385px; } .section__calendar-events .article__item + .article__item { margin-left: auto; } .section__calendar-events .article__item:nth-child(3n + 1) { margin-left: auto; } .calendar-event__item .event__link { width: 100%; display: inline-block; position: relative; top: 0px; left: 0px; height: 225px; padding: 0; } .calendar-event__item .attraction-recommendations__description { padding: 15px 15px 80px; } .section__gallery .et_pb_gallery_item { height: 45vw; width: calc(50% - 27px); } /* Attractions/Locations Details Page */ .section__details-slider { position: relative; } .section__details-slider .wrapper { position: static; } .section__details-slider .slide__content { bottom: auto; width: calc(100% - 40px); top: 30px; } .section__details-slider .event-slider__toggles { right: 0; left: 0; bottom: 30px; margin: 0 auto; text-align: center; } .section__details-slider .toggle__link.toggle__left { left: 20px; } .section__details-slider .toggle__link.toggle__right { right: 20px; } .section__details-content .section__description { width: 100%; } .section__details-content .section__sidebar { width: 100%; padding-left: 0; padding-top: 60px; text-align: left; } .section__details-content .section__sidebar .btn__primary { min-width: 100%; } .section__details-content .section__sidebar .btn__download { min-width: 100%; text-align: center; display: block; padding: 15px 40px; margin-bottom: 15px; } .section__details-content .section__sidebar .btn__download:after { top: 0; right: 30px; } .week__title { width: 100%; text-align: center; } .week__toggle { padding: 10px; position: relative; top: auto; right: auto; display: block; margin: 0 auto; text-align: center; } .admission__prices .width__quarter .price, .admission__prices .width__quarter .et_pb_et_price, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__quarter .price, .et_pb_pricing.et_pb_module .width__quarter .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table .et_pb_et_price, .et_pb_fullwidth_hours .width__quarter .price, .et_pb_fullwidth_hours .width__quarter .et_pb_et_price, .et_pb_fullwidth_hours.et_pb_pricing_4 .et_pb_pricing_table .price, .et_pb_fullwidth_hours.et_pb_pricing_4 .et_pb_pricing_table .et_pb_et_price { font-size: 36px; } .admission__prices .width__quarter .price span.cents, .admission__prices .width__quarter .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__quarter .price span.cents, .et_pb_pricing.et_pb_module .width__quarter .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_fullwidth_hours .width__quarter .price span.cents, .et_pb_fullwidth_hours .width__quarter .et_pb_et_price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_4 .et_pb_pricing_table .price span.cents, .et_pb_fullwidth_hours.et_pb_pricing_4 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 22px; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .admission__prices .width__fifth, .admission__prices .width__sixth, .admission__prices .width__seventh, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__fifth, .et_pb_pricing.et_pb_module .width__sixth, .et_pb_pricing.et_pb_module .width__seventh, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table, .et_pb_fullwidth_hours .width__fifth, .et_pb_fullwidth_hours .width__sixth, .et_pb_fullwidth_hours .width__seventh, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; vertical-align: middle; position: relative; } .admission__prices .width__fifth .admission__age-container, .admission__prices .width__fifth .et_pb_pricing_heading, .admission__prices .width__sixth .admission__age-container, .admission__prices .width__sixth .et_pb_pricing_heading, .admission__prices .width__seventh .admission__age-container, .admission__prices .width__seventh .et_pb_pricing_heading, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .admission__age-container, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_heading, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .admission__age-container, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_heading, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .admission__age-container, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_pricing.et_pb_module .width__fifth .admission__age-container, .et_pb_pricing.et_pb_module .width__fifth .et_pb_pricing_heading, .et_pb_pricing.et_pb_module .width__sixth .admission__age-container, .et_pb_pricing.et_pb_module .width__sixth .et_pb_pricing_heading, .et_pb_pricing.et_pb_module .width__seventh .admission__age-container, .et_pb_pricing.et_pb_module .width__seventh .et_pb_pricing_heading, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_fullwidth_hours .width__fifth .admission__age-container, .et_pb_fullwidth_hours .width__fifth .et_pb_pricing_heading, .et_pb_fullwidth_hours .width__sixth .admission__age-container, .et_pb_fullwidth_hours .width__sixth .et_pb_pricing_heading, .et_pb_fullwidth_hours .width__seventh .admission__age-container, .et_pb_fullwidth_hours .width__seventh .et_pb_pricing_heading, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .admission__age-container, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .admission__age-container, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_heading, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .admission__age-container, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_heading { width: 30%; display: inline-block; } .admission__prices .width__fifth .admission__price-container, .admission__prices .width__fifth .calendar__time-container, .admission__prices .width__fifth .et_pb_pricing_content_top, .admission__prices .width__fifth .et_pb_pricing_title, .admission__prices .width__fifth .et_pb_best_value, .admission__prices .width__sixth .admission__price-container, .admission__prices .width__sixth .calendar__time-container, .admission__prices .width__sixth .et_pb_pricing_content_top, .admission__prices .width__sixth .et_pb_pricing_title, .admission__prices .width__sixth .et_pb_best_value, .admission__prices .width__seventh .admission__price-container, .admission__prices .width__seventh .calendar__time-container, .admission__prices .width__seventh .et_pb_pricing_content_top, .admission__prices .width__seventh .et_pb_pricing_title, .admission__prices .width__seventh .et_pb_best_value, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .admission__price-container, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .calendar__time-container, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .admission__price-container, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .calendar__time-container, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .admission__price-container, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .calendar__time-container, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_content_top, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .width__fifth .admission__price-container, .et_pb_pricing.et_pb_module .width__fifth .calendar__time-container, .et_pb_pricing.et_pb_module .width__fifth .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .width__fifth .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__fifth .et_pb_best_value, .et_pb_pricing.et_pb_module .width__sixth .admission__price-container, .et_pb_pricing.et_pb_module .width__sixth .calendar__time-container, .et_pb_pricing.et_pb_module .width__sixth .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .width__sixth .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__sixth .et_pb_best_value, .et_pb_pricing.et_pb_module .width__seventh .admission__price-container, .et_pb_pricing.et_pb_module .width__seventh .calendar__time-container, .et_pb_pricing.et_pb_module .width__seventh .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .width__seventh .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__seventh .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .calendar__time-container, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .calendar__time-container, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .calendar__time-container, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours .width__fifth .admission__price-container, .et_pb_fullwidth_hours .width__fifth .calendar__time-container, .et_pb_fullwidth_hours .width__fifth .et_pb_pricing_content_top, .et_pb_fullwidth_hours .width__fifth .et_pb_pricing_title, .et_pb_fullwidth_hours .width__fifth .et_pb_best_value, .et_pb_fullwidth_hours .width__sixth .admission__price-container, .et_pb_fullwidth_hours .width__sixth .calendar__time-container, .et_pb_fullwidth_hours .width__sixth .et_pb_pricing_content_top, .et_pb_fullwidth_hours .width__sixth .et_pb_pricing_title, .et_pb_fullwidth_hours .width__sixth .et_pb_best_value, .et_pb_fullwidth_hours .width__seventh .admission__price-container, .et_pb_fullwidth_hours .width__seventh .calendar__time-container, .et_pb_fullwidth_hours .width__seventh .et_pb_pricing_content_top, .et_pb_fullwidth_hours .width__seventh .et_pb_pricing_title, .et_pb_fullwidth_hours .width__seventh .et_pb_best_value, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .admission__price-container, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .calendar__time-container, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .admission__price-container, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .calendar__time-container, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .admission__price-container, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .calendar__time-container, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_content_top, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value { padding: 20px 5px; width: 70%; display: inline-block; } .admission__prices .width__fifth .et_pb_pricing_title, .admission__prices .width__sixth .et_pb_pricing_title, .admission__prices .width__seventh .et_pb_pricing_title, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__fifth .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__sixth .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__seventh .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours .width__fifth .et_pb_pricing_title, .et_pb_fullwidth_hours .width__sixth .et_pb_pricing_title, .et_pb_fullwidth_hours .width__seventh .et_pb_pricing_title, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_pricing_title, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .et_pb_pricing_title { padding-bottom: 0; } .admission__prices .width__fifth .et_pb_best_value, .admission__prices .width__sixth .et_pb_best_value, .admission__prices .width__seventh .et_pb_best_value, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .width__fifth .et_pb_best_value, .et_pb_pricing.et_pb_module .width__sixth .et_pb_best_value, .et_pb_pricing.et_pb_module .width__seventh .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours .width__fifth .et_pb_best_value, .et_pb_fullwidth_hours .width__sixth .et_pb_best_value, .et_pb_fullwidth_hours .width__seventh .et_pb_best_value, .et_pb_fullwidth_hours.et_pb_pricing_5 .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours.et_pb_pricing_6 .et_pb_pricing_table .et_pb_best_value, .et_pb_fullwidth_hours.et_pb_pricing_7 .et_pb_pricing_table .et_pb_best_value { padding-top: 0; } .section__img-callout { padding-top: 80px; padding-bottom: 150px; } .section__bottom-content { padding-top: 20px; padding-bottom: 20px; } .section__bottom-content .section__address { padding: 0; display: block; } .section__bottom-content .icon--map { top: auto; left: auto; position: relative; } .section__bottom-content .section__contact { top: auto; position: relative; right: auto; } /* 404 Page */ .page__404-content { padding-top: 60px; padding-bottom: 60px; } /* Events Details page */ .event-details__landing { padding-bottom: 125px; } .event-details__landing .section__title { padding-top: 0; font-size: 52px; line-height: 42px; margin-bottom: 25px; } .event-details__landing .section__address { margin-bottom: 25px; } .event-details__landing .section__content { width: 100%; } .event-schedule__container { padding-bottom: 0; } .event-schedule__container .article__item { width: 385px; } .event-schedule__container .et_pb_row.active:before, .event-schedule__container .et_pb_row.active:after { content: none; } .make-slider--outlined .et_pb_row { padding: 0; border: none; } .make-slider--outlined .et_pb_row .event__item { width: 385px; margin: 0 auto 18px; display: block; } .make-slider--outlined .et_pb_column_1_3 { width: 100%; } .event-schedule__toggle-container { display: none; } .event-schedule__callout { width: 100%; padding-top: 20px; padding: 0 30px; } .instagram-feed .image-gallery__feed { margin: 0 auto 20px; display: block; } .instagram-feed .image-gallery__feed:nth-child(3) { margin-left: auto; } .instagram-feed .image-gallery__feed:nth-child(n+4) { display: block; margin-left: auto; } .section--blue .values, .section--blue .sep { margin: 0 5px; } .section--blue .label { font-size: 14px; line-height: 24px; } .section--blue .value, .section--blue .sep p { font-size: 42px; line-height: 32px; } .section--blue .section__description { width: 100%; } .section--blue .section__title { margin-bottom: 20px; } .section__location-info { padding-top: 60px; padding-bottom: 50px; } .article__item.block--blue { margin: 0 auto 30px; } .section__social-links { padding-top: 80px; padding-bottom: 90px; } .section__social-links .section__title { margin-bottom: 46px; } .section__social-links .social-icons { width: 325px; } .section__social-links .social-icons .instagram { width: 35px; height: 35px; } .section__social-links .social-icons .facebook { height: 36px; width: 17px; } .section__social-links .social-icons .twitter { height: 30px; width: 37px; } .section__social-links .social-icons .youtube { height: 28px; width: 40px; } /* Blog Landing Page */ .blog__search { width: 100%; max-width: 100%; margin-top: 0; margin-bottom: 15px; } .category__list { width: 100%; z-index: 2; } .category__list--item { width: 100%; z-index: 3; max-height: 48px; } .section__featured-article { margin-bottom: 0; } .section__featured-article .article__date { width: 100%; } .section__featured-article .post-categories { width: calc(100% + 8px); margin-left: -4px; margin-right: -4px; } .section__featured-article .featured-event__item .event__description { margin-bottom: 15px; } .section__blog-posts { padding-top: 60px; padding-bottom: 60px; } .blog__post .article__date { width: 100%; } .blog__post .post-categories { width: calc(100% + 8px); margin-left: -4px; margin-right: -4px; } .section__more-articles .article__item:nth-child(n + 2) { display: none; } .section__more-articles .arrow__left { left: 10px; } .section__more-articles .arrow__right { right: 10px; } .section__more-articles .section__title { text-align: center; } /* Single Blog Post */ .single-blog__post { padding-top: 60px; } .single-blog__post .blog__sidebar { float: none; padding-top: 0; padding-bottom: 0; } .single-blog__post .section__description iframe { height: 60vw; } .single-blog__post .post-categories li { margin: 0 4px; } .single-blog__post .post-categories a { font-size: 14px; line-height: 24px; } .single-blog__post .section__share-content { text-align: center; margin-bottom: 30px; } .single-blog__post .social-icons .facebook { width: 10px; height: 21px; } .single-blog__post .social-icons .twitter { width: 25px; height: 20px; } .single-blog__post .social-icons .google { width: 32px; height: 20px; } .single-blog__post .social-icons .pinterest { width: 22px; height: 22px; } .single-blog__post .social-icons .linkedin { width: 20px; height: 20px; } .author__profile { padding-left: 0; padding-top: 200px; max-width: 440px; margin: 0 auto; } .et_divi_builder #et_builder_outer_content .et_pb_image_0 { height: auto; } /* Packages Temaplate */ .section__categorgy-links li { margin: 0 0px 15px; width: 100%; } .section__categorgy-links a { width: 100%; } .section__packages-title .section__img { width: 120px; height: 126px; display: block; margin: 0 auto; } .section__packages-title .section__heading { margin-top: 30px; margin-left: 0; } .package__container { width: 100%; background: transparent; } .package__container .deal { -webkit-transform: translateY(-20px); transform: translateY(-20px); margin-top: -20px; margin-left: auto; display: block; margin-right: auto; width: 400px; } .package__container .deal__description { width: 100%; margin-left: 0; background: #ebebeb; margin-top: -20px; } .package__container .price__text { margin-top: 18px; } .blockquote__slider { width: 90%; } .section__blockquotes { padding-top: 30px; padding-bottom: 40px; } .section__blockquotes blockquote p { font-size: 18px; line-height: 24px; } .blockquote__arrow { top: 65px; } .blockquote__arrow--left { left: -5px; } .blockquote__arrow--right { right: -5px; } .reasons__container li { width: 228px; margin: 0 auto; display: block; } .reasons__container li + li { margin-top: 100px; } .reasons__container li + li:before { font-size: 28px; left: 0; right: 0; margin: 0; top: -70px; display: inline-block; height: auto; } .reasons__container li:first-child { margin-left: auto; } .reasons__container li:last-child { margin-right: auto; } .reasons__container .reason__img { margin-bottom: 20px; } .reasons__container .icon__www { width: 38px; height: auto; margin-top: 0; } .reasons__container .icon__lightning { width: 23px; height: 47px; margin-bottom: 20px; } .reasons__container .icon__calendar { width: 40px; height: 39px; margin-bottom: 20px; } /* Search Page */ #cse table, #cse td { padding: 0; } #cse table:before, #cse td:before { content: none; } #cse .gsc-result-info, #cse .gsc-result-info-container { padding: 0; } .gsc-table-result tr:before { content: none; } /* ========================================================================== EventBrite Table ========================================================================== */ .tickets__table td { padding: 0px; height: auto; } .tickets__table .sold-out { display: inline-block; } .tickets__table .number-remaining { font-size: 12px; line-height: 17px; padding-left: 0px; display: block; margin-left: 155px; margin-top: 10px; } .tickets__table .responsive-time { opacity: 1; } /* ========================================================================== Event Details Module ========================================================================== */ .divi-event-details table thead { display: block; } .divi-event-details table thead tr { display: inline-block; width: 100%; } .divi-event-details table thead td { padding: 0; font-size: 20px; line-height: 30px; display: inline-block; height: auto; width: 100%; min-height: auto; } .divi-event-details table tr:before, .divi-event-details table td:before { content: none; } .divi-event-details table tbody td { background: transparent; } .divi-event-details table tbody td:first-child { text-align: left; background: transparent; } .divi-event-details table tbody tr { background: #dddddc; } .divi-event-details table tbody tr:nth-child(2n) { background: transparent; } .divi-event-details table tbody tr:nth-child(2n) td:first-child { background: transparent; } } @media (max-width: 480px) { /*Front Page*/ .front-page__landing { padding-bottom: 240px; } .front-page__landing .section__title { padding-top: 85px; } .landing__callout { width: 90%; padding: 20px 15px; bottom: 95px; } .section__buckets { padding-left: 0; padding-top: 50px; padding-bottom: 50px; } .section__buckets .wrapper { width: 100%; left: 0; } .bucket { width: 100%; margin: 0 0 20px 10px; } .bucket.bucket__two-third { width: 100%; margin-left: 0; height: 335px; } .bucket.bucket__one-third { margin-left: 0; width: 100%; } .bucket.tablet-full { width: 100%; margin-left: 0; } .bucket__two-third { margin-left: 0; } .bucket__two-third .bucket__callout { width: 200px; } .bucket__two-third .btn__primary { left: 0; right: 0; } .bucket__one-third, .bucket__divi { height: auto; padding-top: 120px; } .bucket__divi { margin-left: 0; } .section__events { padding: 50px 0 130px; } .section__events .btn__secondary { left: 0; right: 0; width: 225px; margin: 0 auto; } .event__link { width: 100%; padding: 120px 15px 15px; position: relative; top: auto; left: auto; bottom: auto; height: 200px; } .event__list { margin-top: 45px; } .event__list .event__item { padding: 7px 7px 15px; } .event__list .event__item .excerpt { padding-top: 7px; padding-left: 5px; padding-right: 5px; display: inline-block; width: 100%; margin-left: 0; } .event__item { padding: 7px 7px 15px; } .event__item .excerpt { padding-top: 7px; padding-left: 5px; padding-right: 5px; display: inline-block; width: 100%; margin-left: 0; } .itinerary__image, .itinerary__image.et_pb_image { top: 50px; height: auto; } .itinerary__image img, .itinerary__image.et_pb_image img { height: 255px; } .section__newsletter { padding-top: 50px; padding-bottom: 50px; } .section__newsletter p { width: 100%; margin-bottom: 30px; } .section__newsletter form { width: 100%; max-width: 480px; } .section__newsletter form input { width: 100%; display: block; margin-top: 0; margin-left: 0; padding: 15px; } .section__newsletter form button { height: auto; border-left: 0; border-top: 3px solid #fff; position: relative; width: 100%; } #mce-responses .response { font-size: 12px; line-height: 22px; } .section__instagram { padding-top: 50px; padding-bottom: 50px; } .section__instagram .section__title { margin-right: 40px; margin-bottom: 35px; } .instagram-feed { padding-left: 0; } .instagram-feed li { width: 100%; height: 255px; margin-bottom: 0; } .instagram-feed li + li { margin-top: 20px; margin-left: 0; } .instagram-feed li:nth-child(n+4) { display: none; } .link__instagram { top: 6px; } .link__instagram svg { width: 28px; height: 28px; } /* Basic Internal */ .page-header { padding-top: 85px; padding-bottom: 105px; } .page-content h1 { font-size: 72px; } .page-content h2 { font-size: 28px; line-height: 38px; } .page-content h3 { font-size: 24px; line-height: 34px; } .page-content h4 { font-size: 18px; line-height: 28px; } .page-content h5 { font-size: 14px; line-height: 22px; } .page-content h6 { font-size: 12px; line-height: 22px; } .page-content blockquote { margin-bottom: 25px; } .page-content blockquote p { font-size: 18px; line-height: 26px; } .page-content ul li, .page-content ol li { font-size: 14px; line-height: 24px; } .page-content ul li ul, .page-content ul li ol, .page-content ol li ul, .page-content ol li ol { margin-left: 0px; } .page-content .multiselect li { font-size: 14px; line-height: 24px; } .page-content .multiselect li + li { margin-top: 25px; } table tr:before { content: none; width: 50px; } table td:before { content: none; margin-right: 30px; font-size: 14px; width: 40px; } .gform_wrapper .gsection_title { font-size: 12px; line-height: 22px; } .gform_wrapper input[type=text], .gform_wrapper input[type=email], .gform_wrapper textarea { font-size: 14px; line-height: 24px; } .gform_wrapper .gform_fields li { margin: 0 10px 25px; } .gform_wrapper .ginput_container_address span { margin-bottom: 25px; } .gform_wrapper .ginput_container_email span.ginput_right { margin-top: 25px; } .gform_wrapper select[size], .gform_wrapper select[multiple], .gform_wrapper select[size][multiple] { height: 176px; } .gform_wrapper select[size] option, .gform_wrapper select[multiple] option, .gform_wrapper select[size][multiple] option { font-size: 14px; line-height: 24px; } .gform_wrapper select[size] option + option, .gform_wrapper select[multiple] option + option, .gform_wrapper select[size][multiple] option + option { margin-top: 25px; } .gform_wrapper [type="checkbox"]:not(:checked) + label:before, .gform_wrapper [type="checkbox"]:checked + label:before { width: 18px; height: 18px; } .gform_wrapper [type="checkbox"]:not(:checked) + label, .gform_wrapper [type="checkbox"]:checked + label, .gform_wrapper [type="radio"]:not(:checked) + label, .gform_wrapper [type="radio"]:checked + label { padding-left: 37px; } .gform_wrapper [type="checkbox"]:not(:checked) + label:after, .gform_wrapper [type="checkbox"]:checked + label:after { height: 11px; width: 15px; } .gform_wrapper [type="radio"]:not(:checked) + label:before, .gform_wrapper [type="radio"]:checked + label:before, .gform_wrapper [type="radio"]:hover + label:before { width: 19px; height: 19px; } .gform_wrapper input[type=submit] { width: 225px; } .ui-datepicker-calendar th { padding: 8px 12px; font-size: 18px; line-height: 22px; } .ui-datepicker-calendar a { font-size: 16px; line-height: 20px; padding: 4px 6px; } /* FAQ */ .faq__section .section__title { margin-bottom: 25px; } .faq__toggle { font-size: 14px; line-height: 24px; } .faq__answer p { font-size: 14px; line-height: 24px; } .categories__section + .categories__section { margin-top: 20px; } .section__callout .btn { width: 180px; margin: 0 auto; } /* Hours of Operation */ .calendars__dates { width: 100%; padding: 0; margin: 0 auto 30px; } .calendars__dates .heading__primary--medium { font-size: 18px; line-height: 26px; } .calendars__dates .icon__calendar { margin-left: 10px; display: inline-block; vertical-align: middle; } .calendars__dates .icon__calendar svg { width: 21px; height: 21px; -webkit-transform: translateY(-3px); transform: translateY(-3px); } .calendars__dates .arrow { top: 7px; } .calendars__dates .arrow__left { left: -5px; } .calendars__dates .arrow__right { right: -5px; } .category__title { font-size: 24px; line-height: 36px; } .category__places .place__name { width: 100%; padding: 0; } .category__places .place__hours { width: 100%; } .category__places .place__hours p { text-align: left; } /* Image Grid Template */ .image__grid-item { height: 40vw; width: calc(50% - 21px); margin-left: 12px; margin-bottom: 12px; } .image__grid-item .icon__eye { width: 50px; height: 32px; -webkit-transform: translateY(-50%) translateX(-25px); transform: translateY(-50%) translateX(-25px); } .image__grid-item:nth-child(1) { width: calc(100% - 30px); height: 60vw; } .image__grid { margin-left: -12px; margin-bottom: -12px; } .image__grid:nth-child(2n) .image__grid-item:nth-child(1) { height: 40vw; width: calc(50% - 21px); } .image__grid:nth-child(2n) .image__grid-item:nth-child(3) { width: calc(100% - 30px); height: 60vw; } .image__grid:nth-child(2n) .image__grid-item:nth-child(4), .image__grid:nth-child(2n) .image__grid-item:nth-child(5) { margin-top: 0; } .image__grid-link { padding: 25px; width: calc(100% - 30px); margin: 0 12px 50px; } .image__grid-link .btn__quaternary { position: relative; top: 0; right: auto; -webkit-transform: translateY(0); transform: translateY(0); padding: 12px 15px; margin-top: 15px; } /* Contact Us Template */ .contact__description { padding-top: 50px; padding-bottom: 50px; } .contact__description .social-icons li { width: auto; } .contact__description .social-icons li + li { margin-left: 15px; } .contact__description .social-icons .instagram { height: 25px; width: 25px; } .contact__description .social-icons .facebook { height: 25px; width: 12px; margin-left: 3px; } .contact__description .social-icons .twitter { height: 21px; width: 26px; } .contact__description .social-icons .youtube { height: 21px; width: 28px; margin-top: 3px; } .contact__form .gform_validation_error { padding-top: 50px; } .contact__form .gform_validation_error .validation_error { font-size: 14px; } .contact__form .gform_wrapper .nice-select .list li { font-size: 12px; line-height: 18px; padding: 8px 14px; } .contact-info__container { display: block; } .contact-info__box { width: 100%; float: none; margin-bottom: 0px; padding-right: 0px; padding-bottom: 0; } .contact-info__box + .contact-info__box { margin-top: 20px; } .contact-info__box .contact__name { font-size: 14px; line-height: 24px; } .contact-info__box .contact__location { margin-bottom: 15px; } .contact-info__box .icon__map-marker { height: 19px; width: 15px; } .contact-info__box .contact__phone, .contact-info__box .contact__map { font-size: 14px; } .contact-info__box .contact__email { position: relative; left: auto; bottom: auto; right: auto; margin-left: 0; margin-top: 20px; } /* Section Template Landing Page */ .featured-event__item .event__link { height: 230px; } .featured-event__item .event__title { font-size: 28px; line-height: 38px; } .featured-event__item .excerpt { padding-top: 250px; } .attraction-recommendations__list li { width: 100%; max-width: 280px; } .attraction-recommendations__img { height: 180px; } .section__landing-faq .btn__faq { top: auto; right: auto; left: auto; width: 200px; bottom: 0; } .section__get-inspired .section__title { margin-bottom: 15px; } .section__get-inspired .section__link { position: relative; top: 0; right: auto; width: 200px; margin-bottom: 20px; } .content-grid__item { width: 100%; max-width: 280px; margin: 0 auto 20px; } .content-grid__item .attraction-recommendations__img { height: 180px; } .content-grid__item .instagram__img { height: 180px; } .article__item { width: 100%; max-width: 280px; margin: 0 auto 20px; } .insta-worthy__item { width: 100%; max-width: 280px; margin: 0 auto 20px; } .insta-worthy__item .event__link { width: calc(100% - 0px); height: 160px; position: absolute; } .insta-worthy__item .excerpt { padding: 170px 5px 5px; } /* Calendar of events */ .event-slider__container { height: 350px; } .slide__content { bottom: auto; top: 30px; width: calc(100% - 40px); } .event-slide__title { font-size: 24px; line-height: 34px; } .event-slide__date { font-size: 20px; line-height: 30px; } .event-slider__toggles { bottom: 30px; right: 0; left: 0; margin: 0 auto; display: block; text-align: center; } .event-slider__toggles ul { padding: 0 30px; } .event-slider__toggles li + li { margin-left: 8px; } .toggle__link.toggle__left { left: 25px; } .toggle__link.toggle__right { right: 25px; } .section__event-calendar-dates .calendar__date { font-size: 22px; line-height: 32px; } .section__event-calendar-dates .calendars__dates { width: 100%; } .section__event-calendar-dates .calendars__dates .icon__calendar { -webkit-transform: translateY(0px); transform: translateY(0px); margin-left: 15px; } .section__event-calendar-dates .calendars__dates .icon__calendar svg { width: 22px; height: 27px; } .section__event-calendar-dates .calendars__dates .arrow__left { left: -10px; } .section__event-calendar-dates .calendars__dates .arrow__right { right: -10px; } .section__calendar-events .article__item { width: 100%; max-width: 280px; } .calendar-event__item .event__link { height: 200px; } .calendar-event__item .attraction-recommendations__description { padding: 10px 15px 80px; } /* Attractions/Locations Details Page */ .section__details-content { padding-top: 30px; padding-bottom: 35px; margin-bottom: 30px; } .section__details-content .section__title { margin-bottom: 15px; } .section__details-content .icon__sun img { width: 28px; height: 28px; } .section__details-content .icon__partial-access img { height: 25px; width: 25px; } .section__details-content .icon__spring img { height: 27px; width: 27px; } .section__details-content .icon__fall img { height: 27px; width: 27px; margin-top: 3px; } .section__details-content .icon__snackbar img { height: 28px; width: 28px; margin-top: 1px; } .section__details-content .icon__theater img { height: 35px; width: 35px; } .section__details-content .icon__self-guided-tour img, .section__details-content .icon__guided-tour img { height: 27px; width: 27px; } .section__details-content .icon__feast-on img { height: 27px; width: 27px; margin-top: 1px; } .section__details-content .icon__seasonal img { height: 25px; width: 25px; margin-top: 2px; } .section__details-content .icon__snow img { height: 26px; width: 25px; margin-top: 3px; } .section__details-content .icon__wheelchair img { height: 25px; width: 22px; margin-top: 4px; } .section__details-content .icon__year-round img { height: 25px; width: 25px; } .section__details-content .section__sidebar { padding-top: 40px; } .section__features { padding-top: 60px; padding-bottom: 65px; } .article__item.article__item--teal .attraction-recommendations__description { padding-bottom: 25px; } .section__admission { padding-top: 60px; padding-bottom: 20px; } .admission__header { padding: 10px 20px; } .date__header { padding: 10px 5px; } .admission__title, .admission__prices:before, .et_pb_module.et_pb_pricing:before { font-size: 22px; line-height: 34px; } .week__title { font-size: 14px; line-height: 18px; } .admission__age { line-height: 18px; } .admission__prices li .admission__price-container, .admission__prices .et_pb_pricing_table .admission__price-container, .et_pb_pricing.et_pb_module li .admission__price-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__price-container { padding: 45px 5px; } .admission__prices li .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title { padding: 45px 5px 0; } .admission__prices li .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value { padding: 0px 5px 45px; } .admission__prices .width__third .price, .admission__prices .width__third .et_pb_et_price, .admission__prices.et_pb_pricing_3 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_3 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__third .price, .et_pb_pricing.et_pb_module .width__third .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_3 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_3 .et_pb_pricing_table .et_pb_et_price { font-size: 28px; } .admission__prices .width__third .price span.cents, .admission__prices .width__third .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_3 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_3 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__third .price span.cents, .et_pb_pricing.et_pb_module .width__third .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_3 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_3 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 18px; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .admission__prices .width__quarter, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table, .et_pb_pricing.et_pb_module .width__quarter, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table { width: 50%; } .admission__prices .width__quarter:nth-child(3) .admission__age-container, .admission__prices .width__quarter:nth-child(3) .et_pb_pricing_title, .admission__prices .width__quarter:nth-child(3) .et_pb_best_value, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .admission__age-container, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .et_pb_pricing_title, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .et_pb_best_value, .et_pb_pricing.et_pb_module .width__quarter:nth-child(3) .admission__age-container, .et_pb_pricing.et_pb_module .width__quarter:nth-child(3) .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__quarter:nth-child(3) .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .admission__age-container, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .et_pb_best_value { background: rgba(26, 162, 219, 0.2); } .admission__prices .width__quarter:nth-child(3) .admission__price-container, .admission__prices .width__quarter:nth-child(3) .et_pb_pricing_content_top, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .admission__price-container, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .width__quarter:nth-child(3) .admission__price-container, .et_pb_pricing.et_pb_module .width__quarter:nth-child(3) .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .admission__price-container, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(3) .et_pb_pricing_content_top { background: #fff; } .admission__prices .width__quarter:nth-child(4) .admission__age-container, .admission__prices .width__quarter:nth-child(4) .et_pb_pricing_title, .admission__prices .width__quarter:nth-child(4) .et_pb_best_value, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .admission__age-container, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .et_pb_pricing_title, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .et_pb_best_value, .et_pb_pricing.et_pb_module .width__quarter:nth-child(4) .admission__age-container, .et_pb_pricing.et_pb_module .width__quarter:nth-child(4) .et_pb_pricing_title, .et_pb_pricing.et_pb_module .width__quarter:nth-child(4) .et_pb_best_value, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .admission__age-container, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .et_pb_pricing_title, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .et_pb_best_value { background: rgba(26, 162, 219, 0.3); } .admission__prices .width__quarter:nth-child(4) .admission__price-container, .admission__prices .width__quarter:nth-child(4) .et_pb_pricing_content_top, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .admission__price-container, .admission__prices.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module .width__quarter:nth-child(4) .admission__price-container, .et_pb_pricing.et_pb_module .width__quarter:nth-child(4) .et_pb_pricing_content_top, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .admission__price-container, .et_pb_pricing.et_pb_module.et_pb_pricing_4 .et_pb_pricing_table:nth-child(4) .et_pb_pricing_content_top { background: #ebebeb; } .admission__prices .width__fifth .price, .admission__prices .width__fifth .et_pb_et_price, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_et_price, .admission__prices .width__sixth .price, .admission__prices .width__sixth .et_pb_et_price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .admission__prices .width__seventh .price, .admission__prices .width__seventh .et_pb_et_price, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .price, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__fifth .price, .et_pb_pricing.et_pb_module .width__fifth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__sixth .price, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price, .et_pb_pricing.et_pb_module .width__seventh .price, .et_pb_pricing.et_pb_module .width__seventh .et_pb_et_price, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .price, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_et_price { font-size: 28px; } .admission__prices .width__fifth .price span.cents, .admission__prices .width__fifth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_5 .et_pb_pricing_table .et_pb_et_price span.cents, .admission__prices .width__sixth .price span.cents, .admission__prices .width__sixth .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .admission__prices .width__seventh .price span.cents, .admission__prices .width__seventh .et_pb_et_price span.cents, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .price span.cents, .admission__prices.et_pb_pricing_7 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__fifth .price span.cents, .et_pb_pricing.et_pb_module .width__fifth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_5 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__sixth .price span.cents, .et_pb_pricing.et_pb_module .width__sixth .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_6 .et_pb_pricing_table .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module .width__seventh .price span.cents, .et_pb_pricing.et_pb_module .width__seventh .et_pb_et_price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .price span.cents, .et_pb_pricing.et_pb_module.et_pb_pricing_7 .et_pb_pricing_table .et_pb_et_price span.cents { font-size: 18px; -webkit-transform: translateY(-5px); transform: translateY(-5px); } .section__img-callout { padding-top: 55px; padding-bottom: 170px; } /* 404 Page */ .page__404-content { padding-top: 30px; padding-bottom: 30px; } /* Events Details page */ .event-details__landing { padding-bottom: 105px; } .event-details__landing .section__title { padding-top: 0; font-size: 40px; line-height: 30px; } .make-slider--outlined .et_pb_row .event__item { width: 100%; max-width: 280px; } .section__events-schedule { padding-top: 50px; padding-bottom: 55px; } .section__events-schedule .article__item { width: 100%; } .event__video { padding-top: 55px; padding-bottom: 60px; } .section--blue .values, .section--blue .sep { margin: 0 0px; } .section--blue .value, .section--blue .sep p { font-size: 35px; line-height: 25px; } .section--blue .label { font-size: 12px; line-height: 22px; } .section__gallery .et_pb_gallery_item { height: 40vw; width: calc(50% - 21px); } .section__social-links .social-icons { width: 250px; } .section__social-links .social-icons .instagram { width: 30px; height: 30px; } .section__social-links .social-icons .facebook { height: 30px; width: 14px; } .section__social-links .social-icons .twitter { height: 26px; width: 32px; } .section__social-links .social-icons .youtube { height: 24px; width: 34px; } /* Blog Landing Page */ .section__details-content .blog__sidebar { padding-bottom: 30px; } .section__featured-article .article__date { font-size: 12px; line-height: 22px; } .section__featured-article .post-categories a { font-size: 14px; line-height: 24px; } .blog__post .article__img { height: 230px; } .blog__post .article__date { font-size: 12px; line-height: 22px; } .blog__post .post-categories a { font-size: 14px; line-height: 24px; } .section__more-articles .arrow__link svg { width: 18px; height: 9px; } .section__more-articles .arrow__left { left: 0px; } .section__more-articles .arrow__right { right: 0px; } .section__more-articles .pagination { margin: 0 15px; } .section__more-articles .section__link svg { width: 19px; height: 10px; } /* Single Blog Post */ .single-blog__post .blog__sidebar { padding-top: 20px; padding-bottom: 0; } .single-blog__post .sidebar__deal { margin-top: 55px; } .single-blog__post .post-list { padding-top: 5px; padding-bottom: 25px; } .single-blog__post .social__title { display: block; text-align: center; margin-bottom: 20px; } .single-blog__post .social-icons { display: block; text-align: center; padding-left: 0; } .single-blog__post .social-icons li { margin: 0 15px; } .single-blog__post .social-icons .twitter, .single-blog__post .social-icons .google, .single-blog__post .social-icons .pinterest, .single-blog__post .social-icons .linkedin { margin-left: 0; } .author__profile { padding-top: 240px; } .profile__pic { height: 240px; } /* Packages Template */ .section__packages-title .section__img { width: 100px; height: 105px; } .package__container .deal { width: 100%; } .package__container .deal .box--blue { margin-bottom: 30px; } .package__container .package__subtitle { width: 100%; margin-bottom: 30px; } .package__container .deal__places { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .section__blockquotes blockquote { padding: 25px 15px 30px; } .section__blockquotes blockquote p { font-size: 16px; line-height: 22px; } .blockquote__arrow svg { width: 16px; height: 8px; } .reasons__container li { width: 100%; margin: 0 auto; display: block; } /* ========================================================================== EventBrite Table ========================================================================== */ .tickets__table tr { padding: 0; } .tickets__table td { padding: 5px 20px; } .tickets__table td:last-child { padding-bottom: 30px; } .tickets__table td:nth-child(2) { padding-top: 30px; } .tickets__table .new-time { border-top: none; } .tickets__table .new-time td:first-child { background: #009FB0; color: #fff; padding-top: 20px; padding-bottom: 20px; } .tickets__table .number-remaining { margin-left: 0px; } .tickets__table .responsive-time { display: none; } /* ========================================================================== Event Details Module ========================================================================== */ .divi-event-details table thead td { font-size: 18px; line-height: 28px; } } /* ========================================================================== Responsive Queries ========================================================================== */ .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* Navigation */ /* List View */ /* Map View */ /* Cart */ /* Itinerary Recommendations */ /* Itinerary Full View */ /* ========================================================================== Media Queries ========================================================================== */ } .itinerary-builder .container, .page-template-template-itinerary-builder .container, .et_pb_fullwidth_itin_map .container { max-width: 100%; } .itinerary-builder .infoBox, .page-template-template-itinerary-builder .infoBox, .et_pb_fullwidth_itin_map .infoBox { overflow: visible !important; } .itinerary-builder .section__itinerary-builder, .page-template-template-itinerary-builder .section__itinerary-builder, .et_pb_fullwidth_itin_map .section__itinerary-builder { position: relative; } .itinerary-builder .component__attractions, .page-template-template-itinerary-builder .component__attractions, .et_pb_fullwidth_itin_map .component__attractions { position: relative; } .itinerary-builder .btn, .page-template-template-itinerary-builder .btn, .et_pb_fullwidth_itin_map .btn { border: none; outline: none; } .itinerary-builder .section__arrow, .page-template-template-itinerary-builder .section__arrow, .et_pb_fullwidth_itin_map .section__arrow { cursor: pointer; position: fixed; display: none; } .itinerary-builder .icon-checkmark, .page-template-template-itinerary-builder .icon-checkmark, .et_pb_fullwidth_itin_map .icon-checkmark { fill: #514d4a; -webkit-transition: fill 0.3s ease; transition: fill 0.3s ease; } @media only screen and (max-width: 1199px) { .itinerary-builder .icon-checkmark, .page-template-template-itinerary-builder .icon-checkmark, .et_pb_fullwidth_itin_map .icon-checkmark { -webkit-transform: scale(0.8); transform: scale(0.8); } } .itinerary-builder .btn__checkbox, .page-template-template-itinerary-builder .btn__checkbox, .et_pb_fullwidth_itin_map .btn__checkbox { cursor: pointer; display: inline-block; border-radius: 0; height: 55px; width: 55px; background: #fff; text-align: center; padding: 11px 5px; border: 3px solid #514d4a; position: relative; margin-right: 85px; -webkit-transition: border 0.3s ease; transition: border 0.3s ease; } .itinerary-builder .btn__checkbox:after, .page-template-template-itinerary-builder .btn__checkbox:after, .et_pb_fullwidth_itin_map .btn__checkbox:after { content: ''; display: inline-block; height: 55px; width: 55px; background: #514d4a; position: absolute; right: -58px; top: -3px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .btn__checkbox:before, .page-template-template-itinerary-builder .btn__checkbox:before, .et_pb_fullwidth_itin_map .btn__checkbox:before { display: inline-block; position: absolute; top: 0; bottom: 0; z-index: 1; margin: auto 0; } .itinerary-builder .btn__checkbox .attraction_category_icon, .page-template-template-itinerary-builder .btn__checkbox .attraction_category_icon, .et_pb_fullwidth_itin_map .btn__checkbox .attraction_category_icon { position: absolute; right: -47px; z-index: 3; top: 6px; } @media (max-width: 1440px) { .itinerary-builder .btn__checkbox .attraction_category_icon, .page-template-template-itinerary-builder .btn__checkbox .attraction_category_icon, .et_pb_fullwidth_itin_map .btn__checkbox .attraction_category_icon { right: -40px; top: 5px; } .itinerary-builder .btn__checkbox .attraction_category_icon img, .page-template-template-itinerary-builder .btn__checkbox .attraction_category_icon img, .et_pb_fullwidth_itin_map .btn__checkbox .attraction_category_icon img { width: 30px; height: 30px; } } @media (max-width: 1200px) { .itinerary-builder .btn__checkbox .attraction_category_icon, .page-template-template-itinerary-builder .btn__checkbox .attraction_category_icon, .et_pb_fullwidth_itin_map .btn__checkbox .attraction_category_icon { right: -35px; top: 5px; } .itinerary-builder .btn__checkbox .attraction_category_icon img, .page-template-template-itinerary-builder .btn__checkbox .attraction_category_icon img, .et_pb_fullwidth_itin_map .btn__checkbox .attraction_category_icon img { width: 25px; height: 25px; } } .itinerary-builder .btn__checkbox span, .page-template-template-itinerary-builder .btn__checkbox span, .et_pb_fullwidth_itin_map .btn__checkbox span { display: inline-block; height: 5px; width: 30px; background: #514d4a; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .btn__checkbox svg, .page-template-template-itinerary-builder .btn__checkbox svg, .et_pb_fullwidth_itin_map .btn__checkbox svg { display: none; height: 27px; width: 35px; } .itinerary-builder .btn__checkbox:hover, .page-template-template-itinerary-builder .btn__checkbox:hover, .et_pb_fullwidth_itin_map .btn__checkbox:hover { border-color: currentcolor; background: #fff; outline: none; } .itinerary-builder .btn__checkbox:hover:after, .itinerary-builder .btn__checkbox:hover span, .page-template-template-itinerary-builder .btn__checkbox:hover:after, .page-template-template-itinerary-builder .btn__checkbox:hover span, .et_pb_fullwidth_itin_map .btn__checkbox:hover:after, .et_pb_fullwidth_itin_map .btn__checkbox:hover span { background: currentcolor; } .itinerary-builder .btn__checkbox.toggled, .page-template-template-itinerary-builder .btn__checkbox.toggled, .et_pb_fullwidth_itin_map .btn__checkbox.toggled { border-color: currentcolor; background: #fff; outline: none; } .itinerary-builder .btn__checkbox.toggled svg, .page-template-template-itinerary-builder .btn__checkbox.toggled svg, .et_pb_fullwidth_itin_map .btn__checkbox.toggled svg { display: inline-block; } .itinerary-builder .btn__checkbox.toggled span, .page-template-template-itinerary-builder .btn__checkbox.toggled span, .et_pb_fullwidth_itin_map .btn__checkbox.toggled span { display: none; } .itinerary-builder .btn__checkbox.toggled .icon-checkmark, .page-template-template-itinerary-builder .btn__checkbox.toggled .icon-checkmark, .et_pb_fullwidth_itin_map .btn__checkbox.toggled .icon-checkmark { fill: currentcolor; } .itinerary-builder .btn__checkbox.toggled:after, .page-template-template-itinerary-builder .btn__checkbox.toggled:after, .et_pb_fullwidth_itin_map .btn__checkbox.toggled:after { background: currentcolor; } .itinerary-builder .btn__checkbox.attraction_category_culinary:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_culinary:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_culinary:before { background-image: url("../img/icon-utensils-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 35px; width: 19px; right: -39px; } .itinerary-builder .btn__checkbox.attraction_category_golf-course:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_golf-course:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_golf-course:before { background-image: url("../img/icon-golf-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 31px; width: 22px; right: -41px; } .itinerary-builder .btn__checkbox.attraction_category_heritage:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_heritage:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_heritage:before { background-image: url("../img/icon-heritage-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 36px; width: 33px; right: -46px; top: -4px; } .itinerary-builder .btn__checkbox.attraction_category_attractions:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_attractions:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_attractions:before { background-image: url("../img/icon-star-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 32px; width: 33px; right: -46px; top: -2px; } .itinerary-builder .btn__checkbox.attraction_category_nature-garden:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_nature-garden:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_nature-garden:before { background-image: url("../img/icon-flower-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 34px; width: 21px; right: -40px; } .itinerary-builder .btn__checkbox.attraction_category_trails:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_trails:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_trails:before { background-image: url("../img/icon-compass-arrow-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 26px; width: 26px; right: -42px; } .itinerary-builder .btn__checkbox.attraction_category_events:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_events:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_events:before { background-image: url("../img/icon-calendar-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 30px; width: 31px; right: -45px; } .itinerary-builder .btn__checkbox.attraction_category_accomodations:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_accomodations:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_accomodations:before { background-image: url("../img/icon-bed-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 20px; width: 40px; right: -49px; } .itinerary-builder .btn__checkbox.attraction_category_shopping:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_shopping:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_shopping:before { background-image: url("../img/icon-shopping-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 36px; width: 24px; right: -41px; } .itinerary-builder .btn__checkbox.attraction_category_welcome-centres:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_welcome-centres:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_welcome-centres:before { background-image: url("../img/icon-welcome-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 29px; width: 37px; right: -48px; } .itinerary-builder .btn__checkbox.attraction_category_parking:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_parking:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_parking:before { background-image: url("../img/icon-parking-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 35px; width: 28px; right: -44px; } .itinerary-builder .nav__itinerary, .page-template-template-itinerary-builder .nav__itinerary, .et_pb_fullwidth_itin_map .nav__itinerary { display: inline-block; vertical-align: top; background: #1BADB8; width: 100%; } .itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__itinerary li { display: inline-block; position: relative; cursor: pointer; vertical-align: top; font-size: 14px; line-height: 1.3em; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; width: 180px; height: 75px; padding: 20px 15px 15px; text-align: center; border-left: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child { padding-left: 70px; } .itinerary-builder .nav__itinerary li:first-child:before, .page-template-template-itinerary-builder .nav__itinerary li:first-child:before, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child:before { content: ''; display: inline-block; background-image: url("../img/icon-map-white.svg"); background-size: contain; background-repeat: no-repeat; height: 43px; width: 47px; position: absolute; left: 32px; top: 14px; } .itinerary-builder .nav__itinerary li:first-child span, .page-template-template-itinerary-builder .nav__itinerary li:first-child span, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child span { margin-left: 0; } .itinerary-builder .nav__itinerary li:nth-child(2), .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2), .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) { padding-left: 60px; } .itinerary-builder .nav__itinerary li:nth-child(2):before, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2):before, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2):before { content: ''; display: inline-block; background-image: url("../img/icon__list-view--white.svg"); background-size: contain; background-repeat: no-repeat; height: 33px; width: 38px; position: absolute; left: 32px; top: 19px; } .itinerary-builder .nav__itinerary li:nth-child(2) span, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2) span, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) span { margin-left: 0; } .itinerary-builder .nav__itinerary li:hover, .page-template-template-itinerary-builder .nav__itinerary li:hover, .et_pb_fullwidth_itin_map .nav__itinerary li:hover { background: #5BC0A9; } .itinerary-builder .nav__itinerary li + li, .page-template-template-itinerary-builder .nav__itinerary li + li, .et_pb_fullwidth_itin_map .nav__itinerary li + li { border-left: none; } .itinerary-builder .nav__itinerary li:last-child, .page-template-template-itinerary-builder .nav__itinerary li:last-child, .et_pb_fullwidth_itin_map .nav__itinerary li:last-child { border-right: none; } .itinerary-builder .nav__itinerary li.nav__date, .page-template-template-itinerary-builder .nav__itinerary li.nav__date, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date { padding-top: 25px; padding-bottom: 0; width: calc(100% - 360px); position: relative; font-size: 21px; line-height: 28px; font-weight: 400; letter-spacing: 0.025em; text-transform: none; padding-left: 0px; text-align: left; } .itinerary-builder .nav__itinerary li.nav__date span:after, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span:after, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span:after { content: ''; display: inline-block; background-image: url("../img/icon-calendar-white.svg"); background-repeat: no-repeat; background-size: contain; background-position: center; height: 30px; width: 32px; position: absolute; top: 21px; left: 46px; } .itinerary-builder .nav__itinerary li.nav__date:hover, .page-template-template-itinerary-builder .nav__itinerary li.nav__date:hover, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date:hover { background: initial; } .itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span { margin-left: 105px; width: auto; text-align: left; } .itinerary-builder .nav__itinerary span, .page-template-template-itinerary-builder .nav__itinerary span, .et_pb_fullwidth_itin_map .nav__itinerary span { display: inline-block; vertical-align: top; width: 40px; text-align: left; margin-left: 20px; margin-top: -2px; } .itinerary-builder .nav__itinerary .map__link, .page-template-template-itinerary-builder .nav__itinerary .map__link, .et_pb_fullwidth_itin_map .nav__itinerary .map__link { position: relative; } .itinerary-builder .nav__itinerary .active, .page-template-template-itinerary-builder .nav__itinerary .active, .et_pb_fullwidth_itin_map .nav__itinerary .active { color: #fff; font-weight: 400; background: #5BC0A9; } .itinerary-builder .nav__itinerary .active .icon path, .itinerary-builder .nav__itinerary .active .icon rect, .page-template-template-itinerary-builder .nav__itinerary .active .icon path, .page-template-template-itinerary-builder .nav__itinerary .active .icon rect, .et_pb_fullwidth_itin_map .nav__itinerary .active .icon path, .et_pb_fullwidth_itin_map .nav__itinerary .active .icon rect { fill: #fff; } .itinerary-builder .icon__map, .page-template-template-itinerary-builder .icon__map, .et_pb_fullwidth_itin_map .icon__map { width: 47px; height: 43px; -webkit-transform: translateY(-7px); transform: translateY(-7px); } .itinerary-builder .icon__map path, .page-template-template-itinerary-builder .icon__map path, .et_pb_fullwidth_itin_map .icon__map path { fill: #fff; } .itinerary-builder .icon__list, .page-template-template-itinerary-builder .icon__list, .et_pb_fullwidth_itin_map .icon__list { width: 39px; height: 33px; } .itinerary-builder .icon__list rect, .page-template-template-itinerary-builder .icon__list rect, .et_pb_fullwidth_itin_map .icon__list rect { fill: #fff; } .itinerary-builder .icon__builder, .page-template-template-itinerary-builder .icon__builder, .et_pb_fullwidth_itin_map .icon__builder { width: 40px; height: 40px; } .itinerary-builder .icon__builder path, .itinerary-builder .icon__builder circle, .page-template-template-itinerary-builder .icon__builder path, .page-template-template-itinerary-builder .icon__builder circle, .et_pb_fullwidth_itin_map .icon__builder path, .et_pb_fullwidth_itin_map .icon__builder circle { fill: #fff; } .itinerary-builder .nav__cart, .page-template-template-itinerary-builder .nav__cart, .et_pb_fullwidth_itin_map .nav__cart { position: absolute; right: 0; top: 0; width: 350px; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { color: #fff; display: inline-block; vertical-align: top; cursor: pointer; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; width: calc(100%); height: 75px; padding: 20px 15px 15px 127px; text-align: left; border-left: 1px solid rgba(255, 255, 255, 0.15); border-right: 1px solid rgba(255, 255, 255, 0.15); position: relative; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .nav__cart li:before, .page-template-template-itinerary-builder .nav__cart li:before, .et_pb_fullwidth_itin_map .nav__cart li:before { content: ''; display: inline-block; background-image: url("../img/icon-close-white.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; height: 19px; width: 19px; position: absolute; right: 32px; top: 28px; opacity: 0; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .itinerary-builder .nav__cart li:after, .page-template-template-itinerary-builder .nav__cart li:after, .et_pb_fullwidth_itin_map .nav__cart li:after { content: ''; display: inline-block; background-image: url("../img/icon__itinerary--white.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; height: 44px; width: 35px; position: absolute; left: 77px; top: 16px; } .itinerary-builder .nav__cart li:hover, .page-template-template-itinerary-builder .nav__cart li:hover, .et_pb_fullwidth_itin_map .nav__cart li:hover { background: #5BC0A9; } .itinerary-builder .nav__cart li:hover span:after, .page-template-template-itinerary-builder .nav__cart li:hover span:after, .et_pb_fullwidth_itin_map .nav__cart li:hover span:after { background: #5BC0A9; } .itinerary-builder .nav__cart li:hover span .itinerary-cart--counter, .page-template-template-itinerary-builder .nav__cart li:hover span .itinerary-cart--counter, .et_pb_fullwidth_itin_map .nav__cart li:hover span .itinerary-cart--counter { color: #5BC0A9; } .itinerary-builder .nav__cart li.active:before, .page-template-template-itinerary-builder .nav__cart li.active:before, .et_pb_fullwidth_itin_map .nav__cart li.active:before { opacity: 1; } .itinerary-builder .nav__cart span, .page-template-template-itinerary-builder .nav__cart span, .et_pb_fullwidth_itin_map .nav__cart span { display: inline-block; vertical-align: top; width: auto; text-align: left; margin-left: 0px; margin-top: 12px; position: relative; } .itinerary-builder .nav__cart span:after, .page-template-template-itinerary-builder .nav__cart span:after, .et_pb_fullwidth_itin_map .nav__cart span:after { content: ''; display: inline-block; height: 26px; width: 26px; border-radius: 50%; background: #009FB0; position: absolute; top: -20px; left: -28px; z-index: 1; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .nav__cart span .itinerary-cart--counter, .page-template-template-itinerary-builder .nav__cart span .itinerary-cart--counter, .et_pb_fullwidth_itin_map .nav__cart span .itinerary-cart--counter { display: inline-block; height: 20px; width: 20px; border-radius: 50%; background: #fff; color: #009FB0; text-align: center; padding-top: 3px; padding-left: 2px; font-size: 14px; position: absolute; top: -17px; left: -25px; z-index: 2; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .itinerary-builder .nav-item__builder, .page-template-template-itinerary-builder .nav-item__builder, .et_pb_fullwidth_itin_map .nav-item__builder { opacity: 1; -webkit-transition: opacity 0.3s ease; transition: opacity 0.3s ease; } .itinerary-builder .nav-item__builder.active, .page-template-template-itinerary-builder .nav-item__builder.active, .et_pb_fullwidth_itin_map .nav-item__builder.active { opacity: 0; } .itinerary-builder .navbar-nav, .page-template-template-itinerary-builder .navbar-nav, .et_pb_fullwidth_itin_map .navbar-nav { text-align: center; color: #fff; } .itinerary-builder .nav-item__builder, .page-template-template-itinerary-builder .nav-item__builder, .et_pb_fullwidth_itin_map .nav-item__builder { color: #2ba55a; text-align: left; display: inline-block; vertical-align: top; cursor: pointer; font-size: 14px; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 25px; } .itinerary-builder .nav-item__builder.active, .page-template-template-itinerary-builder .nav-item__builder.active, .et_pb_fullwidth_itin_map .nav-item__builder.active { opacity: 1; } .itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .page-template-template-itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .et_pb_fullwidth_itin_map .nav-item__builder .itinerary-cart__close-btn { width: 25px; height: 3px; margin: 0; margin-top: 0; margin-left: 0; display: block; position: absolute; right: 33px; top: 33px; background: #514d4a; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .itinerary-builder .nav-item__builder .itinerary-cart__close-btn:nth-child(2), .page-template-template-itinerary-builder .nav-item__builder .itinerary-cart__close-btn:nth-child(2), .et_pb_fullwidth_itin_map .nav-item__builder .itinerary-cart__close-btn:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .itinerary-builder .sidebar__title, .page-template-template-itinerary-builder .sidebar__title, .et_pb_fullwidth_itin_map .sidebar__title { color: #1AA2DB; font-size: 36px; line-height: 46px; margin-bottom: 40px; } .itinerary-builder .sidebar__subtitle, .page-template-template-itinerary-builder .sidebar__subtitle, .et_pb_fullwidth_itin_map .sidebar__subtitle { font-weight: 400; } .itinerary-builder .column_list-view__categories, .page-template-template-itinerary-builder .column_list-view__categories, .et_pb_fullwidth_itin_map .column_list-view__categories { display: inline-block; vertical-align: top; float: right; } .itinerary-builder .column_list-view__categories .categorie__list, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list { padding: 30px 20px 150px 40px; background: #f1f1f2; width: 355px; display: inline-block; } .itinerary-builder .column_list-view__categories .categorie__list .sidebar__title, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list .sidebar__title, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list .sidebar__title { font-size: 24px; line-height: 34px; } .itinerary-builder .attractions__list, .page-template-template-itinerary-builder .attractions__list, .et_pb_fullwidth_itin_map .attractions__list { display: inline-block; width: calc(100% - 425px); margin-right: 70px; margin-bottom: 35px; } .itinerary-builder .attractions__list .attraction__name, .page-template-template-itinerary-builder .attractions__list .attraction__name, .et_pb_fullwidth_itin_map .attractions__list .attraction__name { font-weight: 400; margin-bottom: 5px; } .itinerary-builder .attractions__list .card__attraction, .page-template-template-itinerary-builder .attractions__list .card__attraction, .et_pb_fullwidth_itin_map .attractions__list .card__attraction { margin-left: 0; margin: 35px 0 70px; padding: 0; position: relative; } .itinerary-builder .attractions__list .card__attraction + .card__attraction, .page-template-template-itinerary-builder .attractions__list .card__attraction + .card__attraction, .et_pb_fullwidth_itin_map .attractions__list .card__attraction + .card__attraction { border-top: none; } .itinerary-builder .attractions__list .card__attraction + .card__attraction:after, .page-template-template-itinerary-builder .attractions__list .card__attraction + .card__attraction:after, .et_pb_fullwidth_itin_map .attractions__list .card__attraction + .card__attraction:after { content: ''; display: inline-block; height: 1px; width: 100%; background: #ebebeb; position: absolute; bottom: -35px; } .itinerary-builder .map-zoom, .page-template-template-itinerary-builder .map-zoom, .et_pb_fullwidth_itin_map .map-zoom { background: #1BADB8; width: 35px; height: 35px; position: absolute; top: 7px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .map-zoom:hover, .page-template-template-itinerary-builder .map-zoom:hover, .et_pb_fullwidth_itin_map .map-zoom:hover { background: #5BC0A9; cursor: pointer; } .itinerary-builder .map-zoom.map-zoom-in span, .page-template-template-itinerary-builder .map-zoom.map-zoom-in span, .et_pb_fullwidth_itin_map .map-zoom.map-zoom-in span { position: absolute; width: 13px; left: 0; right: 0; bottom: 0; margin: auto; height: 3px; top: 0; background: white; } .itinerary-builder .map-zoom.map-zoom-in span + span, .page-template-template-itinerary-builder .map-zoom.map-zoom-in span + span, .et_pb_fullwidth_itin_map .map-zoom.map-zoom-in span + span { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .itinerary-builder .map-zoom.map-zoom-out, .page-template-template-itinerary-builder .map-zoom.map-zoom-out, .et_pb_fullwidth_itin_map .map-zoom.map-zoom-out { left: calc(50% + 35px + 7px + 4px); } .itinerary-builder .map-zoom.map-zoom-out span, .page-template-template-itinerary-builder .map-zoom.map-zoom-out span, .et_pb_fullwidth_itin_map .map-zoom.map-zoom-out span { position: absolute; width: 16px; left: calc(50% - 8px); height: 3px; top: calc(50% - 1.5px); background: white; } .itinerary-builder .mobile-map-close-button, .page-template-template-itinerary-builder .mobile-map-close-button, .et_pb_fullwidth_itin_map .mobile-map-close-button { display: none; position: absolute; right: 0; top: 0; width: 50px; height: 50px; font-size: 12px; color: white; background: green; z-index: 9; } .itinerary-builder .column_map-view__categories, .page-template-template-itinerary-builder .column_map-view__categories, .et_pb_fullwidth_itin_map .column_map-view__categories { display: inline-block; vertical-align: top; width: 100%; padding-top: 70px; padding-bottom: 45px; } .itinerary-builder .column_map-view__categories .categorie__list, .page-template-template-itinerary-builder .column_map-view__categories .categorie__list, .et_pb_fullwidth_itin_map .column_map-view__categories .categorie__list { padding: 0; background: white; width: 100%; display: inline-block; } .itinerary-builder .column_map-view__categories .card__category, .page-template-template-itinerary-builder .column_map-view__categories .card__category, .et_pb_fullwidth_itin_map .column_map-view__categories .card__category { width: 33.333%; display: inline-block; vertical-align: top; } .itinerary-builder .column_map-view__categories .sidebar__title, .page-template-template-itinerary-builder .column_map-view__categories .sidebar__title, .et_pb_fullwidth_itin_map .column_map-view__categories .sidebar__title { margin-bottom: 10px; } .itinerary-builder .column_map-view__categories .sidebar__subtitle, .page-template-template-itinerary-builder .column_map-view__categories .sidebar__subtitle, .et_pb_fullwidth_itin_map .column_map-view__categories .sidebar__subtitle { font-weight: 400; margin-bottom: 20px; } .itinerary-builder .card__category, .page-template-template-itinerary-builder .card__category, .et_pb_fullwidth_itin_map .card__category { border: none; background: transparent; margin-bottom: 15px; } .itinerary-builder .card-block, .page-template-template-itinerary-builder .card-block, .et_pb_fullwidth_itin_map .card-block { padding: 0; } .itinerary-builder .card-text, .page-template-template-itinerary-builder .card-text, .et_pb_fullwidth_itin_map .card-text { display: inline-block; vertical-align: top; margin-top: 15px; } .itinerary-builder .card__attraction, .page-template-template-itinerary-builder .card__attraction, .et_pb_fullwidth_itin_map .card__attraction { padding: 35px 0; position: relative; box-sizing: border-box; -webkit-transition: min-height 250ms ease; transition: min-height 250ms ease; } .itinerary-builder .card__attraction.reordering, .page-template-template-itinerary-builder .card__attraction.reordering, .et_pb_fullwidth_itin_map .card__attraction.reordering { min-height: 0; } .itinerary-builder .card__attraction:after, .page-template-template-itinerary-builder .card__attraction:after, .et_pb_fullwidth_itin_map .card__attraction:after { content: ''; display: inline-block; height: 1px; width: 100%; background: #ebebeb; position: absolute; bottom: 0; right: 0; left: 0; } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { width: 360px; height: 100%; display: inline-block; position: absolute; bottom: 0; left: 0px; top: 0; margin-left: 45px; } .itinerary-builder .card__attraction .image img, .page-template-template-itinerary-builder .card__attraction .image img, .et_pb_fullwidth_itin_map .card__attraction .image img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .itinerary-builder .card__attraction .attraction-icon, .page-template-template-itinerary-builder .card__attraction .attraction-icon, .et_pb_fullwidth_itin_map .card__attraction .attraction-icon { width: 45px; height: 100%; background: currentcolor; position: absolute; top: 0; bottom: 0; left: -45px; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { color: #000; vertical-align: top; display: inline-block; width: calc(100%); padding-left: 430px; } .itinerary-builder .card__attraction .right-side p, .page-template-template-itinerary-builder .card__attraction .right-side p, .et_pb_fullwidth_itin_map .card__attraction .right-side p { font-size: 14px; line-height: 20px; min-height: 4em; } .itinerary-builder .card__attraction .right-side .details, .page-template-template-itinerary-builder .card__attraction .right-side .details, .et_pb_fullwidth_itin_map .card__attraction .right-side .details { cursor: pointer; font-family: "Nunito", sans-serif; background: #eaeaea; border-color: #eaeaea; padding: 16px 5px 14px; color: #009FB0; text-align: center; display: inline-block; font-size: 16px; line-height: 28px; width: 100%; margin-top: 5px; text-transform: uppercase; letter-spacing: 0.025em; -webkit-transition: background 0.3s ease, color 0.3s ease, border 0.3s ease; transition: background 0.3s ease, color 0.3s ease, border 0.3s ease; } .itinerary-builder .card__attraction .right-side .details:hover, .page-template-template-itinerary-builder .card__attraction .right-side .details:hover, .et_pb_fullwidth_itin_map .card__attraction .right-side .details:hover { color: #fff; background: #000; border-color: #000; } .itinerary-builder .card__attraction-is-new, .page-template-template-itinerary-builder .card__attraction-is-new, .et_pb_fullwidth_itin_map .card__attraction-is-new { -webkit-animation: fadeIn ease-in 1; animation: fadeIn ease-in 1; -webkit-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-duration: 500ms; animation-duration: 500ms; -webkit-animation-delay: 900ms; animation-delay: 900ms; opacity: 0; } .itinerary-builder .location__address, .page-template-template-itinerary-builder .location__address, .et_pb_fullwidth_itin_map .location__address { margin-bottom: 10px; } .itinerary-builder .btn__primary, .page-template-template-itinerary-builder .btn__primary, .et_pb_fullwidth_itin_map .btn__primary { cursor: pointer; margin-top: 15px; padding: 3px 30px 0; display: inline-block; vertical-align: top; height: 60px; margin-bottom: 10px; position: relative; -webkit-transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; transition: color 0.3s ease, background 0.3s ease, border 0.3s ease; color: #fff; background: #7AC399; border: 3px solid #7AC399; } .itinerary-builder .btn__primary.add-to, .page-template-template-itinerary-builder .btn__primary.add-to, .et_pb_fullwidth_itin_map .btn__primary.add-to { background: #009FB0; border: none; height: auto; text-align: center; width: 100%; margin: 0; margin-top: 5px; padding: 21px 5px; } .itinerary-builder .btn__primary.add-to .label_add-to-itinerary, .page-template-template-itinerary-builder .btn__primary.add-to .label_add-to-itinerary, .et_pb_fullwidth_itin_map .btn__primary.add-to .label_add-to-itinerary { display: inline-block; -webkit-transform: translateY(0); transform: translateY(0); padding-left: 20px; } .itinerary-builder .btn__primary.add-to .label_added, .page-template-template-itinerary-builder .btn__primary.add-to .label_added, .et_pb_fullwidth_itin_map .btn__primary.add-to .label_added { display: none; } .itinerary-builder .btn__primary.add-to:after, .page-template-template-itinerary-builder .btn__primary.add-to:after, .et_pb_fullwidth_itin_map .btn__primary.add-to:after { content: ''; display: inline-block; height: 15px; width: 3px; background: #fff; position: absolute; top: 21px; left: 61px; } .itinerary-builder .btn__primary.add-to:before, .page-template-template-itinerary-builder .btn__primary.add-to:before, .et_pb_fullwidth_itin_map .btn__primary.add-to:before { content: ''; display: inline-block; height: 3px; width: 15px; background: #fff; position: absolute; top: 27px; left: 55px; } .itinerary-builder .btn__primary.add-to.add-to--added:after, .page-template-template-itinerary-builder .btn__primary.add-to.add-to--added:after, .et_pb_fullwidth_itin_map .btn__primary.add-to.add-to--added:after { content: none; } .itinerary-builder .btn__primary.add-to.add-to--added .label_add-to-itinerary, .page-template-template-itinerary-builder .btn__primary.add-to.add-to--added .label_add-to-itinerary, .et_pb_fullwidth_itin_map .btn__primary.add-to.add-to--added .label_add-to-itinerary { display: none; } .itinerary-builder .btn__primary.add-to.add-to--added .label_added, .page-template-template-itinerary-builder .btn__primary.add-to.add-to--added .label_added, .et_pb_fullwidth_itin_map .btn__primary.add-to.add-to--added .label_added { display: inline; line-height: 15px; } .itinerary-builder .btn__primary:hover, .page-template-template-itinerary-builder .btn__primary:hover, .et_pb_fullwidth_itin_map .btn__primary:hover { background: #000; border-color: #000; color: #fff; } .itinerary-builder .icons, .page-template-template-itinerary-builder .icons, .et_pb_fullwidth_itin_map .icons { padding-top: 10px; } .itinerary-builder .icons li, .page-template-template-itinerary-builder .icons li, .et_pb_fullwidth_itin_map .icons li { display: inline-block; vertical-align: top; } .itinerary-builder .icons li.hidden, .page-template-template-itinerary-builder .icons li.hidden, .et_pb_fullwidth_itin_map .icons li.hidden { display: none; } .itinerary-builder .icons li + li, .page-template-template-itinerary-builder .icons li + li, .et_pb_fullwidth_itin_map .icons li + li { margin-left: 17px; } .itinerary-builder .icons .icon__sun img, .page-template-template-itinerary-builder .icons .icon__sun img, .et_pb_fullwidth_itin_map .icons .icon__sun img { height: 38px; width: 38px; } .itinerary-builder .icons .icon__snow img, .page-template-template-itinerary-builder .icons .icon__snow img, .et_pb_fullwidth_itin_map .icons .icon__snow img { height: 30px; width: 29px; margin-top: 5px; } .itinerary-builder .icons .icon__wheelchair img, .page-template-template-itinerary-builder .icons .icon__wheelchair img, .et_pb_fullwidth_itin_map .icons .icon__wheelchair img { height: 29px; width: 25px; margin-top: 5px; } .itinerary-builder .attraction_category_culinary, .page-template-template-itinerary-builder .attraction_category_culinary, .et_pb_fullwidth_itin_map .attraction_category_culinary { color: #F2B219; } .itinerary-builder .attraction_category_culinary .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_culinary .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_culinary .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-utensils-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 35px; width: 19px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 12px; } .itinerary-builder .attraction_category_nature-garden, .page-template-template-itinerary-builder .attraction_category_nature-garden, .et_pb_fullwidth_itin_map .attraction_category_nature-garden { color: #B2BB17; } .itinerary-builder .attraction_category_nature-garden .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_nature-garden .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_nature-garden .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-flower-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 34px; width: 21px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 12px; } .itinerary-builder .attraction_category_golf-course, .page-template-template-itinerary-builder .attraction_category_golf-course, .et_pb_fullwidth_itin_map .attraction_category_golf-course { color: #7AC399; } .itinerary-builder .attraction_category_golf-course .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_golf-course .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_golf-course .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-golf-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 31px; width: 22px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 12px; } .itinerary-builder .attraction_category_heritage, .page-template-template-itinerary-builder .attraction_category_heritage, .et_pb_fullwidth_itin_map .attraction_category_heritage { color: #E47D2D; } .itinerary-builder .attraction_category_heritage .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_heritage .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_heritage .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-heritage-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 36px; width: 33px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 7px; } .itinerary-builder .attraction_category_attractions, .page-template-template-itinerary-builder .attraction_category_attractions, .et_pb_fullwidth_itin_map .attraction_category_attractions { color: #68C4E3; } .itinerary-builder .attraction_category_attractions .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_attractions .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_attractions .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-star-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 32px; width: 33px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 7px; } .itinerary-builder .attraction_category_trails, .page-template-template-itinerary-builder .attraction_category_trails, .et_pb_fullwidth_itin_map .attraction_category_trails { color: #68C4E3; } .itinerary-builder .attraction_category_trails .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_trails .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_trails .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-compass-arrow-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 26px; width: 26px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; } .itinerary-builder .attraction_category_events, .page-template-template-itinerary-builder .attraction_category_events, .et_pb_fullwidth_itin_map .attraction_category_events { color: #009FB0; } .itinerary-builder .attraction_category_events .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_events .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_events .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-calendar-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 30px; width: 31px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 8px; } .itinerary-builder .attraction_category_accomodations, .page-template-template-itinerary-builder .attraction_category_accomodations, .et_pb_fullwidth_itin_map .attraction_category_accomodations { color: #009FB0; } .itinerary-builder .attraction_category_accomodations .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_accomodations .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_accomodations .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-bed-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 15px; width: 32px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 7px; } .itinerary-builder .attraction_category_shopping, .page-template-template-itinerary-builder .attraction_category_shopping, .et_pb_fullwidth_itin_map .attraction_category_shopping { color: #1AA2DB; } .itinerary-builder .attraction_category_shopping .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_shopping .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_shopping .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-shopping-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 30px; width: 22px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 13px; } .itinerary-builder .attraction_category_welcome-centres, .page-template-template-itinerary-builder .attraction_category_welcome-centres, .et_pb_fullwidth_itin_map .attraction_category_welcome-centres { color: #009FB0; } .itinerary-builder .attraction_category_welcome-centres .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_welcome-centres .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_welcome-centres .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-welcome-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 23px; width: 31px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; } .itinerary-builder .attraction_category_parking, .page-template-template-itinerary-builder .attraction_category_parking, .et_pb_fullwidth_itin_map .attraction_category_parking { color: #009FB0; } .itinerary-builder .attraction_category_parking .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_parking .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_parking .attraction-icon:after { content: ''; display: inline-block; background-image: url("../img/icon-parking-white.svg"); background-repeat: no-repeat; background-position: center; background-size: contain; height: 33px; width: 26px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 10px; } .itinerary-builder .card__attraction.card.type--event .attraction-icon:after, .page-template-template-itinerary-builder .card__attraction.card.type--event .attraction-icon:after, .et_pb_fullwidth_itin_map .card__attraction.card.type--event .attraction-icon:after { background-image: url("../img/icon-calendar-white.svg"); content: ''; display: inline-block; background-repeat: no-repeat; background-position: center; background-size: contain; height: 36px; width: 33px; position: absolute; top: 0; bottom: 0; margin: auto 0; left: 6px; } .itinerary-builder .hidden, .page-template-template-itinerary-builder .hidden, .et_pb_fullwidth_itin_map .hidden { display: none; } .itinerary-builder .attractions__map, .page-template-template-itinerary-builder .attractions__map, .et_pb_fullwidth_itin_map .attractions__map { position: relative; display: inline-block; width: calc(100%); height: calc(100vh - 75px); min-height: 500px; } .itinerary-builder .attractions__map #google-map-wrapper, .page-template-template-itinerary-builder .attractions__map #google-map-wrapper, .et_pb_fullwidth_itin_map .attractions__map #google-map-wrapper { height: 100%; } .itinerary-builder .attractions__map #google-map-wrapper > div:first-child, .page-template-template-itinerary-builder .attractions__map #google-map-wrapper > div:first-child, .et_pb_fullwidth_itin_map .attractions__map #google-map-wrapper > div:first-child { height: 100% !important; } .itinerary-builder .attractions__map.hidden, .page-template-template-itinerary-builder .attractions__map.hidden, .et_pb_fullwidth_itin_map .attractions__map.hidden { display: none; } .itinerary-builder .cluster img, .page-template-template-itinerary-builder .cluster img, .et_pb_fullwidth_itin_map .cluster img { margin-top: 5px; width: 100%; } .itinerary-builder .map__marker, .page-template-template-itinerary-builder .map__marker, .et_pb_fullwidth_itin_map .map__marker { width: 50px; height: 64px; overflow: hidden; position: relative; -webkit-transform: translate(-50%, -100%); transform: translate(-50%, -100%); z-index: 1; cursor: pointer; } .itinerary-builder .map__marker.map__marker--active, .page-template-template-itinerary-builder .map__marker.map__marker--active, .et_pb_fullwidth_itin_map .map__marker.map__marker--active { z-index: 2; } .itinerary-builder .map__marker.map__marker--active .map__marker_icon, .page-template-template-itinerary-builder .map__marker.map__marker--active .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.map__marker--active .map__marker_icon { color: black; } .itinerary-builder .map__marker.attraction_category_attractions .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_attractions .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_attractions .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_attractions .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_attractions .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_attractions .map__marker_icon svg { width: 28px; height: 27px; } .itinerary-builder .map__marker.attraction_category_culinary .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_culinary .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_culinary .map__marker_icon { top: 11px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_culinary .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_culinary .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_culinary .map__marker_icon svg { width: 18px; height: 34px; } .itinerary-builder .map__marker.attraction_category_golf-course .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_golf-course .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_golf-course .map__marker_icon { top: 11px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_golf-course .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_golf-course .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_golf-course .map__marker_icon svg { width: 21px; height: 30px; } .itinerary-builder .map__marker.attraction_category_nature-garden .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_nature-garden .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_nature-garden .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_nature-garden .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_nature-garden .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_nature-garden .map__marker_icon svg { width: 18px; height: 30px; } .itinerary-builder .map__marker.attraction_category_trails .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_trails .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_trails .map__marker_icon { top: 16px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_trails .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_trails .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_trails .map__marker_icon svg { width: 25px; height: 25px; } .itinerary-builder .map__marker.attraction_category_heritage .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_heritage .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_heritage .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_heritage .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_heritage .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_heritage .map__marker_icon svg { width: 25px; height: 27px; } .itinerary-builder .map__marker.attraction_category_events .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_events .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_events .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_events .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_events .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_events .map__marker_icon svg { width: 25px; height: auto; } .itinerary-builder .map__marker.attraction_category_shopping .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_shopping .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_shopping .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_shopping .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_shopping .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_shopping .map__marker_icon svg { width: 25px; height: auto; } .itinerary-builder .map__marker.attraction_category_welcome-centres .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_welcome-centres .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_welcome-centres .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_welcome-centres .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_welcome-centres .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_welcome-centres .map__marker_icon svg { width: 25px; height: auto; } .itinerary-builder .map__marker.attraction_category_parking .map__marker_icon, .page-template-template-itinerary-builder .map__marker.attraction_category_parking .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker.attraction_category_parking .map__marker_icon { top: 13px; left: 0; right: 0; text-align: center; } .itinerary-builder .map__marker.attraction_category_parking .map__marker_icon svg, .page-template-template-itinerary-builder .map__marker.attraction_category_parking .map__marker_icon svg, .et_pb_fullwidth_itin_map .map__marker.attraction_category_parking .map__marker_icon svg { width: 25px; height: auto; } .itinerary-builder .button-show-on-map, .page-template-template-itinerary-builder .button-show-on-map, .et_pb_fullwidth_itin_map .button-show-on-map { display: none; } .itinerary-builder .map__marker_background, .itinerary-builder .map__marker_icon, .page-template-template-itinerary-builder .map__marker_background, .page-template-template-itinerary-builder .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker_background, .et_pb_fullwidth_itin_map .map__marker_icon { position: absolute; top: 0; left: 0; } .itinerary-builder .map__marker_icon, .page-template-template-itinerary-builder .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker_icon { top: 13px; } .itinerary-builder .map__marker_background path, .itinerary-builder .map__marker_background polygon, .itinerary-builder .map__marker_background circle, .itinerary-builder .map__marker_icon path, .itinerary-builder .map__marker_icon polygon, .itinerary-builder .map__marker_icon circle, .page-template-template-itinerary-builder .map__marker_background path, .page-template-template-itinerary-builder .map__marker_background polygon, .page-template-template-itinerary-builder .map__marker_background circle, .page-template-template-itinerary-builder .map__marker_icon path, .page-template-template-itinerary-builder .map__marker_icon polygon, .page-template-template-itinerary-builder .map__marker_icon circle, .et_pb_fullwidth_itin_map .map__marker_background path, .et_pb_fullwidth_itin_map .map__marker_background polygon, .et_pb_fullwidth_itin_map .map__marker_background circle, .et_pb_fullwidth_itin_map .map__marker_icon path, .et_pb_fullwidth_itin_map .map__marker_icon polygon, .et_pb_fullwidth_itin_map .map__marker_icon circle { fill: currentcolor; } .itinerary-builder .map__marker_icon, .page-template-template-itinerary-builder .map__marker_icon, .et_pb_fullwidth_itin_map .map__marker_icon { color: white; } .itinerary-builder .map__marker_icon.active, .page-template-template-itinerary-builder .map__marker_icon.active, .et_pb_fullwidth_itin_map .map__marker_icon.active { color: yellow; } .itinerary-builder .infobox__container, .page-template-template-itinerary-builder .infobox__container, .et_pb_fullwidth_itin_map .infobox__container { position: relative; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 768px) { .itinerary-builder .infobox__container, .page-template-template-itinerary-builder .infobox__container, .et_pb_fullwidth_itin_map .infobox__container { -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); } } .itinerary-builder .infobox__container:before, .page-template-template-itinerary-builder .infobox__container:before, .et_pb_fullwidth_itin_map .infobox__container:before { content: ''; display: inline-block; height: 100%; width: 13px; background: currentcolor; position: absolute; top: 0; left: 32px; bottom: 0; } .itinerary-builder .infobox__container.infobox__container--heritage, .page-template-template-itinerary-builder .infobox__container.infobox__container--heritage, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--heritage { color: #E47D2D; } .itinerary-builder .infobox__container.infobox__container--culinary, .page-template-template-itinerary-builder .infobox__container.infobox__container--culinary, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--culinary { color: #F2B219; } .itinerary-builder .infobox__container.infobox__container--golf-course, .page-template-template-itinerary-builder .infobox__container.infobox__container--golf-course, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--golf-course { color: #7AC399; } .itinerary-builder .infobox__container.infobox__container--nature-garden, .page-template-template-itinerary-builder .infobox__container.infobox__container--nature-garden, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--nature-garden { color: #B2BB17; } .itinerary-builder .infobox__container.infobox__container--attractions, .page-template-template-itinerary-builder .infobox__container.infobox__container--attractions, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--attractions { color: #68C4E3; } .itinerary-builder .infobox__container.infobox__container--trails, .page-template-template-itinerary-builder .infobox__container.infobox__container--trails, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--trails { color: #68C4E3; } .itinerary-builder .infobox__container.infobox__container--events, .page-template-template-itinerary-builder .infobox__container.infobox__container--events, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--events { color: #009FB0; } .itinerary-builder .infobox__container.infobox__container--shopping, .page-template-template-itinerary-builder .infobox__container.infobox__container--shopping, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--shopping { color: #1AA2DB; } .itinerary-builder .infobox__container.infobox__container--welcome-centres, .page-template-template-itinerary-builder .infobox__container.infobox__container--welcome-centres, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--welcome-centres { color: #009FB0; } .itinerary-builder .infobox__container.infobox__container--parking, .page-template-template-itinerary-builder .infobox__container.infobox__container--parking, .et_pb_fullwidth_itin_map .infobox__container.infobox__container--parking { color: #009FB0; } .itinerary-builder .infobox, .page-template-template-itinerary-builder .infobox, .et_pb_fullwidth_itin_map .infobox { color: #000; display: block; width: 390px; margin-left: 45px; } .itinerary-builder .infobox.hidden, .page-template-template-itinerary-builder .infobox.hidden, .et_pb_fullwidth_itin_map .infobox.hidden { display: none; } .itinerary-builder .infobox .infobox__add span, .itinerary-builder .infobox .infobox__remove span, .page-template-template-itinerary-builder .infobox .infobox__add span, .page-template-template-itinerary-builder .infobox .infobox__remove span, .et_pb_fullwidth_itin_map .infobox .infobox__add span, .et_pb_fullwidth_itin_map .infobox .infobox__remove span { height: 3px; width: 24px; background: #fff; position: absolute; top: 28px; left: 0; right: 0; margin: 0 auto; } .itinerary-builder .infobox .infobox__add span:nth-child(2), .itinerary-builder .infobox .infobox__remove span:nth-child(2), .page-template-template-itinerary-builder .infobox .infobox__add span:nth-child(2), .page-template-template-itinerary-builder .infobox .infobox__remove span:nth-child(2), .et_pb_fullwidth_itin_map .infobox .infobox__add span:nth-child(2), .et_pb_fullwidth_itin_map .infobox .infobox__remove span:nth-child(2) { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .itinerary-builder .infobox .infobox__remove span, .page-template-template-itinerary-builder .infobox .infobox__remove span, .et_pb_fullwidth_itin_map .infobox .infobox__remove span { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .itinerary-builder .infobox .infobox__remove span:nth-child(2), .page-template-template-itinerary-builder .infobox .infobox__remove span:nth-child(2), .et_pb_fullwidth_itin_map .infobox .infobox__remove span:nth-child(2) { -webkit-transform: rotate(135deg); transform: rotate(135deg); } .itinerary-builder .infobox_closer, .page-template-template-itinerary-builder .infobox_closer, .et_pb_fullwidth_itin_map .infobox_closer { position: fixed; left: -100vw; top: -100vw; right: -100vw; bottom: -100vw; } .itinerary-builder .sticky, .page-template-template-itinerary-builder .sticky, .et_pb_fullwidth_itin_map .sticky { z-index: 10; } .itinerary-builder .forced-sticky, .page-template-template-itinerary-builder .forced-sticky, .et_pb_fullwidth_itin_map .forced-sticky { left: 0; top: 0; right: 0; position: fixed; } .itinerary-builder .nav__container, .page-template-template-itinerary-builder .nav__container, .et_pb_fullwidth_itin_map .nav__container { z-index: 2; background: #1BADB8; } .itinerary-builder .nav__container.fixed, .page-template-template-itinerary-builder .nav__container.fixed, .et_pb_fullwidth_itin_map .nav__container.fixed { position: fixed; } .itinerary-builder .travel-date--closer, .page-template-template-itinerary-builder .travel-date--closer, .et_pb_fullwidth_itin_map .travel-date--closer { position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 10; } .itinerary-builder .travel-date--desktop--wrapper, .page-template-template-itinerary-builder .travel-date--desktop--wrapper, .et_pb_fullwidth_itin_map .travel-date--desktop--wrapper { top: 40px; z-index: 999999; position: relative; width: 350px; } @media only screen and (max-width: 767px) { .itinerary-builder .travel-date--desktop--wrapper, .page-template-template-itinerary-builder .travel-date--desktop--wrapper, .et_pb_fullwidth_itin_map .travel-date--desktop--wrapper { display: none; } } .itinerary-builder .travel-date--desktop--wrapper:before, .page-template-template-itinerary-builder .travel-date--desktop--wrapper:before, .et_pb_fullwidth_itin_map .travel-date--desktop--wrapper:before { content: ""; display: inline-block; bottom: 350px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); position: absolute; width: 0; height: 0; border-style: solid; border-width: 0 17.5px 15px 17.5px; border-color: transparent transparent #1BADB8 transparent; } .itinerary-builder .travel-date--desktop--wrapper.closed:before, .page-template-template-itinerary-builder .travel-date--desktop--wrapper.closed:before, .et_pb_fullwidth_itin_map .travel-date--desktop--wrapper.closed:before { display: none; } .itinerary-builder .travel-date--desktop, .page-template-template-itinerary-builder .travel-date--desktop, .et_pb_fullwidth_itin_map .travel-date--desktop { background: #fff; outline: 5px solid #1BADB8; position: relative; width: 350px; } .itinerary-builder .modal, .page-template-template-itinerary-builder .modal, .et_pb_fullwidth_itin_map .modal { position: fixed; top: 0; left: 0; right: 0; bottom: 0; width: 100%; -webkit-transform: none; transform: none; background: rgba(0, 0, 0, 0.75); background: none; overflow-y: scroll; overflow-x: hidden; } .itinerary-builder .modal.in, .page-template-template-itinerary-builder .modal.in, .et_pb_fullwidth_itin_map .modal.in { opacity: 1; } @media only screen and (min-width: 768px) { .itinerary-builder .travel-date--mobile--wrapper, .page-template-template-itinerary-builder .travel-date--mobile--wrapper, .et_pb_fullwidth_itin_map .travel-date--mobile--wrapper { display: none !important; } } .itinerary-builder .modal-backdrop, .page-template-template-itinerary-builder .modal-backdrop, .et_pb_fullwidth_itin_map .modal-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, 0.75); } .itinerary-builder .modal-dialog, .page-template-template-itinerary-builder .modal-dialog, .et_pb_fullwidth_itin_map .modal-dialog { display: block; margin: 15vh auto 15vh auto; width: 1000px; padding: 35px 40px 45px; background: #fff; text-align: center; } .itinerary-builder .modal__title, .page-template-template-itinerary-builder .modal__title, .et_pb_fullwidth_itin_map .modal__title { color: #1BADB8; margin-bottom: 30px; } .itinerary-builder .dp-weeknumber, .page-template-template-itinerary-builder .dp-weeknumber, .et_pb_fullwidth_itin_map .dp-weeknumber { display: none; } .itinerary-builder .react-date-picker__transition-month-view, .page-template-template-itinerary-builder .react-date-picker__transition-month-view, .et_pb_fullwidth_itin_map .react-date-picker__transition-month-view { width: 350px; } .itinerary-builder .react-date-picker__month-view, .page-template-template-itinerary-builder .react-date-picker__month-view, .et_pb_fullwidth_itin_map .react-date-picker__month-view { width: 350px; padding: 0 15px; } .itinerary-builder .react-date-picker__nav-bar, .page-template-template-itinerary-builder .react-date-picker__nav-bar, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar { color: #fff; background: #1BADB8; cursor: pointer; font-size: 18px; line-height: 28px; text-transform: uppercase; letter-spacing: 0.025em; font-weight: 500; padding: 15px; } .itinerary-builder .react-date-picker__nav-bar-arrow svg, .page-template-template-itinerary-builder .react-date-picker__nav-bar-arrow svg, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar-arrow svg { fill: #fff; } .itinerary-builder .react-date-picker__nav-bar-date, .page-template-template-itinerary-builder .react-date-picker__nav-bar-date, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar-date { padding: 0 30px; } .itinerary-builder .react-date-picker__month-view-cell, .page-template-template-itinerary-builder .react-date-picker__month-view-cell, .et_pb_fullwidth_itin_map .react-date-picker__month-view-cell { color: #000; font-size: 15px; line-height: 28px; text-transform: uppercase; letter-spacing: 0.1em; } .itinerary-builder .react-date-picker__month-view-cell:first-child, .page-template-template-itinerary-builder .react-date-picker__month-view-cell:first-child, .et_pb_fullwidth_itin_map .react-date-picker__month-view-cell:first-child { display: none; } .itinerary-builder .dp-week-day-names, .page-template-template-itinerary-builder .dp-week-day-names, .et_pb_fullwidth_itin_map .dp-week-day-names { padding: 20px 0px 15px; border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; } .itinerary-builder .dp-day, .page-template-template-itinerary-builder .dp-day, .et_pb_fullwidth_itin_map .dp-day { cursor: pointer; padding: 0px 0; text-align: center; border: 3px solid transparent; -webkit-transition: border 0.3s ease, backround 0.3s ease; transition: border 0.3s ease, backround 0.3s ease; } .itinerary-builder .dp-day:hover, .page-template-template-itinerary-builder .dp-day:hover, .et_pb_fullwidth_itin_map .dp-day:hover { border-color: #009FB0; background: #009FB0; } .itinerary-builder .react-date-picker__month-view-day-text, .page-template-template-itinerary-builder .react-date-picker__month-view-day-text, .et_pb_fullwidth_itin_map .react-date-picker__month-view-day-text { width: 40px; } .itinerary-builder .react-date-picker__month-view-day--prev-month, .page-template-template-itinerary-builder .react-date-picker__month-view-day--prev-month, .et_pb_fullwidth_itin_map .react-date-picker__month-view-day--prev-month { color: #c0c0c0; } .itinerary-builder .react-date-picker__month-view-day--active, .page-template-template-itinerary-builder .react-date-picker__month-view-day--active, .et_pb_fullwidth_itin_map .react-date-picker__month-view-day--active { border: 3px solid #009FB0; background: #009FB0; } .itinerary-builder .react-date-picker__month-view-day--next-month, .page-template-template-itinerary-builder .react-date-picker__month-view-day--next-month, .et_pb_fullwidth_itin_map .react-date-picker__month-view-day--next-month { color: #c0c0c0; opacity: 0; } .itinerary-builder .modal-footer, .page-template-template-itinerary-builder .modal-footer, .et_pb_fullwidth_itin_map .modal-footer { padding-top: 10px; width: 465px; margin: 0 auto; } .itinerary-builder .modal-footer .btn, .page-template-template-itinerary-builder .modal-footer .btn, .et_pb_fullwidth_itin_map .modal-footer .btn { cursor: pointer; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; background: #514d4a; color: #fff; padding: 25px; margin-bottom: 25px; width: 185px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .modal-footer .btn:hover, .page-template-template-itinerary-builder .modal-footer .btn:hover, .et_pb_fullwidth_itin_map .modal-footer .btn:hover { background: #1BADB8; } .itinerary-builder .modal-footer p, .page-template-template-itinerary-builder .modal-footer p, .et_pb_fullwidth_itin_map .modal-footer p { font-size: 14px; line-height: 19px; font-weight: 300; } .itinerary-builder .react-date-picker__nav-bar-history-view, .page-template-template-itinerary-builder .react-date-picker__nav-bar-history-view, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar-history-view { background: #514d4a; width: 100%; left: 0; padding: 15px; } .itinerary-builder .react-date-picker__decade-view, .page-template-template-itinerary-builder .react-date-picker__decade-view, .et_pb_fullwidth_itin_map .react-date-picker__decade-view { padding-top: 15px; margin-top: 15px; border-top: #514d4a 1px solid; } .itinerary-builder .react-date-picker__decade-view svg, .page-template-template-itinerary-builder .react-date-picker__decade-view svg, .et_pb_fullwidth_itin_map .react-date-picker__decade-view svg { fill: #fff; } .itinerary-builder .react-date-picker__footer, .page-template-template-itinerary-builder .react-date-picker__footer, .et_pb_fullwidth_itin_map .react-date-picker__footer { padding-top: 15px; margin-top: 15px; border-top: #514d4a 1px solid; } .itinerary-builder .react-date-picker__footer button, .page-template-template-itinerary-builder .react-date-picker__footer button, .et_pb_fullwidth_itin_map .react-date-picker__footer button { cursor: pointer; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; border: none; outline: none; background: #1BADB8; color: #fff; padding: 15px; margin: 0 15px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .react-date-picker__footer button:hover, .page-template-template-itinerary-builder .react-date-picker__footer button:hover, .et_pb_fullwidth_itin_map .react-date-picker__footer button:hover { background: #1BADB8; } .itinerary-builder .react-date-picker__year-view-month, .itinerary-builder .react-date-picker__decade-view-year, .page-template-template-itinerary-builder .react-date-picker__year-view-month, .page-template-template-itinerary-builder .react-date-picker__decade-view-year, .et_pb_fullwidth_itin_map .react-date-picker__year-view-month, .et_pb_fullwidth_itin_map .react-date-picker__decade-view-year { cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .itinerary-builder .react-date-picker__year-view-month:hover, .itinerary-builder .react-date-picker__decade-view-year:hover, .page-template-template-itinerary-builder .react-date-picker__year-view-month:hover, .page-template-template-itinerary-builder .react-date-picker__decade-view-year:hover, .et_pb_fullwidth_itin_map .react-date-picker__year-view-month:hover, .et_pb_fullwidth_itin_map .react-date-picker__decade-view-year:hover { color: #1BADB8; } .itinerary-builder .react-date-picker__year-view-month--active, .itinerary-builder .react-date-picker__decade-view-year--active, .page-template-template-itinerary-builder .react-date-picker__year-view-month--active, .page-template-template-itinerary-builder .react-date-picker__decade-view-year--active, .et_pb_fullwidth_itin_map .react-date-picker__year-view-month--active, .et_pb_fullwidth_itin_map .react-date-picker__decade-view-year--active { color: #1BADB8; } .itinerary-builder .cart-view--empty, .page-template-template-itinerary-builder .cart-view--empty, .et_pb_fullwidth_itin_map .cart-view--empty { position: absolute; top: 40%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 100%; text-align: center; margin: 0 auto; display: block; } .itinerary-builder .cart-view--empty.hidden, .page-template-template-itinerary-builder .cart-view--empty.hidden, .et_pb_fullwidth_itin_map .cart-view--empty.hidden { display: none; } .itinerary-builder .cart-view--empty p, .page-template-template-itinerary-builder .cart-view--empty p, .et_pb_fullwidth_itin_map .cart-view--empty p { font-size: 24px; line-height: 1.3em; width: 300px; margin: 0 auto; } .itinerary-builder #itinerary-cart, .page-template-template-itinerary-builder #itinerary-cart, .et_pb_fullwidth_itin_map #itinerary-cart { position: absolute; left: calc(100% - 350px); top: 75px; right: 0; min-height: calc(100vh - 170px); overflow: hidden; z-index: 11; padding: 0px 15px 90px; background: #e3e4e5; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition: left 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; transition: left 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; transition: transform 0.3s ease, left 0.3s ease, background-color 0.3s ease; transition: transform 0.3s ease, left 0.3s ease, background-color 0.3s ease, -webkit-transform 0.3s ease; } .itinerary-builder #itinerary-cart.hidden, .page-template-template-itinerary-builder #itinerary-cart.hidden, .et_pb_fullwidth_itin_map #itinerary-cart.hidden { display: block; -webkit-transform: translateX(100%); transform: translateX(100%); } .itinerary-builder #itinerary-cart.generating-itinerary, .page-template-template-itinerary-builder #itinerary-cart.generating-itinerary, .et_pb_fullwidth_itin_map #itinerary-cart.generating-itinerary { left: 0; background-color: #fff; } .itinerary-builder #itinerary-cart.generating-itinerary .cart-view, .itinerary-builder #itinerary-cart.generating-itinerary .itinerary-view, .page-template-template-itinerary-builder #itinerary-cart.generating-itinerary .cart-view, .page-template-template-itinerary-builder #itinerary-cart.generating-itinerary .itinerary-view, .et_pb_fullwidth_itin_map #itinerary-cart.generating-itinerary .cart-view, .et_pb_fullwidth_itin_map #itinerary-cart.generating-itinerary .itinerary-view { opacity: 0; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { left: 0; padding: 0; height: calc(100% - 75px); overflow-y: scroll; overflow-x: hidden; background-color: #fff; } .itinerary-builder #itinerary-cart.full-width .card__attraction, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction { margin: 0; margin-bottom: 30px; padding: 40px 25px 60px 0; -webkit-transition: padding 0.3s ease; transition: padding 0.3s ease; } .itinerary-builder #itinerary-cart.full-width .card__attraction.reordering, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction.reordering, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction.reordering { padding: 15px 25px 15px 0; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: 372px; margin-left: 100px; } .itinerary-builder #itinerary-cart .cart-item, .page-template-template-itinerary-builder #itinerary-cart .cart-item, .et_pb_fullwidth_itin_map #itinerary-cart .cart-item { width: 100%; } .itinerary-builder #sticky-wrapper, .page-template-template-itinerary-builder #sticky-wrapper, .et_pb_fullwidth_itin_map #sticky-wrapper { position: relative; z-index: 99; } .itinerary-builder .cart-view, .itinerary-builder .itinerary-view, .page-template-template-itinerary-builder .cart-view, .page-template-template-itinerary-builder .itinerary-view, .et_pb_fullwidth_itin_map .cart-view, .et_pb_fullwidth_itin_map .itinerary-view { opacity: 1; -webkit-transition: opacity 1s ease; transition: opacity 1s ease; } .itinerary-builder .cart-view.hidden, .itinerary-builder .itinerary-view.hidden, .page-template-template-itinerary-builder .cart-view.hidden, .page-template-template-itinerary-builder .itinerary-view.hidden, .et_pb_fullwidth_itin_map .cart-view.hidden, .et_pb_fullwidth_itin_map .itinerary-view.hidden { opacity: 0; } .itinerary-builder .card__attraction, .page-template-template-itinerary-builder .card__attraction, .et_pb_fullwidth_itin_map .card__attraction { background: #fff; padding: 10px; margin-top: 15px; } .itinerary-builder .card__attraction:after, .page-template-template-itinerary-builder .card__attraction:after, .et_pb_fullwidth_itin_map .card__attraction:after { content: none; } .itinerary-builder .itinerary-view__name, .page-template-template-itinerary-builder .itinerary-view__name, .et_pb_fullwidth_itin_map .itinerary-view__name { font-weight: 400; } .itinerary-builder .card__travel-info, .page-template-template-itinerary-builder .card__travel-info, .et_pb_fullwidth_itin_map .card__travel-info { position: relative; height: 120px; } .itinerary-builder .card__travel-info label, .page-template-template-itinerary-builder .card__travel-info label, .et_pb_fullwidth_itin_map .card__travel-info label { background: #d7d6d6; font-weight: 400; padding: 32px 0; position: absolute; left: 0; right: 0; top: 0; bottom: 35px; margin: 0; width: 100%; color: #000; font-size: 24px; } .itinerary-builder .card__travel-info label:after, .page-template-template-itinerary-builder .card__travel-info label:after, .et_pb_fullwidth_itin_map .card__travel-info label:after { content: ''; display: inline-block; position: absolute; bottom: -20px; left: 0; right: 0; z-index: 1; margin: 0 auto; width: 0; height: 0; border-style: solid; border-width: 20px 55px 0 55px; border-color: #d7d6d6 transparent transparent transparent; } .itinerary-builder .cart-item, .page-template-template-itinerary-builder .cart-item, .et_pb_fullwidth_itin_map .cart-item { width: 375px; position: relative; } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; margin-left: 0; } .itinerary-builder .cart-item__remove, .page-template-template-itinerary-builder .cart-item__remove, .et_pb_fullwidth_itin_map .cart-item__remove { cursor: pointer; background: #fff; color: #009FB0; position: absolute; top: 7px; right: 0px; height: 20px; width: 20px; z-index: 1; text-align: center; } .itinerary-builder .cart-item__remove span, .page-template-template-itinerary-builder .cart-item__remove span, .et_pb_fullwidth_itin_map .cart-item__remove span { width: 20px; height: 3px; background: #009FB0; display: block; position: absolute; left: 0; right: 0; margin: 0 auto; -webkit-transform: rotate(45deg); transform: rotate(45deg); } .itinerary-builder .cart-item__remove span:nth-child(2), .page-template-template-itinerary-builder .cart-item__remove span:nth-child(2), .et_pb_fullwidth_itin_map .cart-item__remove span:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .itinerary-builder .cart-item__description, .page-template-template-itinerary-builder .cart-item__description, .et_pb_fullwidth_itin_map .cart-item__description { padding: 5px 45px 10px 0; } .itinerary-builder .cart-item__description .cart-item__name, .page-template-template-itinerary-builder .cart-item__description .cart-item__name, .et_pb_fullwidth_itin_map .cart-item__description .cart-item__name { font-weight: 400; margin-bottom: 0px; } .itinerary-builder .cart-item__description p, .page-template-template-itinerary-builder .cart-item__description p, .et_pb_fullwidth_itin_map .cart-item__description p { font-size: 14px; line-height: 19px; font-weight: 300; } .itinerary-builder .lock, .page-template-template-itinerary-builder .lock, .et_pb_fullwidth_itin_map .lock { cursor: pointer; position: absolute; top: 15px; right: 15px; z-index: 1; background: transparent; } .itinerary-builder .lock:after, .page-template-template-itinerary-builder .lock:after, .et_pb_fullwidth_itin_map .lock:after { content: ''; display: inline-block; background-image: url("../img/icon-unlocked-lock-white.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; height: 27px; width: 27px; -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.5)); } .itinerary-builder .lock.locked:after, .page-template-template-itinerary-builder .lock.locked:after, .et_pb_fullwidth_itin_map .lock.locked:after { content: ''; display: inline-block; background-image: url("../img/icon-lock-white.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; height: 27px; width: 18px; opacity: 0.53; -webkit-filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.5)); filter: drop-shadow(0px 3px 5px rgba(0, 0, 0, 0.5)); } .itinerary-builder .cart-item__lock, .page-template-template-itinerary-builder .cart-item__lock, .et_pb_fullwidth_itin_map .cart-item__lock { width: 27px; height: 27px; enable-background: new 0 0 27 27; } .itinerary-builder .cart-item__lock path, .page-template-template-itinerary-builder .cart-item__lock path, .et_pb_fullwidth_itin_map .cart-item__lock path { fill: #fff; } .itinerary-builder .itinerary-cart__wrapper, .page-template-template-itinerary-builder .itinerary-cart__wrapper, .et_pb_fullwidth_itin_map .itinerary-cart__wrapper { height: calc(100vh - 165px); overflow-y: hidden; overflow-x: hidden; position: relative; padding-bottom: 90px; } .itinerary-builder .itinerary-cart__wrapper .card__attraction, .page-template-template-itinerary-builder .itinerary-cart__wrapper .card__attraction, .et_pb_fullwidth_itin_map .itinerary-cart__wrapper .card__attraction { width: calc(100%); } .itinerary-builder .itinerary-cart__generate, .page-template-template-itinerary-builder .itinerary-cart__generate, .et_pb_fullwidth_itin_map .itinerary-cart__generate { background: #E47D2D; color: #fff; cursor: pointer; font-size: 18px; letter-spacing: 0.025em; text-transform: uppercase; position: fixed; bottom: 0; left: 0; right: 0; width: 100%; padding: 32px 10px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; z-index: 9; } .itinerary-builder .itinerary-cart__generate:hover, .page-template-template-itinerary-builder .itinerary-cart__generate:hover, .et_pb_fullwidth_itin_map .itinerary-cart__generate:hover { background: #000; } .itinerary-builder .itinerary-cart__generate:disabled, .page-template-template-itinerary-builder .itinerary-cart__generate:disabled, .et_pb_fullwidth_itin_map .itinerary-cart__generate:disabled { background: grey; cursor: not-allowed; } .itinerary-builder .itinerary-cart__generate:disabled:hover, .page-template-template-itinerary-builder .itinerary-cart__generate:disabled:hover, .et_pb_fullwidth_itin_map .itinerary-cart__generate:disabled:hover { background: grey; } .itinerary-builder .cart-item__hours--close-today, .itinerary-builder .cart-item__hours--open-today, .itinerary-builder .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .cart-item__hours--close-today, .page-template-template-itinerary-builder .cart-item__hours--open-today, .page-template-template-itinerary-builder .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .cart-item__hours--open-today, .et_pb_fullwidth_itin_map .cart-item__hours--closed-allday { font-size: 14px; font-weight: 400; letter-spacing: 0.1em; text-transform: uppercase; background: #f2f0f0; color: #000; display: inline-block; width: 50%; padding: 20px; text-align: center; position: relative; } .itinerary-builder .cart-item__hours--close-today span, .itinerary-builder .cart-item__hours--open-today span, .itinerary-builder .cart-item__hours--closed-allday span, .page-template-template-itinerary-builder .cart-item__hours--close-today span, .page-template-template-itinerary-builder .cart-item__hours--open-today span, .page-template-template-itinerary-builder .cart-item__hours--closed-allday span, .et_pb_fullwidth_itin_map .cart-item__hours--close-today span, .et_pb_fullwidth_itin_map .cart-item__hours--open-today span, .et_pb_fullwidth_itin_map .cart-item__hours--closed-allday span { color: #000; margin-right: 5px; } .itinerary-builder .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .cart-item__hours--closed-allday { width: 100%; display: none; } .itinerary-builder .cart-item__hours--close-today, .itinerary-builder .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .cart-item__hours--close-today, .page-template-template-itinerary-builder .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .cart-item__hours--closed-allday { background: #d7d6d6; } .itinerary-builder .cart-item__hours.cart-item__hours--closed .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .cart-item__hours.cart-item__hours--closed .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .cart-item__hours.cart-item__hours--closed .cart-item__hours--closed-allday { display: inline-block; } .itinerary-builder .cart-item__hours.cart-item__hours--closed .cart-item__hours--close-today, .itinerary-builder .cart-item__hours.cart-item__hours--closed .cart-item__hours--open-today, .page-template-template-itinerary-builder .cart-item__hours.cart-item__hours--closed .cart-item__hours--close-today, .page-template-template-itinerary-builder .cart-item__hours.cart-item__hours--closed .cart-item__hours--open-today, .et_pb_fullwidth_itin_map .cart-item__hours.cart-item__hours--closed .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .cart-item__hours.cart-item__hours--closed .cart-item__hours--open-today { display: none; } .itinerary-builder .cart-item__hours--all, .itinerary-builder .itinerary-item__hours--all, .page-template-template-itinerary-builder .cart-item__hours--all, .page-template-template-itinerary-builder .itinerary-item__hours--all, .et_pb_fullwidth_itin_map .cart-item__hours--all, .et_pb_fullwidth_itin_map .itinerary-item__hours--all { color: #000; font-size: 14px; font-weight: 400; letter-spacing: 0.025em; text-transform: uppercase; position: relative; margin-top: 5px; } .itinerary-builder .cart-item__hours--all a, .itinerary-builder .itinerary-item__hours--all a, .page-template-template-itinerary-builder .cart-item__hours--all a, .page-template-template-itinerary-builder .itinerary-item__hours--all a, .et_pb_fullwidth_itin_map .cart-item__hours--all a, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a { width: 100%; display: inline-block; padding: 20px 34px; text-align: center; background: #009FB0; text-decoration: none; color: #fff; cursor: pointer; } .itinerary-builder .cart-item__hours--all a:after, .itinerary-builder .itinerary-item__hours--all a:after, .page-template-template-itinerary-builder .cart-item__hours--all a:after, .page-template-template-itinerary-builder .itinerary-item__hours--all a:after, .et_pb_fullwidth_itin_map .cart-item__hours--all a:after, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a:after { display: inline-block; height: 10px; width: 18px; background-image: url("../img/icon-arrow-grey.svg"); background-size: contain; background-repeat: no-repeat; background-position: center; position: absolute; right: 45px; top: 21px; -webkit-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: -webkit-transform 0.3s ease; transition: -webkit-transform 0.3s ease; transition: transform 0.3s ease; transition: transform 0.3s ease, -webkit-transform 0.3s ease; } .itinerary-builder .cart-item__hours--all a.open:after, .itinerary-builder .itinerary-item__hours--all a.open:after, .page-template-template-itinerary-builder .cart-item__hours--all a.open:after, .page-template-template-itinerary-builder .itinerary-item__hours--all a.open:after, .et_pb_fullwidth_itin_map .cart-item__hours--all a.open:after, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a.open:after { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); } .itinerary-builder .hours__dropdown, .page-template-template-itinerary-builder .hours__dropdown, .et_pb_fullwidth_itin_map .hours__dropdown { position: absolute; top: 54px; width: 100%; z-index: 2; background: #f8f8f8; border: 1px solid #b3b9ba; border-top: none; border-bottom: none; max-height: 0; -webkit-transition: opacity 0.3s ease, max-height 0.3s ease; transition: opacity 0.3s ease, max-height 0.3s ease; } .itinerary-builder .hours__dropdown.open, .page-template-template-itinerary-builder .hours__dropdown.open, .et_pb_fullwidth_itin_map .hours__dropdown.open { opacity: 1; max-height: 1000px; margin-bottom: 20px; } .itinerary-builder .hours__dropdown.open li, .page-template-template-itinerary-builder .hours__dropdown.open li, .et_pb_fullwidth_itin_map .hours__dropdown.open li { opacity: 1; padding: 15px; max-height: 1000000px; } .itinerary-builder .hours__dropdown li, .page-template-template-itinerary-builder .hours__dropdown li, .et_pb_fullwidth_itin_map .hours__dropdown li { padding: 0 15px; max-height: 0; text-align: center; opacity: 0; -webkit-transition: opacity 0.3s ease, padding 0.3s ease; transition: opacity 0.3s ease, padding 0.3s ease; } .itinerary-builder .hours__dropdown li span, .page-template-template-itinerary-builder .hours__dropdown li span, .et_pb_fullwidth_itin_map .hours__dropdown li span { display: inline-block; width: calc(50% - 20px); text-align: left; } .itinerary-builder .hours__dropdown li + li, .page-template-template-itinerary-builder .hours__dropdown li + li, .et_pb_fullwidth_itin_map .hours__dropdown li + li { border-top: 1px solid #b3b9ba; } .itinerary-builder .hours__dropdown li:last-child, .page-template-template-itinerary-builder .hours__dropdown li:last-child, .et_pb_fullwidth_itin_map .hours__dropdown li:last-child { border-bottom: 1px solid #b3b9ba; } .itinerary-builder .itinerary__recommendations, .page-template-template-itinerary-builder .itinerary__recommendations, .et_pb_fullwidth_itin_map .itinerary__recommendations { background: #ebebeb; padding-top: 65px; padding-bottom: 75px; margin-top: -3px; } .itinerary-builder .itinerary__recommendations .sidebar__title, .page-template-template-itinerary-builder .itinerary__recommendations .sidebar__title, .et_pb_fullwidth_itin_map .itinerary__recommendations .sidebar__title { margin-bottom: 45px; } .itinerary-builder .recommendations__list, .page-template-template-itinerary-builder .recommendations__list, .et_pb_fullwidth_itin_map .recommendations__list { display: -webkit-box; display: -ms-flexbox; display: flex; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { display: inline-block; width: 375px; } .itinerary-builder .recommendations__list li + li, .page-template-template-itinerary-builder .recommendations__list li + li, .et_pb_fullwidth_itin_map .recommendations__list li + li { margin-left: 17px; } .itinerary-builder .recommendations__item, .page-template-template-itinerary-builder .recommendations__item, .et_pb_fullwidth_itin_map .recommendations__item { position: relative; background: #fff; } .itinerary-builder .recommendations__item--loading, .page-template-template-itinerary-builder .recommendations__item--loading, .et_pb_fullwidth_itin_map .recommendations__item--loading { height: 405px; } .itinerary-builder .recommendations__item--loading img, .page-template-template-itinerary-builder .recommendations__item--loading img, .et_pb_fullwidth_itin_map .recommendations__item--loading img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .itinerary-builder .recommendations__add, .itinerary-builder .recommendations__close, .page-template-template-itinerary-builder .recommendations__add, .page-template-template-itinerary-builder .recommendations__close, .et_pb_fullwidth_itin_map .recommendations__add, .et_pb_fullwidth_itin_map .recommendations__close { position: absolute; bottom: 25px; left: 30px; right: 30px; cursor: pointer; background: #009FB0; color: #fff; border: none; outline: none; display: inline-block; text-align: center; vertical-align: top; width: calc(100% - 60px); padding: 20px 5px; margin: 0; height: auto; font-size: 16px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .recommendations__add:after, .itinerary-builder .recommendations__close:after, .page-template-template-itinerary-builder .recommendations__add:after, .page-template-template-itinerary-builder .recommendations__close:after, .et_pb_fullwidth_itin_map .recommendations__add:after, .et_pb_fullwidth_itin_map .recommendations__close:after { content: ''; display: inline-block; height: 15px; width: 3px; background: #fff; position: absolute; top: 21px; left: 61px; } .itinerary-builder .recommendations__add:before, .itinerary-builder .recommendations__close:before, .page-template-template-itinerary-builder .recommendations__add:before, .page-template-template-itinerary-builder .recommendations__close:before, .et_pb_fullwidth_itin_map .recommendations__add:before, .et_pb_fullwidth_itin_map .recommendations__close:before { content: ''; display: inline-block; height: 3px; width: 15px; background: #fff; position: absolute; top: 27px; left: 55px; } .itinerary-builder .recommendations__add:hover, .itinerary-builder .recommendations__close:hover, .page-template-template-itinerary-builder .recommendations__add:hover, .page-template-template-itinerary-builder .recommendations__close:hover, .et_pb_fullwidth_itin_map .recommendations__add:hover, .et_pb_fullwidth_itin_map .recommendations__close:hover { background: #000; color: #fff; } .itinerary-builder .recommendations__add span, .itinerary-builder .recommendations__close span, .page-template-template-itinerary-builder .recommendations__add span, .page-template-template-itinerary-builder .recommendations__close span, .et_pb_fullwidth_itin_map .recommendations__add span, .et_pb_fullwidth_itin_map .recommendations__close span { text-transform: uppercase; letter-spacing: 0.025em; font-size: 16px; line-height: 18px; display: inline-block; width: 100%; vertical-align: top; padding-left: 20px; } .itinerary-builder .recommendations__close, .page-template-template-itinerary-builder .recommendations__close, .et_pb_fullwidth_itin_map .recommendations__close { right: 0; left: auto; bottom: auto; top: 0; height: 55px; width: 55px; } .itinerary-builder .recommendations__close:before, .itinerary-builder .recommendations__close:after, .page-template-template-itinerary-builder .recommendations__close:before, .page-template-template-itinerary-builder .recommendations__close:after, .et_pb_fullwidth_itin_map .recommendations__close:before, .et_pb_fullwidth_itin_map .recommendations__close:after { content: none; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { width: 100%; height: 240px; } .itinerary-builder .recommendations__img img, .page-template-template-itinerary-builder .recommendations__img img, .et_pb_fullwidth_itin_map .recommendations__img img { height: 100%; width: 100%; -o-object-fit: cover; object-fit: cover; } .itinerary-builder .recommendations__description, .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .recommendations__description { vertical-align: top; padding: 33px 30px 175px; } .et_pb_fullwidth_itin_map .itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .et_pb_fullwidth_itin_map .recommendations__description { padding-bottom: 10; } .itinerary-builder .recommendations__description .item__name, .page-template-template-itinerary-builder .recommendations__description .item__name, .et_pb_fullwidth_itin_map .recommendations__description .item__name { margin-bottom: 0px; font-weight: 400; } .itinerary-builder .recommendations__description p, .page-template-template-itinerary-builder .recommendations__description p, .et_pb_fullwidth_itin_map .recommendations__description p { font-size: 14px; line-height: 19px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; } .itinerary-builder .recommendations__description li + li, .page-template-template-itinerary-builder .recommendations__description li + li, .et_pb_fullwidth_itin_map .recommendations__description li + li { margin-left: 0; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { position: absolute; bottom: 15px; width: 155px; left: 30px; } .itinerary-builder .recommendations__description .icons li, .page-template-template-itinerary-builder .recommendations__description .icons li, .et_pb_fullwidth_itin_map .recommendations__description .icons li { width: auto; margin-right: 17px; } .itinerary-builder .recommendations__description .icons li + li, .page-template-template-itinerary-builder .recommendations__description .icons li + li, .et_pb_fullwidth_itin_map .recommendations__description .icons li + li { margin-left: 0; } .itinerary-builder .recommendations__description .details, .page-template-template-itinerary-builder .recommendations__description .details, .et_pb_fullwidth_itin_map .recommendations__description .details { position: absolute; bottom: 88px; left: 30px; right: 30px; width: calc(100% - 60px); margin: 0; font-size: 16px; line-height: 28px; height: auto; padding: 20px; background: #eaeaea; border: none; color: #009FB0; padding: 16px 5px 15px; } .et_pb_fullwidth_itin_map .itinerary-builder .recommendations__description .details, .et_pb_fullwidth_itin_map .page-template-template-itinerary-builder .recommendations__description .details, .et_pb_fullwidth_itin_map .et_pb_fullwidth_itin_map .recommendations__description .details { bottom: 20px; } .itinerary-builder .recommendations__description .details:hover, .page-template-template-itinerary-builder .recommendations__description .details:hover, .et_pb_fullwidth_itin_map .recommendations__description .details:hover { background: #000; color: #fff; } .itinerary-builder .itinerary-view .card__travel-info, .page-template-template-itinerary-builder .itinerary-view .card__travel-info, .et_pb_fullwidth_itin_map .itinerary-view .card__travel-info { text-align: center; max-height: 250px; overflow: hidden; -webkit-transition: opacity 500ms ease, max-height 500ms ease; transition: opacity 500ms ease, max-height 500ms ease; } .itinerary-builder .itinerary-view .card__travel-info.fadeOut, .page-template-template-itinerary-builder .itinerary-view .card__travel-info.fadeOut, .et_pb_fullwidth_itin_map .itinerary-view .card__travel-info.fadeOut { opacity: 1; max-height: 0; } .itinerary-builder .itinerary-view .itinerary-item--index, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index { z-index: 2; position: absolute; left: 0; top: 0; width: 100px; height: 100px; background: #1BADB8; color: #fff; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .itinerary-builder .itinerary-view .itinerary-item--index label, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index label, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index label { font-size: 36px; display: block; line-height: 100px; height: auto; top: 50%; width: 100%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; text-align: center; -webkit-transition: height 250ms ease; transition: height 250ms ease; } .itinerary-builder .itinerary-view .itinerary-item--index.reordering, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index.reordering, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index.reordering { left: 100px; top: 0; bottom: 0; height: 100%; } .itinerary-builder .itinerary-view .itinerary-item--index.reordering label, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index.reordering label, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index.reordering label { height: auto; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); position: absolute; } .itinerary-builder .itinerary-view .handle, .page-template-template-itinerary-builder .itinerary-view .handle, .et_pb_fullwidth_itin_map .itinerary-view .handle { display: block; position: absolute; left: 0; top: 0; z-index: 0; width: 100px; height: 100px; opacity: 0; -webkit-transition: opacity 250ms ease; transition: opacity 250ms ease; -webkit-transition-delay: 250ms; transition-delay: 250ms; cursor: pointer; text-align: center; padding-top: 25px; } .itinerary-builder .itinerary-view .handle span, .page-template-template-itinerary-builder .itinerary-view .handle span, .et_pb_fullwidth_itin_map .itinerary-view .handle span { display: inline-block; height: 9px; width: 9px; border-radius: 50%; background: #a6a6a6; margin-bottom: 3px; margin-left: 3px; margin-right: 35px; } .itinerary-builder .itinerary-view .handle span:nth-child(odd), .page-template-template-itinerary-builder .itinerary-view .handle span:nth-child(odd), .et_pb_fullwidth_itin_map .itinerary-view .handle span:nth-child(odd) { clear: left; margin-right: 3px; margin-left: 35px; } .itinerary-builder .itinerary-view .handle.reordering, .page-template-template-itinerary-builder .itinerary-view .handle.reordering, .et_pb_fullwidth_itin_map .itinerary-view .handle.reordering { opacity: 1; height: 100%; } .itinerary-builder .itinerary-view .icon__category-wrapper, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper { width: 100px; position: absolute; top: 100px; left: 0; bottom: 0; z-index: 2; -webkit-transition: left 250ms ease, top 250ms ease; transition: left 250ms ease, top 250ms ease; } .itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper.reordering { left: 200px; top: 0; bottom: calc(100% - 100px); height: 100%; } .itinerary-builder .itinerary-view .icon__category-wrapper img, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper img, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { padding: 0 40px 0 60px; width: 520px; vertical-align: top; display: inline-block; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { background: #1BADB8; display: inline-block; vertical-align: top; color: #fff; } .itinerary-builder .start_location_picker, .page-template-template-itinerary-builder .start_location_picker, .et_pb_fullwidth_itin_map .start_location_picker { text-align: center; padding-top: 70px; padding-bottom: 55px; } .itinerary-builder .start_location_picker form, .page-template-template-itinerary-builder .start_location_picker form, .et_pb_fullwidth_itin_map .start_location_picker form { margin-top: 30px; } .itinerary-builder .start-loaction__title, .page-template-template-itinerary-builder .start-loaction__title, .et_pb_fullwidth_itin_map .start-loaction__title { margin-bottom: 20px; } .itinerary-builder .start-location__description, .page-template-template-itinerary-builder .start-location__description, .et_pb_fullwidth_itin_map .start-location__description { margin-bottom: 10px; } .itinerary-builder .location_start--input, .page-template-template-itinerary-builder .location_start--input, .et_pb_fullwidth_itin_map .location_start--input { letter-spacing: 0.025em; font-weight: 400; text-transform: uppercase; color: #000; background: #f2f0f0; width: 435px; display: inline-block; border: 3px solid #009FB0; border-right: none; padding: 15px 30px; font-size: 16px; line-height: 1em; } .itinerary-builder .start-location__submit, .page-template-template-itinerary-builder .start-location__submit, .et_pb_fullwidth_itin_map .start-location__submit { cursor: pointer; text-transform: uppercase; letter-spacing: 0.025em; font-weight: 400; font-size: 16px; line-height: 1em; color: #fff; background: #000; padding: 20px 40px 19px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .start-location__submit:hover, .page-template-template-itinerary-builder .start-location__submit:hover, .et_pb_fullwidth_itin_map .start-location__submit:hover { background: #E47D2D; } .itinerary-builder .start-location__submit.disabled, .page-template-template-itinerary-builder .start-location__submit.disabled, .et_pb_fullwidth_itin_map .start-location__submit.disabled { opacity: 0.25; } .itinerary-builder .itinerary-view__container, .page-template-template-itinerary-builder .itinerary-view__container, .et_pb_fullwidth_itin_map .itinerary-view__container { background: #ebebeb; } .itinerary-builder .itinerary-view__description, .page-template-template-itinerary-builder .itinerary-view__description, .et_pb_fullwidth_itin_map .itinerary-view__description { text-align: center; padding: 75px 0 45px; } .itinerary-builder .itinerary-view__description > div, .page-template-template-itinerary-builder .itinerary-view__description > div, .et_pb_fullwidth_itin_map .itinerary-view__description > div { width: 770px; display: block; margin: 0 auto; } .itinerary-builder .itinerary-view__description .btn-secondary, .page-template-template-itinerary-builder .itinerary-view__description .btn-secondary, .et_pb_fullwidth_itin_map .itinerary-view__description .btn-secondary { cursor: pointer; font-size: 16px; line-height: 1em; text-transform: uppercase; letter-spacing: 0.025em; font-weight: 400; background: #009FB0; color: #fff; padding: 20px 40px; margin-top: 30px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .itinerary-builder .itinerary-view__description .btn-secondary:hover, .page-template-template-itinerary-builder .itinerary-view__description .btn-secondary:hover, .et_pb_fullwidth_itin_map .itinerary-view__description .btn-secondary:hover { background: #000; } .itinerary-builder .itinerary-view__description .icons, .page-template-template-itinerary-builder .itinerary-view__description .icons, .et_pb_fullwidth_itin_map .itinerary-view__description .icons { padding-top: 25px; } .itinerary-builder .itinerary-view__title, .page-template-template-itinerary-builder .itinerary-view__title, .et_pb_fullwidth_itin_map .itinerary-view__title { margin-bottom: 25px; } .itinerary-builder .itinerary-view__address, .page-template-template-itinerary-builder .itinerary-view__address, .et_pb_fullwidth_itin_map .itinerary-view__address { letter-spacing: 0; text-transform: none; margin-bottom: 10px; } .itinerary-builder .card__attraction--itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .card__attraction--itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view .cart-item__hours { background: transparent; width: 155px; margin-top: 7px; } .itinerary-builder .card__attraction--itinerary-view .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view .cart-item__description { margin-left: 460px; -webkit-transition: all 250ms ease; transition: all 250ms ease; } .itinerary-builder .card__attraction--itinerary-view .cart-item__hours--open-today, .itinerary-builder .card__attraction--itinerary-view .cart-item__hours--close-today, .page-template-template-itinerary-builder .card__attraction--itinerary-view .cart-item__hours--open-today, .page-template-template-itinerary-builder .card__attraction--itinerary-view .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view .cart-item__hours--open-today, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view .cart-item__hours--close-today { width: 100%; } .itinerary-builder .card__attraction--itinerary-view .image, .page-template-template-itinerary-builder .card__attraction--itinerary-view .image, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view .image { -webkit-transition: all 250ms ease; transition: all 250ms ease; -webkit-transition-delay: 0.1s; transition-delay: 0.1s; } .itinerary-builder .card__attraction--itinerary-view .itinerary-view__description--below-address, .page-template-template-itinerary-builder .card__attraction--itinerary-view .itinerary-view__description--below-address, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view .itinerary-view__description--below-address { -webkit-transition: all 250ms ease; transition: all 250ms ease; max-height: 4em; overflow: hidden; } .itinerary-builder .card__attraction--itinerary-view.reordering .image, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .image, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .image { opacity: 0; width: 0; -webkit-transition-delay: 0s; transition-delay: 0s; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 270px; width: 710px; } .itinerary-builder .card__attraction--itinerary-view.reordering .itinerary-view__description--below-address, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .itinerary-view__description--below-address, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .itinerary-view__description--below-address { opacity: 0; max-height: 0; } .itinerary-builder .itinerary-item__hours--all a:after, .page-template-template-itinerary-builder .itinerary-item__hours--all a:after, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a:after { right: 30px; } .itinerary-builder .distance-duration-label, .page-template-template-itinerary-builder .distance-duration-label, .et_pb_fullwidth_itin_map .distance-duration-label { position: relative; width: 460px; margin: 0 auto; display: block; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { position: absolute; right: 335px; top: 20px; display: inline-block; vertical-align: top; } .itinerary-builder .icon__driving-distance, .page-template-template-itinerary-builder .icon__driving-distance, .et_pb_fullwidth_itin_map .icon__driving-distance { width: 47px; height: 51px; } .itinerary-builder .itinerary-item__category, .page-template-template-itinerary-builder .itinerary-item__category, .et_pb_fullwidth_itin_map .itinerary-item__category { padding-bottom: 10px; display: block; } .itinerary-builder .itinerary-item__category span, .page-template-template-itinerary-builder .itinerary-item__category span, .et_pb_fullwidth_itin_map .itinerary-item__category span { font-size: 14px; line-height: 28px; font-weight: 800; margin-left: 15px; } .itinerary-builder .itinerary-item__category .icon__category svg *, .page-template-template-itinerary-builder .itinerary-item__category .icon__category svg *, .et_pb_fullwidth_itin_map .itinerary-item__category .icon__category svg * { fill: currentcolor; } .itinerary-builder .itinerary-item__category.itinerary-item__category--heritage, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--heritage, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--heritage { color: #E47D2D; } .itinerary-builder .itinerary-item__category.itinerary-item__category--heritage svg, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--heritage svg, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--heritage svg { width: 23px; height: 25px; -webkit-transform: translateY(3px); transform: translateY(3px); } .itinerary-builder .itinerary-item__category.itinerary-item__category--culinary, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--culinary, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--culinary { color: #F2B219; } .itinerary-builder .itinerary-item__category.itinerary-item__category--culinary svg, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--culinary svg, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--culinary svg { width: 13px; height: 24px; -webkit-transform: translateY(5px); transform: translateY(5px); } .itinerary-builder .itinerary-item__category.itinerary-item__category--golf-course, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--golf-course, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--golf-course { color: #7AC399; } .itinerary-builder .itinerary-item__category.itinerary-item__category--nature-garden, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--nature-garden, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--nature-garden { color: #B2BB17; } .itinerary-builder .itinerary-item__category.itinerary-item__category--attractions, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--attractions, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--attractions { color: #68C4E3; } .itinerary-builder .itinerary-item__category.itinerary-item__category--attractions svg, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--attractions svg, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--attractions svg { width: 20px; height: 19px; -webkit-transform: translateY(3px); transform: translateY(3px); } .itinerary-builder .itinerary-item__category.itinerary-item__category--trails, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--trails, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--trails { color: #68C4E3; } .itinerary-builder .itinerary-item__category.itinerary-item__category--events, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--events, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--events { color: #009FB0; } .itinerary-builder .itinerary-item__category.itinerary-item__category--shopping, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--shopping, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--shopping { color: #1AA2DB; } .itinerary-builder .itinerary-item__category.itinerary-item__category--welcome-centres, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--welcome-centres, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--welcome-centres { color: #009FB0; } .itinerary-builder .itinerary-item__category.itinerary-item__category--parking, .page-template-template-itinerary-builder .itinerary-item__category.itinerary-item__category--parking, .et_pb_fullwidth_itin_map .itinerary-item__category.itinerary-item__category--parking { color: #009FB0; } .itinerary-builder .itinerary-view__options, .page-template-template-itinerary-builder .itinerary-view__options, .et_pb_fullwidth_itin_map .itinerary-view__options { text-align: center; padding: 55px 0 65px; } .itinerary-builder .itinerary-view__options li, .page-template-template-itinerary-builder .itinerary-view__options li, .et_pb_fullwidth_itin_map .itinerary-view__options li { width: 100px; height: 100px; padding: 20px; background: #1BADB8; display: inline-block; vertical-align: top; } .itinerary-builder .itinerary-view__options li + li, .page-template-template-itinerary-builder .itinerary-view__options li + li, .et_pb_fullwidth_itin_map .itinerary-view__options li + li { margin-left: 15px; } .itinerary-builder .itinerary-view__options a, .page-template-template-itinerary-builder .itinerary-view__options a, .et_pb_fullwidth_itin_map .itinerary-view__options a { text-decoration: none; cursor: pointer; color: #fff; } .itinerary-builder .itinerary-view__options span, .page-template-template-itinerary-builder .itinerary-view__options span, .et_pb_fullwidth_itin_map .itinerary-view__options span { color: #fff; display: block; text-transform: uppercase; letter-spacing: 0.1em; } .itinerary-builder .itinerary-view__options .icon__pencil, .page-template-template-itinerary-builder .itinerary-view__options .icon__pencil, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__pencil { width: 33px; height: 36px; margin-top: 2px; margin-bottom: 13px; } .itinerary-builder .itinerary-view__options .icon__email, .page-template-template-itinerary-builder .itinerary-view__options .icon__email, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__email { width: 42px; height: 29px; margin-top: 8px; margin-bottom: 14px; } .itinerary-builder .itinerary-view__options .icon__printer, .page-template-template-itinerary-builder .itinerary-view__options .icon__printer, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__printer { width: 39px; height: 40px; margin-bottom: 11px; } .itinerary-builder .itinerary-view__options .icon__driving-distance, .page-template-template-itinerary-builder .itinerary-view__options .icon__driving-distance, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__driving-distance { width: 47px; height: 51px; margin-top: -6px; margin-bottom: 6px; } .itinerary-builder .itinerary-view__options .icon__new, .page-template-template-itinerary-builder .itinerary-view__options .icon__new, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__new { width: 40px; height: 25px; margin-top: 12px; margin-bottom: 14px; } @media (max-width: 1440px) { .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* General */ /* Nav */ /* List View */ /* Map View */ /* Cart */ /* Recommendations */ /* Your list view */ } .itinerary-builder .wrapper, .page-template-template-itinerary-builder .wrapper, .et_pb_fullwidth_itin_map .wrapper { width: 1050px; } .itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__itinerary li { width: 165px; } .itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child { padding-left: 60px; } .itinerary-builder .nav__itinerary li:first-child:before, .page-template-template-itinerary-builder .nav__itinerary li:first-child:before, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child:before { height: 39px; width: 43px; left: 28px; top: 15px; } .itinerary-builder .nav__itinerary li:nth-child(2), .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2), .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) { padding-left: 50px; } .itinerary-builder .nav__itinerary li:nth-child(2):before, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2):before, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2):before { height: 30px; width: 36px; left: 30px; top: 21px; } .itinerary-builder .nav__itinerary li.nav__date, .page-template-template-itinerary-builder .nav__itinerary li.nav__date, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date { width: calc(100% - 330px); } .itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span { margin-left: 95px; } .itinerary-builder .nav__cart, .page-template-template-itinerary-builder .nav__cart, .et_pb_fullwidth_itin_map .nav__cart { width: 310px; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { padding: 20px 15px 15px 110px; } .itinerary-builder .nav__cart li:after, .page-template-template-itinerary-builder .nav__cart li:after, .et_pb_fullwidth_itin_map .nav__cart li:after { left: 60px; } .itinerary-builder .column_list-view__categories .categorie__list, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list { width: 295px; padding: 30px 15px 150px 25px; } .itinerary-builder .sidebar__title, .page-template-template-itinerary-builder .sidebar__title, .et_pb_fullwidth_itin_map .sidebar__title { font-size: 32px; line-height: 42px; } .itinerary-builder .btn__checkbox, .page-template-template-itinerary-builder .btn__checkbox, .et_pb_fullwidth_itin_map .btn__checkbox { margin-right: 58px; height: 45px; width: 45px; padding: 7px 3px; } .itinerary-builder .btn__checkbox span, .page-template-template-itinerary-builder .btn__checkbox span, .et_pb_fullwidth_itin_map .btn__checkbox span { height: 4px; width: 25px; } .itinerary-builder .btn__checkbox:after, .page-template-template-itinerary-builder .btn__checkbox:after, .et_pb_fullwidth_itin_map .btn__checkbox:after { height: 45px; width: 45px; right: -48px; } .itinerary-builder .btn__checkbox.attraction_category_attractions:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_attractions:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_attractions:before { height: 24px; width: 26px; right: -37px; top: -2px; } .itinerary-builder .btn__checkbox.attraction_category_nature-garden:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_nature-garden:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_nature-garden:before { height: 30px; width: 17px; right: -33px; } .itinerary-builder .btn__checkbox.attraction_category_heritage:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_heritage:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_heritage:before { height: 32px; width: 29px; right: -39px; } .itinerary-builder .btn__checkbox.attraction_category_culinary:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_culinary:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_culinary:before { height: 31px; width: 15px; right: -32px; } .itinerary-builder .btn__checkbox.attraction_category_trails:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_trails:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_trails:before { height: 22px; width: 22px; right: -35px; } .itinerary-builder .btn__checkbox.attraction_category_events:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_events:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_events:before { height: 24px; width: 25px; right: -38px; } .itinerary-builder .btn__checkbox.attraction_category_accomodations:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_accomodations:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_accomodations:before { height: 14px; width: 33px; right: -42px; } .itinerary-builder .btn__checkbox.attraction_category_shopping:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_shopping:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_shopping:before { height: 26px; width: 16px; right: -33px; } .itinerary-builder .btn__checkbox.attraction_category_golf-course:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_golf-course:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_golf-course:before { height: 28px; width: 19px; right: -34px; } .itinerary-builder .btn__checkbox.attraction_category_welcome-centres:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_welcome-centres:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_welcome-centres:before { height: 22px; width: 28px; right: -39px; } .itinerary-builder .btn__checkbox.attraction_category_parking:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_parking:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_parking:before { height: 28px; width: 22px; right: -35px; } .itinerary-builder .attractions__list, .page-template-template-itinerary-builder .attractions__list, .et_pb_fullwidth_itin_map .attractions__list { width: calc(100% - 320px); margin-right: 25px; } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { width: 275px; height: 100%; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { padding-left: 340px; } .itinerary-builder .card__attraction .right-side .details, .page-template-template-itinerary-builder .card__attraction .right-side .details, .et_pb_fullwidth_itin_map .card__attraction .right-side .details { font-size: 14px; line-height: 26px; } .itinerary-builder .infobox, .page-template-template-itinerary-builder .infobox, .et_pb_fullwidth_itin_map .infobox { width: 340px; } .itinerary-builder .infobox .recommendations__img, .page-template-template-itinerary-builder .infobox .recommendations__img, .et_pb_fullwidth_itin_map .infobox .recommendations__img { height: 205px; } .itinerary-builder .infobox .cart-item__description, .page-template-template-itinerary-builder .infobox .cart-item__description, .et_pb_fullwidth_itin_map .infobox .cart-item__description { padding: 20px 25px 170px; } .itinerary-builder .cart-view--empty p, .page-template-template-itinerary-builder .cart-view--empty p, .et_pb_fullwidth_itin_map .cart-view--empty p { font-size: 22px; max-width: 260px; width: 100%; } .itinerary-builder #itinerary-cart, .page-template-template-itinerary-builder #itinerary-cart, .et_pb_fullwidth_itin_map #itinerary-cart { left: calc(100% - 310px); width: 310px; overflow: hidden; } .itinerary-builder .cart-item__remove, .page-template-template-itinerary-builder .cart-item__remove, .et_pb_fullwidth_itin_map .cart-item__remove { height: 50px; width: 45px; } .itinerary-builder .itinerary-cart__wrapper, .page-template-template-itinerary-builder .itinerary-cart__wrapper, .et_pb_fullwidth_itin_map .itinerary-cart__wrapper { height: calc(100vh - 186px); } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; height: 195px; } .itinerary-builder .cart-item__description, .page-template-template-itinerary-builder .cart-item__description, .et_pb_fullwidth_itin_map .cart-item__description { padding: 8px 30px 15px 0px; } .itinerary-builder .cart-item__hours--all a, .itinerary-builder .itinerary-item__hours--all a, .page-template-template-itinerary-builder .cart-item__hours--all a, .page-template-template-itinerary-builder .itinerary-item__hours--all a, .et_pb_fullwidth_itin_map .cart-item__hours--all a, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a { padding: 20px 10px; } .itinerary-builder .cart-item__hours--all a:after, .itinerary-builder .itinerary-item__hours--all a:after, .page-template-template-itinerary-builder .cart-item__hours--all a:after, .page-template-template-itinerary-builder .itinerary-item__hours--all a:after, .et_pb_fullwidth_itin_map .cart-item__hours--all a:after, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a:after { right: 25px; } .itinerary-builder .hours__dropdown.open li, .page-template-template-itinerary-builder .hours__dropdown.open li, .et_pb_fullwidth_itin_map .hours__dropdown.open li { padding: 15px 5px; } .itinerary-builder .itinerary-cart__generate, .page-template-template-itinerary-builder .itinerary-cart__generate, .et_pb_fullwidth_itin_map .itinerary-cart__generate { padding: 45px 10px; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { display: inline-block; width: 325px; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { height: 205px; } .itinerary-builder .recommendations__description, .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .recommendations__description { padding: 25px 25px 160px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { width: 115px; } .itinerary-builder .recommendations__description .icons li, .page-template-template-itinerary-builder .recommendations__description .icons li, .et_pb_fullwidth_itin_map .recommendations__description .icons li { margin-right: 10px; } .itinerary-builder .recommendations__description .icons .icon__sun img, .page-template-template-itinerary-builder .recommendations__description .icons .icon__sun img, .et_pb_fullwidth_itin_map .recommendations__description .icons .icon__sun img { height: 30px; width: 30px; } .itinerary-builder .recommendations__description .icons .icon__snow img, .page-template-template-itinerary-builder .recommendations__description .icons .icon__snow img, .et_pb_fullwidth_itin_map .recommendations__description .icons .icon__snow img { height: 25px; width: 23px; margin-top: 3px; } .itinerary-builder .recommendations__description .icons .icon__wheelchair img, .page-template-template-itinerary-builder .recommendations__description .icons .icon__wheelchair img, .et_pb_fullwidth_itin_map .recommendations__description .icons .icon__wheelchair img { height: 24px; width: 21px; margin-top: 4px; } .itinerary-builder .recommendations__description .details, .page-template-template-itinerary-builder .recommendations__description .details, .et_pb_fullwidth_itin_map .recommendations__description .details { padding: 15px; left: 25px; right: 25px; width: calc(100% - 50px); margin: 0; font-size: 14px; line-height: 26px; } .itinerary-builder .recommendations__add, .page-template-template-itinerary-builder .recommendations__add, .et_pb_fullwidth_itin_map .recommendations__add { left: 25px; right: 25px; width: calc(100% - 50px); font-size: 14px; } .itinerary-builder .recommendations__add span, .page-template-template-itinerary-builder .recommendations__add span, .et_pb_fullwidth_itin_map .recommendations__add span { font-size: 14px; line-height: 18px; } .itinerary-builder .location_start--input, .itinerary-builder .start-location__submit, .page-template-template-itinerary-builder .location_start--input, .page-template-template-itinerary-builder .start-location__submit, .et_pb_fullwidth_itin_map .location_start--input, .et_pb_fullwidth_itin_map .start-location__submit { font-size: 14px; } .itinerary-builder .itinerary-view__description .btn-secondary, .page-template-template-itinerary-builder .itinerary-view__description .btn-secondary, .et_pb_fullwidth_itin_map .itinerary-view__description .btn-secondary { font-size: 14px; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { width: 100%; overflow: auto; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: 300px; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { right: 285px; top: 20px; } .itinerary-builder .icon__driving-distance, .page-template-template-itinerary-builder .icon__driving-distance, .et_pb_fullwidth_itin_map .icon__driving-distance { width: 43px; height: 47px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { width: 440px; margin-left: 400px; padding: 0 40px 0 30px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { width: 145px; } } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 290px; width: 550px; } @media (max-width: 1200px) { .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* General */ /* Nav */ /* List view */ /* Map View */ /* Cart */ /* Recommendations */ /* Your list view */ } .itinerary-builder .wrapper, .page-template-template-itinerary-builder .wrapper, .et_pb_fullwidth_itin_map .wrapper { width: 990px; } .itinerary-builder .inner-wrapper, .page-template-template-itinerary-builder .inner-wrapper, .et_pb_fullwidth_itin_map .inner-wrapper { width: 760px; } .itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__itinerary li { width: 145px; font-size: 12px; } .itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child { padding-left: 45px; } .itinerary-builder .nav__itinerary li:first-child:before, .page-template-template-itinerary-builder .nav__itinerary li:first-child:before, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child:before { height: 33px; width: 36px; left: 20px; top: 18px; } .itinerary-builder .nav__itinerary li:nth-child(2), .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2), .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) { padding-left: 40px; } .itinerary-builder .nav__itinerary li:nth-child(2):before, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2):before, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2):before { height: 25px; width: 30px; left: 25px; top: 24px; } .itinerary-builder .nav__itinerary li.nav__date, .page-template-template-itinerary-builder .nav__itinerary li.nav__date, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date { width: calc(100% - 290px); font-size: 18px; line-height: 26px; } .itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span { margin-left: 65px; margin-top: 0; } .itinerary-builder .nav__itinerary li.nav__date span:after, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span:after, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span:after { left: 20px; } .itinerary-builder .nav__itinerary span, .page-template-template-itinerary-builder .nav__itinerary span, .et_pb_fullwidth_itin_map .nav__itinerary span { margin-left: 10px; margin-top: 2px; } .itinerary-builder .sidebar__title, .page-template-template-itinerary-builder .sidebar__title, .et_pb_fullwidth_itin_map .sidebar__title { font-size: 30px; line-height: 40px; margin-bottom: 30px; } .itinerary-builder .column_list-view__categories .categorie__list, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list { width: 315px; padding: 25px 30px 80px; } .itinerary-builder .column_list-view__categories .categorie__list .sidebar__title, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list .sidebar__title, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list .sidebar__title { font-size: 22px; line-height: 32px; } .itinerary-builder .card-text, .page-template-template-itinerary-builder .card-text, .et_pb_fullwidth_itin_map .card-text { margin-top: 5px; } .itinerary-builder .btn__checkbox, .page-template-template-itinerary-builder .btn__checkbox, .et_pb_fullwidth_itin_map .btn__checkbox { margin-right: 55px; height: 40px; width: 40px; } .itinerary-builder .btn__checkbox:after, .page-template-template-itinerary-builder .btn__checkbox:after, .et_pb_fullwidth_itin_map .btn__checkbox:after { height: 40px; width: 40px; right: -43px; } .itinerary-builder .btn__checkbox.attraction_category_attractions:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_attractions:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_attractions:before { height: 22px; width: 24px; right: -34px; top: -1px; } .itinerary-builder .btn__checkbox.attraction_category_nature-garden:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_nature-garden:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_nature-garden:before { height: 28px; width: 15px; right: -30px; } .itinerary-builder .btn__checkbox.attraction_category_heritage:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_heritage:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_heritage:before { height: 26px; width: 24px; right: -34px; } .itinerary-builder .btn__checkbox.attraction_category_culinary:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_culinary:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_culinary:before { height: 28px; width: 14px; right: -29px; } .itinerary-builder .btn__checkbox.attraction_category_trails:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_trails:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_trails:before { height: 20px; width: 20px; right: -31px; } .itinerary-builder .btn__checkbox.attraction_category_events:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_events:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_events:before { height: 22px; width: 23px; right: -33px; } .itinerary-builder .btn__checkbox.attraction_category_accomodations:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_accomodations:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_accomodations:before { height: 12px; width: 26px; right: -35px; } .itinerary-builder .btn__checkbox.attraction_category_shopping:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_shopping:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_shopping:before { height: 23px; width: 14px; right: -30px; } .itinerary-builder .btn__checkbox.attraction_category_golf-course:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_golf-course:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_golf-course:before { height: 23px; width: 17px; right: -30px; } .itinerary-builder .btn__checkbox.attraction_category_welcome-centres:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_welcome-centres:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_welcome-centres:before { height: 19px; width: 24px; right: -35px; } .itinerary-builder .btn__checkbox.attraction_category_parking:before, .page-template-template-itinerary-builder .btn__checkbox.attraction_category_parking:before, .et_pb_fullwidth_itin_map .btn__checkbox.attraction_category_parking:before { height: 25px; width: 19px; right: -32px; } .itinerary-builder .attractions__list, .page-template-template-itinerary-builder .attractions__list, .et_pb_fullwidth_itin_map .attractions__list { width: calc(100% - 340px); } .itinerary-builder .card__attraction .attraction-icon, .page-template-template-itinerary-builder .card__attraction .attraction-icon, .et_pb_fullwidth_itin_map .card__attraction .attraction-icon { width: 35px; left: -35px; } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { margin-left: 35px; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { padding-left: 325px; } .itinerary-builder .card__attraction .right-side .details, .page-template-template-itinerary-builder .card__attraction .right-side .details, .et_pb_fullwidth_itin_map .card__attraction .right-side .details { font-size: 12px; line-height: 24px; } .itinerary-builder .attraction_category_culinary .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_culinary .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_culinary .attraction-icon:after { height: 31px; width: 18px; left: 9px; } .itinerary-builder .attraction_category_attractions .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_attractions .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_attractions .attraction-icon:after { height: 24px; width: 24px; left: 6px; } .itinerary-builder .attraction_category_nature-garden .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_nature-garden .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_nature-garden .attraction-icon:after { height: 28px; width: 18px; left: 9px; } .itinerary-builder .attraction_category_trails .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_trails .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_trails .attraction-icon:after { height: 20px; width: 20px; left: 8px; } .itinerary-builder .attraction_category_heritage .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_heritage .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_heritage .attraction-icon:after { height: 25px; width: 23px; left: 7px; } .itinerary-builder .icons .icon__sun img, .page-template-template-itinerary-builder .icons .icon__sun img, .et_pb_fullwidth_itin_map .icons .icon__sun img { height: 30px; width: 30px; } .itinerary-builder .icons .icon__snow img, .page-template-template-itinerary-builder .icons .icon__snow img, .et_pb_fullwidth_itin_map .icons .icon__snow img { height: 25px; width: 23px; margin-top: 3px; } .itinerary-builder .icons .icon__wheelchair img, .page-template-template-itinerary-builder .icons .icon__wheelchair img, .et_pb_fullwidth_itin_map .icons .icon__wheelchair img { height: 22px; width: 20px; margin-top: 4px; } .itinerary-builder .btn__primary.add-to:before, .page-template-template-itinerary-builder .btn__primary.add-to:before, .et_pb_fullwidth_itin_map .btn__primary.add-to:before { top: 26px; } .itinerary-builder .btn__primary.add-to:after, .page-template-template-itinerary-builder .btn__primary.add-to:after, .et_pb_fullwidth_itin_map .btn__primary.add-to:after { top: 20px; } .itinerary-builder .infobox, .page-template-template-itinerary-builder .infobox, .et_pb_fullwidth_itin_map .infobox { width: 315px; } .itinerary-builder .infobox .recommendations__close, .itinerary-builder .infobox .infobox__remove, .page-template-template-itinerary-builder .infobox .recommendations__close, .page-template-template-itinerary-builder .infobox .infobox__remove, .et_pb_fullwidth_itin_map .infobox .recommendations__close, .et_pb_fullwidth_itin_map .infobox .infobox__remove { width: 35px; height: 35px; position: absolute; right: 0; padding: 5px; } .itinerary-builder .infobox .recommendations__close span, .itinerary-builder .infobox .infobox__remove span, .page-template-template-itinerary-builder .infobox .recommendations__close span, .page-template-template-itinerary-builder .infobox .infobox__remove span, .et_pb_fullwidth_itin_map .infobox .recommendations__close span, .et_pb_fullwidth_itin_map .infobox .infobox__remove span { height: 2px; width: 15px; top: 18px; } .itinerary-builder .infobox .recommendations__img, .page-template-template-itinerary-builder .infobox .recommendations__img, .et_pb_fullwidth_itin_map .infobox .recommendations__img { height: 185px; } .itinerary-builder .infobox .cart-item__description, .page-template-template-itinerary-builder .infobox .cart-item__description, .et_pb_fullwidth_itin_map .infobox .cart-item__description { padding: 20px 20px 150px; } .itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .page-template-template-itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .et_pb_fullwidth_itin_map .nav-item__builder .itinerary-cart__close-btn { right: 0px; top: 15px; } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; height: 195px; margin-left: 0; } .itinerary-builder .cart-item__description, .page-template-template-itinerary-builder .cart-item__description, .et_pb_fullwidth_itin_map .cart-item__description { padding: 8px 30px 10px 0px; } .itinerary-builder .cart-item__remove, .page-template-template-itinerary-builder .cart-item__remove, .et_pb_fullwidth_itin_map .cart-item__remove { height: 45px; width: 45px; } .itinerary-builder .cart-item__remove span, .page-template-template-itinerary-builder .cart-item__remove span, .et_pb_fullwidth_itin_map .cart-item__remove span { top: 22px; } .itinerary-builder .lock:after, .page-template-template-itinerary-builder .lock:after, .et_pb_fullwidth_itin_map .lock:after { height: 23px; width: 23px; } .itinerary-builder .cart-item__hours--all a, .itinerary-builder .itinerary-item__hours--all a, .page-template-template-itinerary-builder .cart-item__hours--all a, .page-template-template-itinerary-builder .itinerary-item__hours--all a, .et_pb_fullwidth_itin_map .cart-item__hours--all a, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a { font-size: 12px; } .itinerary-builder .cart-item__hours--close-today, .itinerary-builder .cart-item__hours--open-today, .itinerary-builder .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .cart-item__hours--close-today, .page-template-template-itinerary-builder .cart-item__hours--open-today, .page-template-template-itinerary-builder .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .cart-item__hours--open-today, .et_pb_fullwidth_itin_map .cart-item__hours--closed-allday { font-size: 12px; padding: 15px; } .itinerary-builder .hours__dropdown, .page-template-template-itinerary-builder .hours__dropdown, .et_pb_fullwidth_itin_map .hours__dropdown { top: 52px; } .itinerary-builder .hours__dropdown li, .page-template-template-itinerary-builder .hours__dropdown li, .et_pb_fullwidth_itin_map .hours__dropdown li { font-size: 12px; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { width: 305px; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { height: 185px; } .itinerary-builder .recommendations__close, .page-template-template-itinerary-builder .recommendations__close, .et_pb_fullwidth_itin_map .recommendations__close { width: 45px; height: 45px; } .itinerary-builder .recommendations__close span, .page-template-template-itinerary-builder .recommendations__close span, .et_pb_fullwidth_itin_map .recommendations__close span { font-size: 37px; margin-top: -7px; } .itinerary-builder .recommendations__add, .page-template-template-itinerary-builder .recommendations__add, .et_pb_fullwidth_itin_map .recommendations__add { left: 20px; right: 20px; bottom: 20px; width: calc(100% - 40px); font-size: 12px; } .itinerary-builder .recommendations__add span, .page-template-template-itinerary-builder .recommendations__add span, .et_pb_fullwidth_itin_map .recommendations__add span { font-size: 12px; line-height: 16px; } .itinerary-builder .recommendations__description, .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .recommendations__description { padding: 20px 20px 150px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { width: 115px; } .itinerary-builder .recommendations__description .details, .page-template-template-itinerary-builder .recommendations__description .details, .et_pb_fullwidth_itin_map .recommendations__description .details { padding: 15px; left: 20px; right: 20px; width: calc(100% - 40px); margin: 0; font-size: 12px; line-height: 24px; bottom: 82px; } .itinerary-builder .start_location_picker, .page-template-template-itinerary-builder .start_location_picker, .et_pb_fullwidth_itin_map .start_location_picker { padding-top: 50px; padding-bottom: 55px; } .itinerary-builder .location_start--input, .itinerary-builder .start-location__submit, .page-template-template-itinerary-builder .location_start--input, .page-template-template-itinerary-builder .start-location__submit, .et_pb_fullwidth_itin_map .location_start--input, .et_pb_fullwidth_itin_map .start-location__submit { font-size: 12px; } .itinerary-builder .itinerary-view__description, .page-template-template-itinerary-builder .itinerary-view__description, .et_pb_fullwidth_itin_map .itinerary-view__description { padding: 60px 0 45px; } .itinerary-builder .itinerary-view__description .btn-secondary, .page-template-template-itinerary-builder .itinerary-view__description .btn-secondary, .et_pb_fullwidth_itin_map .itinerary-view__description .btn-secondary { font-size: 12px; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { width: 100%; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: 275px; margin-left: 75px; } .itinerary-builder .itinerary-view .handle, .page-template-template-itinerary-builder .itinerary-view .handle, .et_pb_fullwidth_itin_map .itinerary-view .handle { width: 75px; } .itinerary-builder .itinerary-view .handle span, .page-template-template-itinerary-builder .itinerary-view .handle span, .et_pb_fullwidth_itin_map .itinerary-view .handle span { margin-right: 15px; } .itinerary-builder .itinerary-view .handle span:nth-child(odd), .page-template-template-itinerary-builder .itinerary-view .handle span:nth-child(odd), .et_pb_fullwidth_itin_map .itinerary-view .handle span:nth-child(odd) { margin-left: 15px; } .itinerary-builder .itinerary-view .icon__category-wrapper, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper { width: 75px; } .itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper.reordering { left: 150px; } .itinerary-builder .itinerary-view .itinerary-item--index, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index { width: 75px; height: 100px; } .itinerary-builder .itinerary-view .itinerary-item--index.reordering, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index.reordering, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index.reordering { left: 75px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { width: 370px; padding: 0 30px; margin-left: 345px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { width: 210px; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 220px; width: 495px; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { right: 250px; } .itinerary-builder .icon__driving-distance, .page-template-template-itinerary-builder .icon__driving-distance, .et_pb_fullwidth_itin_map .icon__driving-distance { width: 37px; height: 41px; } } @media (max-width: 1023px) { .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* General */ /* Nav */ /* List view */ /* Map View */ /* Cart */ /* Recommendations */ /* Your list view */ } .itinerary-builder .wrapper, .page-template-template-itinerary-builder .wrapper, .et_pb_fullwidth_itin_map .wrapper { width: 920px; } .itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child { padding-left: 45px; } .itinerary-builder .nav__itinerary li:first-child:before, .page-template-template-itinerary-builder .nav__itinerary li:first-child:before, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child:before { height: 33px; width: 36px; left: 20px; top: 18px; } .itinerary-builder .nav__itinerary li:nth-child(2), .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2), .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) { padding-left: 40px; } .itinerary-builder .nav__itinerary li:nth-child(2):before, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2):before, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2):before { height: 25px; width: 30px; left: 25px; top: 24px; } .itinerary-builder .nav__cart, .page-template-template-itinerary-builder .nav__cart, .et_pb_fullwidth_itin_map .nav__cart { width: 270px; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { padding: 20px 15px 15px 75px; } .itinerary-builder .nav__cart li:after, .page-template-template-itinerary-builder .nav__cart li:after, .et_pb_fullwidth_itin_map .nav__cart li:after { left: 25px; } .itinerary-builder .sidebar__title, .page-template-template-itinerary-builder .sidebar__title, .et_pb_fullwidth_itin_map .sidebar__title { font-size: 28px; line-height: 38px; } .itinerary-builder .column_list-view__categories .categorie__list, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list { width: 295px; padding: 25px 25px 60px; } .itinerary-builder .btn__checkbox, .page-template-template-itinerary-builder .btn__checkbox, .et_pb_fullwidth_itin_map .btn__checkbox { margin-right: 49px; height: 40px; width: 40px; } .itinerary-builder .attractions__list, .page-template-template-itinerary-builder .attractions__list, .et_pb_fullwidth_itin_map .attractions__list { width: calc(100% - 320px); } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { width: 260px; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { padding-left: 310px; } .itinerary-builder .btn__primary.add-to:before, .page-template-template-itinerary-builder .btn__primary.add-to:before, .et_pb_fullwidth_itin_map .btn__primary.add-to:before { height: 2px; width: 14px; top: 26px; left: 40px; } .itinerary-builder .btn__primary.add-to:after, .page-template-template-itinerary-builder .btn__primary.add-to:after, .et_pb_fullwidth_itin_map .btn__primary.add-to:after { height: 14px; width: 2px; top: 20px; left: 46px; } .itinerary-builder .column_map-view__categories, .page-template-template-itinerary-builder .column_map-view__categories, .et_pb_fullwidth_itin_map .column_map-view__categories { padding-top: 45px; padding-bottom: 35px; } .itinerary-builder #itinerary-cart, .page-template-template-itinerary-builder #itinerary-cart, .et_pb_fullwidth_itin_map #itinerary-cart { left: calc(100% - 270px); width: 270px; } .itinerary-builder .itinerary-cart__wrapper, .page-template-template-itinerary-builder .itinerary-cart__wrapper, .et_pb_fullwidth_itin_map .itinerary-cart__wrapper { height: calc(100vh - 165px); } .itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .page-template-template-itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .et_pb_fullwidth_itin_map .nav-item__builder .itinerary-cart__close-btn { right: 0px; top: 15px; } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; height: 165px; margin-left: 0; } .itinerary-builder .cart-item__description .cart-item__name, .page-template-template-itinerary-builder .cart-item__description .cart-item__name, .et_pb_fullwidth_itin_map .cart-item__description .cart-item__name { margin-bottom: 5px; } .itinerary-builder .hours__dropdown li, .page-template-template-itinerary-builder .hours__dropdown li, .et_pb_fullwidth_itin_map .hours__dropdown li { font-size: 12px; } .itinerary-builder .hours__dropdown li span, .page-template-template-itinerary-builder .hours__dropdown li span, .et_pb_fullwidth_itin_map .hours__dropdown li span { width: calc(50% - 5px); } .itinerary-builder .itinerary-cart__generate, .page-template-template-itinerary-builder .itinerary-cart__generate, .et_pb_fullwidth_itin_map .itinerary-cart__generate { padding: 35px 10px; font-size: 16px; } .itinerary-builder .itinerary__recommendations .sidebar__title, .page-template-template-itinerary-builder .itinerary__recommendations .sidebar__title, .et_pb_fullwidth_itin_map .itinerary__recommendations .sidebar__title { margin-bottom: 35px; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { width: 282px; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { height: 175px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { width: 105px; left: 20px; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { width: 100%; } .itinerary-builder .itinerary-view__description, .page-template-template-itinerary-builder .itinerary-view__description, .et_pb_fullwidth_itin_map .itinerary-view__description { padding: 45px 0 40px; } .itinerary-builder .itinerary-view__description > div, .page-template-template-itinerary-builder .itinerary-view__description > div, .et_pb_fullwidth_itin_map .itinerary-view__description > div { width: 640px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { width: 335px; padding: 0 20px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { width: 175px; } .itinerary-builder .card__travel-info label, .page-template-template-itinerary-builder .card__travel-info label, .et_pb_fullwidth_itin_map .card__travel-info label { font-size: 22px; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 220px; width: 460px; } .itinerary-builder .itinerary-view__options li, .page-template-template-itinerary-builder .itinerary-view__options li, .et_pb_fullwidth_itin_map .itinerary-view__options li { width: 85px; height: 85px; padding: 15px; } .itinerary-builder .itinerary-view__options span, .page-template-template-itinerary-builder .itinerary-view__options span, .et_pb_fullwidth_itin_map .itinerary-view__options span { font-size: 14px; } .itinerary-builder .itinerary-view__options .icon__pencil, .page-template-template-itinerary-builder .itinerary-view__options .icon__pencil, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__pencil { width: 26px; height: 29px; margin-top: 3px; margin-bottom: 6px; } .itinerary-builder .itinerary-view__options .icon__email, .page-template-template-itinerary-builder .itinerary-view__options .icon__email, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__email { width: 34px; height: 22px; margin-top: 9px; margin-bottom: 7px; } .itinerary-builder .itinerary-view__options .icon__printer, .page-template-template-itinerary-builder .itinerary-view__options .icon__printer, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__printer { width: 33px; height: 34px; margin-bottom: 5px; } .itinerary-builder .itinerary-view__options .icon__driving-distance, .page-template-template-itinerary-builder .itinerary-view__options .icon__driving-distance, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__driving-distance { width: 32px; height: 36px; margin-top: -2px; margin-bottom: 4px; } .itinerary-builder .itinerary-view__options .icon__new, .page-template-template-itinerary-builder .itinerary-view__options .icon__new, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__new { width: 34px; height: 20px; margin-top: 12px; margin-bottom: 6px; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { right: 240px; } .itinerary-builder .icon__driving-distance, .page-template-template-itinerary-builder .icon__driving-distance, .et_pb_fullwidth_itin_map .icon__driving-distance { width: 35px; height: 38px; } } @media (max-width: 992px) { .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* General */ /* Popup */ /* List view */ /* Map View */ /* Cart */ /* Recommendations */ /* Your itinerary view */ } .itinerary-builder .wrapper, .page-template-template-itinerary-builder .wrapper, .et_pb_fullwidth_itin_map .wrapper { width: 760px; } .itinerary-builder .inner-wrapper, .page-template-template-itinerary-builder .inner-wrapper, .et_pb_fullwidth_itin_map .inner-wrapper { width: 650px; } .itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__itinerary li { font-size: 12px; width: 122px; height: 75px; padding: 20px 5px 15px; color: #fff; } .itinerary-builder .nav__itinerary li span, .page-template-template-itinerary-builder .nav__itinerary li span, .et_pb_fullwidth_itin_map .nav__itinerary li span { text-align: left; margin-left: 10px; } .itinerary-builder .nav__itinerary li.nav__date, .page-template-template-itinerary-builder .nav__itinerary li.nav__date, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date { padding-top: 23px; width: calc(100% - 245px); padding-right: 260px; } .itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span { margin-left: 65px; } .itinerary-builder .nav__itinerary li.nav__date span:after, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span:after, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span:after { left: 21px; height: 28px; width: 30px; } .itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child { padding-left: 45px; } .itinerary-builder .nav__itinerary li:first-child:before, .page-template-template-itinerary-builder .nav__itinerary li:first-child:before, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child:before { height: 29px; width: 33px; left: 16px; top: 21px; } .itinerary-builder .nav__itinerary li:nth-child(2), .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2), .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) { padding-left: 40px; } .itinerary-builder .nav__itinerary li:nth-child(2):before, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2):before, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2):before { height: 23px; width: 28px; left: 20px; top: 25px; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { font-size: 12px; width: 122px; height: 75px; padding: 20px 5px 15px; color: #fff; } .itinerary-builder .nav__cart li span, .page-template-template-itinerary-builder .nav__cart li span, .et_pb_fullwidth_itin_map .nav__cart li span { text-align: left; margin-left: 10px; } .itinerary-builder .nav__cart li.nav__date, .page-template-template-itinerary-builder .nav__cart li.nav__date, .et_pb_fullwidth_itin_map .nav__cart li.nav__date { padding-top: 23px; width: calc(100% - 245px); padding-right: 260px; padding-left: 65px; } .itinerary-builder .nav__cart li.nav__date span:after, .page-template-template-itinerary-builder .nav__cart li.nav__date span:after, .et_pb_fullwidth_itin_map .nav__cart li.nav__date span:after { left: 21px; height: 28px; width: 30px; } .itinerary-builder .nav__date span, .page-template-template-itinerary-builder .nav__date span, .et_pb_fullwidth_itin_map .nav__date span { font-size: 12px; line-height: 15px; } .itinerary-builder .nav__cart, .page-template-template-itinerary-builder .nav__cart, .et_pb_fullwidth_itin_map .nav__cart { width: 245px; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { width: 100%; padding: 20px 15px 15px 75px; } .itinerary-builder .nav__cart li:before, .page-template-template-itinerary-builder .nav__cart li:before, .et_pb_fullwidth_itin_map .nav__cart li:before { height: 15px; width: 15px; } .itinerary-builder .nav__cart li:after, .page-template-template-itinerary-builder .nav__cart li:after, .et_pb_fullwidth_itin_map .nav__cart li:after { height: 35px; width: 27px; left: 32px; top: 18px; } .itinerary-builder .nav__cart li span, .page-template-template-itinerary-builder .nav__cart li span, .et_pb_fullwidth_itin_map .nav__cart li span { margin-left: 0; } .itinerary-builder .nav__cart li span:after, .page-template-template-itinerary-builder .nav__cart li span:after, .et_pb_fullwidth_itin_map .nav__cart li span:after { height: 24px; width: 24px; top: -20px; left: -26px; } .itinerary-builder .nav__cart li span .itinerary-cart--counter, .page-template-template-itinerary-builder .nav__cart li span .itinerary-cart--counter, .et_pb_fullwidth_itin_map .nav__cart li span .itinerary-cart--counter { height: 18px; width: 18px; padding-top: 4px; padding-left: 2px; font-size: 12px; top: -17px; left: -23px; } .itinerary-builder .travel-date--desktop--wrapper, .page-template-template-itinerary-builder .travel-date--desktop--wrapper, .et_pb_fullwidth_itin_map .travel-date--desktop--wrapper { left: 25%; -webkit-transform: translateX(-50%); transform: translateX(-50%); } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { width: calc(100% - 35px); height: 215px; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { width: 100%; padding-left: 0; padding: 230px 15px 0; } .itinerary-builder .infobox, .page-template-template-itinerary-builder .infobox, .et_pb_fullwidth_itin_map .infobox { width: 280px; } .itinerary-builder .infobox .recommendations__img, .page-template-template-itinerary-builder .infobox .recommendations__img, .et_pb_fullwidth_itin_map .infobox .recommendations__img { height: 160px; } .itinerary-builder .cart-view--empty p, .page-template-template-itinerary-builder .cart-view--empty p, .et_pb_fullwidth_itin_map .cart-view--empty p { font-size: 20px; max-width: 300px; } .itinerary-builder #itinerary-cart, .page-template-template-itinerary-builder #itinerary-cart, .et_pb_fullwidth_itin_map #itinerary-cart { left: calc(100% - 245px); width: 245px; } .itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .page-template-template-itinerary-builder .nav-item__builder .itinerary-cart__close-btn, .et_pb_fullwidth_itin_map .nav-item__builder .itinerary-cart__close-btn { right: 0px; top: 15px; } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; height: 145px; margin-left: 0; } .itinerary-builder .cart-item__remove, .page-template-template-itinerary-builder .cart-item__remove, .et_pb_fullwidth_itin_map .cart-item__remove { height: 35px; width: 35px; } .itinerary-builder .cart-item__remove span, .page-template-template-itinerary-builder .cart-item__remove span, .et_pb_fullwidth_itin_map .cart-item__remove span { width: 17px; top: 17px; } .itinerary-builder .cart-item__description, .page-template-template-itinerary-builder .cart-item__description, .et_pb_fullwidth_itin_map .cart-item__description { padding: 5px 30px 10px 0px; } .itinerary-builder .cart-item__hours--all a, .itinerary-builder .itinerary-item__hours--all a, .page-template-template-itinerary-builder .cart-item__hours--all a, .page-template-template-itinerary-builder .itinerary-item__hours--all a, .et_pb_fullwidth_itin_map .cart-item__hours--all a, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a { padding: 15px 10px; } .itinerary-builder .cart-item__hours--all a:after, .itinerary-builder .itinerary-item__hours--all a:after, .page-template-template-itinerary-builder .cart-item__hours--all a:after, .page-template-template-itinerary-builder .itinerary-item__hours--all a:after, .et_pb_fullwidth_itin_map .cart-item__hours--all a:after, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a:after { right: 10px; top: 16px; } .itinerary-builder .hours__dropdown, .page-template-template-itinerary-builder .hours__dropdown, .et_pb_fullwidth_itin_map .hours__dropdown { top: 60px; } .itinerary-builder .hours__dropdown li, .page-template-template-itinerary-builder .hours__dropdown li, .et_pb_fullwidth_itin_map .hours__dropdown li { font-size: 12px; line-height: 15px; } .itinerary-builder .hours__dropdown li span, .page-template-template-itinerary-builder .hours__dropdown li span, .et_pb_fullwidth_itin_map .hours__dropdown li span { width: calc(50% - 0px); } .itinerary-builder .itinerary-cart__generate, .page-template-template-itinerary-builder .itinerary-cart__generate, .et_pb_fullwidth_itin_map .itinerary-cart__generate { padding: 35px 10px; font-size: 16px; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { width: 228px; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { height: 140px; } .itinerary-builder .recommendations__description, .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .recommendations__description { padding: 10px 20px 145px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { width: 85px; } .itinerary-builder .recommendations__description .icons li, .page-template-template-itinerary-builder .recommendations__description .icons li, .et_pb_fullwidth_itin_map .recommendations__description .icons li { margin-right: 8px; } .itinerary-builder .recommendations__description .icons .icon__sun img, .page-template-template-itinerary-builder .recommendations__description .icons .icon__sun img, .et_pb_fullwidth_itin_map .recommendations__description .icons .icon__sun img { height: 23px; width: 23px; } .itinerary-builder .recommendations__description .icons .icon__snow img, .page-template-template-itinerary-builder .recommendations__description .icons .icon__snow img, .et_pb_fullwidth_itin_map .recommendations__description .icons .icon__snow img { height: 20px; width: 19px; margin-top: 1px; } .itinerary-builder .recommendations__description .icons .icon__wheelchair img, .page-template-template-itinerary-builder .recommendations__description .icons .icon__wheelchair img, .et_pb_fullwidth_itin_map .recommendations__description .icons .icon__wheelchair img { height: 20px; width: 18px; margin-top: 2px; } .itinerary-builder .recommendations__add:before, .itinerary-builder .recommendations__close:before, .page-template-template-itinerary-builder .recommendations__add:before, .page-template-template-itinerary-builder .recommendations__close:before, .et_pb_fullwidth_itin_map .recommendations__add:before, .et_pb_fullwidth_itin_map .recommendations__close:before { height: 2px; width: 14px; top: 26px; left: 20px; } .itinerary-builder .recommendations__add:after, .itinerary-builder .recommendations__close:after, .page-template-template-itinerary-builder .recommendations__add:after, .page-template-template-itinerary-builder .recommendations__close:after, .et_pb_fullwidth_itin_map .recommendations__add:after, .et_pb_fullwidth_itin_map .recommendations__close:after { width: 2px; height: 14px; left: 26px; top: 20px; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { width: 100%; } .itinerary-builder #itinerary-cart.full-width .card__attraction, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction { padding: 20px 25px 40px 0; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: 245px; margin-left: 55px; height: 100%; } .itinerary-builder .card__travel-info, .page-template-template-itinerary-builder .card__travel-info, .et_pb_fullwidth_itin_map .card__travel-info { height: 100px; } .itinerary-builder .card__travel-info label, .page-template-template-itinerary-builder .card__travel-info label, .et_pb_fullwidth_itin_map .card__travel-info label { padding: 23px 0; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 165px; width: 395px; } .itinerary-builder .itinerary-view .handle, .page-template-template-itinerary-builder .itinerary-view .handle, .et_pb_fullwidth_itin_map .itinerary-view .handle { width: 55px; padding-top: 20px; } .itinerary-builder .itinerary-view .itinerary-item--index, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index { width: 55px; height: 100px; } .itinerary-builder .itinerary-view .itinerary-item--index.reordering, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index.reordering, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index.reordering { left: 55px; } .itinerary-builder .itinerary-view .itinerary-item--index label, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index label, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index label { font-size: 30px; } .itinerary-builder .itinerary-view .icon__category-wrapper, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper { width: 55px; } .itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper.reordering { left: 110px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { width: 260px; margin-left: 300px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { width: 135px; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { right: 150px; top: 15px; } .itinerary-builder .icon__driving-distance, .page-template-template-itinerary-builder .icon__driving-distance, .et_pb_fullwidth_itin_map .icon__driving-distance { width: 30px; height: 33px; } } @media only screen and (max-width: 767px) { .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* General */ /* Popup */ /* List view */ /* Map View */ /* Recommendations */ /* Cart view */ /* Your itinerary view */ } .itinerary-builder .wrapper, .itinerary-builder .inner-wrapper, .page-template-template-itinerary-builder .wrapper, .page-template-template-itinerary-builder .inner-wrapper, .et_pb_fullwidth_itin_map .wrapper, .et_pb_fullwidth_itin_map .inner-wrapper { width: 100%; } .itinerary-builder .inner-wrapper, .page-template-template-itinerary-builder .inner-wrapper, .et_pb_fullwidth_itin_map .inner-wrapper { padding: 0; } .itinerary-builder .component__attractions, .page-template-template-itinerary-builder .component__attractions, .et_pb_fullwidth_itin_map .component__attractions { padding: 0; } .itinerary-builder .nav__itinerary li, .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__cart li { font-size: 12px; width: 25%; height: auto; } .itinerary-builder .nav__itinerary li span, .itinerary-builder .nav__cart li span, .page-template-template-itinerary-builder .nav__itinerary li span, .page-template-template-itinerary-builder .nav__cart li span, .et_pb_fullwidth_itin_map .nav__itinerary li span, .et_pb_fullwidth_itin_map .nav__cart li span { margin-left: 0; display: block; text-align: center; width: 100%; margin-top: -8px; } .itinerary-builder .nav__itinerary li:first-child, .itinerary-builder .nav__cart li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__cart li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__cart li:first-child { padding-left: 5px; } .itinerary-builder .nav__itinerary li.nav__date, .itinerary-builder .nav__cart li.nav__date, .page-template-template-itinerary-builder .nav__itinerary li.nav__date, .page-template-template-itinerary-builder .nav__cart li.nav__date, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date, .et_pb_fullwidth_itin_map .nav__cart li.nav__date { padding-top: 45px; margin-left: 25%; width: 25%; padding-left: 5px; padding-right: 5px; } .itinerary-builder .nav__itinerary li.nav__date span, .itinerary-builder .nav__cart li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__cart li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__cart li.nav__date span { margin-left: 0; } .itinerary-builder .nav__itinerary li.nav__date span:after, .itinerary-builder .nav__cart li.nav__date span:after, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span:after, .page-template-template-itinerary-builder .nav__cart li.nav__date span:after, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span:after, .et_pb_fullwidth_itin_map .nav__cart li.nav__date span:after { left: 0; right: 0; top: 13px; margin: 0 auto; height: 28px; width: 30px; } .itinerary-builder .nav__itinerary li.nav__date span, .itinerary-builder .nav__cart li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__cart li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__cart li.nav__date span { margin-top: 0; text-align: center; } .itinerary-builder .nav__itinerary .icon__list, .itinerary-builder .nav__cart .icon__list, .page-template-template-itinerary-builder .nav__itinerary .icon__list, .page-template-template-itinerary-builder .nav__cart .icon__list, .et_pb_fullwidth_itin_map .nav__itinerary .icon__list, .et_pb_fullwidth_itin_map .nav__cart .icon__list { margin-bottom: 10px; } .itinerary-builder .nav__itinerary, .page-template-template-itinerary-builder .nav__itinerary, .et_pb_fullwidth_itin_map .nav__itinerary { width: 100%; text-align: left; background: rgba(81, 77, 74, 0.05); } .itinerary-builder .nav__itinerary li:first-child, .page-template-template-itinerary-builder .nav__itinerary li:first-child, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child { padding-left: 5px; padding-top: 66px; } .itinerary-builder .nav__itinerary li:first-child:before, .page-template-template-itinerary-builder .nav__itinerary li:first-child:before, .et_pb_fullwidth_itin_map .nav__itinerary li:first-child:before { height: 29px; width: 33px; left: 0; top: 21px; right: 0; margin: 0 auto; } .itinerary-builder .nav__itinerary li:nth-child(2), .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2), .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2) { padding-left: 5px; padding-top: 66px; } .itinerary-builder .nav__itinerary li:nth-child(2):before, .page-template-template-itinerary-builder .nav__itinerary li:nth-child(2):before, .et_pb_fullwidth_itin_map .nav__itinerary li:nth-child(2):before { height: 23px; width: 28px; top: 25px; left: 0; right: 0; margin: 0 auto; } .itinerary-builder .nav__cart, .page-template-template-itinerary-builder .nav__cart, .et_pb_fullwidth_itin_map .nav__cart { width: 25%; right: 25%; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { width: 100%; border-left: none; padding: 68px 0px 16px; } .itinerary-builder .nav__cart li:before, .page-template-template-itinerary-builder .nav__cart li:before, .et_pb_fullwidth_itin_map .nav__cart li:before { top: 10px; right: 10px; height: 12px; width: 12px; } .itinerary-builder .nav__cart li:after, .page-template-template-itinerary-builder .nav__cart li:after, .et_pb_fullwidth_itin_map .nav__cart li:after { height: 33px; width: 25px; left: 0; right: 0; top: 17px; margin: 0 auto; } .itinerary-builder .nav__cart li span:after, .page-template-template-itinerary-builder .nav__cart li span:after, .et_pb_fullwidth_itin_map .nav__cart li span:after { height: 24px; width: 24px; top: -49px; left: 27px; right: 0; margin: 0 auto; } .itinerary-builder .nav__cart li span .itinerary-cart--counter, .page-template-template-itinerary-builder .nav__cart li span .itinerary-cart--counter, .et_pb_fullwidth_itin_map .nav__cart li span .itinerary-cart--counter { height: 18px; width: 18px; padding-top: 4px; padding-left: 2px; font-size: 12px; top: -45px; left: 25px; right: 0; margin: 0 auto; } .itinerary-builder .btn__checkbox, .page-template-template-itinerary-builder .btn__checkbox, .et_pb_fullwidth_itin_map .btn__checkbox { margin-right: 55px; } .itinerary-builder .card-text, .page-template-template-itinerary-builder .card-text, .et_pb_fullwidth_itin_map .card-text { margin-top: 8px; font-size: 16px; } .itinerary-builder .modal-dialog, .page-template-template-itinerary-builder .modal-dialog, .et_pb_fullwidth_itin_map .modal-dialog { width: 430px; } .itinerary-builder .modal-footer, .page-template-template-itinerary-builder .modal-footer, .et_pb_fullwidth_itin_map .modal-footer { width: 275px; } .itinerary-builder .modal-footer .btn, .page-template-template-itinerary-builder .modal-footer .btn, .et_pb_fullwidth_itin_map .modal-footer .btn { font-size: 12px; padding: 12px; margin-bottom: 15px; width: 155px; } .itinerary-builder .react-date-picker__nav-bar, .page-template-template-itinerary-builder .react-date-picker__nav-bar, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar { font-size: 16px; line-height: 20px; padding: 10px; } .itinerary-builder .dp-week-day-names, .page-template-template-itinerary-builder .dp-week-day-names, .et_pb_fullwidth_itin_map .dp-week-day-names { padding: 5px 0; margin-bottom: 5px; } .itinerary-builder .react-date-picker__month-view-cell, .page-template-template-itinerary-builder .react-date-picker__month-view-cell, .et_pb_fullwidth_itin_map .react-date-picker__month-view-cell { font-size: 16px; line-height: 20px; } .itinerary-builder .react-date-picker__transition-month-view, .itinerary-builder .react-date-picker__month-view, .page-template-template-itinerary-builder .react-date-picker__transition-month-view, .page-template-template-itinerary-builder .react-date-picker__month-view, .et_pb_fullwidth_itin_map .react-date-picker__transition-month-view, .et_pb_fullwidth_itin_map .react-date-picker__month-view { width: 360px; } .itinerary-builder .column_list-view__categories, .page-template-template-itinerary-builder .column_list-view__categories, .et_pb_fullwidth_itin_map .column_list-view__categories { width: 100%; } .itinerary-builder .column_list-view__categories .categorie__list, .page-template-template-itinerary-builder .column_list-view__categories .categorie__list, .et_pb_fullwidth_itin_map .column_list-view__categories .categorie__list { width: 100%; padding: 35px 25px; background: #fff; } .itinerary-builder .attractions__list, .page-template-template-itinerary-builder .attractions__list, .et_pb_fullwidth_itin_map .attractions__list { width: 100%; margin-left: 0; padding: 20px 15px; background: #e3e4e5; margin-bottom: 0; } .itinerary-builder .attractions__list .card__attraction, .page-template-template-itinerary-builder .attractions__list .card__attraction, .et_pb_fullwidth_itin_map .attractions__list .card__attraction { margin-left: 0; padding: 10px; border-bottom: none; width: 385px; margin: 0 auto; } .itinerary-builder .attractions__list .card__attraction + .card__attraction, .page-template-template-itinerary-builder .attractions__list .card__attraction + .card__attraction, .et_pb_fullwidth_itin_map .attractions__list .card__attraction + .card__attraction { margin: 0 auto; margin-top: 15px; } .itinerary-builder .attractions__list .card__attraction + .card__attraction:after, .page-template-template-itinerary-builder .attractions__list .card__attraction + .card__attraction:after, .et_pb_fullwidth_itin_map .attractions__list .card__attraction + .card__attraction:after { content: none; } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { width: calc(100% - 40px); height: 220px; margin-left: 40px; position: relative; } .itinerary-builder .card__attraction .attraction-icon, .page-template-template-itinerary-builder .card__attraction .attraction-icon, .et_pb_fullwidth_itin_map .card__attraction .attraction-icon { width: 40px; left: -40px; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { padding: 5px 0px 0; } .itinerary-builder .attraction_category_culinary .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_culinary .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_culinary .attraction-icon:after { left: 11px; } .itinerary-builder .attraction_category_attractions .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_attractions .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_attractions .attraction-icon:after { height: 24px; width: 24px; left: 9px; } .itinerary-builder .attraction_category_nature-garden .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_nature-garden .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_nature-garden .attraction-icon:after { height: 28px; width: 18px; left: 11px; } .itinerary-builder .attraction_category_trails .attraction-icon:after, .page-template-template-itinerary-builder .attraction_category_trails .attraction-icon:after, .et_pb_fullwidth_itin_map .attraction_category_trails .attraction-icon:after { height: 20px; width: 20px; left: 9px; } .itinerary-builder .btn__primary, .page-template-template-itinerary-builder .btn__primary, .et_pb_fullwidth_itin_map .btn__primary { max-width: 100%; width: 100%; } .itinerary-builder .btn__primary.add-to, .page-template-template-itinerary-builder .btn__primary.add-to, .et_pb_fullwidth_itin_map .btn__primary.add-to { width: 100%; } .itinerary-builder .section__arrow, .page-template-template-itinerary-builder .section__arrow, .et_pb_fullwidth_itin_map .section__arrow { display: none; } .itinerary-builder .column_map-view__categories, .page-template-template-itinerary-builder .column_map-view__categories, .et_pb_fullwidth_itin_map .column_map-view__categories { padding: 35px 5px; } .itinerary-builder .column_map-view__categories .sidebar__title, .page-template-template-itinerary-builder .column_map-view__categories .sidebar__title, .et_pb_fullwidth_itin_map .column_map-view__categories .sidebar__title { margin-bottom: 25px; } .itinerary-builder .column_map-view__categories .card__category, .page-template-template-itinerary-builder .column_map-view__categories .card__category, .et_pb_fullwidth_itin_map .column_map-view__categories .card__category { width: 100%; display: inline-block; vertical-align: top; } .itinerary-builder .button-show-on-map, .page-template-template-itinerary-builder .button-show-on-map, .et_pb_fullwidth_itin_map .button-show-on-map { cursor: pointer; font-family: "Nunito", sans-serif; display: block; color: #fff; background: #1BADB8; text-transform: uppercase; font-size: 16px; width: 100%; letter-spacing: 0.1em; font-weight: 500; border: 2px solid #1BADB8; padding: 17px 25px; margin-top: 10px; -webkit-transition: border 0.3s ease, background 0.3s ease, color 0.3s ease; transition: border 0.3s ease, background 0.3s ease, color 0.3s ease; } .itinerary-builder .button-show-on-map:hover, .page-template-template-itinerary-builder .button-show-on-map:hover, .et_pb_fullwidth_itin_map .button-show-on-map:hover { color: #000; border-color: #000; background: #fff; } .itinerary-builder .mobile-map-close-button, .page-template-template-itinerary-builder .mobile-map-close-button, .et_pb_fullwidth_itin_map .mobile-map-close-button { cursor: pointer; font-family: "Nunito", sans-serif; text-transform: uppercase; display: inline-block; position: absolute; right: 0; top: 0; width: 40px; height: 40px !important; font-size: 12px; color: white; background: #1BADB8; z-index: 9; } .itinerary-builder .mobile-map-close-button span, .page-template-template-itinerary-builder .mobile-map-close-button span, .et_pb_fullwidth_itin_map .mobile-map-close-button span { display: inline-block; height: 2px; width: 14px; background: #fff; position: absolute; top: 18px; left: 0; right: 0; margin: 0 auto; } .itinerary-builder .mobile-map-close-button span:nth-child(1), .page-template-template-itinerary-builder .mobile-map-close-button span:nth-child(1), .et_pb_fullwidth_itin_map .mobile-map-close-button span:nth-child(1) { -webkit-transform: rotate(45deg); transform: rotate(45deg); } .itinerary-builder .mobile-map-close-button span:nth-child(2), .page-template-template-itinerary-builder .mobile-map-close-button span:nth-child(2), .et_pb_fullwidth_itin_map .mobile-map-close-button span:nth-child(2) { -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .itinerary-builder .itinerary-builder .attractions__map, .page-template-template-itinerary-builder .itinerary-builder .attractions__map, .itinerary-builder .page-template-template-itinerary-builder .attractions__map, .page-template-template-itinerary-builder .page-template-template-itinerary-builder .attractions__map, .itinerary-builder .et_pb_fullwidth_itin_map .attractions__map, .page-template-template-itinerary-builder .et_pb_fullwidth_itin_map .attractions__map { display: none; } .itinerary-builder .attractions__map.attractions__map-mobile-show, .page-template-template-itinerary-builder .attractions__map.attractions__map-mobile-show, .et_pb_fullwidth_itin_map .attractions__map.attractions__map-mobile-show { display: inline-block; width: calc(100%); height: 100vh; margin-top: 0; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 100; } .itinerary-builder .attractions__map.attractions__map-mobile-show .col-xs-12 > div:first-child, .page-template-template-itinerary-builder .attractions__map.attractions__map-mobile-show .col-xs-12 > div:first-child, .et_pb_fullwidth_itin_map .attractions__map.attractions__map-mobile-show .col-xs-12 > div:first-child { height: calc(100vh - 0px) !important; } .itinerary-builder .infobox, .page-template-template-itinerary-builder .infobox, .et_pb_fullwidth_itin_map .infobox { width: 255px; } .itinerary-builder .infobox .recommendations__img, .page-template-template-itinerary-builder .infobox .recommendations__img, .et_pb_fullwidth_itin_map .infobox .recommendations__img { height: 150px; } .itinerary-builder .infobox .recommendations__description, .page-template-template-itinerary-builder .infobox .recommendations__description, .et_pb_fullwidth_itin_map .infobox .recommendations__description { padding: 10px 15px 140px; } .itinerary-builder .infobox .recommendations__description .details, .page-template-template-itinerary-builder .infobox .recommendations__description .details, .et_pb_fullwidth_itin_map .infobox .recommendations__description .details { width: calc(100% - 30px); left: 15px; right: 15px; } .itinerary-builder .infobox .cart-item__description .cart-item__name, .page-template-template-itinerary-builder .infobox .cart-item__description .cart-item__name, .et_pb_fullwidth_itin_map .infobox .cart-item__description .cart-item__name { font-size: 14px; } .itinerary-builder .infobox p, .page-template-template-itinerary-builder .infobox p, .et_pb_fullwidth_itin_map .infobox p { font-size: 12px; line-height: 17px; } .itinerary-builder .infobox .recommendations__add, .page-template-template-itinerary-builder .infobox .recommendations__add, .et_pb_fullwidth_itin_map .infobox .recommendations__add { width: calc(100% - 30px); left: 15px; right: 15px; } .itinerary-builder .itinerary__recommendations, .page-template-template-itinerary-builder .itinerary__recommendations, .et_pb_fullwidth_itin_map .itinerary__recommendations { background: #f3f2f2; padding-top: 35px; padding-bottom: 50px; } .itinerary-builder .recommendations__list, .page-template-template-itinerary-builder .recommendations__list, .et_pb_fullwidth_itin_map .recommendations__list { display: block; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { display: block; width: 385px; margin: 0 auto; } .itinerary-builder .recommendations__list li + li, .page-template-template-itinerary-builder .recommendations__list li + li, .et_pb_fullwidth_itin_map .recommendations__list li + li { margin-left: auto; margin-top: 15px; } .itinerary-builder .recommendations__description, .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .recommendations__description { padding: 10px 20px 150px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; display: inline-block; } .itinerary-builder .recommendations__description li + li, .page-template-template-itinerary-builder .recommendations__description li + li, .et_pb_fullwidth_itin_map .recommendations__description li + li { margin-top: 0; margin-left: 10px; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { width: 235px; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { height: 220px; } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; height: 145px; margin-left: 0; } .itinerary-builder .hours__dropdown, .page-template-template-itinerary-builder .hours__dropdown, .et_pb_fullwidth_itin_map .hours__dropdown { top: 42px; } .itinerary-builder .location_start--input, .page-template-template-itinerary-builder .location_start--input, .et_pb_fullwidth_itin_map .location_start--input { width: calc(100% - 123px); } .itinerary-builder #itinerary-cart, .page-template-template-itinerary-builder #itinerary-cart, .et_pb_fullwidth_itin_map #itinerary-cart { top: 88px; left: calc(100% - 290px); min-height: calc(100vh - 160px); width: 290px; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { width: 100%; } .itinerary-builder #itinerary-cart.full-width .card__attraction, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction { width: 100%; margin: 0 auto 20px; padding: 0 0 20px; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: calc(100% - 45px); margin-left: 45px; height: 200px; } .itinerary-builder .itinerary-cart__wrapper, .page-template-template-itinerary-builder .itinerary-cart__wrapper, .et_pb_fullwidth_itin_map .itinerary-cart__wrapper { height: calc(100vh - 178px); } .itinerary-builder .itinerary-view__description, .page-template-template-itinerary-builder .itinerary-view__description, .et_pb_fullwidth_itin_map .itinerary-view__description { padding: 25px 0 30px; } .itinerary-builder .itinerary-view__description > div, .page-template-template-itinerary-builder .itinerary-view__description > div, .et_pb_fullwidth_itin_map .itinerary-view__description > div { width: 100%; } .itinerary-builder .itinerary-view__title, .page-template-template-itinerary-builder .itinerary-view__title, .et_pb_fullwidth_itin_map .itinerary-view__title { margin-bottom: 15px; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 130px; width: calc(100% - 130px); top: -220px; position: relative; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__hours, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__hours, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__hours { margin-top: -220px; width: calc(100% - 150px); margin-right: 20px; margin-left: 150px; display: block; } .itinerary-builder .itinerary-view .handle, .page-template-template-itinerary-builder .itinerary-view .handle, .et_pb_fullwidth_itin_map .itinerary-view .handle { width: 45px; padding-top: 20px; } .itinerary-builder .itinerary-view .handle span, .page-template-template-itinerary-builder .itinerary-view .handle span, .et_pb_fullwidth_itin_map .itinerary-view .handle span { margin-right: 6px; } .itinerary-builder .itinerary-view .handle span:nth-child(odd), .page-template-template-itinerary-builder .itinerary-view .handle span:nth-child(odd), .et_pb_fullwidth_itin_map .itinerary-view .handle span:nth-child(odd) { margin-left: 6px; } .itinerary-builder .itinerary-view .icon__category-wrapper, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper { width: 45px; top: 200px; } .itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper.reordering { left: 90px; } .itinerary-builder .itinerary-view .itinerary-item--index, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index { width: 45px; height: 200px; } .itinerary-builder .itinerary-view .itinerary-item--index.reordering, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index.reordering, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index.reordering { left: 45px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { width: calc(100% - 45px); padding: 10px 20px 0; margin-left: 45px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { margin-top: 10px; width: calc(100% - 85px); margin-right: 20px; margin-left: 65px; display: block; } .itinerary-builder .card__travel-info:after, .page-template-template-itinerary-builder .card__travel-info:after, .et_pb_fullwidth_itin_map .card__travel-info:after { bottom: -15px; border-width: 15px 50px 0 50px; } .itinerary-builder .card__travel-info label, .page-template-template-itinerary-builder .card__travel-info label, .et_pb_fullwidth_itin_map .card__travel-info label { font-size: 20px; } .itinerary-builder .distance-duration-label, .page-template-template-itinerary-builder .distance-duration-label, .et_pb_fullwidth_itin_map .distance-duration-label { width: 350px; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { right: 50px; } .itinerary-builder .itinerary-view__options li, .page-template-template-itinerary-builder .itinerary-view__options li, .et_pb_fullwidth_itin_map .itinerary-view__options li { width: 75px; height: 75px; padding: 14px; } .itinerary-builder .itinerary-view__options span, .page-template-template-itinerary-builder .itinerary-view__options span, .et_pb_fullwidth_itin_map .itinerary-view__options span { font-size: 12px; } .itinerary-builder .itinerary-view__options .icon__pencil, .page-template-template-itinerary-builder .itinerary-view__options .icon__pencil, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__pencil { width: 23px; height: 26px; margin-top: 3px; margin-bottom: 4px; } .itinerary-builder .itinerary-view__options .icon__email, .page-template-template-itinerary-builder .itinerary-view__options .icon__email, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__email { width: 30px; height: 20px; margin-top: 8px; margin-bottom: 5px; } .itinerary-builder .itinerary-view__options .icon__printer, .page-template-template-itinerary-builder .itinerary-view__options .icon__printer, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__printer { width: 29px; height: 30px; margin-bottom: 4px; } .itinerary-builder .itinerary-view__options .icon__printer, .page-template-template-itinerary-builder .itinerary-view__options .icon__printer, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__printer { width: 29px; height: 30px; margin-bottom: 4px; } .itinerary-builder .itinerary-view__options .icon__new, .page-template-template-itinerary-builder .itinerary-view__options .icon__new, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__new { width: 28px; height: 18px; margin-top: 9px; margin-bottom: 6px; } } @media (max-width: 480px) { .itinerary-builder, .page-template-template-itinerary-builder, .et_pb_fullwidth_itin_map { /* General */ /* Popup */ /* List view */ /* Map View */ /* Recommendations */ /* Cart view */ /* Your itinerary view */ } .itinerary-builder .sidebar__title, .page-template-template-itinerary-builder .sidebar__title, .et_pb_fullwidth_itin_map .sidebar__title { font-size: 24px; line-height: 34px; } .itinerary-builder .nav__itinerary li, .page-template-template-itinerary-builder .nav__itinerary li, .et_pb_fullwidth_itin_map .nav__itinerary li { padding: 24px 5px 25px; font-size: 10px; } .itinerary-builder .nav__itinerary li span, .page-template-template-itinerary-builder .nav__itinerary li span, .et_pb_fullwidth_itin_map .nav__itinerary li span { margin-top: 0; } .itinerary-builder .nav__itinerary li.nav__date, .page-template-template-itinerary-builder .nav__itinerary li.nav__date, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date { padding-bottom: 10px; } .itinerary-builder .nav__itinerary li.nav__date:after, .page-template-template-itinerary-builder .nav__itinerary li.nav__date:after, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date:after { height: 26px; width: 26px; } .itinerary-builder .nav__itinerary li.nav__date span, .page-template-template-itinerary-builder .nav__itinerary li.nav__date span, .et_pb_fullwidth_itin_map .nav__itinerary li.nav__date span { font-size: 10px; width: 75px; margin: 0 auto; } .itinerary-builder .nav__cart li, .page-template-template-itinerary-builder .nav__cart li, .et_pb_fullwidth_itin_map .nav__cart li { font-size: 10px; padding: 63px 5px 21px; } .itinerary-builder .nav__cart li:before, .page-template-template-itinerary-builder .nav__cart li:before, .et_pb_fullwidth_itin_map .nav__cart li:before { top: 7px; right: 5px; width: 10px; height: 10px; } .itinerary-builder .nav__cart li span, .page-template-template-itinerary-builder .nav__cart li span, .et_pb_fullwidth_itin_map .nav__cart li span { width: 69px; margin: 0 auto; } .itinerary-builder .modal-dialog, .page-template-template-itinerary-builder .modal-dialog, .et_pb_fullwidth_itin_map .modal-dialog { width: 288px; padding: 15px; } .itinerary-builder .modal-footer, .page-template-template-itinerary-builder .modal-footer, .et_pb_fullwidth_itin_map .modal-footer { width: 100%; } .itinerary-builder .modal-footer .btn, .page-template-template-itinerary-builder .modal-footer .btn, .et_pb_fullwidth_itin_map .modal-footer .btn { font-size: 12px; padding: 12px; margin-bottom: 15px; width: 155px; } .itinerary-builder .react-date-picker__nav-bar, .page-template-template-itinerary-builder .react-date-picker__nav-bar, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar { font-size: 12px; line-height: 16px; padding: 10px; } .itinerary-builder .react-date-picker__nav-bar-date, .page-template-template-itinerary-builder .react-date-picker__nav-bar-date, .et_pb_fullwidth_itin_map .react-date-picker__nav-bar-date { padding: 0 20px; } .itinerary-builder .dp-week-day-names, .page-template-template-itinerary-builder .dp-week-day-names, .et_pb_fullwidth_itin_map .dp-week-day-names { padding: 5px 0; margin-bottom: 5px; } .itinerary-builder .react-date-picker__month-view-cell, .page-template-template-itinerary-builder .react-date-picker__month-view-cell, .et_pb_fullwidth_itin_map .react-date-picker__month-view-cell { font-size: 12px; line-height: 16px; } .itinerary-builder .react-date-picker__month-view-day-text, .page-template-template-itinerary-builder .react-date-picker__month-view-day-text, .et_pb_fullwidth_itin_map .react-date-picker__month-view-day-text { width: 25px; } .itinerary-builder .react-date-picker__transition-month-view, .itinerary-builder .react-date-picker__month-view, .page-template-template-itinerary-builder .react-date-picker__transition-month-view, .page-template-template-itinerary-builder .react-date-picker__month-view, .et_pb_fullwidth_itin_map .react-date-picker__transition-month-view, .et_pb_fullwidth_itin_map .react-date-picker__month-view { width: 235px; } .itinerary-builder .attractions__list .card__attraction, .page-template-template-itinerary-builder .attractions__list .card__attraction, .et_pb_fullwidth_itin_map .attractions__list .card__attraction { padding: 10px; width: 100%; max-width: 488px; } .itinerary-builder .card__attraction .image, .page-template-template-itinerary-builder .card__attraction .image, .et_pb_fullwidth_itin_map .card__attraction .image { height: 175px; margin-left: 40px; } .itinerary-builder .card__attraction .heading__secondary--medium, .itinerary-builder .card__attraction .admission__prices li .admission__age-container, .admission__prices li .itinerary-builder .card__attraction .admission__age-container, .itinerary-builder .card__attraction .admission__prices li .et_pb_pricing_title, .admission__prices li .itinerary-builder .card__attraction .et_pb_pricing_title, .itinerary-builder .card__attraction .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .itinerary-builder .card__attraction .admission__age-container, .itinerary-builder .card__attraction .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .itinerary-builder .card__attraction .et_pb_pricing_title, .itinerary-builder .card__attraction .week-hours li .admission__age-container, .week-hours li .itinerary-builder .card__attraction .admission__age-container, .itinerary-builder .card__attraction .week-hours li .et_pb_pricing_title, .week-hours li .itinerary-builder .card__attraction .et_pb_pricing_title, .itinerary-builder .card__attraction .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .itinerary-builder .card__attraction .admission__age-container, .itinerary-builder .card__attraction .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .itinerary-builder .card__attraction .et_pb_pricing_title, .itinerary-builder .card__attraction .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .itinerary-builder .card__attraction .admission__age-container, .itinerary-builder .card__attraction .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .itinerary-builder .card__attraction .et_pb_pricing_title, .itinerary-builder .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .itinerary-builder .card__attraction .admission__age-container, .itinerary-builder .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .itinerary-builder .card__attraction .et_pb_pricing_title, .itinerary-builder .card__attraction .admission__prices li .et_pb_best_value, .admission__prices li .itinerary-builder .card__attraction .et_pb_best_value, .itinerary-builder .card__attraction .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .itinerary-builder .card__attraction .et_pb_best_value, .itinerary-builder .card__attraction .week-hours li .et_pb_best_value, .week-hours li .itinerary-builder .card__attraction .et_pb_best_value, .itinerary-builder .card__attraction .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .itinerary-builder .card__attraction .et_pb_best_value, .itinerary-builder .card__attraction .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .itinerary-builder .card__attraction .et_pb_best_value, .itinerary-builder .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .itinerary-builder .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder .card__attraction .heading__secondary--medium, .page-template-template-itinerary-builder .card__attraction .admission__prices li .admission__age-container, .admission__prices li .page-template-template-itinerary-builder .card__attraction .admission__age-container, .page-template-template-itinerary-builder .card__attraction .admission__prices li .et_pb_pricing_title, .admission__prices li .page-template-template-itinerary-builder .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder .card__attraction .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .admission__age-container, .page-template-template-itinerary-builder .card__attraction .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder .card__attraction .week-hours li .admission__age-container, .week-hours li .page-template-template-itinerary-builder .card__attraction .admission__age-container, .page-template-template-itinerary-builder .card__attraction .week-hours li .et_pb_pricing_title, .week-hours li .page-template-template-itinerary-builder .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder .card__attraction .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .admission__age-container, .page-template-template-itinerary-builder .card__attraction .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder .card__attraction .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .page-template-template-itinerary-builder .card__attraction .admission__age-container, .page-template-template-itinerary-builder .card__attraction .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .page-template-template-itinerary-builder .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .admission__age-container, .page-template-template-itinerary-builder .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder .card__attraction .admission__prices li .et_pb_best_value, .admission__prices li .page-template-template-itinerary-builder .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder .card__attraction .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder .card__attraction .week-hours li .et_pb_best_value, .week-hours li .page-template-template-itinerary-builder .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder .card__attraction .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder .card__attraction .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .page-template-template-itinerary-builder .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .page-template-template-itinerary-builder .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map .card__attraction .heading__secondary--medium, .et_pb_fullwidth_itin_map .card__attraction .admission__prices li .admission__age-container, .admission__prices li .et_pb_fullwidth_itin_map .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map .card__attraction .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map .card__attraction .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map .card__attraction .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map .card__attraction .week-hours li .admission__age-container, .week-hours li .et_pb_fullwidth_itin_map .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map .card__attraction .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map .card__attraction .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map .card__attraction .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_fullwidth_itin_map .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map .card__attraction .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_fullwidth_itin_map .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map .card__attraction .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map .card__attraction .week-hours li .et_pb_best_value, .week-hours li .et_pb_fullwidth_itin_map .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map .card__attraction .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_fullwidth_itin_map .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_fullwidth_itin_map .card__attraction .et_pb_best_value { font-size: 16px; } .itinerary-builder .card__attraction .location__address, .page-template-template-itinerary-builder .card__attraction .location__address, .et_pb_fullwidth_itin_map .card__attraction .location__address { display: none; } .itinerary-builder .card__attraction p, .page-template-template-itinerary-builder .card__attraction p, .et_pb_fullwidth_itin_map .card__attraction p { display: none; } .itinerary-builder .card__attraction .right-side, .page-template-template-itinerary-builder .card__attraction .right-side, .et_pb_fullwidth_itin_map .card__attraction .right-side { padding-top: 10px; } .itinerary-builder .card__attraction .icons, .page-template-template-itinerary-builder .card__attraction .icons, .et_pb_fullwidth_itin_map .card__attraction .icons { display: none; } .itinerary-builder .infobox, .page-template-template-itinerary-builder .infobox, .et_pb_fullwidth_itin_map .infobox { width: 235px; } .itinerary-builder .infobox .recommendations__img, .page-template-template-itinerary-builder .infobox .recommendations__img, .et_pb_fullwidth_itin_map .infobox .recommendations__img { height: 180px; } .itinerary-builder .itinerary__recommendations .sidebar__title, .page-template-template-itinerary-builder .itinerary__recommendations .sidebar__title, .et_pb_fullwidth_itin_map .itinerary__recommendations .sidebar__title { margin-bottom: 15px; } .itinerary-builder .recommendations__list li, .page-template-template-itinerary-builder .recommendations__list li, .et_pb_fullwidth_itin_map .recommendations__list li { width: 100%; max-width: 280px; } .itinerary-builder .recommendations__description, .page-template-template-itinerary-builder .recommendations__description, .et_pb_fullwidth_itin_map .recommendations__description { padding: 10px 10px 130px; } .itinerary-builder .recommendations__description .details, .itinerary-builder .recommendations__description .recommendations__add, .page-template-template-itinerary-builder .recommendations__description .details, .page-template-template-itinerary-builder .recommendations__description .recommendations__add, .et_pb_fullwidth_itin_map .recommendations__description .details, .et_pb_fullwidth_itin_map .recommendations__description .recommendations__add { left: 10px; right: 10px; width: calc(100% - 20px); } .itinerary-builder .recommendations__description .details, .page-template-template-itinerary-builder .recommendations__description .details, .et_pb_fullwidth_itin_map .recommendations__description .details { bottom: 72px; } .itinerary-builder .recommendations__description .recommendations__add, .page-template-template-itinerary-builder .recommendations__description .recommendations__add, .et_pb_fullwidth_itin_map .recommendations__description .recommendations__add { bottom: 10px; } .itinerary-builder .recommendations__description .recommendations__add span, .page-template-template-itinerary-builder .recommendations__description .recommendations__add span, .et_pb_fullwidth_itin_map .recommendations__description .recommendations__add span { padding-left: 5px; } .itinerary-builder .recommendations__description .item__name, .page-template-template-itinerary-builder .recommendations__description .item__name, .et_pb_fullwidth_itin_map .recommendations__description .item__name { font-size: 16px; margin-bottom: 5px; } .itinerary-builder .recommendations__description li, .page-template-template-itinerary-builder .recommendations__description li, .et_pb_fullwidth_itin_map .recommendations__description li { width: auto; } .itinerary-builder .recommendations__description .icons, .page-template-template-itinerary-builder .recommendations__description .icons, .et_pb_fullwidth_itin_map .recommendations__description .icons { width: 130px; } .itinerary-builder .recommendations__img, .page-template-template-itinerary-builder .recommendations__img, .et_pb_fullwidth_itin_map .recommendations__img { height: 175px; } .itinerary-builder .cart-view--empty p, .page-template-template-itinerary-builder .cart-view--empty p, .et_pb_fullwidth_itin_map .cart-view--empty p { font-size: 18px; width: 100%; } .itinerary-builder #itinerary-cart, .page-template-template-itinerary-builder #itinerary-cart, .et_pb_fullwidth_itin_map #itinerary-cart { top: 104px; left: calc(0%); width: 100%; min-height: calc(100vh - 170px); } .itinerary-builder .itinerary-cart__wrapper, .page-template-template-itinerary-builder .itinerary-cart__wrapper, .et_pb_fullwidth_itin_map .itinerary-cart__wrapper { height: calc(100vh - 194px); } .itinerary-builder .cart-item .image, .page-template-template-itinerary-builder .cart-item .image, .et_pb_fullwidth_itin_map .cart-item .image { width: 100%; height: 175px; margin-left: 0; } .itinerary-builder .card__attraction, .page-template-template-itinerary-builder .card__attraction, .et_pb_fullwidth_itin_map .card__attraction { margin-left: 0; } .itinerary-builder .cart-item__description .cart-item__name, .page-template-template-itinerary-builder .cart-item__description .cart-item__name, .et_pb_fullwidth_itin_map .cart-item__description .cart-item__name { font-size: 16px; } .itinerary-builder .cart-item__hours--all a, .itinerary-builder .itinerary-item__hours--all a, .page-template-template-itinerary-builder .cart-item__hours--all a, .page-template-template-itinerary-builder .itinerary-item__hours--all a, .et_pb_fullwidth_itin_map .cart-item__hours--all a, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a { padding: 15px 5px; } .itinerary-builder .cart-item__hours--all a:after, .itinerary-builder .itinerary-item__hours--all a:after, .page-template-template-itinerary-builder .cart-item__hours--all a:after, .page-template-template-itinerary-builder .itinerary-item__hours--all a:after, .et_pb_fullwidth_itin_map .cart-item__hours--all a:after, .et_pb_fullwidth_itin_map .itinerary-item__hours--all a:after { height: 8px; width: 16px; } .itinerary-builder .hours__dropdown li, .page-template-template-itinerary-builder .hours__dropdown li, .et_pb_fullwidth_itin_map .hours__dropdown li { font-size: 12px; } .itinerary-builder .hours__dropdown li span, .page-template-template-itinerary-builder .hours__dropdown li span, .et_pb_fullwidth_itin_map .hours__dropdown li span { width: calc(50% - 10px); } .itinerary-builder .start_location_picker, .page-template-template-itinerary-builder .start_location_picker, .et_pb_fullwidth_itin_map .start_location_picker { padding-top: 30px; padding-bottom: 45px; } .itinerary-builder .location_start--input, .page-template-template-itinerary-builder .location_start--input, .et_pb_fullwidth_itin_map .location_start--input { width: 100%; border-right: 3px solid #009FB0; } .itinerary-builder .start-location__submit, .page-template-template-itinerary-builder .start-location__submit, .et_pb_fullwidth_itin_map .start-location__submit { width: 100%; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width, .et_pb_fullwidth_itin_map #itinerary-cart.full-width { width: 100%; } .itinerary-builder #itinerary-cart.full-width .card__attraction, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction { padding: 0 0 15px; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: calc(100% - 35px); margin-left: 35px; height: 180px; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .image { width: calc(100% - 35px); margin-left: 35px; height: 180px; } .itinerary-builder #itinerary-cart.full-width .card__attraction .heading__secondary--medium, .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices li .admission__age-container, .admission__prices li .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices li .et_pb_pricing_title, .admission__prices li .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours li .admission__age-container, .week-hours li .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours li .et_pb_pricing_title, .week-hours li .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices li .et_pb_best_value, .admission__prices li .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours li .et_pb_best_value, .week-hours li .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .heading__secondary--medium, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices li .admission__age-container, .admission__prices li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices li .et_pb_pricing_title, .admission__prices li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours li .admission__age-container, .week-hours li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours li .et_pb_pricing_title, .week-hours li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__age-container, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices li .et_pb_best_value, .admission__prices li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours li .et_pb_best_value, .week-hours li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .heading__secondary--medium, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__prices li .admission__age-container, .admission__prices li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__prices li .et_pb_pricing_title, .admission__prices li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .admission__age-container, .admission__prices .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .et_pb_pricing_title, .admission__prices .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .week-hours li .admission__age-container, .week-hours li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .week-hours li .et_pb_pricing_title, .week-hours li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .admission__age-container, .week-hours .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .et_pb_pricing_title, .week-hours .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .admission__age-container, .et_pb_pricing.et_pb_module li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .et_pb_pricing_title, .et_pb_pricing.et_pb_module li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .admission__age-container, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__age-container, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_pricing_title, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing_title, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__prices li .et_pb_best_value, .admission__prices li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .admission__prices .et_pb_pricing_table .et_pb_best_value, .admission__prices .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .week-hours li .et_pb_best_value, .week-hours li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .week-hours .et_pb_pricing_table .et_pb_best_value, .week-hours .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module li .et_pb_best_value, .et_pb_pricing.et_pb_module li .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_best_value, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_best_value, .et_pb_pricing.et_pb_module .et_pb_pricing_table .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction .et_pb_best_value { padding: 0; font-size: 14px; } .itinerary-builder #itinerary-cart.full-width .card__attraction p, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction p, .et_pb_fullwidth_itin_map #itinerary-cart.full-width .card__attraction p { display: block; font-size: 12px; line-height: 17px; } .itinerary-builder .distance-duration-label, .page-template-template-itinerary-builder .distance-duration-label, .et_pb_fullwidth_itin_map .distance-duration-label { width: 265px; padding-right: 15px; } .itinerary-builder .distance-duration-label a, .page-template-template-itinerary-builder .distance-duration-label a, .et_pb_fullwidth_itin_map .distance-duration-label a { right: 15px; } .itinerary-builder .card__travel-info, .page-template-template-itinerary-builder .card__travel-info, .et_pb_fullwidth_itin_map .card__travel-info { height: 90px; } .itinerary-builder .card__travel-info label, .page-template-template-itinerary-builder .card__travel-info label, .et_pb_fullwidth_itin_map .card__travel-info label { font-size: 16px; padding: 20px; } .itinerary-builder .itinerary-view .handle, .page-template-template-itinerary-builder .itinerary-view .handle, .et_pb_fullwidth_itin_map .itinerary-view .handle { width: 35px; padding-top: 20px; } .itinerary-builder .itinerary-view .handle span, .page-template-template-itinerary-builder .itinerary-view .handle span, .et_pb_fullwidth_itin_map .itinerary-view .handle span { margin-right: 5px; margin-left: 2px; } .itinerary-builder .itinerary-view .handle span:nth-child(odd), .page-template-template-itinerary-builder .itinerary-view .handle span:nth-child(odd), .et_pb_fullwidth_itin_map .itinerary-view .handle span:nth-child(odd) { margin-left: 5px; margin-right: 2px; } .itinerary-builder .itinerary-view .itinerary-item--index, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index { width: 35px; height: 180px; } .itinerary-builder .itinerary-view .itinerary-item--index.reordering, .page-template-template-itinerary-builder .itinerary-view .itinerary-item--index.reordering, .et_pb_fullwidth_itin_map .itinerary-view .itinerary-item--index.reordering { left: 35px; } .itinerary-builder .itinerary-view .icon__category-wrapper, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper { width: 35px; top: 180px; } .itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper.reordering, .et_pb_fullwidth_itin_map .itinerary-view .icon__category-wrapper.reordering { left: 70px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__description { width: calc(100% - 35px); padding: 10px 15px 5px; margin-left: 35px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours { width: calc(100% - 65px); margin-right: 15px; margin-left: 50px; } .itinerary-builder .itinerary-view .cart-item__hours--close-today, .itinerary-builder .itinerary-view .cart-item__hours--open-today, .itinerary-builder .itinerary-view .cart-item__hours--closed-allday, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours--close-today, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours--open-today, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours--closed-allday, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours--close-today, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours--open-today, .et_pb_fullwidth_itin_map .itinerary-view .cart-item__hours--closed-allday { font-size: 10px; padding: 13px; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__description, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__description { margin-left: 105px; width: calc(100% - 80px); top: -200px; } .itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__hours, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .cart-item__hours, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .cart-item__hours { margin-top: -200px; width: calc(100% - 120px); margin-right: 15px; margin-left: 120px; display: block; } .itinerary-builder .card__attraction--itinerary-view.reordering .itinerary-view__address, .page-template-template-itinerary-builder .card__attraction--itinerary-view.reordering .itinerary-view__address, .et_pb_fullwidth_itin_map .card__attraction--itinerary-view.reordering .itinerary-view__address { opacity: 0; max-height: 0; } .itinerary-builder .itinerary-view__options li, .page-template-template-itinerary-builder .itinerary-view__options li, .et_pb_fullwidth_itin_map .itinerary-view__options li { width: 50px; height: 50px; padding: 5px; } .itinerary-builder .itinerary-view__options li + li, .page-template-template-itinerary-builder .itinerary-view__options li + li, .et_pb_fullwidth_itin_map .itinerary-view__options li + li { margin-left: 7px; } .itinerary-builder .itinerary-view__options span, .page-template-template-itinerary-builder .itinerary-view__options span, .et_pb_fullwidth_itin_map .itinerary-view__options span { font-size: 10px; } .itinerary-builder .itinerary-view__options .icon__pencil, .page-template-template-itinerary-builder .itinerary-view__options .icon__pencil, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__pencil { width: 19px; height: 22px; margin-top: 3px; margin-bottom: 1px; } .itinerary-builder .itinerary-view__options .icon__email, .page-template-template-itinerary-builder .itinerary-view__options .icon__email, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__email { width: 25px; height: 17px; margin-top: 6px; margin-bottom: 3px; } .itinerary-builder .itinerary-view__options .icon__printer, .page-template-template-itinerary-builder .itinerary-view__options .icon__printer, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__printer { width: 23px; height: 24px; margin-bottom: 3px; } .itinerary-builder .itinerary-view__options .icon__driving-distance, .page-template-template-itinerary-builder .itinerary-view__options .icon__driving-distance, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__driving-distance { width: 24px; height: 26px; margin-top: 0px; margin-bottom: 0px; } .itinerary-builder .itinerary-view__options .icon__new, .page-template-template-itinerary-builder .itinerary-view__options .icon__new, .et_pb_fullwidth_itin_map .itinerary-view__options .icon__new { width: 24px; height: 15px; margin-top: 7px; margin-bottom: 4px; } .itinerary-builder .icon__driving-distance, .page-template-template-itinerary-builder .icon__driving-distance, .et_pb_fullwidth_itin_map .icon__driving-distance { width: 25px; height: 27px; } } .gm-bundled-control { right: 45px !important; } @media print { .itinerary-builder .itinerary-view__description, .page-template-template-itinerary-builder .itinerary-view__description { padding: 0 0 30px; } .itinerary-builder .itinerary-view__description .btn-secondary, .page-template-template-itinerary-builder .itinerary-view__description .btn-secondary { display: none; } .itinerary-builder .itinerary-view__options, .page-template-template-itinerary-builder .itinerary-view__options { display: none; } .itinerary-builder #itinerary-cart.full-width, .page-template-template-itinerary-builder #itinerary-cart.full-width { padding: 0; height: auto; } .itinerary-builder #itinerary-cart.full-width .card__attraction, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction { padding: 0; } .itinerary-builder #itinerary-cart.full-width .card__attraction .image, .page-template-template-itinerary-builder #itinerary-cart.full-width .card__attraction .image { width: calc(100% - 55px); margin-left: 55px; height: 250px; position: relative; margin-bottom: 30px; } .itinerary-builder .itinerary-view .cart-item__description, .page-template-template-itinerary-builder .itinerary-view .cart-item__description { width: 100%; margin-left: 0; } .itinerary-builder .itinerary-view .icon__category-wrapper, .page-template-template-itinerary-builder .itinerary-view .icon__category-wrapper { height: 150px; } .itinerary-builder .itinerary-view .cart-item__hours, .page-template-template-itinerary-builder .itinerary-view .cart-item__hours { width: 100%; margin-top: 30px; } } .map-marker-loading { position: absolute; left: 0; z-index: 10; right: 0; top: 0; bottom: 0; background: rgba(255, 255, 255, 0.7); } .map-marker-loading img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .et_pb_fullwidth_itin_map .recommendations__description { padding-bottom: 105px; } .et_pb_fullwidth_itin_map .details { bottom: 20px !important; } .recommendations__close { border-radius: 0 !important; } .page-template-template-hours-of-operation .modal, .page-template-template-events-calendar .modal, .et_pb_fullwidth_hours .modal { display: none; position: fixed; background: none; top: -100px; bottom: 0; left: 0; right: 0; background: rgba(0, 0, 0, 0.7); width: 100%; } .page-template-template-hours-of-operation .modal.in, .page-template-template-events-calendar .modal.in, .et_pb_fullwidth_hours .modal.in { opacity: 1; } .page-template-template-hours-of-operation .travel-date--desktop, .page-template-template-events-calendar .travel-date--desktop, .et_pb_fullwidth_hours .travel-date--desktop { background: #fff; } .page-template-template-hours-of-operation .travel-date--desktop.hidden, .page-template-template-events-calendar .travel-date--desktop.hidden, .et_pb_fullwidth_hours .travel-date--desktop.hidden { display: none; } @element '.travel-date--desktop--wrapper' { .page-template-template-hours-of-operation .travel-date--desktop.hidden:after, .page-template-template-events-calendar .travel-date--desktop.hidden:after, .et_pb_fullwidth_hours .travel-date--desktop.hidden:after { display: none; } } .page-template-template-hours-of-operation .travel-date--desktop--wrapper, .page-template-template-events-calendar .travel-date--desktop--wrapper, .et_pb_fullwidth_hours .travel-date--desktop--wrapper { position: absolute; left: 0; right: 0; top: 80px; margin: 0 auto; display: inline-block; width: 100%; max-width: 350px; z-index: 10; } @media (max-width: 768px) { .page-template-template-hours-of-operation .travel-date--desktop--wrapper, .page-template-template-events-calendar .travel-date--desktop--wrapper, .et_pb_fullwidth_hours .travel-date--desktop--wrapper { top: 60px; } } .page-template-template-hours-of-operation .travel-date--desktop--wrapper:after, .page-template-template-events-calendar .travel-date--desktop--wrapper:after, .et_pb_fullwidth_hours .travel-date--desktop--wrapper:after { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-width: 0 15px 15px 15px; border-color: transparent transparent #009FB0 transparent; position: absolute; top: -10px; left: 0; right: 0; margin: 0 auto; } .page-template-template-hours-of-operation .modal-dialog, .page-template-template-events-calendar .modal-dialog, .et_pb_fullwidth_hours .modal-dialog { display: block; margin: 15vh auto 15vh auto; width: 100%; padding: 35px 40px 45px; background: #fff; text-align: center; } .page-template-template-hours-of-operation .modal__title, .page-template-template-events-calendar .modal__title, .et_pb_fullwidth_hours .modal__title { color: #1BADB8; margin-bottom: 30px; } .page-template-template-hours-of-operation .dp-weeknumber, .page-template-template-events-calendar .dp-weeknumber, .et_pb_fullwidth_hours .dp-weeknumber { display: none; } .page-template-template-hours-of-operation .react-date-picker__transition-month-view, .page-template-template-hours-of-operation .travel-date--desktop, .page-template-template-events-calendar .react-date-picker__transition-month-view, .page-template-template-events-calendar .travel-date--desktop, .et_pb_fullwidth_hours .react-date-picker__transition-month-view, .et_pb_fullwidth_hours .travel-date--desktop { border: 4px solid #009FB0; } .page-template-template-hours-of-operation .react-date-picker__month-view, .page-template-template-events-calendar .react-date-picker__month-view, .et_pb_fullwidth_hours .react-date-picker__month-view { max-width: 350px; width: 100%; } .page-template-template-hours-of-operation .react-date-picker__month-view-row, .page-template-template-events-calendar .react-date-picker__month-view-row, .et_pb_fullwidth_hours .react-date-picker__month-view-row { padding: 0 15px; } .page-template-template-hours-of-operation .react-date-picker__nav-bar, .page-template-template-events-calendar .react-date-picker__nav-bar, .et_pb_fullwidth_hours .react-date-picker__nav-bar { color: #fff; background: #1BADB8; cursor: pointer; font-size: 18px; line-height: 28px; text-transform: uppercase; letter-spacing: 0.025em; font-weight: 500; padding: 15px; } .page-template-template-hours-of-operation .react-date-picker__nav-bar-arrow svg, .page-template-template-events-calendar .react-date-picker__nav-bar-arrow svg, .et_pb_fullwidth_hours .react-date-picker__nav-bar-arrow svg { height: 24px; width: 24px; } .page-template-template-hours-of-operation .react-date-picker__nav-bar-arrow svg path, .page-template-template-events-calendar .react-date-picker__nav-bar-arrow svg path, .et_pb_fullwidth_hours .react-date-picker__nav-bar-arrow svg path { fill: #fff; } .page-template-template-hours-of-operation .react-date-picker__nav-bar-arrow svg path + path, .page-template-template-events-calendar .react-date-picker__nav-bar-arrow svg path + path, .et_pb_fullwidth_hours .react-date-picker__nav-bar-arrow svg path + path { fill: none; } .page-template-template-hours-of-operation .react-date-picker__nav-bar-date, .page-template-template-events-calendar .react-date-picker__nav-bar-date, .et_pb_fullwidth_hours .react-date-picker__nav-bar-date { padding: 0 30px; } .page-template-template-hours-of-operation .react-date-picker__month-view-cell, .page-template-template-events-calendar .react-date-picker__month-view-cell, .et_pb_fullwidth_hours .react-date-picker__month-view-cell { color: #000; font-size: 15px; line-height: 28px; text-transform: uppercase; letter-spacing: 0.1em; } .page-template-template-hours-of-operation .react-date-picker__month-view-cell:first-child, .page-template-template-events-calendar .react-date-picker__month-view-cell:first-child, .et_pb_fullwidth_hours .react-date-picker__month-view-cell:first-child { display: none; } .page-template-template-hours-of-operation .dp-week-day-names, .page-template-template-events-calendar .dp-week-day-names, .et_pb_fullwidth_hours .dp-week-day-names { padding: 20px 0px 15px; border-bottom: 1px solid #c0c0c0; margin-bottom: 10px; } .page-template-template-hours-of-operation .dp-day, .page-template-template-events-calendar .dp-day, .et_pb_fullwidth_hours .dp-day { cursor: pointer; padding: 0px 0; text-align: center; border: 3px solid transparent; -webkit-transition: border 0.3s ease, backround 0.3s ease; transition: border 0.3s ease, backround 0.3s ease; } .page-template-template-hours-of-operation .dp-day:hover, .page-template-template-events-calendar .dp-day:hover, .et_pb_fullwidth_hours .dp-day:hover { border-color: #009FB0; background: #009FB0; } .page-template-template-hours-of-operation .react-date-picker__month-view-day-text, .page-template-template-events-calendar .react-date-picker__month-view-day-text, .et_pb_fullwidth_hours .react-date-picker__month-view-day-text { width: 40px; } .page-template-template-hours-of-operation .react-date-picker__month-view-day--prev-month, .page-template-template-events-calendar .react-date-picker__month-view-day--prev-month, .et_pb_fullwidth_hours .react-date-picker__month-view-day--prev-month { color: #c0c0c0; } .page-template-template-hours-of-operation .react-date-picker__month-view-day--active, .page-template-template-events-calendar .react-date-picker__month-view-day--active, .et_pb_fullwidth_hours .react-date-picker__month-view-day--active { border: 3px solid #009FB0; background: #009FB0; } .page-template-template-hours-of-operation .react-date-picker__month-view-day--next-month, .page-template-template-events-calendar .react-date-picker__month-view-day--next-month, .et_pb_fullwidth_hours .react-date-picker__month-view-day--next-month { color: #c0c0c0; opacity: 0; } .page-template-template-hours-of-operation .modal-footer, .page-template-template-events-calendar .modal-footer, .et_pb_fullwidth_hours .modal-footer { padding-top: 10px; width: 465px; margin: 0 auto; } .page-template-template-hours-of-operation .modal-footer .btn, .page-template-template-events-calendar .modal-footer .btn, .et_pb_fullwidth_hours .modal-footer .btn { cursor: pointer; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; background: #514d4a; color: #fff; padding: 25px; margin-bottom: 25px; width: 185px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .page-template-template-hours-of-operation .modal-footer .btn:hover, .page-template-template-events-calendar .modal-footer .btn:hover, .et_pb_fullwidth_hours .modal-footer .btn:hover { background: #1BADB8; } .page-template-template-hours-of-operation .modal-footer p, .page-template-template-events-calendar .modal-footer p, .et_pb_fullwidth_hours .modal-footer p { font-size: 14px; line-height: 19px; font-weight: 300; } .page-template-template-hours-of-operation .react-date-picker__nav-bar-history-view, .page-template-template-events-calendar .react-date-picker__nav-bar-history-view, .et_pb_fullwidth_hours .react-date-picker__nav-bar-history-view { background: #514d4a; width: 100%; left: 0; padding: 15px; } .page-template-template-hours-of-operation .react-date-picker__decade-view, .page-template-template-events-calendar .react-date-picker__decade-view, .et_pb_fullwidth_hours .react-date-picker__decade-view { padding-top: 15px; margin-top: 15px; border-top: #514d4a 1px solid; } @media (max-width: 768px) { .page-template-template-hours-of-operation .react-date-picker__decade-view, .page-template-template-events-calendar .react-date-picker__decade-view, .et_pb_fullwidth_hours .react-date-picker__decade-view { margin-top: 0; padding-top: 5px; } } .page-template-template-hours-of-operation .react-date-picker__decade-view svg, .page-template-template-events-calendar .react-date-picker__decade-view svg, .et_pb_fullwidth_hours .react-date-picker__decade-view svg { fill: #fff; } .page-template-template-hours-of-operation .react-date-picker__footer, .page-template-template-events-calendar .react-date-picker__footer, .et_pb_fullwidth_hours .react-date-picker__footer { padding-top: 15px; margin-top: 15px; border-top: #514d4a 1px solid; } @media (max-width: 768px) { .page-template-template-hours-of-operation .react-date-picker__footer, .page-template-template-events-calendar .react-date-picker__footer, .et_pb_fullwidth_hours .react-date-picker__footer { margin-top: 0; padding-top: 5px; } } .page-template-template-hours-of-operation .react-date-picker__footer button, .page-template-template-events-calendar .react-date-picker__footer button, .et_pb_fullwidth_hours .react-date-picker__footer button { cursor: pointer; font-size: 14px; letter-spacing: 0.1em; text-transform: uppercase; border: none; outline: none; background: #1BADB8; color: #fff; padding: 15px; margin: 0 15px; -webkit-transition: background 0.3s ease; transition: background 0.3s ease; } .page-template-template-hours-of-operation .react-date-picker__footer button:hover, .page-template-template-events-calendar .react-date-picker__footer button:hover, .et_pb_fullwidth_hours .react-date-picker__footer button:hover { background: #1BADB8; } .page-template-template-hours-of-operation .react-date-picker__year-view-month, .page-template-template-hours-of-operation .react-date-picker__decade-view-year, .page-template-template-events-calendar .react-date-picker__year-view-month, .page-template-template-events-calendar .react-date-picker__decade-view-year, .et_pb_fullwidth_hours .react-date-picker__year-view-month, .et_pb_fullwidth_hours .react-date-picker__decade-view-year { cursor: pointer; -webkit-transition: color 0.3s ease; transition: color 0.3s ease; } .page-template-template-hours-of-operation .react-date-picker__year-view-month:hover, .page-template-template-hours-of-operation .react-date-picker__decade-view-year:hover, .page-template-template-events-calendar .react-date-picker__year-view-month:hover, .page-template-template-events-calendar .react-date-picker__decade-view-year:hover, .et_pb_fullwidth_hours .react-date-picker__year-view-month:hover, .et_pb_fullwidth_hours .react-date-picker__decade-view-year:hover { color: #1BADB8; } .page-template-template-hours-of-operation .react-date-picker__year-view-month--active, .page-template-template-hours-of-operation .react-date-picker__decade-view-year--active, .page-template-template-events-calendar .react-date-picker__year-view-month--active, .page-template-template-events-calendar .react-date-picker__decade-view-year--active, .et_pb_fullwidth_hours .react-date-picker__year-view-month--active, .et_pb_fullwidth_hours .react-date-picker__decade-view-year--active { color: #1BADB8; } @media (max-width: 767px) { .page-template-template-hours-of-operation .modal-dialog, .page-template-template-events-calendar .modal-dialog, .et_pb_fullwidth_hours .modal-dialog { width: 350px; padding: 0; } } @media (max-width: 480px) { .page-template-template-hours-of-operation .modal-dialog, .page-template-template-events-calendar .modal-dialog, .et_pb_fullwidth_hours .modal-dialog { width: 288px; } .page-template-template-hours-of-operation .modal-footer, .page-template-template-events-calendar .modal-footer, .et_pb_fullwidth_hours .modal-footer { width: 100%; } .page-template-template-hours-of-operation .modal-footer .btn, .page-template-template-events-calendar .modal-footer .btn, .et_pb_fullwidth_hours .modal-footer .btn { font-size: 12px; padding: 12px; margin-bottom: 15px; width: 155px; } .page-template-template-hours-of-operation .react-date-picker__nav-bar, .page-template-template-events-calendar .react-date-picker__nav-bar, .et_pb_fullwidth_hours .react-date-picker__nav-bar { font-size: 12px; line-height: 16px; padding: 10px; } .page-template-template-hours-of-operation .react-date-picker__nav-bar-date, .page-template-template-events-calendar .react-date-picker__nav-bar-date, .et_pb_fullwidth_hours .react-date-picker__nav-bar-date { padding: 0 20px; } .page-template-template-hours-of-operation .dp-week-day-names, .page-template-template-events-calendar .dp-week-day-names, .et_pb_fullwidth_hours .dp-week-day-names { padding: 5px 0; margin-bottom: 5px; } .page-template-template-hours-of-operation .react-date-picker__month-view-cell, .page-template-template-events-calendar .react-date-picker__month-view-cell, .et_pb_fullwidth_hours .react-date-picker__month-view-cell { font-size: 12px; line-height: 16px; } .page-template-template-hours-of-operation .react-date-picker__month-view-day-text, .page-template-template-events-calendar .react-date-picker__month-view-day-text, .et_pb_fullwidth_hours .react-date-picker__month-view-day-text { width: 25px; } .page-template-template-hours-of-operation .react-date-picker__transition-month-view, .page-template-template-hours-of-operation .react-date-picker__month-view, .page-template-template-events-calendar .react-date-picker__transition-month-view, .page-template-template-events-calendar .react-date-picker__month-view, .et_pb_fullwidth_hours .react-date-picker__transition-month-view, .et_pb_fullwidth_hours .react-date-picker__month-view { max-width: 250px; } } .react-date-field { box-sizing: border-box; position: relative; overflow: visible; vertical-align: middle; } .react-date-field *, .react-date-field *:before, .react-date-field *:after { box-sizing: border-box; } .react-date-field > .react-date-field__picker { min-width: 100%; position: absolute; z-index: 100; left: -1px; background: white; } .react-date-field--picker-position-bottom > .react-date-field__picker { top: 100%; } .react-date-field--picker-position-top > .react-date-field__picker { bottom: 100%; } .react-date-field__input { width: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 5px; border: none; outline: none; } .react-date-field__calendar-icon { border: 3px solid gray; border-top-width: 5px; border-radius: 2px; padding: 5px 7px; margin: 2px 4px 0px 2px; position: relative; } .react-date-field__clear-icon { color: gray; fill: gray; margin: 0px 2px; cursor: pointer; } .react-date-field__clear-icon svg { vertical-align: middle; } .react-date-field__clear-icon:hover { color: #4d4d4d; fill: #4d4d4d; } .react-date-field__calendar-icon:after, .react-date-field__calendar-icon:before { content: ''; width: 3px; height: 6px; border-radius: 10px; left: 1px; top: -6px; position: absolute; background: gray; } .react-date-field__calendar-icon:after { left: auto; right: 0px; } .react-date-field__calendar-icon-inner { background: gray; position: absolute; border-radius: 1px; top: 2px; left: 2px; width: 4px; height: 4px; } .react-date-picker__clock { box-sizing: border-box; display: inline-block; border: 5px solid gray; border-radius: 50%; position: relative; } .react-date-picker__clock *, .react-date-picker__clock *:before, .react-date-picker__clock *:after { box-sizing: border-box; } .react-date-picker__clock-overlay, .react-date-picker__clock-center { border-radius: 50%; position: absolute; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0); top: 50%; left: 50%; } .react-date-picker__clock-hand, .react-date-picker__clock-tick { position: absolute; left: 50%; top: 50%; width: 1px; background: gray; } .react-date-picker__date-format-spinner { box-sizing: border-box; } .react-date-picker__date-format-spinner *, .react-date-picker__date-format-spinner *:before, .react-date-picker__date-format-spinner *:after { box-sizing: border-box; } .react-date-picker__time-picker { box-sizing: border-box; } .react-date-picker__time-picker *, .react-date-picker__time-picker *:before, .react-date-picker__time-picker *:after { box-sizing: border-box; } .react-date-picker__time-picker-input { margin-top: 10px; } .react-date-picker__year-view { box-sizing: border-box; outline: none; } .react-date-picker__year-view *, .react-date-picker__year-view *:before, .react-date-picker__year-view *:after { box-sizing: border-box; } .react-date-picker__year-view-month { text-align: center; } .react-date-picker__decade-view { box-sizing: border-box; outline: none; } .react-date-picker__decade-view *, .react-date-picker__decade-view *:before, .react-date-picker__decade-view *:after { box-sizing: border-box; } .react-date-picker__decade-view-year { text-align: center; } .react-date-picker__history-view { box-sizing: border-box; outline: none; } .react-date-picker__history-view *, .react-date-picker__history-view *:before, .react-date-picker__history-view *:after { box-sizing: border-box; } .react-date-picker__nav-bar { box-sizing: border-box; outline: none; position: relative; } .react-date-picker__nav-bar *, .react-date-picker__nav-bar *:before, .react-date-picker__nav-bar *:after { box-sizing: border-box; } .react-date-picker__nav-bar-arrow { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; cursor: pointer; position: relative; } .react-date-picker__nav-bar-arrow--disabled { opacity: 0.25; fill: #BFBFBF; cursor: default; } .react-date-picker__nav-bar-date { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .react-date-picker__nav-bar svg { vertical-align: middle; } .react-date-picker__nav-bar-history-view { z-index: 100; position: absolute; margin: auto; left: 3px; right: 3px; top: 100%; } .react-date-picker, .react-date-picker__calendar, .react-date-picker__basic-month-view { box-sizing: border-box; } .react-date-picker *, .react-date-picker *:before, .react-date-picker *:after, .react-date-picker__calendar *, .react-date-picker__calendar *:before, .react-date-picker__calendar *:after, .react-date-picker__basic-month-view *, .react-date-picker__basic-month-view *:before, .react-date-picker__basic-month-view *:after { box-sizing: border-box; } .react-date-picker__decade-view-arrow--disabled, .react-date-picker__decade-view-year--disabled { opacity: 0.25; display: none; } .react-date-picker__transition-month-view { position: relative; overflow: hidden; } .react-date-picker__prev { -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } .react-date-picker__next { -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } .react-date-picker--transition-left { -webkit-transform: translate3d(-100%, 0px, 0px); transform: translate3d(-100%, 0px, 0px); } .react-date-picker--transition-left.react-date-picker__next { -webkit-transform: translate3d(0%, 0px, 0px); transform: translate3d(0%, 0px, 0px); } .react-date-picker--transition-right { z-index: 1111; -webkit-transform: translate3d(100%, 0px, 0px); transform: translate3d(100%, 0px, 0px); } .react-date-picker--transition-right.react-date-picker__prev { -webkit-transform: translate3d(0%, 0px, 0px); transform: translate3d(0%, 0px, 0px); } .react-date-picker__center { z-index: 10; } .react-date-picker__prev.react-date-picker--transition, .react-date-picker__center.react-date-picker--transition, .react-date-picker__next.react-date-picker--transition { -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; } .react-date-picker__prev, .react-date-picker__next { top: 0px; left: 0px; height: 100%; width: 100%; position: absolute !important; } .react-date-picker__month-view, .react-date-picker__basic-month-view { position: relative; outline: none; } .react-date-picker__month-view-week-day-name, .react-date-picker__basic-month-view-week-day-name { padding: 5px 0px; } .react-date-picker__month-view-day--hidden, .react-date-picker__basic-month-view-day--hidden { visibility: hidden; } .react-date-picker__month-view-day--disabled, .react-date-picker__basic-month-view-day--disabled { color: #BFBFBF; } .react-date-picker__month-view-cell, .react-date-picker__basic-month-view-cell { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .react-date-picker__month-view-row, .react-date-picker__basic-month-view-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row; flex-flow: row; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: auto; flex-basis: auto; } .react-date-picker__month-view-week-day-names, .react-date-picker__basic-month-view-week-day-names { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .react-flex-v2 { display: -webkit-box; display: -ms-flexbox; display: flex; } .react-flex-v2--inline { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .react-flex-v2--display-flex { display: -webkit-box; display: -ms-flexbox; display: flex; } .react-flex-v2--display-inline-flex { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } /* ALIGN-ITEMS */ .react-flex-v2--align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .react-flex-v2--align-items-stretch { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; } .react-flex-v2--align-items-baseline { -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .react-flex-v2--align-items-end, .react-flex-v2--align-items-flex-end { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .react-flex-v2--align-items-start, .react-flex-v2--align-items-flex-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } /* ALIGN-SELF */ .react-flex-v2--align-self-center { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .react-flex-v2--align-self-stretch { -ms-flex-item-align: stretch; -ms-grid-row-align: stretch; align-self: stretch; } .react-flex-v2--align-self-baseline { -ms-flex-item-align: baseline; align-self: baseline; } .react-flex-v2--align-self-auto { -ms-flex-item-align: auto; -ms-grid-row-align: auto; align-self: auto; } .react-flex-v2--align-self-end, .react-flex-v2--align-self-flex-end { -ms-flex-item-align: end; align-self: flex-end; } .react-flex-v2--align-self-start, .react-flex-v2--align-self-flex-start { -ms-flex-item-align: start; align-self: flex-start; } /* ALIGN-CONTENT */ .react-flex-v2--align-content-center { -ms-flex-line-pack: center; align-content: center; } .react-flex-v2--align-content-stretch { -ms-flex-line-pack: stretch; align-content: stretch; } .react-flex-v2--align-content-around, .react-flex-v2--align-content-space-around { -ms-flex-line-pack: distribute; align-content: space-around; } .react-flex-v2--align-content-between, .react-flex-v2--align-content-space-between { -ms-flex-line-pack: justify; align-content: space-between; } .react-flex-v2--align-content-end, .react-flex-v2--align-content-flex-end { -ms-flex-line-pack: end; align-content: flex-end; } .react-flex-v2--align-content-start, .react-flex-v2--align-content-flex-start { -ms-flex-line-pack: start; align-content: flex-start; } /* JUSTIFY-CONTENT */ .react-flex-v2--justify-content-start, .react-flex-v2--justify-content-flex-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .react-flex-v2--justify-content-end, .react-flex-v2--justify-content-flex-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .react-flex-v2--justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .react-flex-v2--justify-content-space-around { -ms-flex-pack: distribute; justify-content: space-around; } .react-flex-v2--justify-content-space-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } /* WRAP */ .react-flex-v2--wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } /* COLUMN */ .react-flex-v2--column { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .react-flex-v2--column-reverse { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } /* ROW */ .react-flex-v2--row { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .react-flex-v2--row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } /* FLEX-BASIS */ .react-flex-v2--flex-basis-auto { -ms-flex-preferred-size: auto; flex-basis: auto; } .react-flex-v2--flex-basis-none, .react-flex-v2--flex-basis-0 { -ms-flex-preferred-size: 0px; flex-basis: 0px; } .react-flex-v2--flex-basis-fill { -ms-flex-preferred-size: fill; flex-basis: fill; } .react-flex-v2--flex-basis-content { -ms-flex-preferred-size: content; flex-basis: content; } .react-flex-v2--flex-basis-fit-content { -ms-flex-preferred-size: fit-content; flex-basis: fit-content; } .react-flex-v2--flex-basis-min-content { -ms-flex-preferred-size: min-content; flex-basis: min-content; } .react-flex-v2--flex-basis-max-content { -ms-flex-preferred-size: max-content; flex-basis: max-content; } /* FLEX */ .react-flex-v2--flex-none, .react-flex-v2--flex-0 { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .react-flex-v2--flex-1 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; } .react-flex-v2--flex-2 { -webkit-box-flex: 2; -ms-flex: 2; flex: 2; } .react-flex-v2--flex-3 { -webkit-box-flex: 3; -ms-flex: 3; flex: 3; } .react-flex-v2--flex-4 { -webkit-box-flex: 4; -ms-flex: 4; flex: 4; } .react-flex-v2--flex-5 { -webkit-box-flex: 5; -ms-flex: 5; flex: 5; } .react-flex-v2--flex-6 { -webkit-box-flex: 6; -ms-flex: 6; flex: 6; } .react-flex-v2--flex-7 { -webkit-box-flex: 7; -ms-flex: 7; flex: 7; } .react-flex-v2--flex-8 { -webkit-box-flex: 8; -ms-flex: 8; flex: 8; } .react-flex-v2--flex-9 { -webkit-box-flex: 9; -ms-flex: 9; flex: 9; } .react-flex-v2--flex-10 { -webkit-box-flex: 10; -ms-flex: 10; flex: 10; } .react-flex-v2--flex-11 { -webkit-box-flex: 11; -ms-flex: 11; flex: 11; } .react-flex-v2--flex-12 { -webkit-box-flex: 12; -ms-flex: 12; flex: 12; } .react-flex-v2--flex-13 { -webkit-box-flex: 13; -ms-flex: 13; flex: 13; } .react-flex-v2--flex-14 { -webkit-box-flex: 14; -ms-flex: 14; flex: 14; } .react-flex-v2--flex-15 { -webkit-box-flex: 15; -ms-flex: 15; flex: 15; } .react-flex-v2--flex-16 { -webkit-box-flex: 16; -ms-flex: 16; flex: 16; } .react-flex-v2--flex-17 { -webkit-box-flex: 17; -ms-flex: 17; flex: 17; } .react-flex-v2--flex-18 { -webkit-box-flex: 18; -ms-flex: 18; flex: 18; } .react-flex-v2--flex-19 { -webkit-box-flex: 19; -ms-flex: 19; flex: 19; } .react-flex-v2--flex-20 { -webkit-box-flex: 20; -ms-flex: 20; flex: 20; } .react-flex-v2--flex-21 { -webkit-box-flex: 21; -ms-flex: 21; flex: 21; } .react-flex-v2--flex-22 { -webkit-box-flex: 22; -ms-flex: 22; flex: 22; } .react-flex-v2--flex-23 { -webkit-box-flex: 23; -ms-flex: 23; flex: 23; } .react-flex-v2--flex-24 { -webkit-box-flex: 24; -ms-flex: 24; flex: 24; } .react-flex-v2--flex-25 { -webkit-box-flex: 25; -ms-flex: 25; flex: 25; } .react-flex-v2--flex-26 { -webkit-box-flex: 26; -ms-flex: 26; flex: 26; } .react-flex-v2--flex-27 { -webkit-box-flex: 27; -ms-flex: 27; flex: 27; } .react-flex-v2--flex-28 { -webkit-box-flex: 28; -ms-flex: 28; flex: 28; } .react-flex-v2--flex-29 { -webkit-box-flex: 29; -ms-flex: 29; flex: 29; } .react-flex-v2--flex-30 { -webkit-box-flex: 30; -ms-flex: 30; flex: 30; } .react-flex-v2--flex-31 { -webkit-box-flex: 31; -ms-flex: 31; flex: 31; } .react-flex-v2--flex-32 { -webkit-box-flex: 32; -ms-flex: 32; flex: 32; } .react-flex-v2--flex-33 { -webkit-box-flex: 33; -ms-flex: 33; flex: 33; } .react-flex-v2--flex-34 { -webkit-box-flex: 34; -ms-flex: 34; flex: 34; } .react-flex-v2--flex-35 { -webkit-box-flex: 35; -ms-flex: 35; flex: 35; } .react-flex-v2--flex-36 { -webkit-box-flex: 36; -ms-flex: 36; flex: 36; } .react-flex-v2--flex-37 { -webkit-box-flex: 37; -ms-flex: 37; flex: 37; } .react-flex-v2--flex-38 { -webkit-box-flex: 38; -ms-flex: 38; flex: 38; } .react-flex-v2--flex-39 { -webkit-box-flex: 39; -ms-flex: 39; flex: 39; } .react-flex-v2--flex-40 { -webkit-box-flex: 40; -ms-flex: 40; flex: 40; } .react-flex-v2--flex-41 { -webkit-box-flex: 41; -ms-flex: 41; flex: 41; } .react-flex-v2--flex-42 { -webkit-box-flex: 42; -ms-flex: 42; flex: 42; } .react-flex-v2--flex-43 { -webkit-box-flex: 43; -ms-flex: 43; flex: 43; } .react-flex-v2--flex-44 { -webkit-box-flex: 44; -ms-flex: 44; flex: 44; } .react-flex-v2--flex-45 { -webkit-box-flex: 45; -ms-flex: 45; flex: 45; } .react-flex-v2--flex-46 { -webkit-box-flex: 46; -ms-flex: 46; flex: 46; } .react-flex-v2--flex-47 { -webkit-box-flex: 47; -ms-flex: 47; flex: 47; } .react-flex-v2--flex-48 { -webkit-box-flex: 48; -ms-flex: 48; flex: 48; } .react-flex-v2--flex-49 { -webkit-box-flex: 49; -ms-flex: 49; flex: 49; } .react-flex-v2--flex-50 { -webkit-box-flex: 50; -ms-flex: 50; flex: 50; } .react-flex-v2--flex-51 { -webkit-box-flex: 51; -ms-flex: 51; flex: 51; } .react-flex-v2--flex-52 { -webkit-box-flex: 52; -ms-flex: 52; flex: 52; } .react-flex-v2--flex-53 { -webkit-box-flex: 53; -ms-flex: 53; flex: 53; } .react-flex-v2--flex-54 { -webkit-box-flex: 54; -ms-flex: 54; flex: 54; } .react-flex-v2--flex-55 { -webkit-box-flex: 55; -ms-flex: 55; flex: 55; } .react-flex-v2--flex-56 { -webkit-box-flex: 56; -ms-flex: 56; flex: 56; } .react-flex-v2--flex-57 { -webkit-box-flex: 57; -ms-flex: 57; flex: 57; } .react-flex-v2--flex-58 { -webkit-box-flex: 58; -ms-flex: 58; flex: 58; } .react-flex-v2--flex-59 { -webkit-box-flex: 59; -ms-flex: 59; flex: 59; } .react-flex-v2--flex-60 { -webkit-box-flex: 60; -ms-flex: 60; flex: 60; } .react-flex-v2--flex-61 { -webkit-box-flex: 61; -ms-flex: 61; flex: 61; } .react-flex-v2--flex-62 { -webkit-box-flex: 62; -ms-flex: 62; flex: 62; } .react-flex-v2--flex-63 { -webkit-box-flex: 63; -ms-flex: 63; flex: 63; } .react-flex-v2--flex-64 { -webkit-box-flex: 64; -ms-flex: 64; flex: 64; } .react-flex-v2--flex-65 { -webkit-box-flex: 65; -ms-flex: 65; flex: 65; } .react-flex-v2--flex-66 { -webkit-box-flex: 66; -ms-flex: 66; flex: 66; } .react-flex-v2--flex-67 { -webkit-box-flex: 67; -ms-flex: 67; flex: 67; } .react-flex-v2--flex-68 { -webkit-box-flex: 68; -ms-flex: 68; flex: 68; } .react-flex-v2--flex-69 { -webkit-box-flex: 69; -ms-flex: 69; flex: 69; } .react-flex-v2--flex-70 { -webkit-box-flex: 70; -ms-flex: 70; flex: 70; } .react-flex-v2--flex-71 { -webkit-box-flex: 71; -ms-flex: 71; flex: 71; } .react-flex-v2--flex-72 { -webkit-box-flex: 72; -ms-flex: 72; flex: 72; } .react-flex-v2--flex-73 { -webkit-box-flex: 73; -ms-flex: 73; flex: 73; } .react-flex-v2--flex-74 { -webkit-box-flex: 74; -ms-flex: 74; flex: 74; } .react-flex-v2--flex-75 { -webkit-box-flex: 75; -ms-flex: 75; flex: 75; } .react-flex-v2--flex-76 { -webkit-box-flex: 76; -ms-flex: 76; flex: 76; } .react-flex-v2--flex-77 { -webkit-box-flex: 77; -ms-flex: 77; flex: 77; } .react-flex-v2--flex-78 { -webkit-box-flex: 78; -ms-flex: 78; flex: 78; } .react-flex-v2--flex-79 { -webkit-box-flex: 79; -ms-flex: 79; flex: 79; } .react-flex-v2--flex-80 { -webkit-box-flex: 80; -ms-flex: 80; flex: 80; } .react-flex-v2--flex-81 { -webkit-box-flex: 81; -ms-flex: 81; flex: 81; } .react-flex-v2--flex-82 { -webkit-box-flex: 82; -ms-flex: 82; flex: 82; } .react-flex-v2--flex-83 { -webkit-box-flex: 83; -ms-flex: 83; flex: 83; } .react-flex-v2--flex-84 { -webkit-box-flex: 84; -ms-flex: 84; flex: 84; } .react-flex-v2--flex-85 { -webkit-box-flex: 85; -ms-flex: 85; flex: 85; } .react-flex-v2--flex-86 { -webkit-box-flex: 86; -ms-flex: 86; flex: 86; } .react-flex-v2--flex-87 { -webkit-box-flex: 87; -ms-flex: 87; flex: 87; } .react-flex-v2--flex-88 { -webkit-box-flex: 88; -ms-flex: 88; flex: 88; } .react-flex-v2--flex-89 { -webkit-box-flex: 89; -ms-flex: 89; flex: 89; } .react-flex-v2--flex-90 { -webkit-box-flex: 90; -ms-flex: 90; flex: 90; } .react-flex-v2--flex-91 { -webkit-box-flex: 91; -ms-flex: 91; flex: 91; } .react-flex-v2--flex-92 { -webkit-box-flex: 92; -ms-flex: 92; flex: 92; } .react-flex-v2--flex-93 { -webkit-box-flex: 93; -ms-flex: 93; flex: 93; } .react-flex-v2--flex-94 { -webkit-box-flex: 94; -ms-flex: 94; flex: 94; } .react-flex-v2--flex-95 { -webkit-box-flex: 95; -ms-flex: 95; flex: 95; } .react-flex-v2--flex-96 { -webkit-box-flex: 96; -ms-flex: 96; flex: 96; } .react-flex-v2--flex-97 { -webkit-box-flex: 97; -ms-flex: 97; flex: 97; } .react-flex-v2--flex-98 { -webkit-box-flex: 98; -ms-flex: 98; flex: 98; } .react-flex-v2--flex-99 { -webkit-box-flex: 99; -ms-flex: 99; flex: 99; } .react-flex-v2--flex-100 { -webkit-box-flex: 100; -ms-flex: 100; flex: 100; } /* FLEX-GROW */ .react-flex-v2--flex-grow-0 { -webkit-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; } .react-flex-v2--flex-grow-1 { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .react-flex-v2--flex-grow-2 { -webkit-box-flex: 2; -ms-flex-positive: 2; flex-grow: 2; } .react-flex-v2--flex-grow-3 { -webkit-box-flex: 3; -ms-flex-positive: 3; flex-grow: 3; } .react-flex-v2--flex-grow-4 { -webkit-box-flex: 4; -ms-flex-positive: 4; flex-grow: 4; } .react-flex-v2--flex-grow-5 { -webkit-box-flex: 5; -ms-flex-positive: 5; flex-grow: 5; } .react-flex-v2--flex-grow-6 { -webkit-box-flex: 6; -ms-flex-positive: 6; flex-grow: 6; } .react-flex-v2--flex-grow-7 { -webkit-box-flex: 7; -ms-flex-positive: 7; flex-grow: 7; } .react-flex-v2--flex-grow-8 { -webkit-box-flex: 8; -ms-flex-positive: 8; flex-grow: 8; } .react-flex-v2--flex-grow-9 { -webkit-box-flex: 9; -ms-flex-positive: 9; flex-grow: 9; } .react-flex-v2--flex-grow-10 { -webkit-box-flex: 10; -ms-flex-positive: 10; flex-grow: 10; } .react-flex-v2--flex-grow-11 { -webkit-box-flex: 11; -ms-flex-positive: 11; flex-grow: 11; } .react-flex-v2--flex-grow-12 { -webkit-box-flex: 12; -ms-flex-positive: 12; flex-grow: 12; } .react-flex-v2--flex-grow-13 { -webkit-box-flex: 13; -ms-flex-positive: 13; flex-grow: 13; } .react-flex-v2--flex-grow-14 { -webkit-box-flex: 14; -ms-flex-positive: 14; flex-grow: 14; } .react-flex-v2--flex-grow-15 { -webkit-box-flex: 15; -ms-flex-positive: 15; flex-grow: 15; } .react-flex-v2--flex-grow-16 { -webkit-box-flex: 16; -ms-flex-positive: 16; flex-grow: 16; } .react-flex-v2--flex-grow-17 { -webkit-box-flex: 17; -ms-flex-positive: 17; flex-grow: 17; } .react-flex-v2--flex-grow-18 { -webkit-box-flex: 18; -ms-flex-positive: 18; flex-grow: 18; } .react-flex-v2--flex-grow-19 { -webkit-box-flex: 19; -ms-flex-positive: 19; flex-grow: 19; } .react-flex-v2--flex-grow-20 { -webkit-box-flex: 20; -ms-flex-positive: 20; flex-grow: 20; } .react-flex-v2--flex-grow-21 { -webkit-box-flex: 21; -ms-flex-positive: 21; flex-grow: 21; } .react-flex-v2--flex-grow-22 { -webkit-box-flex: 22; -ms-flex-positive: 22; flex-grow: 22; } .react-flex-v2--flex-grow-23 { -webkit-box-flex: 23; -ms-flex-positive: 23; flex-grow: 23; } .react-flex-v2--flex-grow-24 { -webkit-box-flex: 24; -ms-flex-positive: 24; flex-grow: 24; } .react-flex-v2--flex-grow-25 { -webkit-box-flex: 25; -ms-flex-positive: 25; flex-grow: 25; } .react-flex-v2--flex-grow-26 { -webkit-box-flex: 26; -ms-flex-positive: 26; flex-grow: 26; } .react-flex-v2--flex-grow-27 { -webkit-box-flex: 27; -ms-flex-positive: 27; flex-grow: 27; } .react-flex-v2--flex-grow-28 { -webkit-box-flex: 28; -ms-flex-positive: 28; flex-grow: 28; } .react-flex-v2--flex-grow-29 { -webkit-box-flex: 29; -ms-flex-positive: 29; flex-grow: 29; } .react-flex-v2--flex-grow-30 { -webkit-box-flex: 30; -ms-flex-positive: 30; flex-grow: 30; } .react-flex-v2--flex-grow-31 { -webkit-box-flex: 31; -ms-flex-positive: 31; flex-grow: 31; } .react-flex-v2--flex-grow-32 { -webkit-box-flex: 32; -ms-flex-positive: 32; flex-grow: 32; } .react-flex-v2--flex-grow-33 { -webkit-box-flex: 33; -ms-flex-positive: 33; flex-grow: 33; } .react-flex-v2--flex-grow-34 { -webkit-box-flex: 34; -ms-flex-positive: 34; flex-grow: 34; } .react-flex-v2--flex-grow-35 { -webkit-box-flex: 35; -ms-flex-positive: 35; flex-grow: 35; } .react-flex-v2--flex-grow-36 { -webkit-box-flex: 36; -ms-flex-positive: 36; flex-grow: 36; } .react-flex-v2--flex-grow-37 { -webkit-box-flex: 37; -ms-flex-positive: 37; flex-grow: 37; } .react-flex-v2--flex-grow-38 { -webkit-box-flex: 38; -ms-flex-positive: 38; flex-grow: 38; } .react-flex-v2--flex-grow-39 { -webkit-box-flex: 39; -ms-flex-positive: 39; flex-grow: 39; } .react-flex-v2--flex-grow-40 { -webkit-box-flex: 40; -ms-flex-positive: 40; flex-grow: 40; } .react-flex-v2--flex-grow-41 { -webkit-box-flex: 41; -ms-flex-positive: 41; flex-grow: 41; } .react-flex-v2--flex-grow-42 { -webkit-box-flex: 42; -ms-flex-positive: 42; flex-grow: 42; } .react-flex-v2--flex-grow-43 { -webkit-box-flex: 43; -ms-flex-positive: 43; flex-grow: 43; } .react-flex-v2--flex-grow-44 { -webkit-box-flex: 44; -ms-flex-positive: 44; flex-grow: 44; } .react-flex-v2--flex-grow-45 { -webkit-box-flex: 45; -ms-flex-positive: 45; flex-grow: 45; } .react-flex-v2--flex-grow-46 { -webkit-box-flex: 46; -ms-flex-positive: 46; flex-grow: 46; } .react-flex-v2--flex-grow-47 { -webkit-box-flex: 47; -ms-flex-positive: 47; flex-grow: 47; } .react-flex-v2--flex-grow-48 { -webkit-box-flex: 48; -ms-flex-positive: 48; flex-grow: 48; } .react-flex-v2--flex-grow-49 { -webkit-box-flex: 49; -ms-flex-positive: 49; flex-grow: 49; } .react-flex-v2--flex-grow-50 { -webkit-box-flex: 50; -ms-flex-positive: 50; flex-grow: 50; } .react-flex-v2--flex-grow-51 { -webkit-box-flex: 51; -ms-flex-positive: 51; flex-grow: 51; } .react-flex-v2--flex-grow-52 { -webkit-box-flex: 52; -ms-flex-positive: 52; flex-grow: 52; } .react-flex-v2--flex-grow-53 { -webkit-box-flex: 53; -ms-flex-positive: 53; flex-grow: 53; } .react-flex-v2--flex-grow-54 { -webkit-box-flex: 54; -ms-flex-positive: 54; flex-grow: 54; } .react-flex-v2--flex-grow-55 { -webkit-box-flex: 55; -ms-flex-positive: 55; flex-grow: 55; } .react-flex-v2--flex-grow-56 { -webkit-box-flex: 56; -ms-flex-positive: 56; flex-grow: 56; } .react-flex-v2--flex-grow-57 { -webkit-box-flex: 57; -ms-flex-positive: 57; flex-grow: 57; } .react-flex-v2--flex-grow-58 { -webkit-box-flex: 58; -ms-flex-positive: 58; flex-grow: 58; } .react-flex-v2--flex-grow-59 { -webkit-box-flex: 59; -ms-flex-positive: 59; flex-grow: 59; } .react-flex-v2--flex-grow-60 { -webkit-box-flex: 60; -ms-flex-positive: 60; flex-grow: 60; } .react-flex-v2--flex-grow-61 { -webkit-box-flex: 61; -ms-flex-positive: 61; flex-grow: 61; } .react-flex-v2--flex-grow-62 { -webkit-box-flex: 62; -ms-flex-positive: 62; flex-grow: 62; } .react-flex-v2--flex-grow-63 { -webkit-box-flex: 63; -ms-flex-positive: 63; flex-grow: 63; } .react-flex-v2--flex-grow-64 { -webkit-box-flex: 64; -ms-flex-positive: 64; flex-grow: 64; } .react-flex-v2--flex-grow-65 { -webkit-box-flex: 65; -ms-flex-positive: 65; flex-grow: 65; } .react-flex-v2--flex-grow-66 { -webkit-box-flex: 66; -ms-flex-positive: 66; flex-grow: 66; } .react-flex-v2--flex-grow-67 { -webkit-box-flex: 67; -ms-flex-positive: 67; flex-grow: 67; } .react-flex-v2--flex-grow-68 { -webkit-box-flex: 68; -ms-flex-positive: 68; flex-grow: 68; } .react-flex-v2--flex-grow-69 { -webkit-box-flex: 69; -ms-flex-positive: 69; flex-grow: 69; } .react-flex-v2--flex-grow-70 { -webkit-box-flex: 70; -ms-flex-positive: 70; flex-grow: 70; } .react-flex-v2--flex-grow-71 { -webkit-box-flex: 71; -ms-flex-positive: 71; flex-grow: 71; } .react-flex-v2--flex-grow-72 { -webkit-box-flex: 72; -ms-flex-positive: 72; flex-grow: 72; } .react-flex-v2--flex-grow-73 { -webkit-box-flex: 73; -ms-flex-positive: 73; flex-grow: 73; } .react-flex-v2--flex-grow-74 { -webkit-box-flex: 74; -ms-flex-positive: 74; flex-grow: 74; } .react-flex-v2--flex-grow-75 { -webkit-box-flex: 75; -ms-flex-positive: 75; flex-grow: 75; } .react-flex-v2--flex-grow-76 { -webkit-box-flex: 76; -ms-flex-positive: 76; flex-grow: 76; } .react-flex-v2--flex-grow-77 { -webkit-box-flex: 77; -ms-flex-positive: 77; flex-grow: 77; } .react-flex-v2--flex-grow-78 { -webkit-box-flex: 78; -ms-flex-positive: 78; flex-grow: 78; } .react-flex-v2--flex-grow-79 { -webkit-box-flex: 79; -ms-flex-positive: 79; flex-grow: 79; } .react-flex-v2--flex-grow-80 { -webkit-box-flex: 80; -ms-flex-positive: 80; flex-grow: 80; } .react-flex-v2--flex-grow-81 { -webkit-box-flex: 81; -ms-flex-positive: 81; flex-grow: 81; } .react-flex-v2--flex-grow-82 { -webkit-box-flex: 82; -ms-flex-positive: 82; flex-grow: 82; } .react-flex-v2--flex-grow-83 { -webkit-box-flex: 83; -ms-flex-positive: 83; flex-grow: 83; } .react-flex-v2--flex-grow-84 { -webkit-box-flex: 84; -ms-flex-positive: 84; flex-grow: 84; } .react-flex-v2--flex-grow-85 { -webkit-box-flex: 85; -ms-flex-positive: 85; flex-grow: 85; } .react-flex-v2--flex-grow-86 { -webkit-box-flex: 86; -ms-flex-positive: 86; flex-grow: 86; } .react-flex-v2--flex-grow-87 { -webkit-box-flex: 87; -ms-flex-positive: 87; flex-grow: 87; } .react-flex-v2--flex-grow-88 { -webkit-box-flex: 88; -ms-flex-positive: 88; flex-grow: 88; } .react-flex-v2--flex-grow-89 { -webkit-box-flex: 89; -ms-flex-positive: 89; flex-grow: 89; } .react-flex-v2--flex-grow-90 { -webkit-box-flex: 90; -ms-flex-positive: 90; flex-grow: 90; } .react-flex-v2--flex-grow-91 { -webkit-box-flex: 91; -ms-flex-positive: 91; flex-grow: 91; } .react-flex-v2--flex-grow-92 { -webkit-box-flex: 92; -ms-flex-positive: 92; flex-grow: 92; } .react-flex-v2--flex-grow-93 { -webkit-box-flex: 93; -ms-flex-positive: 93; flex-grow: 93; } .react-flex-v2--flex-grow-94 { -webkit-box-flex: 94; -ms-flex-positive: 94; flex-grow: 94; } .react-flex-v2--flex-grow-95 { -webkit-box-flex: 95; -ms-flex-positive: 95; flex-grow: 95; } .react-flex-v2--flex-grow-96 { -webkit-box-flex: 96; -ms-flex-positive: 96; flex-grow: 96; } .react-flex-v2--flex-grow-97 { -webkit-box-flex: 97; -ms-flex-positive: 97; flex-grow: 97; } .react-flex-v2--flex-grow-98 { -webkit-box-flex: 98; -ms-flex-positive: 98; flex-grow: 98; } .react-flex-v2--flex-grow-99 { -webkit-box-flex: 99; -ms-flex-positive: 99; flex-grow: 99; } .react-flex-v2--flex-grow-100 { -webkit-box-flex: 100; -ms-flex-positive: 100; flex-grow: 100; } /* FLEX-SHRINK */ .react-flex-v2--flex-shrink-0 { -ms-flex-negative: 0; flex-shrink: 0; } .react-flex-v2--flex-shrink-1 { -ms-flex-negative: 1; flex-shrink: 1; } .react-flex-v2--flex-shrink-2 { -ms-flex-negative: 2; flex-shrink: 2; } .react-flex-v2--flex-shrink-3 { -ms-flex-negative: 3; flex-shrink: 3; } .react-flex-v2--flex-shrink-4 { -ms-flex-negative: 4; flex-shrink: 4; } .react-flex-v2--flex-shrink-5 { -ms-flex-negative: 5; flex-shrink: 5; } .react-flex-v2--flex-shrink-6 { -ms-flex-negative: 6; flex-shrink: 6; } .react-flex-v2--flex-shrink-7 { -ms-flex-negative: 7; flex-shrink: 7; } .react-flex-v2--flex-shrink-8 { -ms-flex-negative: 8; flex-shrink: 8; } .react-flex-v2--flex-shrink-9 { -ms-flex-negative: 9; flex-shrink: 9; } .react-flex-v2--flex-shrink-10 { -ms-flex-negative: 10; flex-shrink: 10; } .react-flex-v2--flex-shrink-11 { -ms-flex-negative: 11; flex-shrink: 11; } .react-flex-v2--flex-shrink-12 { -ms-flex-negative: 12; flex-shrink: 12; } .react-flex-v2--flex-shrink-13 { -ms-flex-negative: 13; flex-shrink: 13; } .react-flex-v2--flex-shrink-14 { -ms-flex-negative: 14; flex-shrink: 14; } .react-flex-v2--flex-shrink-15 { -ms-flex-negative: 15; flex-shrink: 15; } .react-flex-v2--flex-shrink-16 { -ms-flex-negative: 16; flex-shrink: 16; } .react-flex-v2--flex-shrink-17 { -ms-flex-negative: 17; flex-shrink: 17; } .react-flex-v2--flex-shrink-18 { -ms-flex-negative: 18; flex-shrink: 18; } .react-flex-v2--flex-shrink-19 { -ms-flex-negative: 19; flex-shrink: 19; } .react-flex-v2--flex-shrink-20 { -ms-flex-negative: 20; flex-shrink: 20; } .react-flex-v2--flex-shrink-21 { -ms-flex-negative: 21; flex-shrink: 21; } .react-flex-v2--flex-shrink-22 { -ms-flex-negative: 22; flex-shrink: 22; } .react-flex-v2--flex-shrink-23 { -ms-flex-negative: 23; flex-shrink: 23; } .react-flex-v2--flex-shrink-24 { -ms-flex-negative: 24; flex-shrink: 24; } .react-flex-v2--flex-shrink-25 { -ms-flex-negative: 25; flex-shrink: 25; } .react-flex-v2--flex-shrink-26 { -ms-flex-negative: 26; flex-shrink: 26; } .react-flex-v2--flex-shrink-27 { -ms-flex-negative: 27; flex-shrink: 27; } .react-flex-v2--flex-shrink-28 { -ms-flex-negative: 28; flex-shrink: 28; } .react-flex-v2--flex-shrink-29 { -ms-flex-negative: 29; flex-shrink: 29; } .react-flex-v2--flex-shrink-30 { -ms-flex-negative: 30; flex-shrink: 30; } .react-flex-v2--flex-shrink-31 { -ms-flex-negative: 31; flex-shrink: 31; } .react-flex-v2--flex-shrink-32 { -ms-flex-negative: 32; flex-shrink: 32; } .react-flex-v2--flex-shrink-33 { -ms-flex-negative: 33; flex-shrink: 33; } .react-flex-v2--flex-shrink-34 { -ms-flex-negative: 34; flex-shrink: 34; } .react-flex-v2--flex-shrink-35 { -ms-flex-negative: 35; flex-shrink: 35; } .react-flex-v2--flex-shrink-36 { -ms-flex-negative: 36; flex-shrink: 36; } .react-flex-v2--flex-shrink-37 { -ms-flex-negative: 37; flex-shrink: 37; } .react-flex-v2--flex-shrink-38 { -ms-flex-negative: 38; flex-shrink: 38; } .react-flex-v2--flex-shrink-39 { -ms-flex-negative: 39; flex-shrink: 39; } .react-flex-v2--flex-shrink-40 { -ms-flex-negative: 40; flex-shrink: 40; } .react-flex-v2--flex-shrink-41 { -ms-flex-negative: 41; flex-shrink: 41; } .react-flex-v2--flex-shrink-42 { -ms-flex-negative: 42; flex-shrink: 42; } .react-flex-v2--flex-shrink-43 { -ms-flex-negative: 43; flex-shrink: 43; } .react-flex-v2--flex-shrink-44 { -ms-flex-negative: 44; flex-shrink: 44; } .react-flex-v2--flex-shrink-45 { -ms-flex-negative: 45; flex-shrink: 45; } .react-flex-v2--flex-shrink-46 { -ms-flex-negative: 46; flex-shrink: 46; } .react-flex-v2--flex-shrink-47 { -ms-flex-negative: 47; flex-shrink: 47; } .react-flex-v2--flex-shrink-48 { -ms-flex-negative: 48; flex-shrink: 48; } .react-flex-v2--flex-shrink-49 { -ms-flex-negative: 49; flex-shrink: 49; } .react-flex-v2--flex-shrink-50 { -ms-flex-negative: 50; flex-shrink: 50; } .react-flex-v2--flex-shrink-51 { -ms-flex-negative: 51; flex-shrink: 51; } .react-flex-v2--flex-shrink-52 { -ms-flex-negative: 52; flex-shrink: 52; } .react-flex-v2--flex-shrink-53 { -ms-flex-negative: 53; flex-shrink: 53; } .react-flex-v2--flex-shrink-54 { -ms-flex-negative: 54; flex-shrink: 54; } .react-flex-v2--flex-shrink-55 { -ms-flex-negative: 55; flex-shrink: 55; } .react-flex-v2--flex-shrink-56 { -ms-flex-negative: 56; flex-shrink: 56; } .react-flex-v2--flex-shrink-57 { -ms-flex-negative: 57; flex-shrink: 57; } .react-flex-v2--flex-shrink-58 { -ms-flex-negative: 58; flex-shrink: 58; } .react-flex-v2--flex-shrink-59 { -ms-flex-negative: 59; flex-shrink: 59; } .react-flex-v2--flex-shrink-60 { -ms-flex-negative: 60; flex-shrink: 60; } .react-flex-v2--flex-shrink-61 { -ms-flex-negative: 61; flex-shrink: 61; } .react-flex-v2--flex-shrink-62 { -ms-flex-negative: 62; flex-shrink: 62; } .react-flex-v2--flex-shrink-63 { -ms-flex-negative: 63; flex-shrink: 63; } .react-flex-v2--flex-shrink-64 { -ms-flex-negative: 64; flex-shrink: 64; } .react-flex-v2--flex-shrink-65 { -ms-flex-negative: 65; flex-shrink: 65; } .react-flex-v2--flex-shrink-66 { -ms-flex-negative: 66; flex-shrink: 66; } .react-flex-v2--flex-shrink-67 { -ms-flex-negative: 67; flex-shrink: 67; } .react-flex-v2--flex-shrink-68 { -ms-flex-negative: 68; flex-shrink: 68; } .react-flex-v2--flex-shrink-69 { -ms-flex-negative: 69; flex-shrink: 69; } .react-flex-v2--flex-shrink-70 { -ms-flex-negative: 70; flex-shrink: 70; } .react-flex-v2--flex-shrink-71 { -ms-flex-negative: 71; flex-shrink: 71; } .react-flex-v2--flex-shrink-72 { -ms-flex-negative: 72; flex-shrink: 72; } .react-flex-v2--flex-shrink-73 { -ms-flex-negative: 73; flex-shrink: 73; } .react-flex-v2--flex-shrink-74 { -ms-flex-negative: 74; flex-shrink: 74; } .react-flex-v2--flex-shrink-75 { -ms-flex-negative: 75; flex-shrink: 75; } .react-flex-v2--flex-shrink-76 { -ms-flex-negative: 76; flex-shrink: 76; } .react-flex-v2--flex-shrink-77 { -ms-flex-negative: 77; flex-shrink: 77; } .react-flex-v2--flex-shrink-78 { -ms-flex-negative: 78; flex-shrink: 78; } .react-flex-v2--flex-shrink-79 { -ms-flex-negative: 79; flex-shrink: 79; } .react-flex-v2--flex-shrink-80 { -ms-flex-negative: 80; flex-shrink: 80; } .react-flex-v2--flex-shrink-81 { -ms-flex-negative: 81; flex-shrink: 81; } .react-flex-v2--flex-shrink-82 { -ms-flex-negative: 82; flex-shrink: 82; } .react-flex-v2--flex-shrink-83 { -ms-flex-negative: 83; flex-shrink: 83; } .react-flex-v2--flex-shrink-84 { -ms-flex-negative: 84; flex-shrink: 84; } .react-flex-v2--flex-shrink-85 { -ms-flex-negative: 85; flex-shrink: 85; } .react-flex-v2--flex-shrink-86 { -ms-flex-negative: 86; flex-shrink: 86; } .react-flex-v2--flex-shrink-87 { -ms-flex-negative: 87; flex-shrink: 87; } .react-flex-v2--flex-shrink-88 { -ms-flex-negative: 88; flex-shrink: 88; } .react-flex-v2--flex-shrink-89 { -ms-flex-negative: 89; flex-shrink: 89; } .react-flex-v2--flex-shrink-90 { -ms-flex-negative: 90; flex-shrink: 90; } .react-flex-v2--flex-shrink-91 { -ms-flex-negative: 91; flex-shrink: 91; } .react-flex-v2--flex-shrink-92 { -ms-flex-negative: 92; flex-shrink: 92; } .react-flex-v2--flex-shrink-93 { -ms-flex-negative: 93; flex-shrink: 93; } .react-flex-v2--flex-shrink-94 { -ms-flex-negative: 94; flex-shrink: 94; } .react-flex-v2--flex-shrink-95 { -ms-flex-negative: 95; flex-shrink: 95; } .react-flex-v2--flex-shrink-96 { -ms-flex-negative: 96; flex-shrink: 96; } .react-flex-v2--flex-shrink-97 { -ms-flex-negative: 97; flex-shrink: 97; } .react-flex-v2--flex-shrink-98 { -ms-flex-negative: 98; flex-shrink: 98; } .react-flex-v2--flex-shrink-99 { -ms-flex-negative: 99; flex-shrink: 99; } .react-flex-v2--flex-shrink-100 { -ms-flex-negative: 100; flex-shrink: 100; } /* ========================================================================== 404 Page ========================================================================== */ .error_wrapper { text-align: left !important; } .error_wrapper h2 { padding-top: 120px !important; text-align: left; font-size: 125px; line-height: 100px; } .error_wrapper p { color: #FFF; } .error_wrapper p.tag404 { margin-top: 20px; letter-spacing: 3px; font-size: 14px; } .error_wrapper p.copy404 { margin-top: 30px; font-size: 16px; line-height: 30px; width: 40%; } .error_wrapper div.credit404 { text-align: right; color: #FFF; font-family: "Montserrat", sans-serif; position: absolute; bottom: 5%; right: 10%; } .error_wrapper div.credit404 span { display: block; margin: 15px; } .error_wrapper div.credit404 a { text-decoration: none; color: #FFF; } .error_wrapper .search__form { margin: 35px 0 0 0; border: 0; background: #FFF; color: #000; width: 450px; } .error_wrapper .search__form input { color: #505050 !important; } .error_wrapper .search__form input::-webkit-input-placeholder { color: #505050 !important; } .error_wrapper .search__form input:-moz-placeholder { color: #505050 !important; opacity: 1; } .error_wrapper .search__form input::-moz-placeholder { color: #505050 !important; opacity: 1; } .error_wrapper .search__form input:-ms-input-placeholder { color: #505050 !important; } .error_wrapper .search__form input::-ms-input-placeholder { color: #505050 !important; } .error_wrapper .search__form button .search-icon { fill: #000; } .error_wrapper div.front-page__landing--bg { background-image: url("https://www.niagaraparks.com/images/404_background_glen2.jpg") !important; } @media (max-width: 1023px) { .error_wrapper p { text-align: center !important; width: 75% !important; margin: 0 auto; } .error_wrapper h2 { text-align: center !important; font-size: 80px; line-height: 75px; } .error_wrapper .search__form { margin: 25px auto; } .error_wrapper div.credit404 { right: 0; position: relative; text-align: center; margin-top: 50px; font-size: 12px; } .error_wrapper div.front-page__landing--bg { background-image: url("https://www.niagaraparks.com/images/404_background_glen_small.jpg") !important; } } @media (max-width: 750px) { .error_wrapper .search__form { width: 95%; } .error_wrapper h2 { font-size: 60px; line-height: 60px; padding-top: 50px !important; } .error_wrapper p.tag404 { font-size: 12px; } .error_wrapper p.copy404 { font-size: 14px; } } .dropdown-wrapper { margin-bottom: 120px; z-index: 1; } .dropdown-wrapper .category__list--item.open { z-index: 10; } .dropdown-wrapper .category__list.open { z-index: 9; } /* ========================================================================== Library ========================================================================== */ .file-results { color: #1AA2DB; font-weight: 400; margin-bottom: 30px; } .file__spacer { display: inline-block; width: 100%; padding: 20px; } .document_list { border-top: 1px solid #b3b9ba; } .document_list li { border-bottom: 1px solid #b3b9ba; padding: 40px 0 50px; display: none; } .document_list li.active { display: block; } .document_list p { font-size: 14px; line-height: 20px; letter-spacing: 0.01em; } .single_documemt--title, .single_documemt--filename { letter-spacing: 0.1em; font-weight: 400; } .single_documemt--date { letter-spacing: 0; text-transform: none; font-weight: 400; margin-bottom: 5px; } .single_documemt--button { background: #009FB0; border-color: #009FB0; margin-top: 10px; -webkit-transition: background 0.3s ease, border 0.3s ease; transition: background 0.3s ease, border 0.3s ease; } .single_documemt--button:hover { background: #000; border-color: #000; } /* ========================================================================== Media Queries ========================================================================== */ @media (max-width: 1440px) { .dropdown-wrapper { margin-bottom: 100px; } } @media (max-width: 1200px) { .dropdown-wrapper { margin-bottom: 90px; } } /* BG colors overides by category */ .bg-color--culinary { background: #F2B219; } .bg-color--nature-garden { background: #B2BB17; } .bg-color--golf-course { background: #7AC399; } .bg-color--heritage { background: #E47D2D; } .bg-color--attractions { background: #68C4E3; } .bg-color--trails { background: #68C4E3; } .bg-color--events { background: #009FB0; } .bg-color--accomodations { background: #009FB0; } .bg-color--shopping { background: #1AA2DB; } .bg-color--welcome-centres { background: #009FB0; } .bg-color--parking { background: #009FB0; } .color--culinary { color: #F2B219; } .color--nature-garden { color: #B2BB17; } .color--golf-course { color: #7AC399; } .color--heritage { color: #E47D2D; } .color--attractions { color: #68C4E3; } .color--trails { color: #68C4E3; } .color--events { color: #009FB0; } .color--accomodations { color: #009FB0; } .color--shopping { color: #1AA2DB; } .color--welcome-centres { color: #009FB0; } .color--parking { color: #009FB0; } @media (min-width: 769px) { .et_pb_blog_item { min-height: 500px; } }