:root { --perfectcamp-green1: #eaf1e6; --perfectcamp-green2: #c2d0b7; --perfectcamp-green3: #adce93; --perfectcamp-green4: #7f9d68; --perfectcamp-green5: #78A809; --perfectcamp-green6: #668f07; --perfectcamp-green7: #486605; --perfectcamp-green1-rgb: 234, 241, 230; --perfectcamp-green2-rgb: 194, 208, 183; --perfectcamp-green3-rgb: 173, 206, 147; --perfectcamp-green4-rgb: 127, 157, 104; --perfectcamp-green5-rgb: 120, 168, 9; --perfectcamp-green6-rgb: 102, 143, 7; --perfectcamp-green7-rgb: 53, 75, 4; --perfectcamp-gray1: #F5F5F5; --perfectcamp-gray2: #E6E6E6; --perfectcamp-gray3: #BBBBBB; --perfectcamp-gray4: #888888; --perfectcamp-gray5: #565656; --perfectcamp-gray6: #383838; --perfectcamp-gray7: #202020; --perfectcamp-gray1-rgb: 245, 245, 245; --perfectcamp-gray2-rgb: 230, 230, 230; --perfectcamp-gray3-rgb: 187, 187, 187; --perfectcamp-gray4-rgb: 136, 136, 136; --perfectcamp-gray5-rgb: 86, 86, 86; --perfectcamp-gray6-rgb: 56, 56, 56; --perfectcamp-gray7-rgb: 32, 32, 32; --perfectcamp-yellow: #ebd76f; --perfectcamp-bg-dark: #303030; --perfectcamp-blue: #2196F3; --perfectcamp-red: #BD0A0A; --perfectcamp-orange: orange; --mdb-blue: #3b71ca; --mdb-secondary: #e3ebf7; --mdb-nav-tabs-link-border-bottom-width: 3px; --mdb-scrollbar-z-index: 1020; } .perfectcamp-green1 { color: var(--perfectcamp-green1); } .perfectcamp-green2 { color: var(--perfectcamp-green2); } .perfectcamp-green3 { color: var(--perfectcamp-green3); } .perfectcamp-green4 { color: var(--perfectcamp-green4); } .perfectcamp-green5 { color: var(--perfectcamp-green5); } .perfectcamp-green6 { color: var(--perfectcamp-green6); } .perfectcamp-green7 { color: var(--perfectcamp-green7); } .perfectcamp-gray1 { color: var(--perfectcamp-gray1); } .perfectcamp-gray2 { color: var(--perfectcamp-gray2); } .perfectcamp-gray3 { color: var(--perfectcamp-gray3); } .perfectcamp-gray4 { color: var(--perfectcamp-gray4); } .perfectcamp-gray5 { color: var(--perfectcamp-gray5); } .perfectcamp-gray6 { color: var(--perfectcamp-gray6); } .perfectcamp-gray7 { color: var(--perfectcamp-gray7); } .perfectcamp-red { color: var(--perfectcamp-red); } .perfectcamp-blue { color: var(--perfectcamp-blue); } .bg-perfectcamp { background-color: var(--perfectcamp-green6); } .bg-perfectcamp-green1 { background-color: var(--perfectcamp-green1); } .bg-perfectcamp-green2 { background-color: var(--perfectcamp-green2); } .bg-perfectcamp-gray1 { background-color: var(--perfectcamp-gray1); } .bg-perfectcamp-gray2 { background-color: var(--perfectcamp-gray2); } .bg-perfectcamp-gray3 { background-color: var(--perfectcamp-gray3); } .bg-perfectcamp-red { background-color: var(--perfectcamp-red); } .perfectcamp-bg-yellow { background-color: var(--perfectcamp-yellow); } .border-perfectcamp-gray1 { border-color: var(--perfectcamp-gray1); } .border-perfectcamp-gray2 { border-color: var(--perfectcamp-gray2); } .border-perfectcamp-gray3 { border-color: var(--perfectcamp-gray3); } #explore-page-mdb { overflow-y: hidden; } #explore-page-mdb main { height: 100%; padding-top: 58px; } /* z-index 1020 is the sticky nav */ #top-navbar { transition: background .5s ease-in-out; text-shadow: 0 0 7px black; z-index: 1021; --mdb-navbar-active-color: var(--perfectcamp-gray2); } #top-navbar .nav-link { --mdb-navbar-brand-hover-color: var(--perfectcamp-gray2); --mdb-nav-link-color: var(--perfectcamp-gray2); --mdb-nav-link-hover-color: var(--perfectcamp-gray2);} #top-navbar .badge { text-shadow: none; } #top-navbar .navbar-brand { --mdb-navbar-brand-hover-color: var(--perfectcamp-gray2); font-family: 'Montserrat'; } #top-navbar .dropdown-toggle:after, #top-navbar .navbar-brand img { filter: drop-shadow(0 0 2px black); } #top-navbar #accountAvatar img { width: 33px; height: 33px; box-shadow: 0 0 3px black; } #top-navbar #accountDropdown .badge-notification { --mdb-badge-font-size: 0.8rem; --mdb-badge-padding-x: 0.5em; --mdb-badge-padding-y: 0.5em; position: unset; } #top-navbar #accountDropdown .badge { font-size: 10px; top: 8px; right: 18px; } #top-navbar #accountDropdown .dropdown-menu { min-width: 240px; } #top-navbar .dropdown-menu { text-shadow: none; --mdb-dropdown-font-size: 1rem; } #top-navbar .notifications { right: -11px; bottom: -11px; border: 1.5px solid white!important; padding: 6px; } footer .logo { font-family: 'Montserrat'; } footer .logo-svg { display: inline-block; width: 22px; height: 22px; vertical-align: -6px; margin-right: 2px; } /* mdb overrides */ .nav-link { outline: none; } #firstFavoriteAlert .lottie-container { display: inline-block; width: 30px; position: relative; } #firstFavoriteAlert .lottie-heart { filter: brightness(0); position: absolute; top: -45px; left: -25px; width: 80px; height: 80px; } #firstFavoriteAlert .lottie-heart.favorite { filter: none; } #firstFavoriteAlert button.lets-try-it { min-width: 104px; } .stars { color: var(--perfectcamp-yellow); } .stars .filled { color: var(--perfectcamp-yellow); filter: drop-shadow(1px 1px 1px var(--perfectcamp-gray6)); } .stars .empty { color: var(--perfectcamp-gray2); } .content-reviews h4:not(.subheader) { font-weight: 600; } .content-reviews h4 .text-muted { font-weight: 300; font-size: 0.8em; } .XXXcontent-reviews .stars { color: var(--perfectcamp-yellow); } .content-reviews .reviews .username-div { color: var(--perfectcamp-gray4); font-size: 13px; } .content-reviews .reviews .profile-pic { float: unset; } .content-reviews .reviews .left-col { float: left; width: 40px; text-align: center; } .content-reviews .reviews .lntbadge { width: 27px; cursor: pointer; } .content-reviews .reviews .indent { margin-left: 47px; } .content-reviews .reviews .parent { margin-top: 25px; } .XXXcontent-reviews .reviews .stars .filled { color: var(--perfectcamp-yellow); filter: drop-shadow(1px 1px 1px var(--perfectcamp-gray6)); } .XXXcontent-reviews .reviews .stars .empty { color: var(--perfectcamp-gray2); } .content-reviews .reviews .cell-report { color: var(--perfectcamp-blue); margin-left: 10px; } .content-reviews .reviews .cell-report .bars { --fa-secondary-color: var(--perfectcamp-gray3); } .content-reviews .reviews .carrier { max-width: 40px; max-height: 16px; margin-left: 6px; vertical-align: -2px; } .content-reviews .reviews .see-more-reviews-container { margin-top: 18px; } .content-reviews .reviews .more-reviews-container { display: none; } .content-reviews .reviews .rating i { padding: 0; } .content-reviews .reviews .campsite-link { cursor: pointer; text-decoration: underline; color: var(--perfectcamp-green5); white-space: nowrap; } .content-reviews .rating .fa-star, .content-reviews .rating .fa-star-half-stroke { color: var(--perfectcamp-yellow); } .campgroundOverview .footer { position: absolute; bottom: 1px; font-size: 9px; animation-delay: 1500ms; color: rgba(var(--perfectcamp-gray1-rgb), .5); } .campgroundOverview .campground-rating { margin-bottom: 8px; margin-top: 8px; } .campgroundOverview .driving { animation-delay: 200ms; position: absolute; top: 11px; right: 6px; font-size: 12px; text-align: center; font-weight: bold; line-height: 1.1em; width: 53px; cursor: pointer; } .campgroundOverview .driving .icon { margin-bottom: 2px; } .campgroundOverview .elevation { animation-delay: 400ms; position: absolute; top: 81px; right: 6px; font-size: 12px; text-align: center; font-weight: bold; line-height: 1.1em; width: 53px; } .campgroundOverview .elevation .icon { margin-bottom: 3px; } .campgroundOverview .temperature { animation-delay: 600ms; position: absolute; top: 143px; right: 6px; font-size: 12px; text-align: center; font-weight: bold; line-height: 1.3em; width: 53px; } .campgroundOverview .temperature .iconDIV { position: absolute; left: 3px; } .campgroundOverview .temperature .iconDIV .icon { font-size: 30px; } .campgroundOverview .temperature .temps { margin-left: 18px; } .campgroundOverview .temperature .temps .low { font-weight: normal; } .campground-page .overview-box .reviews { cursor: pointer; position: relative; z-index: 1; } /* campground and campsite boxes */ .overview-box { min-height: 244px; width: 100%; position: relative; font-size: 14px; color: var(--perfectcamp-gray1); text-shadow: 0 0 3px black, 0 0 5px black, 0 0 6px black; background-size: cover; border-radius: 8px; } .overview-box h2 { margin-top: 0 !important; font-size: 17px !important; font-weight: bold !important; height: 40px; position: absolute; top: 0; line-height: 40px; left: 64px; width: calc(100% - 131px); padding-left: 40px; background-image: linear-gradient(to right, rgba(0,0,0,.5) , rgba(0,0,0,0)); overflow: hidden; white-space: nowrap; } .overview-box .closed-season { background-color: var(--perfectcamp-red); color: white; text-shadow: none; margin: -4px -10px 5px; padding: 2px 11px; } .overview-box .content { padding: 10px; padding-top: 44px; } .overview-box .stars { color: var(--perfectcamp-yellow); display: inline-block; --fa-secondary-opacity: .7; font-size: 18px; } .overview-box .rating { display: inline-block; text-shadow: 0 0 4px black, 0 0 6px black, 0 0 4px black; } .overview-box .icon { margin-right: 0; font-size: 27px; filter: drop-shadow(0 0 1px black); } .overview-box .lottie-heart { filter: brightness(0) invert(1); position: absolute; top: -18px; left: 47px; width: 75px; height: 75px; } .overview-box .lottie-heart.favorite { filter: none; } .overview-box .lottie-target { position: absolute; z-index: 1; width: 35px; height: 35px; left: 68px; top: 2px; cursor: pointer; } .overview-box .signal { animation-delay: 800ms; position: absolute; top: 187px; right: 6px; font-size: 12px; text-align: center; font-weight: bold; line-height: 1.3em; width: 53px; } .overview-box .no-signal { opacity: .4; } .overview-box .attributes { position: absolute; bottom: 10px; left: 10px; width: calc(100% - 117px); } .overview-box .attributes img { width: 27px; height: 27px; margin-right: 3px; margin-top: 3px; } .overview-box .price { position: absolute; left: 0; top: 0; background-color: var(--perfectcamp-green5); width: 64px; height: 40px; line-height: 40px; text-align: center; font-size: 23px; text-shadow: 0 0 4px black; font-weight: bold; border-top-left-radius: 8px; } .campsite-overview .info-box { background-color: rgba(0,0,0,.3); border-radius: 10px; width: calc(100% - 105px); } .campsite-overview .info-box td { padding: 4px; } .campsite-overview .info-box tr:not(:last-child) td { border-bottom: 1px solid rgba(255,255,255,.2); } .campsite-overview .post { position: absolute; width: 44px; height: 237px; background-color: #512604; bottom: 0; right: 37px; text-align: center; border-radius: 4px 4px 0 0; background: rgb(105,74,13); background: linear-gradient(90deg, rgba(81,38,4,1) 2%, rgba(117, 85, 20) 7%, rgba(81,38,4,1) 13%, rgba(81,38,4,1) 92%, rgba(0,0,0,1) 100%); } .campsite-overview .post .campsite-number { font-family: 'Delius Unicase', cursive; margin-top: 11px; font-size: 22px; line-height: 22px; font-weight: 600; background-color: black; color: transparent; text-shadow: 1px 1px 1px rgba(250, 250, 204, 0.9); background-clip: text; -webkit-background-clip: text; -moz-background-clip: text; } .campsite-overview .sign { position: absolute; top: 42px; right: 8px; width: 105px; line-height: 20px; font-weight: 700; text-shadow: none; transform-origin: center 4px; animation-fill-mode: forwards; } .campsite-overview .sign img { position: absolute; top: 2px; left: 2px; width: 100%; } .campsite-overview .sign .date-from { position: absolute; top: 63px; left: 8px; font-size: 18px; font-family: 'Kalam', cursive; color: gray; text-align: center; width: 47px; } .campsite-overview .sign .date-to { position: absolute; top: 63px; left: 54px; font-size: 18px; font-family: 'Kalam', cursive; color: gray; text-align: center; width: 47px; } .campsite-overview .reviews { cursor: pointer; } .campsite-overview .gallery { position: absolute; right: 9px; bottom: 6px; z-index: 1; cursor: pointer; } .campsite-overview .gallery video { border: 2px solid white; box-sizing: border-box; } .marker-overview-box h2 { left: 0; width: 100%; border-top-left-radius: 8px; padding-left: 15px; } .marker-overview-box .reviews { cursor: pointer;} .map-popup { min-width: 350px; color: var(--perfectcamp-gray8); z-index: 1; } .map-popup .mapboxgl-popup-content { padding: 0; border-radius: 8px; box-shadow: 0 2px 15px -3px rgba(0,0,0,.16),0 10px 20px -2px rgba(0,0,0,.1)!important; } .map-popup .gallery, .map-popup .sign img { cursor: pointer; } .map-popup .overview-box .price { border-top-left-radius: 0; } html { height: 100%; } body { overflow-x: hidden; height: 100%; } a { --mdb-link-color: var(--perfectcamp-green5); } a:hover { --mdb-link-hover-color: var(--perfectcamp-green5); } .lottie-clap { width: 25px; height: 25px; display: inline-block; } .lottie-searching { width: 100px; height: 100px; display: inline-block; } .odometer { white-space: nowrap; } .h1.odometer { margin-bottom: 0; line-height: 1.3em!important; } .availability-section.white-bg .h1.odometer::before, .availability-section.white-bg .h1.odometer::after { content: ""; position: absolute; left: 0; width: 100%; height: 12px; pointer-events: none; } .availability-section.white-bg .h1.odometer::before { top: 0; z-index: 1; background: linear-gradient(to bottom, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .availability-section.white-bg .h1.odometer::after { bottom: 0; background: linear-gradient(to top, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0)); } .location-search-container .autocomplete-dropdown .result img { width: 20px; margin-right: 7px; } .location-search-container .autocomplete { position: relative; display: inline-block; width: 100%; } .location-search-container .form-label { display: none; } .location-search-container .fa-location-arrow { display: none; position: absolute; top: 15px; right: 15px; cursor: pointer; } .location-search-container .fa-location-arrow:hover { color: var(--perfectcamp-blue); } .location-search-container .autocomplete-loader { right: -32px; top: 11px; } .location-search-container #locationSearch::placeholder { color: var(--mdb-gray-400); } .seo-page .main-column { flex: 1; min-width: 0; } .seo-page .navigation a { background-color: var(--perfectcamp-gray1); padding: 2px 8px; border-radius: 1em; white-space: nowrap; } .seo-page .navigation .nps-logo { width: 15px; } .seo-page .navigation .usfs-logo { width: 15px; } .seo-page .right-column { width: 355px; } .seo-page .right-column h3 { font-size: 18px; margin-bottom: 10px; } .seo-page .right-column .position-sticky-lg { top: 88px; } .seo-page .right-column .cancellation-table { width: 100%; border-collapse: collapse; margin-top: 20px; } .seo-page .right-column .cancellation-table tbody td { padding-left: 10px; padding-right: 10px; font-size: 14px; } .seo-page .right-column .cancellation-table tbody td:last-child { white-space: nowrap; } .seo-page .right-column .cancellation-table tbody tr:first-child td { padding-top: 16px; border-top: 1px solid var(--perfectcamp-gray2); font-size: 15px; line-height: 1em; } .seo-page .right-column .cancellation-table .campground-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; max-width: 330px; display: inline-block; } .seo-page .right-column .cancellation-table tbody tr:last-child td { padding-bottom: 10px; } .seo-page .right-column .cancellation-table tbody:nth-child(odd) tr { background-color: var(--perfectcamp-gray1); } .seo-page .right-column .national-parks .nps-logo { max-height: 40px; } .seo-page .right-column .state-parks .state-park-logo { max-height: 40px; } .seo-page .right-column .national-forests .usfs-logo { max-height: 40px; } .seo-page .right-column .ranger-districts .usfs-logo { max-height: 40px; } .seo-page .right-column .availability-table th { font-size: 13px; color: var(--perfectcamp-gray3); border-bottom: 1px solid gray; } .seo-page .right-column .availability-table th, .seo-page .right-column .availability-table td { padding: 3px 5px; } .seo-page .right-column .availability-table th:nth-child(n+2), .seo-page .right-column .availability-table td:nth-child(n+2) { text-align: right; width: 10%; } .seo-page .right-column .availability-table tbody tr:nth-child(odd) { background-color: var(--perfectcamp-gray1); } .seo-page .right-column .availability-table td { max-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } @media (min-width: 992px) { .seo-page .position-sticky-lg { position: sticky !important; } } @media (max-width: 992px) { .seo-page .right-column { width: 100%; } } .seo-filter-bar .filter-bar.first { top: 55px; padding-bottom: 10px; background-color: white; } .seo-filter-bar .filter-bar.second { top: 114px; background-color: white; } .seo-filter-bar .filter-bar .attribute-filter { display: none; } .seo-filter-bar .campground-results .note-pro-member { min-height: 57px; } .seo-filter-bar .campground-results .fixed { width: 400px; } .seo-filter-bar .campground-results .overview-box { background-image: url(/images/backgrounds/campground-background.png); } .seo-filter-bar .campground-results .buttons span, .seo-filter-bar .campground-results button span, .seo-filter-bar .campground-results .btn span { display: inline-block; width: 21px; position: relative; } .seo-filter-bar .campground-results .buttons i, .seo-filter-bar .campground-results button i, .seo-filter-bar .campground-results .btn i { font-size: 19px; position: absolute; top: -14px; left: 0; } .seo-filter-bar .campground-results .campground-description { min-width: 300px; } .reviews .youtube-button { margin-top: 10px; cursor: pointer; } .embed-responsive { position: relative; display: block; width: 100%; padding: 0; overflow: hidden; } .embed-responsive-16by9::before { padding-top: 56.25%; } .embed-responsive::before { display: block; content: ''; } .embed-responsive .embed-responsive-item, .embed-responsive embed, .embed-responsive iframe, .embed-responsive object, .embed-responsive video { position: absolute; top: 0; bottom: 0; left: 0; width: 100%; height: 100%; border: 0; } .filter-bar { overflow-x: auto; overflow-y: hidden; white-space: nowrap; -ms-overflow-style: none; scrollbar-width: none; } .filter-bar::-webkit-scrollbar { display: none; } .filter-bar .badge-count { background-color: var(--perfectcamp-gray1); border-radius: 5px; margin-left: 7px; padding: 3px 5px; color: var(--mdb-blue); } .filter-bar .button-filter { --mdb-btn-padding-x: 1rem; } .filter-bar #buttonFavoriteFilter { position: relative; vertical-align: bottom; color: var(--perfectcamp-red); cursor: pointer; border: 3px solid var(--perfectcamp-gray1); border-radius: 6px; height: 36px; display: inline-block; width: 36px; text-align: center; } .filter-bar #buttonFavoriteFilter.selected { border-color: var(--mdb-blue); } .filter-bar #buttonFavoriteFilter i { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); font-size: 23px; } .filter-bar .attribute-filter { position: relative; vertical-align: bottom; cursor: pointer; border: 3px solid var(--perfectcamp-gray1); border-radius: 6px; height: 36px; display: inline-block; width: 36px; text-align: center; } .filter-bar .attribute-filter.selected { border-color: var(--mdb-blue); } .filter-bar .attribute-filter img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 27px; height: 27px; } .profile-pic-popover { min-height: 150px; min-width: 350px; } .profile-pic-popover .username { margin-top: 6px; font-size: 16px; font-weight: bold; } .profile-pic-popover .bio { height: 62px; text-align: center; margin-top: 15px; font-size: 14px; color: var(--perfectcamp-gray4); -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; display: -webkit-box; white-space: normal; } .profile-pic-popover .totals { width: 100%; } .profile-pic-popover .totals td { text-align: center; width: 25%; } .profile-pic-popover .col { text-align: center; } .profile-pic-popover .total { font-size: 31px; margin-top: 15px; font-weight: bold; line-height: 31px; } .profile-pic-popover .label { font-size: 14px; } .profile-pic-popover .follow-button { position: absolute; right: 15px; top: 15px; min-width: 132px; } .availability-section .row:nth-child(2) { margin-bottom: 3em; } .bp-wrap { z-index: 99999!important; } .pro-badge { --fa-primary-color: white; --fa-secondary-color: var(--perfectcamp-green5); --fa-secondary-opacity: 1; } #anchorProSection { position: absolute; top: -80px; } .link { color: var(--perfectcamp-green5); cursor: pointer; } .tip-emoji { text-shadow: 3px 0px 5px gray; } .vr { --mdb-divider-bg: var(--perfectcamp-gray5); } .section-testimonials .pro-badge-container { right: -7px; top: -7px; } .section-testimonials .pro-badge { text-shadow: 0 0 6px black; } .mapbox-improve-map { display: none; } .stop-scrolling { height: 100%; overflow: hidden; } .subheader { font-weight: 300; font-size: 1.5em; line-height: 1.2em; } .modal { --mdb-modal-padding: 2rem; } .modal-header { --mdb-modal-header-border-width: 0; } .modal-footer { --mdb-modal-footer-border-width: 0; } .navigation { margin-bottom: 10px; font-size: 14px; line-height: 2em; } #tempAlert { min-width: 350px; } #tempAlert .btn-close { filter: invert(1) grayscale(100%) brightness(200%); } #celebrateLottieFull { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 2000; } #celebrateModal .modal-body { font-size: 20px; } .pc-ms-1 { margin-left: 1px; } .pc-ms-2 { margin-left: 2px; } .pc-ms-3 { margin-left: 3px; } .pc-ms-4 { margin-left: 4px; } .pc-ms-5 { margin-left: 5px; } .pc-ms-6 { margin-left: 6px; } .pc-ms-7 { margin-left: 7px; } .pc-ms-8 { margin-left: 8px; } .pc-ms-9 { margin-left: 9px; } .pc-ms-10 { margin-left: 10px; } .pc-me-1 { margin-right: 1px; } .pc-me-2 { margin-right: 2px; } .pc-me-3 { margin-right: 3px; } .pc-me-4 { margin-right: 4px; } .pc-me-5 { margin-right: 5px; } .pc-me-6 { margin-right: 6px; } .pc-me-7 { margin-right: 7px; } .pc-me-8 { margin-right: 8px; } .pc-me-9 { margin-right: 9px; } .pc-me-10 { margin-right: 10px; } .pc-mt-1 { margin-left: 1px; } .pc-mt-2 { margin-left: 2px; } .pc-mt-3 { margin-left: 3px; } .pc-mt-4 { margin-left: 4px; } .pc-mt-5 { margin-left: 5px; } .pc-mt-6 { margin-left: 6px; } .pc-mt-7 { margin-left: 7px; } .pc-mt-8 { margin-left: 8px; } .pc-mt-9 { margin-left: 9px; } .pc-mt-10 { margin-left: 10px; } .grecaptcha-badge { display: none; } .fa-youtube { color: red; } .youtube-wrapper { max-height: 240px; max-width: 426px; position: relative; cursor: pointer; } .youtube-wrapper[data-youtubeid]::before { display: inline-block; text-rendering: auto; -webkit-font-smoothing: antialiased; content: '\f04b'; position: absolute; top: 50%; left: 50%; z-index: 1; color: rgba(255,255,255,.8); font: var(--fa-font-solid); font-size: 60px; margin-left: -23px; margin-top: -30px; } .videoWrapper { position: relative; padding-bottom: 56.25%; height: 0; margin-top: 10px; } .videoWrapper iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoWrapper > div { overflow: hidden; position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .videoWrapper > div img { margin: -10.6% 0; } .weather-card { text-align: center; margin-top: 10px; } .weather-card .row>* { padding-left: 5px; padding-right: 5px; } .weather-card .fa-fw { font-size: 22px; width: 29px; } #availabilityAlertModal input::-webkit-search-cancel-button { display: none; } #availabilityAlertModal .modal-header .resize-screen { position: absolute; right: 50px; font-size: 20px; cursor: pointer; display: none; color: var(--perfectcamp-gray4); } #availabilityAlertModal .modal-header .resize-screen:hover { color: black; } #availabilityAlertModal .fa-heart { color: var(--perfectcamp-red); } #availabilityAlertModal .total { display: none; font-size: 14px; margin-right: auto; } #availabilityAlertModal .total .total-selected { font-weight: 900; font-size: 24px; color: var(--mdb-blue); } #availabilityAlertModal .ag-theme-quartz { --ag-active-color: var(--mdb-blue); } #availabilityAlertModal .btn-back, #availabilityAlertModal .btn-review, #availabilityAlertModal .btn-create, #availabilityAlertModal .btn-update, #availabilityAlertModal .step2, #availabilityAlertModal .step2a, #availabilityAlertModal .step3, #availabilityAlertModal .step4, #availabilityAlertModal .step4 .date-range-container, #availabilityAlertModal .step4 .specific-date-container, #availabilityAlertModal .step5, #availabilityAlertModal .step6 { display: none; } #availabilityAlertModal .modal-content { min-height: 50%; } #availabilityAlertModal .modal-fullscreen .modal-content { height: 100%; } #availabilityAlertModal[data-step="5"] .modal-content { min-height: 80% !important; } #availabilityAlertModal #alertDataTable .iconAttribute { width: 27px; height: 27px; margin-right: 3px; } #availabilityAlertModal #alertDataTable .campsite-thumbnail[data-campsite-id] { display: block; cursor: pointer; width: 36px; height: 27px; margin-top: 7px; border-radius: 3px; background-position: center; background-size: cover; } #calendarModal .modal-header { display: block; text-align: center; position: relative; } #calendarModal .modal-header .btn-prev { position: absolute; top: 11px; left: 73px; font-size: 18px; cursor: pointer; } #calendarModal .modal-header .btn-next { position: absolute; top: 11px; right: 73px; font-size: 18px; cursor: pointer; } #calendarModal .modal-header .btn-close { position: absolute; top: 23px; right: 23px; } #calendarModal .modal-body { padding-top: 0; } #calendarModal table { width: 100%; box-sizing: border-box; border-collapse: separate; border-spacing:2px; } #calendarModal thead td:not(:first-child) { font-weight: bold; font-size: 12px; min-width: 31px; background-color: var(--perfectcamp-gray1); } #calendarModal thead .today { border: 2px solid; } #calendarModal thead .weekday { font-size: 10px; text-transform: uppercase; } #calendarModal thead .day { font-size: 12px; } #calendarModal thead .holiday { border: 2px solid; border-color: var(--perfectcamp-green6); } #calendarModal th { background-color: white; text-align: center; box-sizing: border-box; } #calendarModal tbody td:not(:first-child) { background-color: var(--perfectcamp-gray1); vertical-align: middle; } #calendarModal tbody .available { background-color: var(--perfectcamp-green2) !important; font-weight: bold; cursor: pointer; } #calendarModal tbody .available.past { background-color: rgba(var(--perfectcamp-green2-rgb), .3) !important; } #calendarModal td { font-size: 16px; text-align: center; height: 32px; box-sizing: border-box; color: var(--perfectcamp-gray6); } #calendarModal td:first-child { background-color: white; width: 36px; min-width: 36px; position: relative; } #calendarModal td:not(:first-child) { min-width: 31px; } #calendarModal .past { color: rgba(var(--perfectcamp-gray6-rgb), .3); } #calendarModal .weekend { background-color: var(--perfectcamp-gray2) !important; } #calendarModal .campsite-number-header { overflow: hidden; width: 44px; position: absolute; z-index: 1; } #calendarModal .campsite-number-header table { margin-bottom: 10px; margin-top: 1px; background-image: linear-gradient(to right, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,0)); } #calendarModal .campsite-number-header td { background-color: transparent; } #calendarModal .campsite-number { font-size: 10px; font-weight: bold; background-color: #BDD09F; border: 3px solid white; box-sizing: border-box; width: 28px; height: 28px; border-radius: 14px; line-height: 24px; box-shadow: 1px 1px 3px rgba(0,0,0,0.6); margin-top: 2px; cursor: pointer; } #calendarModal .campsite-number.favorite { background-color: var(--perfectcamp-red); color: white; } #calendarModal .highlight { filter: brightness(90%); } #paymentModal .icon-ssl { width: 140px; } #paymentModal .journey { margin-bottom: 3em; } #paymentModal .step2, #paymentModal .step3 { display: none; } #paymentModal .step2 .note { font-size: 12px; } #paymentModal .description { color: var(--perfectcamp-gray4); font-size: 14px; line-height: 1em; } #paymentModal .fa-eye, #paymentModal .fa-eye-slash { cursor: pointer!important; color: var(--perfectcamp-gray3); z-index: 1; } #paymentModal .input-group-text { border: none; } #paymentModal .discount-code { border-bottom: 2px solid #cbd9f4; } #paymentModal .discount-code .discount-code-title { display: none; margin-right: 20px; font-weight: bold; } #paymentModal .discount-code .remove { display: none; } #paymentModal .discount-code .description { display: none; } #paymentModal .discount-code .number { vertical-align: bottom; } #paymentModal #discountCode { padding: 4px 8px; border: none; border-radius: 5px; background-color: #e9eef7; width: 160px; display: inline-block; margin-right: 7px; text-transform: uppercase; } #paymentModal #discountCode::placeholder { color: var(--perfectcamp-gray3); text-transform: initial; } #paymentModal .form-control.is-invalid { margin-bottom: 0; } #paymentModal .alert-validation { display: none; } #paymentModal #otp input { font-size: 32px; text-transform: uppercase; } #paymentModal .form-fields { margin-top: 20px; text-align: left; } #paymentModal .form-fields label { margin-left: 5px; font-weight: 600; font-size: 13px; } #paymentModal .form-fields .input { height: 30px; border: 1px solid var(--perfectcamp-gray2); border-radius: 4px; padding: 3px 5px 3px 11px; margin-bottom: 10px; transition: border-color 160ms; } #paymentModal .icon-cvc { width: 50px; margin-top: 25px; margin-right: 8px; } #paymentModal .braintree-hosted-fields-focused { border-color: var(--perfectcamp-green5) !important; } #paymentModal .braintree-hosted-fields-invalid { border-color: red !important; } #paymentModal .braintree-hosted-fields-valid { border-color: var(--perfectcamp-gray2) !important; } #paymentModal .invalid { border-color: red !important; } #paymentSuccessModal .celebrate-lottie { width: 100%; height: 100%; position: fixed; left: 0; top: 0; } #paymentSuccessModal .display-6, #trialSuccessModal .display-6 { font-size: 23px; } .lnt-modal .modal-body img { float: right; margin-left: 13px; width: 200px; filter: drop-shadow(1px 2px 4px gray); transform: rotate(2deg); } .lnt-modal .note { font-size: 14px; } .lnt-modal ol { padding-left: 21px; } .lnt-modal li { margin-top: 5px; } .note-primary { clear: left; } #earnLeaveNoTraceBadgeModal .modal-content, #earnLeaveNoTraceBadgeModal .modal-body { transition-duration: 2s; } #earnLeaveNoTraceBadgeModal .questions { display: none; } #earnLeaveNoTraceBadgeModal .modal-footer { min-height: 72px; } #earnLeaveNoTraceBadgeModal .modal-footer .error-message { display: none; font-weight: bold; color: red; } #earnLeaveNoTraceBadgeModal .btn-watch-again, #earnLeaveNoTraceBadgeModal .btn-next { display: none; } #earnLeaveNoTraceBadgeModal .lntbadge { width: 30px; filter: drop-shadow(1px 1px 2px black); } #earnLeaveNoTraceBadgeModal .spinner-border { --mdb-spinner-width: 14px; --mdb-spinner-height: 14px; } #earnLeaveNoTraceBadgeModal .celebrate-lottie { display: none; width: 100%; height: 100%; position: absolute; transform: translate(-30px); } #earnLeaveNoTraceBadgeModal #segment2-question2 { width: 60px; } #externalWebsiteModal { z-index: 1056; } #externalWebsiteModal .url-domain { font-weight: bold; margin: 1em 0 0 0; color: var(--mdb-blue); } #mapSettingsOffcanvas { color: var(--perfectcamp-gray5); } #mapSettingsOffcanvas .reset-map-settings { display: none; } #mapSettingsOffcanvas .form-check-inline { margin-right: 0; } #mapSettingsOffcanvas .form-check-input[type=checkbox]:checked { background-color: var(--perfectcamp-blue); } #mapSettingsOffcanvas .map-layer-icon { cursor: pointer; width: 60px; height: 60px; padding: 2px; border-radius: 12px; border: 5px solid transparent; } @media (hover: hover) { #mapSettingsOffcanvas .map-layer-icon:not(.no-hover):hover { border-color: var(--perfectcamp-blue); } } #mapSettingsOffcanvas .map-layer-icon.active { border-color: var(--perfectcamp-blue); } #mapSettingsOffcanvas .map-layers-container { font-size: 11px; } #mapSettingsOffcanvas .map-layers-container .no-hover { pointer-events: none; } #mapSettingsOffcanvas .map-layers-container td { text-align: center; width: 25%; padding-bottom: 1em; } #mapSettingsOffcanvas .circular-icon { cursor: pointer; box-sizing: border-box; border-radius: 20px; width: 40px; height: 40px; margin: 0 auto; line-height: 40px; font-size: 20px; font-weight: bold; text-shadow: 1px 1px 2px black; } #mapSettingsOffcanvas .circular-border { border: 5px solid transparent; display: inline-block; padding: 2px; border-radius: 28px; } #mapSettingsOffcanvas .circular-border.active { border-color: var(--perfectcamp-blue); } @media (hover: hover) { #mapSettingsOffcanvas .circular-border:not(.no-hover):hover { border-color: var(--perfectcamp-blue); } } #mapSettingsOffcanvas .dump-icon { background-color: gray; color: white; } #mapSettingsOffcanvas .parking-icon { background-color: white; color: black; border: 2px solid black; text-shadow: none; line-height: 38px; } #mapSettingsOffcanvas .propane-icon { background-color: var(--perfectcamp-red); color: white; } #mapSettingsOffcanvas .water-icon { background-color: var(--perfectcamp-blue); color: white; } #mapSettingsOffcanvas .label { margin-top: -1px; } #mapSettingsOffcanvas .section { padding-top: 14px; padding-bottom: 10px; border-top: 2px solid var(--perfectcamp-gray1); } #mapSettingsOffcanvas .form-check-input { scale: 1.5; margin-left: -10px; } #mapSettingsOffcanvas #dateRangeContainer { position: relative; } #mapSettingsOffcanvas #dateRange { cursor: pointer; border: none; outline: none; color: inherit; font-weight: bold; } #mapSettingsOffcanvas #dataRange::placeholder { color: var(--perfectcamp-gray5); opacity: 1; } #mapSettingsOffcanvas .filter-date-range .clear { position: absolute; right: 0; top: 14px; } #mapSettingsOffcanvas .filter-date-range .fad { font-size: 26px; cursor: pointer; --fa-primary-color: white; --fa-secondary-color: var(--perfectcamp-gray4); } @media (hover: hover) { #mapSettingsOffcanvas .filter-date-range .fad:hover { --fa-primary-color: white; --fa-secondary-color: var(--perfectcamp-gray5); } } #mapSettingsOffcanvas .filter-rating { padding: 6px 0; } #mapSettingsOffcanvas .filter-rating .stars { font-size: 24px; cursor: pointer; } #mapSettingsOffcanvas .filter-rating .star { color: var(--perfectcamp-gray2); } #mapSettingsOffcanvas .filter-rating .star.hover { color: var(--perfectcamp-blue); } #mapSettingsOffcanvas .noUi-connect { background-color: var(--perfectcamp-blue)!important; } #mapSettingsOffcanvas .section table { width: 100%; } #mapSettingsOffcanvas .section td:nth-child(1) { width: 90px; min-width: 90px; padding-left: 10px; } #mapSettingsOffcanvas .section td:nth-child(3) { width: 75px; min-width: 75px; text-align: right; padding-right: 10px; transition-duration: .3s; } #mapSettingsOffcanvas .filter-maxlength { padding: 11px 0; } #mapSettingsOffcanvas .filter-price { padding: 11px 0; } #mapSettingsOffcanvas .filter-entry-type td { width: 33%; } #mapSettingsOffcanvas .filter-entry-type td:nth-child(1) { padding-left: 0; } #mapSettingsOffcanvas .filter-entry-type td:nth-child(3) { text-align: right; } #mapSettingsOffcanvas .filter-elevation, #mapSettingsOffcanvas .filter-temp { padding-top: 52px; } #mapSettingsOffcanvas .filter-speed-test .btn-primary, #mapSettingsOffcanvas .filter-entry-type .btn-primary { background-color: var(--perfectcamp-blue)!important; } #mapSettingsOffcanvas .offcanvas-footer { font-size: 12px; } #mapSettingsOffcanvas .lntbadge { cursor: pointer; width: 33px; float: left; margin: 0 15px 0 5px; filter: drop-shadow(1px 1px 2px black); } #mapSettingsOffcanvas .attributes img { width: 46px; margin: 0 9px 4px 0; border: 4px solid rgba(0,0,0,0); border-radius: 7px; padding: 2px; cursor: pointer; transition-duration: .5s; } #mapSettingsOffcanvas .attributes img.highlight { border-color: var(--perfectcamp-gray2); } #mapSettingsOffcanvas .attributes img.active { border-color: var(--perfectcamp-blue); } #mapSettingsOffcanvas.campground .map-layers-container:not(.free), #mapSettingsOffcanvas.campground .filter-favorites, #mapSettingsOffcanvas.campground .filter-attributes img.campground, #mapSettingsOffcanvas.campground .filter-activities, #mapSettingsOffcanvas.campground .filter-elevation, #mapSettingsOffcanvas.campground .filter-temp, #mapSettingsOffcanvas.campground .filter-closed, #mapSettingsOffcanvas.campground .note { display: none; } #mapSettingsOffcanvas.campground .filter-tonight { margin-top: 0!important; } /* custom scrollbar */ #improveModal .modal-body::-webkit-scrollbar { width: 5px; } #improveModal .modal-body::-webkit-scrollbar-track { background-color: transparent; } #improveModal .modal-body::-webkit-scrollbar-thumb { background-color: transparent; } @media (hover: hover) { #improveModal .modal-body:hover::-webkit-scrollbar-thumb { background-color: var(--perfectcamp-gray3); } #improveModal .modal-body::-webkit-scrollbar-thumb:hover { background-color: var(--perfectcamp-gray4); } } #improveModal .modal-body ul.nav-tabs { background-color: white; } #improveModal .form-outline .form-helper { color: var(--perfectcamp-gray3); } #improveModal .nav-tabs .nav-link { --mdb-nav-tabs-link-padding-x: 5px; } #improveModal .nav-tabs .nav-link .fal { font-size: 19px; vertical-align: -2px; } #improveModal #improveDataContent .helper { font-size: 13px; color: var(--perfectcamp-gray3); } #improveModal #improveDataContent .form-outline { margin-top: 30px; } #improveModal #improveDataContent .form-outline .icon { width: 30px; height: 30px; } #improveModal #improveDataContent .form-outline .fas { font-size: 19px; } #improveModal #improveDataContent .attributes img { width: 46px; margin: 0 9px 4px 0; border: 4px solid rgba(0,0,0,0); border-radius: 7px; padding: 2px; cursor: pointer; transition-duration: .5s; } #improveModal #improveDataContent .attributes img.highlight { border-color: var(--perfectcamp-gray2); } #improveModal #improveDataContent .attributes img.active { border-color: var(--perfectcamp-blue); } #improveModal #improveDataContent .dispersed .rv-trailer-questions { display: none; } #improveModal #improveDataContent .dispersed .dispersed-entry .btn-primary { background-color: var(--perfectcamp-blue)!important; } #improveModal #improveDataContent .dispersed .noUi-connect { background-color: var(--perfectcamp-blue)!important; } #improveModal #improveDataContent .dispersed .rv-maxlength table { width: 100%; } #improveModal #improveDataContent .dispersed .rv-maxlength td:nth-child(1) { width: 59px; } #improveModal #improveDataContent .dispersed .rv-maxlength td:nth-child(1) i { font-size: 22px; vertical-align: -3px; } #improveModal #improveDataContent .dispersed .rv-maxlength td:nth-child(3) { width: 100px; min-width: 100px; text-align: right; transition-duration: .3s; color: var(--perfectcamp-blue); font-weight: bold; } #improveModal #improveDataContent .dispersed .campsite-number { margin-top: 0; } #improveModal #mediaAccordion, #improveModal #speedTestAccordion { margin: 46px 0 10px 0; --mdb-accordion-btn-padding-x: 10px; --mdb-accordion-btn-padding-y: 10px; } #improveModal #speedTestAccordion .button-desc .carrier { height: 40px; position: relative; } #improveModal #speedTestAccordion .button-desc .carrier img { position: absolute; max-height: 31px; top: 3px; } #improveModal #speedTestAccordion .button-desc .carrier.verizon img { max-height: 50px; top: -7px; } #improveModal #speedTestAccordion .button-desc .carrier span { margin-left: 62px; font-size: 24px; display: inline-block; margin-top: 4px; --fa-primary-color: var(--perfectcamp-blue); --fa-secondary-color: var(--perfectcamp-gray3); } #improveModal .accordion-button .attributes img { width: 20px; margin-right: 3px; } #improveModal .accordion-button .thumbnail-100 { border-radius: 4px; width: 50px; margin-right: auto!important; } #improveModal .accordion-button .thumbnail-td { width: 60px; } #improveModal .accordion-button .fa-circle-check { display: none; } #improveModal .accordion-button .fa-fw { font-size: 26px; vertical-align: -5px; } #improveModal .accordion-button:after { margin-left: unset; } #improveModal .accordion-body .thumbnail { border-radius: 8px; width: 100%; margin-bottom: 2em; } #improveModal .accordion-body .attributes { display: none; } #improveModal .accordion-body .attributes img { width: 35px; margin: 0 1px 4px 0; border: 4px solid rgba(0,0,0,0); border-radius: 7px; padding: 2px; cursor: pointer; transition-duration: .5s; } #improveModal .accordion-body .attributes img.highlight { border-color: var(--perfectcamp-gray2); } #improveModal .accordion-body .attributes img.active { border-color: var(--perfectcamp-blue); } #improveModal .accordion-body .remove { position: absolute; right: 8px; top: 1px; font-size: 30px; --fa-secondary-color: white; --fa-secondary-opacity: .4; --fa-primary-opacity: .4; cursor: pointer; } @media (hover: hover) { #improveModal .accordion-body .remove:hover { --fa-primary-opacity: .7; --fa-secondary-opacity: .7; } } #improveModal .accordion-body .carriers span { width: 30%; height: 50px; display: inline-block; border: 3px solid var(--perfectcamp-gray1); border-radius: 8px; text-align: center; cursor: pointer; transition-duration: .2s; } @media (hover: hover) { #improveModal .accordion-body .carriers span:not(.active):hover { border-color: var(--perfectcamp-blue); } } #improveModal .accordion-body .carriers span.active { border-color: var(--perfectcamp-blue); } #improveModal .accordion-body .carriers img { width: 30px; } #improveModal .accordion-body .signal { font-size: 27px; } #improveModal .accordion-body .signal .fad { --fa-primary-color: var(--perfectcamp-gray4); --fa-secondary-color: var(--perfectcamp-gray3); } #improveModal .accordion-body .signal span { width: 18%; height: 50px; display: inline-block; border: 3px solid var(--perfectcamp-gray1); border-radius: 8px; text-align: center; cursor: pointer; transition-duration: .2s; } #improveModal .accordion-body .signal span.active { border-color: var(--perfectcamp-blue); } #improveModal .accordion-body .signal span.active .fad { --fa-primary-color: var(--perfectcamp-blue); } @media (hover: hover) { #improveModal .accordion-body .signal span:not(.active):hover { border-color: var(--perfectcamp-blue); } #improveModal .accordion-body .signal span:not(.active):hover .fad { --fa-primary-color: var(--perfectcamp-blue); } } #improveModal .accordion-body .pack-more-out-bags { display: none; } #improveModal #improveReviewContent .review-body-campsite, #improveModal #improveReviewContent .review-body-campground { display: none; } #improveModal #improveReviewContent .nights-label { background-color: white; } #improveModal #improveReviewContent .review-body-marker #markerAmountPaid { display: none; } #improveModal #improveReviewContent .rating { font-size: 30px; margin-bottom: 20px; } #improveModal #improveReviewContent .rating .star { cursor: pointer; color: var(--perfectcamp-gray2);} #improveModal #improveReviewContent .rating .star.active { color: var(--perfectcamp-blue); } #improveModal #improveReviewContent .rating .star.selected { color: var(--perfectcamp-blue); } #improveModal #improveReviewContent .rating .star-value { font-weight: bold; margin-left: 10px; } .theme-dark body { --mdb-body-bg: var(--perfectcamp-bg-dark); } .theme-dark .btn { --mdb-btn-bg: var(--perfectcamp-gray6)!important; } .theme-dark .btn-check+.btn:hover { --mdb-btn-color: var(--perfectcamp-gray2)!important; } .theme-dark .nav-tabs-container { background-color: var(--perfectcamp-bg-dark)!important; } .theme-dark .btn-close { color: white; background-color: white; } .theme-dark hr:not([size]).hr { --mdb-divider-bg: var(--perfectcamp-gray5); } .theme-dark .nav-tabs { --mdb-nav-tabs-link-active-color: var(--perfectcamp-green5); --mdb-nav-tabs-link-active-border-color: var(--perfectcamp-green5); } .theme-dark .nav-tabs .nav-item.show .nav-link, .theme-dark .nav-tabs .nav-link.active { color: var(--perfectcamp-green5); border-color: var(--perfectcamp-green5); } .theme-dark .popover { --mdb-popover-bg: #424242; --mdb-popover-header-bg: transparent; } /* bigger picture lightbox */ .bp-cap { min-width: 400px; max-width: 100%; } .bp-cap .credit { font-size: 12px; color: var(--perfectcamp-gray4); } .profile-pic { float: left; cursor: pointer; width: 40px; height: 40px; border-radius: 20px; background-position: center; background-repeat: no-repeat; background-size: cover; } #pricing-block-5 { height: 500px; padding-top: 55px; } @media screen and (max-width: 576px) { #paymentModal #otp input { font-size: 18px; margin: 3px!important; } .lnt-modal .modal-body img { width: 100px; } } @media (max-width: 768px) { .availability-section .h1 { margin-bottom: 0; } .availability-section .row:nth-child(2) { margin-bottom: 0; } } @media (min-width: 992px) { #pricing-block-5 { height: 600px; padding-top: 80px; } } .background-radial-gradient { background-color: hsl(218, 41%, 15%); background-image: radial-gradient( 650px circle at 0% 0%, hsl(218, 41%, 35%) 15%, hsl(218, 41%, 30%) 35%, hsl(218, 41%, 20%) 75%, hsl(218, 41%, 19%) 80%, transparent 100% ), radial-gradient( 1250px circle at 100% 100%, hsl(218, 41%, 45%) 15%, hsl(218, 41%, 30%) 35%, hsl(218, 41%, 20%) 75%, hsl(218, 41%, 19%) 80%, transparent 100% ); } @media (min-width: 992px) { .rounded-lg-top-end { border-top-right-radius: 0; } .rounded-lg-bottom-end { border-bottom-right-radius: 0; } .rounded-lg-top-start { border-top-left-radius: 0; } .rounded-lg-bottom-start { border-bottom-left-radius: 0; } } .gradient1 { /* fallback for old browsers */ background: #425b06; /* Chrome 10-25, Safari 5.1-6 */ background: -webkit-linear-gradient(to right, rgba(66,91,6,0.5), rgba(59,113,202,0.5)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */ background: linear-gradient(to right, rgba(66,91,6,0.5), rgba(59,113,202,0.5)) }