html{
scroll-behavior: smooth;
}
body {
background-size: cover;
background-repeat: no-repeat;
}
a:focus {
color: inherit;
}
.scroll-off .main-content-container {
overflow-y: hidden;
}
._2G6DQijVhMjQKWqzPXdOvA:hover{
color: #47474c !important;
}
.more-dot-btn{
padding-left: 15px;
padding-top: 5px;
}
.apply-btn-block {
position: absolute;
left: 0;
right: 0;
bottom: -2px;
text-align: center;
background-color: #fff;
z-index: 9999;
height: 110px;
}
.by-location-block {
padding-bottom: 145px;
padding-left: 15px;
}
.apply-btn-block a {
margin-top: 10px !important;
margin-bottom: 10px !important;
}
.filter-container {
overflow-x: hidden;
overflow-y: scroll;
height: calc(100vh - 110px);
padding-bottom: 100px;
}
.flex-container {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
min-height: 50px;
padding: 3px 0;
}
.explore-filter {
padding: 0px;
background-color: #fff;
}
.flex-container div {
vertical-align: center;
}
._1WCibkCfS2egCS6C4neRfm:hover {
background: white !important;
}
.topnav {
padding-right: 30px;
padding-left: 30px;
/* -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
-moz-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25);
box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.25); */
}
.main-container #central {
width: 750px;
float: left;
background: #fafafa;
height: 100%;
overflow-y: scroll;
}
.topnav .section-left,
.topnav .section-right {
flex: 1;
}
.menu-item:hover p {
color: #fff;
}
.auth-links {
margin-top: 30px;
}
.auth-links a,
.auth-links span {
color: #fff;
}
.auth-links span {
margin-left: 10px;
margin-right: 10px;
}
.post p.link-more {
display: none;
}
.mr-bottom-20 {
margin-bottom: 20px;
}
#my-trips-page .full-screen-vcenter {
height: 100vh;
}
.menu-item.active img,
.menu-item.active p {
color: rgb(255, 255, 255) !important;
opacity: 1;
}
#map-image {
margin-top: 10px;
margin-bottom: 10px;
}
.print-trip.show-trip .trip {
height: 200px;
padding: 40px 0px;
margin-top: 0 !important;
}
.print-trip.show-trip .trip .trip-title {
position: initial;
}
.mr-top-20 {
margin-top: 20px;
}
.signupbtn {
cursor: pointer;
text-decoration: underline;
color: var(--red);
}
.sharebtn {
position: relative;
bottom: 20px;
left: 30px;
width: 25px;
}
.general-modal-title {
font-family: "AZCutScript-Italic";
}
.full_width.interest-popup .truncate,
.dashboard-popup .truncate,
.browse-activities-popup .truncate,
.justforyoupopup .truncate {
width: 135px;
}
.just-for-you-image-container img {
height: 105px;
}
.user-choices li {
cursor: pointer;
}
.donate-text {
color: #fff;
font-family: "BrothersOT-Bold";
}
.i-can-pledge {
font-family: "AZCutScript-Italic" !important;
font-size: 22px;
text-align: center;
}
.activity-cat-heading h1 {
color: #303032;
}
.post-thumbnail img {
width: 100%;
}
.loader-container {
font-size: 16px !important;
text-align: center;
position: fixed;
width: 100%;
z-index: 9999999;
height: 100vh;
background: rgba(0, 0, 0, 0.5);
padding: 300px 0px;
}
.ReactModal__Content i {
font-size: 24px;
}
.full_width.interest {
width: 100% !important;
}
.ReactModal__Content .bottom-content ul.trips {
bottom: 0;
position: absolute;
width: 100%;
max-height: 80vh;
overflow: scroll;
}
.bottom-content ul {
width: 100%;
list-style: none;
padding: 0px;
margin: 0px;
}
.bottom-content ul li {
background: #303032;
padding: 15px 15px 0px 15px;
height: 85px;
border-bottom: 1px solid #434344;
}
.bottom-content ul li,
.bottom-content ul li a {
color: #f5bf46;
}
.bottom-content .standard-loggedout-form .form-control {
background: #fcfbf1;
border: 0px;
border-radius: 0px;
height: 65px;
}
.bottom-content ul li.create-new-trip {
color: #6dcbb8;
}
.bottom-content ul li .left {
font-family: "BrothersOT-Bold";
font-size: 20px;
width: 65%;
}
.bottom-content ul li .right {
text-align: right;
}
.upcoming-events {
padding-bottom: 60px;
}
.card {
background-color: #303032 !important;
}
.slick-dots {
max-width: 100%;
padding: 5px 18% !important;
}
.warning-message p {
background: #fbfff5;
color: #07778e;
padding: 30px 15px;
margin: 0;
font-family: "BrothersOT-Bold";
font-size: 18px;
}
.cancel-warning {
color: #fff;
font-size: 16px;
position: absolute;
left: 0;
top: 50%;
bottom: 0;
right: 0;
transform: translateY(-50%);
}
.warning-message-btn {
background: #d34427;
color: #fff;
padding: 15px;
cursor: pointer;
width: 50%;
float: left;
position: relative;
height: 50px;
}
.no-trip-message {
padding: 10px;
}
.no-trip-message a {
color: #07778e;
}
.wildlife-content-block .activity-description a{
color: #07778e!important;
}
.activity-description a{
color: #07778e!important;
}
.no-trip-message-without-login {
padding: 10px;
padding-left: 26px;
}
.no-trip-message-without-login a {
color: #07778e;
}
.forgot-password {
min-height: 168px !important;
}
.warning-message-btn.back-btn-warning:hover {
background: #444;
}
.warning-message-btn.back-btn-warning {
background: #01778e;
}
.warning-message {
border-radius: 7px 7px 0px 00px;
overflow: hidden;
}
div.region,
div.interest,
div.category {
background-color: #fcfbf1;
padding: 0;
margin-right: 25px;
margin-top: 15px;
margin-bottom: 15px;
min-height: 225px;
background-size: cover;
}
.featured-activity h1 {
font-size: 35px;
font-family: "AZCutScript-Italic";
padding-top: 50px;
}
.featured-activity p {
font-size: 15px;
font-family: "BrothersOT-Bold";
}
.iu-container {
display: none;
}
.no-padding {
padding: 0 !important;
}
.no-margin-top {
margin-top: 0 !important;
}
.no-margin {
margin: 0 !important;
}
.no-row-margin {
margin: 0 !important;
}
.hidden {
display: none;
}
ul {
margin: 0;
}
.align-center {
margin: 0 auto;
}
.full-screen-vcenter {
height: 100vh;
display: flex;
align-items: flex-start;
}
.loggedout-wrapper {
background-image: url("assets/images/login-background.png");
padding: 20px;
}
.redwoods-background {
background-image: url("/assets/images/redwoods-background.png");
padding: 20px;
background-attachment: fixed;
height: 100vh;
background-size: cover;
}
.addToTripBtn {
/* position: fixed; */
bottom: 0;
right: 0;
left: 0;
z-index: 9999;
padding-bottom: 20px;
width: 60%;
display: inline-block;
}
.map-background.mobile-map.activities .slick-list {
margin-top: -270px;
}
.upcoming-events .option img {
height: 105px;
}
.map-background.mobile-map.activities.park-activities .slick-list {
margin-top: -210px;
}
.addToTripBtn input {
padding: 7px 20px;
text-align: center;
width: 100%;
background-color: #da521d;
color: #fff;
font-family: "BrothersOT-Bold";
font-size: 18px;
border-radius: 0px;
border: 0px;
}
.loggedout-wrapper h1 {
font-size: 14px;
color: #fff;
margin: 0;
text-align: center;
font-size: 24px;
margin-top: 40px;
font-family: "AZCutScript-Italic";
}
#submit-login {
margin-top: 15px;
border-radius: 50px;
}
.myLabel {
font-size: 16px;
margin-top: 18px;
float: left;
color: #fff;
}
.description {
text-align: center;
color: #fff;
font-size: 20px;
font-weight: bolder;
margin-top: 10px;
}
.standard-loggedout-form {
}
/* .standard-loggedout-form input[type="text"],
.standard-loggedout-form input[type="email"],
.standard-loggedout-form input[type="password"] {
border-radius: 0;
height: 55px;
background-color: #fcfbf1;
border: 0;
border-bottom: 1px solid #505050;
color: #000;
font-size: 17px;
} */
.standard-loggedout-form input::-webkit-input-placeholder {
/* Chrome/Opera/Safari */
color: #2f333f;
/* font-family: "AZCutScript-Italic"; */
}
.standard-loggedout-form input::-moz-placeholder {
/* Firefox 19+ */
color: #2f333f;
/* font-family: "AZCutScript-Italic"; */
}
.standard-loggedout-form input:-ms-input-placeholder {
/* IE 10+ */
color: #2f333f;
/* font-family: "AZCutScript-Italic"; */
}
.standard-loggedout-form input:-moz-placeholder {
/* Firefox 18- */
color: #2f333f;
/* font-family: "AZCutScript-Italic"; */
}
/* .standard-loggedout-form input[type="submit"] {
width: 80%;
border: 0;
background-color: #d9531e;
color: #fff;
padding: 10px;
font-size: 18px;
font-weight: 300;
height: 55px;
font-family: "BrothersOT-Bold";
} */
/* .orDiv {
width: 100%;
height: 20px;
border-bottom: 1px solid #fff;
text-align: center;
}
.orSpan {
font-size: 28px;
padding: 0 10px;
color: #fff;
background: #51372f;
} */
.standard-loggedout-form .checkbox-wrap {
padding: 10px;
background: #fcfbf1;
text-align: left;
font-size: 11px;
}
/* #signup-form input[type="text"],
#signup-form input[type="email"],
#signup-form input[type="password"] {
height: 57px !important;
} */
/* #signup-form .input {
background: #fcfbf1;
text-align: left;
} */
/*#signup-form .input label {
padding: 2px 10px;
margin: 0;
position: relative;
top: 5px;
font-weight: 300;
font-size: 13px;
}*/
.form-group {
height: 3em;
margin: 1em 0;
position: relative;
width: 100%;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
transition: all 500ms ease-in-out;
}
#nav-toggle.active span {
background-color: transparent;
}
#nav-toggle.active span:before,
#nav-toggle.active span:after {
top: 0;
}
#nav-toggle.active span:before {
transform: rotate(45deg);
}
#nav-toggle.active span:after {
transform: rotate(-45deg);
}
h3 {
color: white;
}
#nav-toggle span {
position: absolute;
top: 10px;
}
#nav-toggle span,
#nav-toggle span:before,
#nav-toggle span:after {
cursor: pointer;
border-radius: 1px;
height: 2px;
width: 25px;
background: white;
position: absolute;
display: block;
content: "";
}
#nav-toggle span:before {
top: -8px;
}
#nav-toggle span:after {
bottom: -8px;
}
.sideNav {
left: 0;
position: absolute;
z-index: 999;
background: #303032;
bottom: 0;
top: 56px;
padding: 0px;
color: #fff;
transition: 0.5s;
}
.sideNav ul {
list-style: none;
padding: 0px;
width: 100%;
}
.sideNav ul li {
padding: 10px 60px;
background: #6bcbb8;
}
.sideNav ul li a {
color: #fff;
}
.sideNav ul li.selected {
padding: 10px 60px;
}
.sideNav.close {
left: -250px;
}
.bottom-nav p {
color: #fff;
font-size: 10px;
margin: 0px;
}
.bottom-nav i {
color: #fff;
font-size: 24px;
line-height: 10px;
}
.bottom-nav > div {
cursor: pointer;
}
.mainMenuTitle {
color: #fff;
}
h1.mainMenuTitle {
padding: 0px;
margin: 0px;
text-align: center;
font-family: "BrothersOT-Bold";
font-size: 28px;
}
.bottom-nav {
text-align: center;
background: #424244;
position: fixed;
bottom: 0;
width: 100%;
z-index: 9999;
}
.less-padding-bottom-nav {
padding: 10px 0px !important;
}
.sideNavRight {
right: 0;
position: absolute;
z-index: 999;
background: #303032;
bottom: 0;
top: 56px;
padding: 0px;
color: #fff;
transition: 0.5s;
}
.activities.mobile-map .trip .interest {
width: 90% !important;
position: absolute;
margin: 0px 15px;
bottom: 45px;
}
.drive-card {
background-color: #303032 !important;
color: #fff;
min-height: 190px;
}
.drive-card .drive-to-text {
padding-top: 50px;
}
.drive-card .primary-btn {
display: initial;
font-size: 16px;
}
.drive-card .drive-to-text p {
color: #737371;
font-size: 12px;
font-family: "Montserrat";
}
.drive-card .location-text h1 {
font-family: "BrothersOT-Bold";
font-size: 20px;
text-align: left;
color: #f6be46;
margin-bottom: 35px;
padding-top: 30px;
padding-right: 10px;
}
.drive-card .drive-to-text span {
font-family: "AZCutScript-Italic";
font-size: 18px;
}
.trip .truncate {
width: 125px;
}
.trip div.interest {
min-height: 180px !important;
}
.activities.mobile-map .trip .interest-control.selected {
width: 100%;
}
.no-trips-bg {
background-image: url(/static/media/login-background.ca9c47e0.png);
}
.trip {
height: 80vh;
background-image: url(/assets/images/trip-bg.png);
width: 100%;
margin-left: 0px !important;
margin-left: 22px;
position: relative;
background-size: cover !important;
margin-top: 70px;
background: #424244;
}
.my-trips .slick-initialized .slick-slide .interest {
bottom: 20px;
}
.withBackground {
background-color: #303032 !important;
}
#nav-toggle-right i {
color: #fff;
font-size: 20px;
margin-right: 10px;
}
.sideNavRight ul {
list-style: none;
padding: 0px;
width: 100%;
}
.sideNavRight ul li {
padding: 10px 60px;
background: #6bcbb8;
}
.sideNavRight ul li a {
color: #fff;
}
.sideNavRight ul li.selected {
padding: 10px 60px;
}
.sideNavRight.close {
right: -250px;
display: none;
transition: 500ms;
}
.less-padding-bottom-nav:hover {
cursor: pointer;
}
.less-padding-bottom-nav.active {
background: #303032;
}
.less-padding-bottom-nav.active i.icon-things-to-do {
color: #6dcbb8;
}
.less-padding-bottom-nav.active g path {
fill: red;
stroke: red;
}
.less-padding-bottom-nav.active p,
.less-padding-bottom-nav.active i {
color: #6dcbb8;
}
.login-btn {
width: 100%;
border: 0;
background-color: #d9531e;
color: #fff;
padding: 10px;
font-size: 24.5px;
height: 65px;
font-family: "BrothersOT-Bold";
}
.form-group input,
.form-group label {
cursor: text;
font-size: 16px;
font-weight: 200;
position: absolute;
transition: all 0.15s ease;
width: 100%;
}
/* .form-group input {
border: none;
border-radius: 4px;
background: #efefef;
height: 60px;
padding: 20px 20px 0;
outline: none;
} */
.form-group label {
color: #9b9b9b;
font-weight: 400;
line-height: 60px;
padding: 0 20px;
}
.form-group input.filled ~ label,
.form-group input:focus ~ label {
font-size: 0.9em;
position: absolute;
margin-top: -12px;
}
.form-group input.filled ~ label {
/*color: #007932; */
}
.force-center {
margin: 0 auto;
display: block;
}
.start-plan-trip-text {
color: #fff;
margin-top: 25px;
text-shadow: 2px 2px 10px #000;
font-size: 16px;
}
/*.back-btn {
box-shadow: 2px 2px 5px #000;
}*/
.back-btn.desktop {
box-shadow: none;
padding: 5px !important;
}
.back-btn:hover {
cursor: pointer;
color: #ccc;
}
.just-for-you-image {
margin-right: 0;
padding-right: 15px;
}
.park-link:hover h1 {
color: #ccc;
text-decoration: initial;
}
.park-link:hover {
text-decoration: initial;
}
a:focus h3,
a:hover h3 {
text-decoration: none;
}
a:focus,
a:hover {
text-decoration: none;
}
.start-plan-trip-text span {
font-size: 18px;
}
.primary-btn.login-signup {
min-width: 180px;
display: inline-block;
}
.primary-btn {
background: #d3452f;
color: #fff;
padding: 15px 30px;
border-radius: 35px;
cursor: pointer;
min-width: 200px;
display: inline-block;
}
a.primary-btn:hover {
color: #fff;
text-decoration: none;
}
.primary-btn:hover {
background: #424244;
color: #fff;
text-decoration: initial;
}
.skip-signin a:hover {
color: #ccc;
}
ul.skip-signin {
list-style-type: none;
padding: 0;
}
ul.skip-signin li {
margin: 15px;
display: inline;
}
ul.skip-signin li a {
color: #fff;
text-decoration: none;
}
.regions-wrapper {
width: 100%;
}
img#strlogo {
width: 150px;
}
div.category {
background-image: url("assets/images/category1.png");
background-size: cover;
}
.pdetail-content-wrap {
padding: 15px;
margin-top: 0px;
}
div.category .content {
padding: 30px !important;
}
div.category h1 {
color: #fff;
text-shadow: 2px 2px 10px #000;
}
div.category p {
color: #f5bf46;
font-size: 12px;
text-align: center;
}
div.region .content,
div.interest .interest-content {
padding: 30px 20px 10px 20px;
}
p.region-text {
color: #8b8180;
font-size: 14px;
margin: 10px 0px 20px 0px;
}
div.region .content h1,
div.interest .interest-content h1 {
font-size: 18px;
font-family: "AZCutScript-Italic";
}
div.region .content h1 {
font-family: "AZCutScript-Italic";
}
div.interest .interest-content h1 {
font-size: 25px;
text-shadow: 1px 1px 15px #000;
}
div.interest .interest-content p {
font-size: 14px;
font-family: "BrothersOT-Bold";
text-shadow: 2px 2px 20px #000;
}
div.region .region-control,
div.interest .interest-control {
background: #f5bf46;
color: #fff;
padding: 6px;
font-weight: 300;
position: absolute;
bottom: 0;
min-height: 28px;
font-size: 12px;
font-family: "BrothersOT-Bold";
}
div.region .region-control.selected,
div.interest .interest-control.selected {
background: #6bcbb8;
}
div.region .map {
padding: 20px 20px 10px 0px;
}
.regions {
margin-top: 20px;
position: relative;
}
.select-regions-content {
font-size: 14px;
color: #d3452f;
margin-top: 15px;
}
.regionUpperdiv {
text-align: left;
border-top: 1px solid #999;
padding-top: 18px;
padding-bottom: 11px;
}
.uppertabmainDiv {
margin-bottom: 30px;
}
.uppertab {
border: 1px solid #ccc;
height: 5px;
margin: 2px;
width: 23%;
background: #ccc;
}
.uppertab.activetab {
background: #d3452f;
border-color: #d3452f;
}
.regionUpperdiv:last-child {
border-bottom: 1px solid black;
}
p.region-explaination {
font-size: 12px;
margin: 20px 0px;
}
.inner-region-text {
font-size: 14px;
}
.i-icon-img {
width: 20px;
}
.region img {
max-width: 100%;
}
.ideas p {
font-family: "AZCutScript-Italic";
font-size: 18px;
}
.region i,
.interest i,
.activity-info i {
color: #53968c;
font-size: 14px;
margin-right: 6px;
}
.w-100 {
width: 100% !important;
}
.activity-info i span {
font-size: 12px;
}
.menu-with-icons p {
font-size: 11px;
}
.menu-with-icons i {
font-size: 21px;
margin-bottom: 8px;
}
.menu-with-icons .active p {
font-weight: bold;
}
.rs-inner-container {
background: url(/assets/images/dial-bg.svg);
background-repeat: no-repeat;
background-size: 170px;
background-position-x: 35px;
background-position-y: 35px;
}
.region-image {
padding-right: 10px !important;
}
.continue-svg {
width: 18px;
}
.nav.loggedin {
padding: 0px 10px;
z-index: 999;
width: 100%;
background-color: #424244;
}
.logo > img {
margin: 30px 0;
}
.donate-page {
min-height: 100vh;
}
.donate-page .full-screen-vcenter {
height: 100vh;
}
.donate-page .logo {
margin-top: 45px !important;
}
.menu-item {
padding: 13px 0;
padding-bottom: 1px;
font-weight: bold;
cursor: pointer;
}
.logo-holder img {
padding: 14px 0;
}
.nav.loggedin .menu {
color: #fff;
text-align: center;
font-size: 11px;
text-transform: uppercase;
justify-content: space-around;
z-index: 9999;
}
.featured-activity {
background-image: url("/assets/images/activity.png");
background-size: cover;
background-position: top center;
padding: 50px;
}
.activity-description {
font-family: "Montserrat";
font-size: 13px;
color: #47474c !important;
line-height: 23px;
font-weight: 500;
margin: 15px 0px;
}
.gallery-image {
margin: 5px;
background-size: cover;
max-width: 100%;
height: 130px;
background-repeat: no-repeat;
}
.no-padding-left {
padding-left: 0;
}
.no-padding-right {
padding-right: 0;
}
.no-margin-left {
margin-left: 0;
}
.no-margin-right {
margin-right: 0;
}
.gallery-image-1 {
}
.gallery-image-2,
.gallery-image-3 {
height: 63px;
}
.gallery-image-3 {
}
.gallery-image-4 {
}
.featured-activity h1 {
color: #fff;
text-shadow: 2px 2px 10px #000;
}
.featured-activity p {
color: #f4c046;
text-shadow: 2px 2px 10px #000;
}
.activity-info {
background-color: #6bcbb8;
padding: 5px 15px;
color: #fff;
font-size: 12px;
min-height: 30px;
margin-bottom: 10px;
}
.main-content-container {
padding: 0px;
height: 100vh;
background-color: #fcfbf1;
overflow-x: hidden;
}
.activity-group .interest {
width: 100%;
margin-bottom: 5px !important;
background-position: bottom;
}
.activity-cat-heading {
margin-top: 10px;
margin-bottom: 0px;
min-height: 35px;
}
.logo-holder {
/*padding: 8px;*/
}
.just-for-you-image i {
font-size: 30px;
margin-top: 10px;
}
.activity-group .interest {
margin: 0px;
}
.activity-cat-heading h1 {
font-size: 24px;
font-family: "BrothersOT-Bold";
margin: 10px 0px 0px 0px;
}
.activity-group .activity-cat-heading h1 {
font-size: 17px;
margin: 12px 6px 12px 10px;
color: #303032;
}
.activity-group .activity-cat-heading i,
.upcoming-events .activity-cat-heading i {
margin-top: 10px !important;
margin-left: 5px !important;
font-size: initial;
}
.upcoming-events h1 {
margin: 8px 3px;
}
.activity-group .activity-cat-heading .just-for-you-image,
.upcoming-events .activity-cat-heading .just-for-you-image {
text-align: right;
color: #b7c1c5 !important;
}
.activity-group .activity-cat-heading .just-for-you-image {
margin-top: 5px;
}
.upcoming-events h3 {
font-size: 18px;
}
.option h3 {
color: #303032;
font-family: "BrothersOT-Bold";
}
.option p {
color: #8b8180;
font-family: "Montserrat";
}
.activity-cat-heading i {
color: #cbcac3;
}
.activity-cat-heading:hover {
cursor: pointer;
}
.activity-cat-heading:hover h1 {
color: #66666b;
}
.activity-features ul li {
width: 65px;
list-style: none;
float: left;
margin-left: 5px;
height: 65px;
}
.activity-features ul li img {
width: 100%;
}
.activity-features {
background-color: #f5f3e9;
padding: 10px;
width: 100%;
overflow: scroll;
}
.activity-features-inner {
width: 175%;
}
.activity-features img:nth-child(2n + 1) {
margin-bottom: 15px;
}
.map-background.mobile-map {
height: 100%;
}
.activities_parks_markers.map-background.mobile-map {
height: 500px !important;
}
.activity_card_over_map {
position: absolute;
margin-top: 250px;
z-index: 9997;
padding: 15px;
}
.user-login {
min-height: 100vh;
}
.user-profile.loggedout-wrapper {
padding: 0px;
min-height: 100vh;
}
.user-profile.loggedout-wrapper .bottom-content {
bottom: 0;
position: absolute;
width: 100%;
}
.user-profile.loggedout-wrapper .top-content {
padding: 20px;
}
.user-profile.loggedout-wrapper .bottom-content ul li .left {
width: initial;
font-size: 16px;
cursor: pointer;
}
.user-profile.loggedout-wrapper h1 {
margin-top: 20px;
}
.user-profile.loggedout-wrapper .bottom-content ul li {
padding: 32px 15px 0px 15px;
}
.activity-features > div > div {
width: 65px;
float: left;
margin-left: 10px;
margin-bottom: 5px;
margin-right: 10px;
}
.truncate {
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
width: 195px;
display: inline-block;
line-height: 15px;
}
a.fbutton {
font-family: BrothersOT-Bold;
}
.just-for-you-image-container {
background-size: cover;
background-position: center;
height: 105px;
background: #242426;
}
.menu-item {
width: 20%;
}
.links {
padding-bottom: 60px !important;
}
.links ul {
list-style: none;
margin: 0;
padding: 0px;
background-color: #fcfbf1;
padding: 0px;
color: #6bcbb8;
}
.links ul li:hover,
.links ul li a:hover {
color: #4a9485;
}
.links ul li a {
color: #6bcbb8;
}
.links ul li {
background-color: #fcfbf1;
padding: 0px 0px;
color: #6bcbb8;
min-height: 68px;
padding: 25px 0px 25px 20px;
border-bottom: 1px solid #efefef;
cursor: pointer;
}
.links ul li span {
font-family: "BrothersOT-Bold";
}
.activity-features img {
max-width: 100%;
margin-bottom: 0px;
}
.loggedin .back-btn {
padding: 0px 0px;
}
.mobile-map .interest {
width: 85%;
margin: 0 auto;
position: absolute;
margin-top: -220px;
left: 0;
right: 0;
}
#my-trips-page .mobile-map .interest {
bottom: 40px;
}
.activities.mobile-map .interest {
width: 85vw !important;
position: initial;
margin: 0px 29px;
left: initial;
right: initial;
}
.activities.mobile-map .interest-control.selected {
width: 85vw;
}
.slick-arrow {
display: none !important;
}
.trip .trip-title h4 {
font-family: "AZCutScript-Italic";
font-size: 16px;
}
.trip .trip-title h2 {
font-family: "BrothersOT-Bold";
font-size: 34px;
padding: 10px;
}
.trip .trip-title {
color: #fff;
text-align: center;
bottom: 230px;
position: absolute;
height: 125px;
width: 100%;
}
.options .option {
margin-top: 10px;
}
.options .option h1 {
font-weight: 300;
}
.options .option p {
color: #777777;
}
.map-background {
/*background-image: url('assets/images/MapBackground.png');*/
background-size: cover;
height: 100vh;
padding: 0;
}
.light-color {
color: #777777;
}
.upcase {
text-transform: uppercase;
}
.post-content-wrapper {
padding: 5px 30px;
background-color: #fcfbf1;
}
.post-content-wrapper .loggedin i {
color: #000 !important;
}
.post-content h1 {
font-size: 34px;
font-family: "AZCutScript-Italic";
width: 60%;
margin: 30px auto 0px auto;
}
.post-content h2 {
font-size: 15px;
color: #f5bf46;
font-family: "BrothersOT-Bold";
}
.post-content p {
color: #8b8180;
font-family: "Montserrat";
font-size: 12px;
color: #8b8180;
}
#trip-range {
margin: 0 auto;
margin-top: 30px;
}
.region-control.selected,
.interest-control.selected {
font-size: 12px;
}
.region-toggle,
.interest-toggle {
position: absolute;
right: 0;
}
.not-visible {
visibility: hidden;
}
.interest-content h1 {
color: #fff;
}
.interest-content p {
color: #f4c046;
}
.ideas {
background-image: url("assets/images/ideas.png");
height: 120px;
background-repeat: no-repeat;
background-position: center;
}
.ideas > div {
width: 50%;
margin: 0 auto;
color: #fff;
padding: 22px 0px;
font-size: 15px;
height: 100px;
/* overflow: scroll; */
}
.explore {
font-family: "AZCutScript-Italic";
}
.redwoods,
.primary-btn {
font-family: "BrothersOT-Bold";
}
.primary-btn {
font-size: 18px;
cursor: pointer;
}
.primary-btn:hover {
color: #fff;
}
* {
font-family: "Montserrat";
}
.rs-control .rs-range-color,
.rs-control .rs-path-color,
.rs-control .rs-bg-color {
background-color: transparent;
}
.rs-control circle.path-bg {
/* mention the path color here */
stroke: #fcfbf1;
}
.rs-control circle.range-bg {
/* mention the range color here */
/*stroke: #EAC04F;*/
/*border: red;*/
}
.rs-control {
margin: 0 auto;
}
.rs-tooltip-text,
.rs-tooltip .rs-input {
color: #fff !important;
font-family: "BrothersOT-Bold";
font-size: 40px;
padding: 0px 38px;
top: 60px;
line-height: 34px;
}
#trip-range.rs-animation .rs-transition {
transition-timing-function: cubic-bezier(1, -0.53, 0.405, 1.425);
}
.rs-control * {
font-family: "BrothersOT-Bold";
}
.rs-control .hours_days {
font-size: 40px;
}
.rs-control .hours_days_text {
font-size: 20px;
}
#donation-value .hours_days {
font-size: 36px;
}
#donation-value .hours_days .subscript {
font-size: 22px;
}
#donation-value .full .rs-tooltip {
top: 34%;
left: 46%;
margin-top: -18px !important;
margin-left: -53px !important;
padding: 0px;
margin-right: 55px;
width: 130px;
height: 117px;
padding-top: 16px;
}
.full .rs-tooltip {
top: 34%;
left: 46%;
margin-top: -18px !important;
margin-left: -53px !important;
padding: 0px;
margin-right: 55px;
}
.interest a.add-interest-btns {
position: absolute;
z-index: 999;
right: 0;
}
.rs-handle {
background: #fcfbf1;
border: 1px solid #eac04f;
}
.rs-handle:after {
content: " = ";
color: #f5be52;
font-size: 22px;
}
.back-btn {
/* position: absolute; */
color: #fff;
padding: 0px 10px 0px 0px;
font-size: 16px;
}
.region-control {
font-family: "BrothersOT-Bold";
}
.add-to-trip-requires-login {
padding: 70px 35px;
text-align: center;
}
.my-trips .slick-initialized .slick-slide {
width: 85vw !important;
/*margin: 0px 5px;*/
background-color: #303033;
}
.browse-activities .interest {
width: 100%;
background-position: bottom;
}
div.interest {
background-position: bottom;
}
.posts-wrapper {
background-color: #fcfbf1;
}
.posts-section-title {
margin-bottom: 10px;
margin-left: 15px;
margin-right: 15px;
margin-top: 54px;
font-size: 20px;
line-height: 30px;
font-family: "AZCutScript-Italic";
}
.post h3 {
color: #000;
font-family: "BrothersOT-Bold";
}
.post {
border-top: 2px solid #eaeaea;
padding: 15px 20px 20px 15px;
}
.post p {
color: #8b8180;
font-size: 12px;
}
.posts-wrapper.t-and-c {
height: 100vh;
overflow: scroll;
}
.posts-wrapper.t-and-c p {
text-align: justify;
padding: 0px 20px;
}
.posts-wrapper.t-and-c h1 {
font-size: 22px;
text-transform: uppercase;
text-align: center;
margin-bottom: 22px;
margin-top: 55px;
}
.general-activity-modal,
.general-park-modal {
padding: 25px;
}
.general-activity-modal {
height: 100vh;
background-image: url(/static/media/login-background.ca9c47e0.png) !important;
}
.social {
background: #d9531e;
padding: 10px;
min-height: 50px;
}
.fe_alert a {
display: none;
}
.general-activity-modal iframe,
.general-park-modal iframe {
background: #fff;
}
.my-trip-holder .interest {
width: 100%;
}
.posts-wrapper {
padding: 00px 0px 80px 0px;
margin-top: 0px;
height: 100vh;
overflow: scroll;
}
#map-dashboard-mobile-park {
width: 100%;
height: 100%;
}
.loader {
margin: 0 auto;
border: 16px solid #f3f3f3;
border-top: 16px solid var(--red);
border-radius: 50%;
width: 120px;
height: 120px;
animation: spin 1s linear infinite;
}
.show-trip .trip {
margin: 0;
margin-top: 80px !important;
}
.show-trip {
height: 100vh;
overflow: scroll;
}
.sharebtn.sharebtntrip {
bottom: 0;
left: 0;
margin-right: 15px;
width: 25px;
margin-top: 15px;
}
@keyframes spin {
0% {
transform: rotate(0deg);
}
100% {
transform: rotate(360deg);
}
}
.menu-with-icons .col-md-4 {
cursor: pointer;
}
.menu-with-icons .col-md-4:hover i,
.menu-with-icons .col-md-4:hover p,
.menu-with-icons .col-md-4.active i,
.menu-with-icons .col-md-4.active p {
color: #ffffff;
cursor: pointer;
}
.menu-item.active {
/* height: 73px; */
}
.browse-activities.activities {
height: 100vh;
overflow: scroll;
/* margin-top: 70px; */
}
.accordion {
/*padding: 0px 20px;*/
}
.gmaps-btn {
width: 80%;
}
.accordion__body {
border-bottom: 1px solid #efefef;
padding: 10px 0 0;
}
.accordion-head-wrapper {
border-bottom: 1px solid #efefef;
padding: 10px 0px;
}
.accordion__item {
padding: 0 15px;
}
.accordion__item > div {
outline: none;
}
.accordion__body {
padding: 20px 0px;
}
.accordion h3 {
font-family: "BrothersOT-Bold";
color: #6bcbb8;
font-size: 14px;
}
/* button.kep-login-facebook.metro {
border-radius: 60px;
margin-top: 30px;
font-family: "BrothersOT-Bold";
} */
.accordion .arrow {
color: #6bcbb8;
padding: 15px;
}
.hr-text {
line-height: 1em;
position: relative;
outline: 0;
border: 0;
color: black;
text-align: center;
height: 1.5em;
opacity: 0.5;
margin-bottom: 0;
}
.hr-text:before {
content: "";
background: -webkit-linear-gradient(left, transparent, #ffffff, transparent);
background: linear-gradient(to right, transparent, #ffffff, transparent);
position: absolute;
left: 0;
top: 50%;
width: 100%;
height: 1px;
}
.hr-text:after {
content: attr(data-content);
position: relative;
display: inline-block;
color: black;
padding: 0 0.5em;
line-height: 1.5em;
color: #ffffff;
background-color: #545a53;
}
.mr-bottom-50 {
margin-bottom: 50px;
}
.pad-top-bottom {
padding-top: 5px;
padding-bottom: 5px;
}
div.region.add {
min-height: 430px !important;
}
.round-img {
border-radius: 50% !important;
}
.feature-image-credit {
color: #fff !important;
bottom: -37px;
position: relative;
/*font-style: italic !important;*/
/*font-family: cursive !important;*/
font-family: "sans-serif" !important;
text-shadow: 1px 1px #000 !important;
font-size: 12px !important;
text-align: center !important;
}
.rs-bar.rs-transition.rs-start,
.rs-bar.rs-transition.rs-end {
display: none;
}
.print-trip .trip-title h2 {
text-align: center;
font-family: "AZCutScript-Italic";
font-size: 42px;
}
.print-trip .drive-to {
font-family: "AZCutScript-Italic";
font-size: 20px;
}
.print-trip .col50 {
width: 50%;
float: left;
}
.print-trip .col40 {
width: 39%;
float: left;
}
.print-trip .col60 {
width: 59%;
float: left;
}
.print-trip .col50.park-name {
text-align: center;
}
.print-trip .description {
border-left: 1px solid #ccc;
padding-left: 25px;
}
.print-trip .trip-item {
border: 1px solid #ccc;
padding: 20px;
margin: 25px;
width: 96%;
}
.trip-item .col {
display: table-cell;
}
.print-trip .park-name {
padding: 20px;
}
.print-trip .drive-title {
font-family: "BrothersOT-Bold";
color: #000;
}
.trip-item {
display: table;
width: 100%;
}
.print-trip * {
font-family: "sans-serif";
}
.print-trip .card-title {
font-family: "AZCutScript-Italic";
color: #000;
}
.print-trip .card-subtitle {
font-family: "BrothersOT-Bold";
color: #737373;
}
.print-trip .card-location {
font-size: 16px;
margin-top: 15px;
font-weight: bold;
color: #737373;
margin: 0;
}
.print-trip .trip-container:nth-child(even) .trip-item {
background: #f7f7f7;
}
.print-trip hr {
border: 2px solid #000;
width: 100px;
}
.print-trip hr.seperator {
width: 100%;
border: 1px solid #ccc;
}
.print-trip * {
-webkit-print-color-adjust: exact !important;
/* Chrome, Safari */
color-adjust: exact !important;
/*Firefox*/
}
.print-trip h2.heading {
font-size: 24px !important;
}
.empty-filter-results {
margin-top: 20px;
font-size: 20px;
font-weight: bold;
}
.ipad-menu-item {
display: inline-block;
}
.plan-trip {
background: #d3452f;
font-size: 15px;
float: left;
width: 100%;
}
.action-div {
padding: 0;
}
a.login-signup {
background: #fff;
padding: 10px 20px;
border-radius: 45px;
color: #000;
}
.lower-btn-div a {
width: 100%;
}
.action-div .inline-block {
padding: 0 5px;
}
.sm-plan-trip {
margin-top: 10px;
background: #07778e;
}
.facebook-login {
margin-top: 20px;
background: #25618b;
}
.signin-button {
background: #46474c;
padding: 10px 20px;
border-radius: 45px;
color: #fff;
}
.inline-block {
display: inline-flex;
}
.middle-layer img {
margin: 30px 0;
}
.logo img {
display: block;
margin-left: 14%;
}
.checkcontainer {
display: block;
position: relative;
padding-left: 35px;
margin-bottom: 12px;
cursor: pointer;
font-size: 22px;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
}
/* Hide the browser's default checkbox */
.checkcontainer input {
position: absolute;
opacity: 0;
cursor: pointer;
height: 0;
width: 0;
}
/* Create a custom checkbox */
.checkmark {
position: absolute;
top: 0;
left: 0;
height: 25px;
width: 25px;
background-color: #fff;
border: 2px solid #07778e;
border-radius: 5px;
}
/* On mouse-over, add a grey background color */
.checkcontainer:hover input ~ .checkmark {
background-color: #ccc;
}
/* When the checkbox is checked, add a blue background */
.checkcontainer input:checked ~ .checkmark {
background-color: #07778e;
}
/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
content: "";
position: absolute;
display: none;
}
/* Show the checkmark when checked */
.checkcontainer input:checked ~ .checkmark:after {
display: block;
}
/* Style the checkmark/indicator */
.checkcontainer .checkmark:after {
left: 6px;
top: 1px;
width: 8px;
height: 15px;
border: solid white;
border-width: 0 3px 3px 0px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.new-back-btn {
border: 2px solid rgb(211, 69, 47);
border-radius: 50%;
color: rgb(211, 69, 47);
display: inline-block;
height: 39px;
line-height: 20px;
margin-top: -10px;
padding-top: 8px;
text-align: center;
vertical-align: middle;
width: 39px;
}
a.region-continue-btn {
border: 1px solid #d3452f;
padding: 11px 30px;
border-radius: 20px;
background: #d3452f;
color: #fff;
font-size: 12px;
width: 100%;
}
a.region-continue-btn-total {
border: 1px solid #348963;
padding: 11px 30px;
border-radius: 20px;
background: #348963;
color: #fff;
font-size: 12px;
width: 100%;
}
.regionUpperdiv:last-child {
border-bottom: 1px solid #999;
}
.regionNameDivInfo .regionUpperdiv:last-child {
border-bottom: 1px solid #999;
}
.navigationDiv {
margin-top: 30px;
}
.iconright {
padding-left: 5px;
font-size: 11px;
}
.browsepark {
background: #07778e;
font-size: 15px;
float: left;
width: 100%;
}
.fontRow h2 {
font-size: 20px;
font-weight: bolder;
color: red;
margin-top: 30px;
}
.activityMoreBottom {
margin-top: 30px;
}
.activityMoreBottom .region-continue-btn {
background: #32855e;
border-color: #32855e;
}
.activity-back-btn {
color: gray;
border-color: gray;
}
.fontSecondRow h4 {
font-size: 24px;
font-weight: bolder;
margin-top: 0px;
}
.fontThirdRow h4 {
font-size: 16px;
margin-top: 0px;
font-weight: bolder;
}
img.trip-image {
/* height: 180px; */
margin-top: 30px;
}
.belowTextActivity {
margin-top: 20px;
}
.new-all span,
.new-all i {
color: #07778e;
}
.active-heading {
color: #07778e !important;
}
.grid-heading {
color: #32855e !important;
font-size: 14px;
text-align: left;
}
.cardGroup {
padding: 5px;
}
.card-img {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
height: 170px;
background-position: center;
background-color: #ccc;
}
.new-card-class {
border: none;
padding: 10px;
width: 100%;
}
p.locationpp {
color: #07778e !important;
}
p.locationp {
color: #07778e !important;
}
.new-content-class span {
font-size: 11px;
text-align: left;
margin-bottom: 38px;
}
.new-content-class p {
text-align: left;
font-size: 12px;
color: #46474c;
line-height: 1.6;
}
.filter-bar {
background-color: var(--green);
padding: 20px 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
}
/*New Amendments*/
.bg-blue {
background-color: #07778e !important;
}
.bg-green {
background-color: var(--green);
}
.bg-orange {
background-color: #d3452f;
}
.results-categories-title {
color: #fff;
font-weight: 500;
font-size: 16px;
padding: 0;
text-align: left;
}
.filter-search {
color: #fff;
/* font-weight: bold; */
font-size: 16px;
cursor: pointer;
font-weight: 500;
}
.filter-search > .fa-search {
font-size: 16px;
padding-right: 5px;
}
.filter-search > .fa-sliders {
font-size: 16px;
padding-right: 5px;
}
.openfilter {
position: absolute;
height: 100%;
background-color: #fff;
padding: 0;
}
.closefilter {
display: none;
}
.options {
margin: 0 0px;
/* padding-left: 11px; */
}
.headingTab {
height: 60px;
background: #32855e;
margin-top: 76px;
position: relative;
}
.headingTab .filter-bar {
position: absolute;
left: 14px;
right: 15px;
top: 0;
z-index: 999;
}
.main-map-div {
position: relative;
padding: 0px;
float: none;
width: auto;
height: 100vh;
margin: 0;
padding: 0;
overflow-x: hidden;
overflow-y: hidden;
}
.main-map-div.with-shadow {
-webkit-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.5);
-moz-box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.5);
box-shadow: -1px 0px 5px 1px rgba(0, 0, 0, 0.5);
}
.interest-content {
margin-top: 10px;
}
.main-map-div #map-dashboard {
padding: 0px;
}
.filter-close-icon {
cursor: pointer;
}
.explore-home .filter-close-icon {
right: -15px;
}
.filter-close-icon > i {
font-size: 20px;
color: #fff;
}
.activity-group .filter-cat-heading h1 {
font-size: 18px;
color: #00845d;
font-family: "BrothersOT-Bold";
margin-top: 27px;
text-transform: uppercase;
}
.overflow-view-scroll .slick-slider {
display: inline-block;
}
.overflow-view-scroll {
margin-right: 10px;
overflow: hidden;
}
.results-filter-title {
color: #fff;
font-size: 16px;
padding-left: 0px;
font-family: "BrothersOT-Bold";
}
.filter-text-box {
border: 1px solid #dddddd;
border-radius: 4px;
float: left;
height: 45px;
margin-left: 0;
max-width: 100%;
padding-left: 15px;
width: 100%;
}
.search-filter {
margin: 20px 0 0;
position: relative;
width: 350px;
}
.filter-text-box::placeholder {
color: #32845d;
font-size: 1em;
}
.filter-text-box::-webkit-input-placeholder {
/* Edge */
color: #32845d;
font-weight: bolder;
}
.filter-text-box:-ms-input-placeholder {
/* Internet Explorer */
color: #32845d;
font-weight: bolder;
}
.filter-text-box::placeholder {
color: 32845d;
font-weight: bold;
}
.search-filter::before {
color: rgb(51, 51, 51);
content: " ";
font-family: fontAwesome;
position: absolute;
right: 30px;
top: 10px;
}
.navigation-icon {
margin-bottom: 5px;
}
.moretext {
margin-top: 8px;
}
.logo-holder-img {
width: 125px;
cursor: pointer;
}
.interest-button {
color: #fff;
background-color: #3c763d;
border-radius: 15px;
}
.col-md-12.activitydiv,
.mapdiv {
padding: 100px;
}
.toplayerssidebar {
margin-top: 75px !important;
padding: 0;
}
.toplayerssidebar .filter-bar {
padding-top: 15px;
padding-bottom: 15px;
display: inline-block;
width: 100%;
}
.actmapview {
height: 300px;
width: 90%;
}
.actmapupperDiv {
text-align: center;
padding-left: 10%;
}
.featured-activity {
width: 90%;
min-height: 520px;
}
.directionDiv {
padding-top: 30px;
padding-bottom: 30px;
}
.shareupdiv {
padding-left: 10%;
width: 90%;
margin-top: 20px;
}
.shareupdiv h4 {
margin-bottom: 10px;
}
.main-heading-div h3 {
color: #32845d;
text-transform: uppercase;
font-size: 20px;
font-family: "BrothersOT-Bold";
}
.main-heading-div p {
font-family: "BrothersOT-Bold";
color: #01778e;
font-size: 13px;
}
.activities .heading-park {
font-size: 18px;
font-family: "BrothersOT-Bold";
text-transform: uppercase;
color: #47474c;
font-weight: normal;
}
.fe_container .fe_title .fe_location {
left: 0 !important;
}
.activities .main-heading-div {
background: #fff;
box-shadow: 0px 1px 5px 1px #ccc;
-webkit-box-shadow: 0px 1px 5px 1px #ccc;
}
.main-heading-div {
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.activities .col-md-1.col-sm-1.col-xs-1 {
width: 45px;
}
.activities .col-md-1.col-sm-1.col-xs-1 a.back-btn {
padding-left: 0;
}
div.moreButtonBtnDiv {
display: inline-block;
}
.fe_container .fe_title {
border-bottom: 1px solid #eaeaea;
}
button.btn.moreButtonBtnDiv {
display: inline-block;
width: 100%;
margin-left: 10px;
padding: 8px 30px;
}
img.tag-img {
height: 48px;
position: absolute;
right: 12px;
top: 20px;
}
.btn-bookmark {
position: absolute;
top: 10px;
right: 10px;
}
.bm-img-2 {
display: none !important;
}
.btn-bookmark:hover .bm-img-2 {
display: block !important;
}
.btn-bookmark:hover .bm-img-1 {
display: none;
}
.slick-slide img:not(.btn-bookmark img) {
display: block;
}
.new-card-class {
position: relative;
}
.filter-bar-park {
background-color: #07778e;
/* padding-top: 15px;
padding-bottom: 15px; */
padding-right: 15px;
}
.grid-heading-park {
color: var(--blue) !important;
font-size: 14px;
text-align: left;
}
.save-red-wood-login .col-md-4 {
margin: auto;
padding: 0;
width: 280px;
}
.save-red-wood-login .col-md-4 a {
border-radius: 110px;
height: 65px;
line-height: 65px;
padding: 0;
}
.save-red-wood-login .col-md-4 a {
border-radius: 110px;
font-family: "Montserrat";
font-size: 17px;
font-weight: bold;
height: 65px;
line-height: 65px;
padding: 0;
text-transform: capitalize;
}
.add-region .col-xs-12.uppertabmainDiv .uppertab {
display: inline-block;
float: none;
height: 4px;
width: 58px;
}
.add-region .select-regions-content {
color: #d3452f;
display: table;
font-family: "BrothersOT-Bold";
font-size: 21px;
margin-top: 15px;
width: 100%;
}
.add-region .uppertabmainDiv {
margin: 20px 0 40px;
}
.add-region p.region-explaination {
font-size: 14px;
max-width: 380px;
margin: 10px auto;
font-weight: 500;
line-height: 1.5;
margin-top: 20px;
}
.add-region .regionNameDiv {
margin: 35px auto;
max-width: 100%;
width: 295px;
}
.add-region .regionUpperdiv {
align-items: center;
border-top: 1px solid #dfdfdf;
display: flex;
height: 45px;
padding: 0 2px 0 4px;
text-align: left;
}
.add-region .inner-region-text {
margin: 0;
}
.add-region .inner-region-text {
color: #47474c;
font-size: 14px;
margin: 0;
text-transform: uppercase;
line-height: 18px;
font-weight: 600;
}
.add-region .checkcontainer {
-moz-user-select: none;
cursor: pointer;
font-size: 22px;
height: 19px;
margin-bottom: 0;
padding-left: 0;
position: relative;
}
.add-region .checkmark {
bottom: 0;
margin: auto;
top: 0;
}
.add-region .regionUpperdiv .col-xs-2.no-padding {
width: 30px;
}
.add-region .regionUpperdiv .col-md-2.col-xs-2.kk {
float: right;
padding: 0;
width: 25px;
}
.add-region .regionUpperdiv .col-md-8.col-xs-8.no-padding {
width: calc(100% - 65px);
}
.add-region .row.navigationDiv {
margin: 80px auto 0;
text-align: center;
width: 295px;
margin-bottom: 10px;
}
.add-region a.region-continue-btn {
background: #d3452f none repeat scroll 0 0;
border: 1px solid #d3452f;
border-radius: 50px;
color: #ffffff;
display: inline-block;
font-family: "Montserrat";
font-size: 15px;
font-weight: bold;
height: 49px;
line-height: 49px;
padding: 0;
text-align: center;
}
.add-region a.region-continue-btn-total {
background: #348963 none repeat scroll 0 0;
border: 1px solid #348963;
border-radius: 50px;
color: #ffffff;
display: inline-block;
font-family: "Montserrat";
font-size: 15px;
font-weight: bold;
height: 49px;
line-height: 49px;
margin: 0 0 0 -20px;
padding: 0;
text-align: center;
width: 200px;
}
.add-region .iconright {
font-size: 18px;
padding-left: 5px;
position: absolute;
top: 17px;
transform: translate(15px);
}
.add-region .new-back-btn {
margin-left: 0;
margin-top: 5px;
}
.add-region .regionNameDiv .regionUpperdiv:last-child {
border-bottom: 1px solid #dfdfdf;
}
.banner img {
max-width: 100%;
height: auto;
}
a {
color: inherit;
}
a,
button,
input,
svg[type="submit"] {
outline: none;
/* -webkit-transition: all 0.4s ease-in-out;
-moz-transition: all 0.4s ease-in-out;
-o-transition: all 0.4s ease-in-out;
transition: all 0.4s ease-in-out; */
}
a:hover {
text-decoration: none;
}
ul {
padding: 0;
margin: 0;
list-style: none;
}
body {
font-family: "Montserrat", sans-serif;
font-size: 16px;
line-height: 24px;
color: #606060;
font-weight: 400;
background: #fff;
overflow-x: hidden;
}
:root {
--white: #fff;
--black: #000;
--blue: #01778e;
--grey: #47474c;
--red: #d34427;
--offwhite: #efefef;
--black: #47474c;
--green: #00855d;
}
.banner {
background-image: url(/assets/images/bg.jpeg);
background-attachment: fixed;
min-height: 680px;
background-size: cover;
color: var(--white);
padding: 30px 0;
}
.banner_wrapper {
display: inline-block;
width: 100%;
max-width: 276px;
}
.btn_ir {
display: inline-block;
width: 100%;
line-height: 65px;
text-align: center;
font-size: 18px;
font-weight: 600;
border-radius: 65px;
margin-bottom: 15px;
color: #fff;
}
.red_but {
background: var(--red);
}
.blue_but {
background: var(--blue);
}
.white_but {
background: var(--offwhite);
color: #47474c;
}
.grey_but {
background: var(--grey);
}
.btn_ir:hover {
background: #4aa996 !important;
color: #fff !important;
}
.logo {
margin-top: 40px;
margin-bottom: 35px;
}
.login_signup_but {
display: flex;
margin: 15px -10px 0;
}
.login_signup_but .btn_ir {
line-height: 52px;
margin: 0 10px;
}
section.customized {
background: #fafafa;
padding: 60px 0;
}
section.customized h1 {
color: #55565c;
font-size: 31px;
font-weight: 300;
margin-bottom: 48px;
}
ul.customize_step {
display: flex;
justify-content: center;
}
ul.customize_step li {
width: 189px;
margin: 0 42px;
}
ul.customize_step li .box {
width: 100%;
height: 245px;
border-radius: 15px 15px 0 0;
position: relative;
}
ul.customize_step li .box:after {
content: "";
background: -moz-linear-gradient(left, #fff 1%, #dfdfdf 10%, #dfdfdf 90%, #fff 100%);
background: -webkit-linear-gradient(left, #fff 1%, #dfdfdf 10%, #dfdfdf 90%, #fff 100%);
background: linear-gradient(to right, #fff 1%, #dfdfdf 10%, #dfdfdf 90%, #fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ffffff', GradientType=1);
width: 240px;
height: 2px;
left: -999px;
right: -999px;
bottom: -2px;
margin: auto;
}
ul.customize_step li p {
margin: 20px 0 40px;
line-height: 21px;
font-weight: 500;
color: #606060;
}
ul.customize_step li p strong {
color: #d34427;
}
section.customized .btn_ir {
width: 236px;
line-height: 55px;
margin: 0;
}
section.customized-browse {
background: #f3f3f3;
padding: 60px 0;
}
section.customized-browse h3 {
color: #55565c;
font-size: 31px;
font-weight: 300;
margin-bottom: 48px;
}
.browse-category-title {
padding-left: 22px;
font-size: 20px;
padding-bottom: 10px;
padding-top: 18px;
font-family: "BrothersOT-Bold";
background: #fff;
box-shadow: 0px 1px 6px 0px #acacac;
color: var(--blue);
margin-bottom: 12px;
}
.cardGroup {
padding: 10px;
cursor: pointer;
}
.main-content-container .new-card-class {
background-color: #ffffff;
border: medium none;
box-shadow: 0 0 10px 0 #c0c0c0;
padding: 0;
width: 100%;
min-height: 310px;
}
.main-content-container .parkGroup .new-card-class {
min-height: 315px !important;
}
.main-content-container .grid-heading {
color: #32855e !important;
font-family: "BrothersOT-Bold";
font-size: 18px;
margin: 10px 0 0;
text-align: left;
}
.main-content-container .new-content-class p {
font-size: 12px;
line-height: normal;
margin: 5px 0;
}
.main-content-container .col-md-12.text-center.interest-content.new-content-class {
padding: 0 10px 10px;
}
.main-content-container .activity-group .activity-cat-heading i {
display: none;
}
.main-content-container .activity-group .activity-cat-heading span {
display: inline-block;
font-family: BrothersOT-Bold;
font-size: 18px;
font-weight: normal;
margin: 5px 0 0;
}
.main-content-container .activity-group .activity-cat-heading h1 {
font-size: 20px;
text-transform: uppercase;
}
.main-content-container img.tag-img {
right: 10px;
top: 10px;
}
.main-content-container .cardGroup {
float: none;
margin: 0 0 10px;
width: 33.333%;
display: inline-block;
vertical-align: top;
}
.main-content-container .event-wrapper {
padding: 0 20px;
}
.main-content-container .filter-search {
padding: 0;
text-align: right;
}
.main-content-container .filter-search:hover {
text-decoration: underline;
}
.main-content-container .filter-search:nth-child(2n + 2) {
padding: 0;
}
.main-content-container {
background-color: #fafafa;
float: left;
width: 50%;
height: calc(100vh - 75px);
}
.buttonPadding {
float: left;
margin-right: 10px;
}
.buttonPadding .btn-primary.btn.interest-button {
background-color: #00855d;
border: 0 none;
border-radius: 45px;
color: #ffffff;
height: 34px;
margin: 0 0 10px;
padding: 0 35px 0 20px;
position: relative;
text-transform: uppercase;
}
.buttonPadding .btn-primary.btn {
background-color: #ffffff;
border: 2px solid #c9cbd4;
border-radius: 45px;
color: #47474c;
margin: 0 0 10px;
text-transform: uppercase;
}
.interest-button .interest-button-close {
font-size: 20px;
margin: 0;
position: absolute;
right: 15px;
top: 5px;
}
.filter-buttons .col-md-4 {
padding: 0 10px 0 0;
width: auto;
}
.filter-text-box:focus {
border-color: rgb(0, 133, 93);
box-shadow: 0 0 5px 0 rgba(51, 51, 51, 0.5);
color: rgb(0, 133, 93);
}
.new-card-class {
padding: 0;
position: relative;
min-height: 285px;
}
.navigation-icon-more {
margin-top: 0px;
}
.moretext {
margin-top: 4px;
}
.menu-item {
padding: 13px 10px 0;
width: auto;
}
.ipad-menu-item img {
opacity: 0.4;
transition: transform ease-in-out 0.4s;
}
.ipad-menu-item:hover img {
opacity: 1;
transform: translate(0px, -2px);
}
.primary-btn.plan-trip,
.primary-btn.browsepark {
font-family: Montserrat;
font-size: 14px;
height: 43px;
line-height: 43px;
margin: 0 10px 0 0;
max-width: 100%;
padding: 0 30px;
text-align: center;
white-space: nowrap;
width: auto;
}
ul.customize_step_footer li a {
color: #01778e;
font-weight: bold;
position: relative;
line-height: 28px;
font-size: 14px;
text-decoration: underline;
display: inline-block;
padding: 0 0 0 20px;
}
ul.customize_step_footer li a:before {
background-color: #47474c;
width: 8px;
height: 8px;
border-radius: 50%;
position: absolute;
content: "";
top: 12px;
left: 0;
}
.info-slider .slick-slide img {
display: inline-block;
position: absolute;
left: 46%;
bottom: -60px;
padding: 10px;
height: 120px;
width: 120px;
border: 2px solid black;
border-radius: 50%;
background: #ffff;
}
.slick-slide img:not(.btn-bookmark img) {
display: inline-block;
position: absolute;
left: 30%;
bottom: -60px;
padding: 10px;
height: 120px;
width: 120px;
border: 2px solid black;
border-radius: 50%;
background: #ffff;
}
.card-img-info {
width: 8%;
}
.slick-track:before {
display: none;
}
.info-slider .slick-next,
.slick-prev {
background: red;
}
.info-slider .slick-arrow {
display: block !important;
}
.regionNameDivInfo img {
background-color: rgb(255, 255, 255);
border: 0 none;
bottom: -60px;
height: 150px;
left: 0;
margin: auto;
margin-right: 120px;
right: 0;
width: 150px;
z-index: 9;
}
.ReactModal__Content::-webkit-scrollbar {
width: 0px;
}
.selectThisButton {
position: relative;
/* top: 30px; */
}
.activity-group .filter-cat-heading h1.location-color {
color: var(--blue) !important;
}
.new-content-class.interest-content h1 {
/* color: #474747 !important; */
display: block;
font-family: "BrothersOT-Bold";
font-size: 18px;
/* text-align: center; */
margin-top: 0px;
text-transform: uppercase;
}
.new-content-class.interest-content h1 a {
font-family: "BrothersOT-Bold";
}
.regionNameDivInfo .slick-initialized {
/* background: #fff; */
border-radius: 8px;
}
.regionNameDivInfo .slick-arrow {
display: block !important;
}
.regionNameDivInfo .slick-arrow {
background-color: rgba(0, 0, 0, 0) !important;
bottom: 65px;
color: rgb(1, 119, 142);
display: block !important;
position: absolute;
right: 10px;
top: auto;
}
.regionNameDivInfo .slick-next::before,
.regionNameDivInfo .slick-prev::before {
border-radius: 50%;
color: rgb(1, 119, 142);
font-family: slick;
font-size: 28px;
line-height: 1;
opacity: 0.75;
padding: 0;
}
.regionNameDivInfo .slick-arrow.slick-prev {
left: 20px;
}
.regionNameDivInfo .slick-arrow.slick-next {
right: 20px;
}
.regionNameDivInfo .slick-dots li,
.regionNameDivInfo .slick-dots li button {
cursor: pointer;
height: 10px;
width: 10px;
}
.regionNameDivInfo .slick-dots li button::before {
color: rgb(201, 203, 212);
content: "•";
font-family: slick;
font-size: 11px;
height: 20px;
left: -5px;
line-height: 20px;
opacity: 1;
position: absolute;
text-align: center;
top: -10px;
width: 20px;
}
.regionNameDivInfo .slick-dots {
bottom: 35px;
height: 25px;
overflow-x: hidden;
overflow-y: hidden;
}
.regionNameDivInfo .new-content-class p {
color: rgb(85, 86, 92) !important;
font-size: 12px;
line-height: 18px;
height: 185px;
overflow-y: auto;
}
.regionNameDivInfo .col-md-12.col-xs-12 {
padding: 0 !important;
min-height: 210px;
background-repeat: no-repeat;
background-size: cover;
background-color: #fff;
}
.add-region .regionNameDivInfo {
margin: 0 auto;
max-width: 400px;
width: 100%;
padding: 0px;
background-color: #fff;
border-radius: 7px;
overflow: hidden;
/* background-color: rgb(201, 203, 212); */
}
.signup-free,
.login-free {
margin-top: 50px;
}
.footer-btn {
margin-left: 20px;
}
/* .slick-initialized .slick-slide {
display: block;
position: relative;
min-height: 620px;
} */
.explore-slider.slick-initialized .slick-slide {
min-height: 0px;
padding-right: 8px;
padding-left: 8px;
/* margin-bottom: 10px; */
}
/* .explore-slider .slick-list {margin-left:-10px;} */
.regionNameDivInfo img {
background-color: #fff;
border: 0 none;
bottom: 0;
height: 150px;
left: 0;
margin: 0 auto;
margin-right: auto;
margin-right: 120px;
right: 0;
width: 150px;
z-index: 9;
top: 110px;
}
.regionNameDivInfo .slick-arrow {
z-index: 99;
}
li.slick-active button::before {
color: #01778e !important;
}
.map-of-park .main-map-div .text-blue {
color: #01778e !important;
}
.map-of-park .main-map-div .buttonPadding .btn-primary.btn.interest-button {
background-color: #01778e !important;
}
.regionNameDivInfo .new-content-class {
width: 100%;
padding: 0 30px;
min-height: 240px;
margin-top: 40px;
}
/* .slick-initialized .slick-slide {
display: block;
position: relative;
} */
.mappopup-block {
background-color: #fff;
/* padding: 0; */
display: inline-block;
border-radius: 10px;
overflow: inherit;
position: relative;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.2);
}
.mappopup-block:after {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-top-color: #fff;
border-width: 10px;
margin-left: -10px;
}
.map-image {
height: 120px;
border-top-left-radius: 7px;
border-top-right-radius: 7px;
background-size: cover;
background-position: center center;
}
.mp-title {
font-size: 16px;
color: rgb(7, 119, 142);
font-family: "BrothersOT-Bold";
color: #00855d;
}
.mp-subtitle {
font-size: 12px;
font-weight: 500;
color: rgb(7, 119, 142);
}
.map-popup-content {
padding: 15px 15px;
}
.map-popup-centent {
padding-top: 15px;
padding-bottom: 15px;
}
.information-button {
background-color: rgba(0, 0, 0, 0);
border: 3px solid rgb(211, 68, 39);
border-radius: 65px;
bottom: 8px;
color: rgb(211, 68, 39);
font-size: 14px;
font-weight: 700;
height: 40px;
left: 0;
margin: auto;
position: absolute;
width: 170px;
z-index: 999;
bottom: 60px;
right: 0;
}
.signup-button {
margin: 13px 0 0;
}
.top-margin-40px {
display: table;
margin-top: 40px;
width: 100%;
}
.bottom-margin-40px {
margin-bottom: 40px;
}
.information-button-close {
background-image: url("/assets/images/cross.png");
background-position: center center;
background-repeat: no-repeat;
color: rgb(255, 255, 255);
font-size: 0;
font-weight: bold;
height: 25px;
margin: 45px 0 0;
padding: 0;
position: absolute;
right: 25px;
text-shadow: 0 0 2px rgb(51, 51, 51);
top: 0px;
width: 25px;
z-index: 9;
}
.signup-button a {
border-right: 1px solid rgb(209, 209, 216);
display: inline-block;
line-height: 12px;
padding: 0 15px;
}
.signup-button a:last-child {
border-right: 0px solid rgb(209, 209, 216);
}
.signup-button a:focus {
color: inherit;
}
.no-padding-right {
padding-right: 0px !important;
}
.ReactModal__Content.ReactModal__Content--after-open {
overflow-x: auto !important;
}
.mobile-scroll .cardGroup {
/* float: left; */
width: calc(33.3333%);
display: inline-block;
vertical-align: top;
}
.mobile-scroll .new-content-class.interest-content h1 {
text-align: left;
}
.mobile-show {
display: none;
}
.add-region .total-activity-page .fontRow .select-regions-content {
color: rgb(71, 71, 76);
margin: 3px 0;
}
.add-region .total-activity-page .fontRow.fontSecondRow .select-regions-content {
color: rgb(211, 68, 39);
font-size: 28px;
}
.add-region a.region-continue-btn-total .iconright {
padding: 0;
}
.mobile-map-close {
display: none;
}
.message-top {
font-size: 14px;
padding: 15px 10px;
}
.message-top a {
color: rgb(7, 119, 142);
text-decoration: underline;
font-weight: 600;
}
.page-title h5 {
color: rgb(7, 119, 142);
font-family: "BrothersOT-Bold";
font-size: 30px;
padding: 5px 10px;
text-transform: uppercase;
}
.main-content-container .new-content-class p {
min-height: 30px;
}
.main-content-container .new-content-class p.locationp {
display: none;
}
.menu-with-icons p {
color: rgb(152, 152, 152);
}
p.text-center.pad-top-bottom.get-direction {
display: block;
width: 100%;
text-align: left;
}
.get-direction a {
line-height: 13px;
font-size: 14px;
width: auto;
position: relative;
display: inline-block;
font-weight: bold;
padding: 0 15px;
}
.css-bg1rzq-control:hover,
.css-bg1rzq-control:focus,
.css-bg1rzq-control .css-1hwfws3:focus {
border-color: #07778e !important;
}
.get-direction a:before {
content: "";
background-color: #01778e;
position: absolute;
height: 18px;
right: 0;
width: 1px;
bottom: 0;
top: 0;
margin: auto;
}
.get-direction a:last-child:before {
display: none;
}
.get-direction a:first-child {
padding-left: 0;
}
.get-direction a img {
margin: 0 10px 0 0;
}
.shareupdiv .col-md-2.col-xs-2.no-padding {
width: auto;
margin: 0 15px 0 0;
}
@media all and (max-width: 320px) {
.regionNameDivInfo .new-content-class {
margin-top: 250px !important;
}
.regionNameDivInfo .new-content-class p {
height: 200px !important;
}
div.region .region-control,
div.interest .interest-control {
font-size: 9px;
}
.full-screen-vcenter {
height: 100vh;
}
div.region,
div.interest,
div.category {
min-height: 250px !important;
}
.bottom-nav p {
font-size: 9px;
}
.truncate {
width: 150px;
}
h3,
.h3 {
font-size: 18px;
}
.option p {
font-size: 11px;
}
.activities.mobile-map .interest {
min-height: 185px !important;
}
.logo.align-center > img {
width: 40%;
}
.activity-info {
font-size: 10px;
}
.mobile-map .interest {
margin-top: -210px;
min-height: 180px !important;
}
}
@media all and (min-width: 720px) {
.nav.loggedin {
position: fixed;
}
}
@media all and (max-width: 767px) {
.nav.loggedin .menu {
position: fixed;
bottom: 0;
background: #424244;
padding: 0px;
left: 0;
right: 0;
}
.regionNameDivInfo .new-content-class p {
height: 325px;
}
.topnav.flex-container {
flex-direction: column;
justify-content: center;
text-align: center;
}
.logo-holder-img {
width: 155px;
margin: 10px;
cursor: pointer;
}
div.region,
div.interest,
div.category {
min-height: 190px !important;
}
.regions {
margin-top: 0px;
}
.regions.total-activity-page {
margin-top: 60px;
}
.my-trips {
margin-top: 55px;
}
.main-content-container {
padding: 0px !important;
}
.nav.loggedin {
background-color: transparent;
text-shadow: 0px 0px 50px #3e3e3e;
}
.primary-btn {
display: block;
width: 70%;
margin: 0 auto;
}
.add-region .regionNameDivInfo {
height: 100vh;
overflow: scroll;
border-radius: 0px !important;
}
.add-region .regionNameDiv .regionUpperdiv:last-child {
margin-bottom: 69px;
}
.regionNameDivInfo .slick-initialized {
min-height: calc(100vh - 48px);
}
.regionNameDivInfo .col-md-12.col-xs-12 {
/* min-height: calc(100vh - 150px); */
min-height: 210px;
width: calc(100vw - 40px);
}
.add-region .row.navigationDiv {
position: fixed;
margin: 0 auto !important;
bottom: 0px;
left: 0;
right: 0;
padding: 10px;
text-align: center;
background: #ffffff;
padding-top: 10px;
border-top: 1px solid #cccc;
width: 100% !important;
margin-bottom: 0px;
}
.redwoods-background {
background-image: url(/assets/images/background.png) !important;
background-size: cover;
}
div.region,
div.interest,
div.category {
min-height: 190px !important;
}
.standard-loggedout-form {
/* margin-top: 35px;
bottom: 0;
position: fixed;
right: 0;
left: 0;*/
}
.main-content-container {
padding: 0px !important;
height: 100% !important;
}
.nav.loggedin {
background-image: url(/assets/images/redwoods-background.png);
background-size: cover;
}
.topnav .section-left,
.topnav .section-right {
display: block;
}
.primary-btn {
display: block;
width: 70%;
margin: 0 auto;
}
}
@media screen and (max-width: 767px) {
.main-heading-div p {
font-family: "BrothersOT-Bold";
text-transform: uppercase;
}
.activities .main-heading-div p span {
font-family: "BrothersOT-Bold" !important;
}
.empty-filter-results {
margin-top: 80px;
}
#my-trips-page .main-content-container {
padding: 10px !important;
}
.loggedout-wrapper {
min-height: 100vh !important;
padding: 0px;
}
.posts-wrapper {
margin-top: 0px !important;
}
.bottom-nav > div {
height: 70px;
}
.loggedin {
padding: 15px;
}
.truncate {
width: 160px;
}
.full-screen-vcenter {
height: 100%;
display: block;
display: block;
-ms-flex-align: initial;
align-items: center;
}
.donate-page .full-screen-vcenter {
height: auto;
}
.sharebtn {
/* display: none; */
padding-top: 20px;
margin-right: 15px;
}
.browse-activities-popup,
.browse-parks-popup {
display: none;
}
.fa.fa-map-marker {
position: relative;
bottom: 2px;
}
.fa.fa-clock-o {
position: relative;
top: 1px;
}
ul.customize_step li {
width: 100%;
margin: 10px 0;
max-width: 100%;
}
.banner {
text-align: center;
height: 100vh;
}
section.customized h1 {
font-size: 23px;
margin-bottom: 30px;
text-align: center;
}
ul.customize_step {
display: block;
}
ul.customize_step li p {
margin: 20px 0 20px;
line-height: 20px;
}
section.customized-browse h3 {
font-size: 20px;
margin-bottom: 20px;
}
section.customized-browse {
background: #f3f3f3;
padding: 10px 15px 20px 15px;
}
ul.customize_step_footer li a {
line-height: normal;
font-size: 13px;
}
.main-content-container .cardGroup {
width: 100%;
}
.main-content-container .activity-group .activity-cat-heading span {
white-space: nowrap;
font-size: 13px;
}
.hide-in-mobile {
display: none;
}
.signup-button {
margin: 30px 0 0;
text-align: center;
width: 100%;
}
.planing-button a {
display: inline-block;
float: none;
}
.planing-button {
text-align: center;
}
.primary-btn.plan-trip,
.primary-btn.browsepark {
margin: 0 0 10px;
width: 100%;
}
.ReactModal__Content.ReactModal__Content--after-open {
width: 100% !important;
padding: 0px !important;
border-radius: 0px !important;
}
.add-region .regionNameDivInfo {
padding: 20px;
}
.regionNameDivInfo .new-content-class {
margin-top: 290px;
min-height: 200px;
}
.main-content-container .mobile-scroll .cardGroup {
width: 240px;
}
.mobile-scroll {
overflow-x: auto;
clear: both;
padding-left: 10px;
}
.overflow-scroll {
width: 1000px;
}
.mobile-view-scroll {
padding-left: 10px;
margin-top: 30px;
}
.overflow-view-scroll {
width: 1000px;
}
.new-content-class.interest-content h1 {
font-size: 15px;
}
.col-xs-9.no-padding-left {
padding-left: 0px !important;
}
.col-xs-10.no-padding {
padding: 0 0 0 0px !important;
}
.col-xs-3.just-for-you-image.new-all {
padding-left: 0 !important;
padding-right: 25px !important;
}
.nav.loggedin.hidden-xs {
display: block !important;
}
.nav.loggedin {
}
.options {
background-color: rgb(239, 239, 239);
margin: 0;
padding-top: 10px;
}
.filter-bar .col-md-6.results-categories-title.text-center {
display: inline-block;
float: left;
width: auto;
}
.filter-search {
float: right;
}
.filter-search.mobile-filter {
background-color: rgb(255, 255, 255);
box-shadow: 0 2px 2px 0 rgb(205, 205, 205);
color: rgb(0, 133, 93);
display: block;
float: left;
margin: 0px;
padding: 10px 25px !important;
text-align: left;
width: 100%;
}
.map-of-park .main-content-container .mobile-filter {
color: rgb(31, 119, 142);
}
.mobile-show {
cursor: pointer;
display: inline-block;
float: right;
}
.mobile-show > i {
padding-right: 5px;
}
.mobile-show-filter > i {
padding-right: 5px;
}
.main-content-container .activity-group .activity-cat-heading i {
display: inline;
}
.main-map-div {
display: none;
}
.showMap {
position: absolute;
display: block;
width: 100%;
z-index: 100000;
top: 0px;
max-height: 200px;
}
.showFilterMobile {
position: absolute;
display: block;
width: 100%;
z-index: 100000;
top: 0px;
/* max-height: 200px; */
}
.main-content-container .filter-search:nth-child(2n + 2) {
padding: 0;
}
.filter-bar-park .back-btn {
left: 0;
position: absolute;
top: 18px;
}
.main-content-container .filter-bar-park .results-categories-title {
padding: 0 0 0 40px;
}
.filter-bar .col-md-6.results-categories-title.text-center {
padding: 0 0 0 10px;
}
.regionNameDivInfo .slick-arrow.slick-prev {
left: 10px;
}
.information-button {
width: 150px;
}
.information-button-close {
margin: 35px 0 0;
right: 35px;
}
.explore-home .loggedin {
position: relative;
}
.col-md-5.main-map-div.map-mobile-div {
height: 300px;
overflow: hidden;
position: fixed;
top: 0;
width: 100%;
z-index: 9;
}
.mobile-map-close i {
color: rgb(255, 255, 255);
display: inline-block;
font-size: 45px;
font-style: normal;
transform: rotate(45deg);
}
.mobile-map-close {
background-color: rgb(211, 68, 39);
cursor: pointer;
display: inline-block;
height: 50px;
line-height: 52px;
text-align: center;
width: 50px;
}
.col-md-3.filter-search {
padding: 0 10px 0 0;
}
.filter-bar.filter-bar-park .col-md-6.results-categories-title.text-center {
padding: 0 0 0 25px;
}
.filter-bar-park .back-btn {
font-size: 15px;
left: 0;
top: 10px;
}
.explore-home .main-map-div {
float: left;
height: calc(100vh - 75px);
position: fixed;
top: 0;
width: 100%;
}
.mobile-map-close {
background-color: rgb(211, 68, 39);
cursor: pointer;
display: inline-block;
height: 50px;
line-height: 52px;
position: absolute;
text-align: center;
top: 0;
width: 50px;
z-index: 9;
}
.main-map-div #map-dashboard {
display: block !important;
height: 100vh;
position: absolute !important;
}
}
.browse-activities .back-btn {
position: static;
display: inline-block;
vertical-align: middle;
}
.add-to-trip input {
background-image: url(../images/label.svg);
border-radius: 5px !important;
border: 0;
width: 210px;
background-color: #d34427;
background-size: 25px;
margin: 0 !important;
background-position: 28px center;
color: #fff;
height: 60px;
background-repeat: no-repeat;
font-weight: bold;
cursor: pointer;
}
.add-to-trip {
display: inline-block;
vertical-align: middle;
margin: 0 15px 0 0;
}
.more-btn {
display: inline-block;
vertical-align: middle;
}
.more-btn button {
background-color: transparent;
border: solid 1px #00855d;
height: 60px;
border-radius: 5px;
}
.more-btn button i {
display: block;
font-style: normal;
color: #00855d;
width: 60px;
font-size: 13px;
line-height: 10px;
}
@media screen and (max-width: 990px) {
.main-content-container {
width: 100%;
}
.main-content-container .cardGroup {
float: left;
margin: 0 0 10px;
width: 33.333%;
}
.filter-bar.row {
padding: 10px 20px;
}
.headingTab {
float: left;
height: inherit;
margin-top: 0;
width: 100%;
}
.new-card-class {
float: left;
padding: 10px;
width: 100%;
}
.regionNameDivInfo .new-content-class {
margin-top: 290px;
padding: 20px 15px 0px 15px;
height: calc(100vh - 290px - 48px);
}
}
@media screen and (min-width: 993px) and (max-width: 1230px) {
.main-content-container {
width: 510px;
}
.mobile-scroll .cardGroup {
float: left;
width: calc(50%);
}
}
@media screen and (max-width: 1240px) {
ul.customize_step li {
width: 200px;
margin: 0 20px;
padding: 0 15px;
max-width: 100%;
}
}
@media screen and (max-width: 1380px) {
.menu-item {
padding: 13px 7px 0;
width: auto;
}
.main-content-container .filter-search {
padding: 0;
}
.filter-search {
/* font-size: 13px; */
text-align: right;
}
.main-content-container .activity-group .activity-cat-heading h1 {
font-size: 20px;
text-transform: uppercase;
}
.main-content-container .activity-group .activity-cat-heading span {
font-size: 14px;
}
.menu-with-icons p {
font-size: 12px;
}
}
@media all and (min-width: 721px) and (max-width: 1920px) {
.trip {
margin-top: 10px !important;
margin-right: 0px !important;
}
}
@media all and (min-width: 767px) {
.main-content-container {
margin-top: 75px;
}
.map-background {
height: 110vh;
}
.map-background.park-details {
height: 200px;
}
.no-padding-left-on-desktops {
padding-left: 0px;
}
}
@media all and (min-width: 767px) and (max-width: 992px) {
.main-content-container {
height: calc(100vh - 150px);
}
.nav.loggedin .menu {
-webkit-order: 3;
order: 3;
width: 100%;
padding: 5px 0 2px;
border-top: 1px solid #555;
justify-content: space-between;
}
.topnav {
flex-flow: row wrap;
}
.main-content-container {
margin-top: 150px;
width: 100%;
}
}
@media all and (max-width: 768px) {
.apply-btn-block {
position: fixed;
}
.filter-container {
padding-bottom: 50px;
padding-top: 50px;
}
.hidemap {
display: none;
}
.event-wrapper {
padding-bottom: 30px;
}
/*.map-background.mobile-map { height: 235px; }*/
div.interest-popup {
display: none !important;
}
.selectThisButton {
bottom: 0px;
position: absolute;
right: 0;
left: 0;
width: calc(100vw - 40px);
}
}
@media all and (min-width: 721px) and (max-width: 1920px) {
/*.onboarding div.region,*/
/*.onboarding div.interest, */
.onboarding div.category {
background-color: #fff;
padding: 0;
width: 45.5%;
margin-right: 25px;
margin-top: 15px;
margin-bottom: 15px;
min-height: 225px;
}
.onboarding div.interest {
background-color: #000;
}
}
@media all and (min-width: 1202px) and (max-width: 1920px) {
div.region,
div.interest,
div.category,
.onboarding div.region,
.onboarding div.interest,
.onboarding div.category {
background-color: #fcfbf1;
padding: 0;
width: 31.25%;
margin-right: 25px;
margin-top: 15px;
margin-bottom: 15px;
min-height: 225px;
}
.activities div.region,
div.interest,
div.category {
width: 100%;
}
.my-trips .slick-initialized .slick-slide {
width: 27vw !important;
}
}
.card-border-class {
/* background-color: #ffffff;
border: medium none !important;
box-shadow: 0 0 10px 0 #c0c0c0 !important; */
}
.activity-card {
background-color: #ffffff;
box-shadow: 0 0 10px 0 #c0c0c0;
padding: 0;
width: 100%;
min-height: 305px;
}
.activity-card h1 {
color: #00855d !important;
}
@media all and (min-width: 1100px) {
.activityMoreBottom {
padding: 0px 110px;
}
}
.direction-heading {
padding-left: 35px;
}
.direction-heading .heading-park {
color: #07778e;
}
.park-location {
font-weight: bolder;
}
.park-location.muted {
font-weight: 300;
}
.get-direction {
float: left;
}
.get-direction a {
color: #07778e;
}
.parks-detail .filter-bar {
background-color: #07778e;
}
.main-heading-park h2 {
color: #07778e;
font-family: "BrothersOT-Bold";
font-size: 32px;
margin-top: 0px;
/* padding-left: 15px; */
}
.park-text {
font-weight: bolder;
font-size: 17px;
}
.list-checkbox {
background-color: rgb(255, 255, 255);
border: 2px solid rgb(201, 203, 212);
border-radius: 45px;
color: rgb(71, 71, 76);
display: inline-block;
padding: 6px 12px;
}
.list-location input {
cursor: pointer;
height: 100%;
margin: 0;
opacity: 0;
position: absolute;
left: 0px;
width: 100%;
}
.locatio-section input:checked ~ .list-checkbox {
background-color: #01778e;
border-color: #01778e;
color: #fff;
}
.big-checkbox {
width: auto;
min-width: 325px;
}
.list-checkbox.small-checkbox {
margin: 0 0 0 10px;
text-align: center;
width: auto;
min-width: 65px;
}
.list-location {
display: inline-block;
margin: 15px 0 0;
position: relative;
}
/*++++++++++++++++++++
Changes
++++++++++++++++++++*/
.d-flex {
display: flex;
}
.align-item-center {
align-items: center;
}
.view-all-link {
text-align: right;
justify-content: flex-end;
}
.view-all-link a {
font-family: "BrothersOT-Bold";
font-size: 18px;
cursor: pointer;
}
.view-all-link span {
font-family: "BrothersOT-Bold";
margin-right: 10px;
font-size: 18px;
position: relative;
top: 4px;
cursor: pointer;
}
.view-all-link i {
font-size: 18px;
}
.more-details-div {
font-size: 13px;
font-weight: 500;
}
.more-details-div p {
white-space: pre-line;
}
.more-details-div p a {
color: #07778e;
font-weight: 600;
/* text-decoration: underline; */
}
.more-details-div h4 {
font-size: 15px;
font-weight: 700;
color: #47474c;
margin-bottom: 2px;
}
.fe_container .fe_title .fe_location {
display: none !important;
}
.heading-activity {
/* position: relative; left: -15px; */
margin-top: 5px;
}
.results-categories-title p {
margin-bottom: 0px;
cursor: pointer;
}
.activity_card_over_map {
display: none;
}
/* Activity Page style changes */
/*Add trip modal styling*/
.ReactModal__Content {
border: none !important;
}
.activity-modal-wrap {
background-color: #efefef;
display: block;
margin: 25px auto !important;
width: 400px;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
.activity-modal-wrap .top {
height: 50px;
background-color: #00855d;
display: flex;
align-items: center;
justify-content: center;
position: relative;
}
.activity-modal-wrap .top h3 {
font-size: 21px;
font-family: "BrothersOT-Bold";
color: #ffffff;
margin: 0px;
}
.activity-modal-wrap .top p {
position: absolute;
top: 10px;
right: 20px;
color: #ffffff;
cursor: pointer;
}
.add-trip-modal-content li {
display: inline-block;
width: 100%;
vertical-align: middle;
border-top: 1px dotted #ccc;
line-height: 3;
font-size: 14px;
font-weight: 500;
}
.add-trip-modal-content {
padding: 20px;
}
.create-new-trip {
cursor: pointer;
}
.add-trip-modal-content input[type="submit"] {
border: 0;
background-color: #d9531e;
color: #fff;
padding: 10px;
font-size: 18px;
font-weight: 600;
min-width: 200px;
max-width: 250px;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
border-radius: 30px;
}
.add-trip-modal-content input[type="submit"]:hover {
opacity: 0.7;
}
.activities.parks-detail .direction-heading {
padding-left: 35px;
padding-bottom: 10px;
}
.page-title-strip-wrap {
max-width: 90%;
display: block;
padding: 10px 15px;
}
.activity-detail .main-heading-div {
margin-top: -7px;
}
.parks-detail .main-heading-div {
margin-top: -30px;
padding: 15px 15px;
align-items: center;
}
.parks-detail .main-heading-div .row {
display: flex;
align-items: center;
}
.activities .main-heading-div h3 {
font-size: 32px;
}
.activities .main-heading-div p {
font-size: 14px;
}
.activities .main-heading-div p a {
font-family: "BrothersOT-Bold";
text-transform: uppercase;
}
.activities .main-heading-div p span {
color: #474747;
font-family: "BrothersOT-Bold";
}
.btn-showmore {
min-width: 210px;
padding: 5px 30px;
font-size: 14px;
text-align: center;
margin-bottom: 25px;
margin-top: 10px;
background: #ccc;
}
.discription-title {
margin-bottom: 0px;
}
p.locationp {
margin-bottom: 0;
}
/* .activity-description br{display: none;} */
.activities .direction-heading {
padding-left: 70px;
padding-bottom: 10px;
}
.heading-directions {
font-size: 18px;
color: #07778e;
font-weight: 700;
}
.park-location-sub-text {
font-weight: normal;
font-size: 13px;
}
.activities .park-location {
margin-bottom: 0px;
padding-bottom: 0px;
font-size: 15px;
font-weight: 600;
}
.activities .map-background {
max-height: 215px !important;
}
.activities .grid-heading {
font-size: 16px !important;
}
/* Explore home map styling */
.bring-front {
z-index: 9999 !important;
}
.showMap {
position: absolute;
display: block;
width: 100%;
z-index: 100000;
top: 0px;
max-height: 400px;
overflow: hidden;
background-color: transparent;
padding: 0;
}
.showbtnclass {
position: relative;
z-index: 99999;
width: 40px;
height: 40px;
background-color: #d34427;
display: flex;
align-items: center;
justify-content: center;
color: #fff;
font-weight: 700;
margin-top: 211px;
float: left;
}
/* Explore home card height issue adjustment */
.explore-home .main-content-container .new-card-class {
min-height: 325px;
}
.btn-filter-apply i {
padding-right: 10px;
}
/*Signin Popup Styling*/
.ReactModal__Overlay {
background-color: rgba(0, 0, 0, 0.4) !important;
z-index: 999;
}
.ReactModal__Content {
background-color: transparent !important;
}
.ReactModal__Content h1,
.ReactModal__Content h2 {
display: none;
}
.loggedout-wrapper {
background-color: rgba(71, 71, 75, 0.5);
}
.login-form-wrap {
background-color: #efefef;
border-radius: 10px;
width: 400px;
overflow: hidden;
box-shadow: 0 0 15px rgba(0, 0, 0, 0.25);
margin: 25px auto;
}
.login-head {
padding: 10px;
background-color: #47474c;
text-align: center;
position: relative;
height: 60px;
display: flex;
align-items: center;
justify-content: center;
}
.login-head p {
margin-bottom: 0px;
font-size: 21px;
font-family: "BrothersOT-Bold";
color: #ffffff;
}
.login-head .close-icon {
color: #ffffff;
position: absolute;
top: 20px;
right: 15px;
font-size: 24px;
cursor: pointer;
}
.login-form-body {
padding: 25px;
min-height: 325px;
}
.login-form-body label {
font-size: 16px;
color: #47474c;
font-weight: 600;
padding-left: 10px;
}
.login-form-body input[type="email"],
.login-form-body input[type="password"],
.login-form-body input[type="text"] {
border: 1px solid #868686;
border-radius: 5px;
background-color: #fff;
height: 40px;
font-size: 13px;
letter-spacing: 0.025em;
font-weight: 500;
margin-bottom: 15px;
}
.login-form-body input[type="submit"] {
border: 0;
background-color: #d9531e;
color: #fff;
padding: 10px;
font-size: 18px;
font-weight: 600;
min-width: 80%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
border-radius: 30px;
}
.login-form-body input:hover {
opacity: 0.7;
}
.fg-password {
font-size: 12px;
font-weight: 600;
text-align: left;
margin-top: 3px;
display: block;
cursor: pointer;
}
.orDiv {
text-align: center;
height: 50px;
}
.orSpan {
font-size: 14px;
font-weight: 600;
color: #47474c;
background-color: #efefef;
padding: 10px;
z-index: 1;
position: relative;
}
.orSpan::after {
content: "";
position: absolute;
top: 20px;
right: 0;
width: 250px;
height: 1px;
background-color: #474747;
left: -100px;
margin: auto;
z-index: -1;
}
.btn-fblogin {
border-radius: 30px;
border: 0;
background-color: #25618b;
color: #fff;
padding: 10px;
font-size: 14px;
font-weight: 600;
max-width: 80%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
}
.btn-fblogin:hover {
color: #ffffff;
opacity: 0.7;
}
.btn-fblogin i {
border: 1px solid #ffffff;
color: #fff;
display: inline-block;
width: 15px;
padding: 2px;
height: 15px;
font-size: 10px;
margin-right: 5px;
}
.login-else-meta {
font-weight: 600;
font-size: 16px;
margin-top: 10px;
}
.login-else-meta a {
color: #d9531e;
}
/*Signup Popup Styling*/
.signup-wrap {
background-color: #efefef;
border-radius: 10px;
overflow: hidden;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
width: 400px;
margin-top: 25px;
}
#signup-form .login-form-body input[type="submit"] {
margin: 20px auto;
}
#signup-form .login-form-body button {
border-radius: 30px;
border: 0;
background-color: #25618b;
color: #fff;
padding: 10px;
font-size: 14px;
font-weight: 600;
max-width: 80%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
min-width: 80%;
}
#signup-form .login-form-body button:hover {
color: #ffffff;
opacity: 0.7;
}
/*Trip Details page*/
.trips-details .filter-bar {
background-color: #d34427;
}
.trips-details .filter-bar a.back-btn {
font-size: 15px;
font-weight: 500;
top: 0px;
}
.sd-block {
text-align: right;
color: #ffffff;
}
.sd-block a {
font-weight: 500;
padding: 0 1px;
font-size: 14px;
display: inline-block;
}
.trips-page-title {
padding: 20px 10px;
box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
margin-bottom: 20px;
}
.trips-page-title h2 {
font-size: 18px;
font-family: "BrothersOT-Bold";
color: #47474c;
margin: 0px;
}
.trips h1.trip-title {
color: #01778e !important;
position: relative;
padding-left: 50px;
max-width: 100%;
white-space: pre-line;
min-height: 45px;
text-align: left;
display: flex;
font-family: "BrothersOT-Bold";
}
.trips h1.trip-title a {
font-family: "BrothersOT-Bold";
}
.trips h1.trip-title .btn-trip-del {
flex: 1;
text-align: left;
top: -10px;
position: relative;
}
.trips h1.trip-title .btn-trip-del a {
background-color: #d34427;
border-radius: 100%;
}
.trips h1.trip-title::before {
content: "";
position: absolute;
width: 45px;
height: 40px;
top: 3px;
left: 0;
background-image: url("../images/trip-title-img.png");
background-repeat: no-repeat;
background-size: contain;
}
.trips .cardGroup1 {
max-width: 100%;
margin: 0 auto;
}
.trip-details-de {
display: flex;
align-items: center;
height: auto;
margin-top: 23px;
}
.trip-details-de li {
display: inline-flex;
margin-right: 15px;
}
.trip-details-de li a {
font-size: 14px;
font-weight: 600;
color: #01778e;
width: 100%;
}
.trip-details-de li a img {
position: relative;
top: -3px;
margin-right: 5px;
}
.btn-trip-del {
text-align: right;
padding: 5px 10px;
position: absolute;
right: 0;
z-index: 999;
}
.btn-trip-del a {
color: #fff;
font-size: 16px;
padding: 5px;
width: 30px;
height: 30px;
display: inline-flex;
align-items: center;
justify-content: center;
border-radius: 100%;
background-color: #d34427;
border-radius: 100%;
}
.btn-trip-del a:hover {
background-color: #d34427;
}
/*Multile Pages Styling*/
.main-content-container-trip {
padding: 0px;
height: 100vh;
background-color: #fcfbf1;
overflow-x: hidden;
background-color: #fafafa;
float: left;
width: 100%;
height: calc(100vh - 75px);
margin-top: 75px;
}
.text-blue {
color: #07778e;
}
.mobile-scroll .cardGroup1 {
float: left;
width: 20%;
padding: 10px;
cursor: pointer;
}
.cardGroup1 .card-img {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
height: 170px;
background-position: center;
background-color: #ccc;
}
.main-content-container-trip .new-card-class {
background-color: #ffffff;
border: medium none;
box-shadow: 0 0 10px 0 #c0c0c0;
padding: 0;
width: 100%;
min-height: 310px;
}
.main-content-container-trip .filter-bar {
background-color: #d3452f;
padding: 20px 10px;
}
.post-wrapper .container-fluid {
padding-left: 10px;
padding-right: 10px;
}
.filter-bar.flex-container.subtitlediv {
background-color: #fff;
color: #000;
}
.subtitlediv .results-categories-title {
color: #000;
}
.trip-bar {
background-color: #d3452f;
}
.trip-card {
box-shadow: 0 0 10px 0 #c0c0c0;
padding: 0px;
min-height: 300px;
}
.trip-card:hover {
cursor: pointer;
}
.trip-card h1 {
margin-bottom: 4px !important;
}
p.date-timeago {
margin-top: 10px;
}
.bottom-content1 {
padding-right: 10px;
}
.bottom-content1 .mobile-scroll {
padding-left: 0px;
}
/*My Trips page styling*/
.trips {
margin: 30px 5px;
}
.btn-add-trip {
margin-left: 15px;
margin-bottom: 25px;
}
.action-bar h1 {
font-size: 20px;
color: #ffffff;
margin: 0px;
font-family: "BrothersOT-Bold";
}
.createTripBtn {
color: #fff;
font-size: 15px;
text-align: right;
margin-right: 15px;
cursor: pointer;
font-weight: 500;
}
#my-trips-page.new-card-class {
max-height: 275px;
}
.btn-add-trip a {
display: inline-block;
margin-top: 20px;
padding: 10px 20px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.25);
font-size: 15px;
font-weight: 600;
color: #d3452f;
min-width: 245px;
/* text-align: center; */
}
.total-activity-login {
margin-left: 5px;
color: #d3452f;
}
.total-activity-login:focus {
color: #d3452f;
}
/* .popup-overlay {
position: fixed;
top: 0;
bottom: 0;
left: 0;
right: 0;
background-color: rgba(0,0,0,0.4);
z-index: 9999999;
} */
.pop-up-wrap {
max-width: 400px;
min-width: 350px;
min-height: 425px;
background-color: #efefef;
margin: 25px auto;
border-radius: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
overflow: hidden;
}
.popup-header {
background-color: #d3452f;
text-align: center;
position: relative;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
}
.popup-header i {
cursor: pointer;
}
.popup-header h1 {
margin: 0px;
font-size: 20px;
font-family: "BrothersOT-Bold";
color: #fff;
}
.popup-header p {
position: absolute;
right: 15px;
color: #fff;
}
.popup-body {
padding: 25px;
}
.popup-body input[type="text"] {
height: 50px;
}
input[type="submit"].btn-std {
border: 0;
background-color: #d3452f;
color: #fff;
padding: 10px;
font-size: 16px;
font-weight: 600;
min-width: 50%;
height: 40px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
border-radius: 30px;
}
input[type="submit"].btn-std:hover {
opacity: 0.7;
}
.trips-details .trips {
margin-top: 0px;
margin-bottom: 0px;
padding-left: 15px;
}
#my-trips-page .main-content-container-trip .trips .new-card-class {
max-height: 300px;
min-height: 295px;
}
.morepopup-list li {
display: block;
padding: 10px;
border-bottom: 1px solid #777;
text-align: left;
}
.morepopup-list li span {
font-weight: 700;
}
/* ._2ntYm0l7Kq9vMkbFEvgwM9{min-width: 390px; border-radius: 5px !important;} */
.post-wrapper {
max-width: 100%;
margin: 0 auto;
}
.more-post-list li {
}
.help-section-title {
font-size: 15px;
margin-bottom: 30px;
margin-top: 35px;
}
.more-post {
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
cursor: pointer;
}
.post-thumbnail {
height: 125px;
overflow: hidden;
}
.post-details {
padding: 20px;
background-color: #fff;
min-height: 350px;
}
.post-details h3 {
font-size: 17px;
font-family: "BrothersOT-Bold";
color: #474747;
}
.post-details p {
font-size: 14px;
}
.post-list {
display: inline-block;
vertical-align: top;
float: none;
margin-bottom: 25px;
}
.start-btn {
margin-top: 30px;
}
ul.customize_step li a {
margin-top: 25px;
display: block;
}
ul.customize_step li a strong {
color: #d9531e;
}
.location-heading {
position: relative;
left: -5px;
}
.theme-card {
box-shadow: 0 0 10px 0 #c0c0c0;
background-color: #fff;
padding: 0px;
min-height: 310px;
position: relative;
/* min-width: 215px; */
min-height: 335px;
margin: 10px 0px 10px;
}
.card-content {
padding: 0 15px 15px;
}
.card-content p {
margin-bottom: 0px;
margin-top: 10px;
line-height: 14px;
}
.card-content .locationpp {
font-size: 12px;
font-weight: 500;
}
.card-content .discription {
font-size: 13px;
}
.eh-card {
box-shadow: 0 0 10px 0 #c0c0c0;
background-color: #fff;
padding: 0px;
min-height: 310px;
position: relative;
}
.fixed-bottom {
position: fixed;
left: 0;
right: 0;
bottom: 0;
background-color: #ffffff;
z-index: 99;
padding-bottom: 10px;
padding-left: 15px;
}
.bottom-adtrip-block h3 {
margin-top: 5px;
}
.iPad-map-strip {
padding: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
}
.iPad-map-strip span {
color: #00855d;
font-weight: 500;
}
.event-list-wrap {
margin-top: 20px;
}
.event-list-wrap li {
margin-bottom: 20px;
transition: all ease-in-out 0.4s;
}
.event-list-wrap a {
display: block;
}
.event-list-wrap li:hover {
/* background-color: rgba(0, 0, 0, 0.2); */
box-shadow: 0 0px 3px rgba(0, 0, 0, 0.2);
margin-left: 5px;
}
.event-timing {
background-color: #01778e;
width: 45px;
height: 45px;
padding: 5px;
}
.event-timing span {
display: block;
width: 100%;
text-align: center;
flex: 0;
color: #fff;
line-height: 1.5;
}
.event-detail-wrap p {
margin-bottom: 0px;
line-height: 1.8;
}
.event-details-link {
color: #01778e;
}
.activity-group .cardGroup {
padding: 10px 10px 10px 0;
}
.all-event-link {
font-size: 18px;
font-family: "BrothersOT-Bold";
text-transform: uppercase;
color: #01778e;
margin-top: 8px;
display: block;
}
/*Printing Pages Styling*/
.print-page-wraper {
border: 1px solid #eee;
border-radius: 5px;
max-width: 800px;
margin: 15px auto;
padding: 20px;
box-shadow: 0 0 7px rgba(0, 0, 0, 0.1);
}
.print-page-wraper strong {
display: block;
padding: 5px;
background-color: rgba(238, 238, 238, 0.29);
border-radius: 3px;
margin: 10px 0;
}
.trip-print-page-wraper {
/* border: 1px solid #eee; */
border-radius: 5px;
max-width: 800px;
margin: 15px auto;
padding: 20px;
/* box-shadow: 0 0 7px rgba(0,0,0,0.1); */
}
.print-park-details {
position: relative;
border: 1px solid #eee;
padding: 15px;
}
.print-park-details .title {
position: absolute;
top: -25px;
left: 35%;
right: 35%;
color: #666;
border: 1px solid #eee;
padding: 10px;
margin: 0;
background: #eee !important;
font-family: "BrothersOT-Bold";
font-size: 18px;
}
.text-panel {
position: relative;
border: 1px dashed #eee;
margin: 55px 15px 30px;
padding: 25px 10px 10px;
}
.text-panel .title {
position: absolute;
top: -25px;
left: 30%;
right: 30%;
color: #666;
border: 1px solid #eee;
padding: 10px;
margin: 0;
background: #f9f9f9 !important;
font-family: "BrothersOT-Bold";
font-size: 14px;
}
.table td,
.table th {
padding: 15px;
}
.table th {
background-color: #f9f9f9 !important;
}
.table th h3 {
margin: 0px;
}
.table td {
vertical-align: top !important;
}
.print-trip .card-title {
margin-top: 0px;
}
.table-title {
color: #737373;
margin-top: 0;
font-family: "BrothersOT-Bold";
font-size: 20px;
}
.table-subtitle {
color: #737373;
margin-top: 0;
font-family: "BrothersOT-Bold";
font-size: 16px;
}
.table-bordered-dashed {
border: 1px dashed #ddd;
}
.mobile-scroll {
padding-left: 10px;
}
.share-btn-list .fa-print {
color: #606060 !important;
cursor: pointer;
}
/* no-gutters Class Rules */
.row.no-gutters {
margin-right: 0;
margin-left: 0;
}
.row.no-gutters > [class^="col-"],
.row.no-gutters > [class*=" col-"] {
padding-right: 0;
padding-left: 0;
}
.main-content-container-trip {
padding: 0px;
height: 100vh;
background-color: #fcfbf1;
overflow-x: hidden;
background-color: #fafafa;
float: left;
width: 100%;
height: calc(100vh - 75px);
margin-top: 75px;
}
.mobile-scroll .cardGroup1 {
float: left;
width: 20%;
padding: 10px;
cursor: pointer;
}
.trashIcon {
/* color:black; */
}
.cardGroup1 .card-img {
width: 100%;
background-size: cover;
background-repeat: no-repeat;
height: 170px;
background-position: center;
background-color: #ccc;
position: relative;
}
.main-content-container-trip .new-card-class {
background-color: #ffffff;
border: medium none;
box-shadow: 0 0 10px 0 #c0c0c0;
padding: 0;
width: 100%;
min-height: 310px;
}
.main-content-container-trip .filter-bar {
background-color: #d3452f;
}
.createTripBtn {
color: #fff;
font-size: 20px;
text-align: right;
margin-right: 0px;
cursor: pointer;
}
.filter-bar.flex-container.subtitlediv {
background-color: #fff;
color: #000;
}
.subtitlediv .results-categories-title {
color: #000;
}
.trip-bar {
background-color: #d3452f;
}
.activity-description a {
color: #424244;
}
.login-form-body .kep-login-facebook {
border-radius: 30px !important;
border: 0;
background-color: #25618b;
color: #fff;
padding: 10px;
font-size: 14px;
font-weight: 600;
max-width: 80%;
height: 50px;
display: flex;
align-items: center;
justify-content: center;
margin: auto;
min-width: 80%;
}
.my-account ul {
/* width: 20%; */
}
.my-account ul li.create-new-trip {
color: #424244;
}
.my-account ul li a {
color: #424244;
}
.my-account ul li {
background: none;
padding: 15px 15px 0px 15px;
height: 50px;
border-bottom: 1px solid #bbbbbb;
font-weight: 500;
}
.home-park-list {
max-width: 50%;
}
.home-park-list li {
position: relative;
padding-left: 30px;
}
.home-park-list li::before {
content: "";
width: 8px;
height: 8px;
background-color: #606060;
border-radius: 100%;
position: absolute;
top: 10px;
left: 15px;
}
.home-park-list a {
font-weight: 700;
color: #01778e;
text-decoration: underline;
font-size: 14px;
}
/*
.customize_step_footer li>ul>li {
float: left;
width: 50%;
} */
ul.ul-with-divide {
width: 50%;
float: left;
}
.customize_step_footer li > h5 {
clear: both;
margin: 0px;
line-height: 14px;
padding-top: 30px;
padding-bottom: 15px;
font-weight: normal;
font-size: 18px;
}
.view-all-park {
margin-left: 5px;
}
.filter-bar-park {
background-color: #01778e;
}
h1.no-padding.active-heading.active-heading-park {
color: #07778e !important;
}
.park-selected button.btn.btn-primary.interest-button {
background-color: #07778e;
}
.wrap {
max-width: initial !important;
padding-right: initial !important;
padding-left: initial !important;
}
.site-content {
padding: 0px !important;
}
.archive.page-one-column:not(.has-sidebar) #primary {
max-width: initial;
}
.btn-name-search {
width: 100px;
height: 35px;
color: #ffffff;
text-transform: uppercase;
background-color: #d34427;
margin-left: 10px !important;
border-radius: 4px !important;
}
.input-name-search {
border-radius: 4px !important;
border: 1px solid #01778e !important;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.25);
}
/*Storeis Page*/
.stories-wraper {
margin-top: 30px;
}
.blogpost-wrap {
padding: 30px;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.2);
background-color: #fff;
}
.story-list li {
padding-bottom: 30px;
margin-bottom: 30px;
border-bottom: 1px solid #dfdcdc;
}
.story-thumb {
width: 235px;
height: 235px;
overflow: hidden;
}
.story-thumb img {
max-width: 100%;
width: 100%;
}
.story-discription h3 {
margin-top: 0px;
margin-bottom: 0px;
color: #00855d;
font-weight: 700;
}
.story-author {
font-size: 13px;
font-weight: 500;
}
.story-discription a {
color: #00855d;
font-weight: 500;
}
.story-short-discription {
line-height: 24px;
}
.all-stories {
color: #d34427;
font-weight: 600;
}
.mobile-show-trip {
color: rgb(211, 69, 48) !important;
}
/* .main-content-container .activity-group .activity-cat-heading h1 {
margin-left: 0px;
} */
/*+++++++++++++++++++++++++++++++++++++
Responsive start
++++++++++++++++++++++++++++++++++++++*/
@media (max-width: 767px) {
.page-title-strip-wrap {
max-width: 100%;
}
.map-background {
height: 350px;
}
.park-text {
margin-top: 0px;
padding-top: 15px;
}
.activity-found-subtext br {
display: none;
}
.no-trip-message-without-login {
padding-left: 10px;
}
.bb-trip-detail {
position: relative !important;
left: 0px !important;
top: 0px;
}
.mob-login {
margin-top: 0px;
}
.loggedout-wrapper h1 {
margin-top: 0px;
}
.story-thumb {
width: 100%;
margin-bottom: 15px;
}
.location-heading {
margin-left: 0px !important;
}
.explore-slider .slick-list {
/* padding-left: 0px !important; */
margin-left: -50px;
}
.eh-card {
min-height: 0px;
}
.main-content-container .activity-group .activity-cat-heading h1 {
font-size: 15px;
}
.theme-card {
min-height: 0px;
}
.blogpost-wrap {
box-shadow: none;
padding: 15px;
}
.story-thumb img {
width: 100%;
margin-bottom: 15px;
}
.mobile-scroll-park {
width: 12000px;
}
.main-content-container .mobile-scroll1 .cardGroup {
width: 100%;
}
.browse-category-title {
padding-top: 10px;
margin-bottom: 0px;
padding-left: 15px;
}
.add-region p.region-explaination {
max-width: 80%;
}
.by-feature-block {
/* padding-bottom: 60px; */
}
.by-location-block {
/* padding-bottom: 145px; */
padding-left: 15px;
}
.ReactModal__Content--after-open {
position: static !important;
}
.activity-modal-wrap {
width: 100%;
height: 100vh;
border-radius: 0px;
margin-top: 0px !important;
}
.selectThisButton {
top: auto;
}
.main-content-container-trip {
margin-top: 0px !important;
/* height: calc(100vh - 150px); */
height: auto;
margin-bottom: 75px;
}
.logo {
margin-top: 0px;
}
/*Signup and Signin Popup*/
.signup-wrap,
.login-form-wrap {
width: 100%;
height: 100vh;
border-radius: 0px;
margin-top: 0px;
}
.buttonPadding .btn-primary.btn.interest-button {
height: auto;
text-align: left;
padding-top: 8px;
padding-bottom: 8px;
white-space: normal;
}
/*my trips page*/
#my-trips-page .main-content-container-trip {
margin-top: 0px;
}
.createTripBtn {
margin-right: 0px;
}
/* #my-trips-page .mobile-scroll{display: none;} */
#my-trips-page .trips {
display: none;
}
#my-trips-page .pop-up-wrap {
position: fixed;
z-index: 999999999;
top: 0;
left: 0;
right: 0;
margin-top: 0;
border-radius: 0;
height: 100vh;
max-width: 100%;
width: 100%;
}
.mobile-trip-list li {
display: flex;
height: 55px;
border-bottom: 1px solid #474747;
align-items: center;
justify-content: flex-start;
padding: 10px 15px;
font-family: "BrothersOT-Bold";
font-size: 18px;
cursor: pointer;
}
.mobile-trip-list li span {
flex: 1;
text-align: right;
font-family: "BrothersOT-Bold";
font-size: 18px;
color: #40a486;
padding-right: 15px;
}
.create-hooku-text {
padding: 20px;
text-align: center;
background-color: #efefef;
position: relative;
}
.create-hooku-text::after {
bottom: 100%;
left: 70%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
border-color: rgba(136, 183, 213, 0);
border-bottom-color: #efefef;
border-width: 10px;
margin-left: -10px;
}
.create-hooku-text .title {
font-size: 18px;
font-weight: 700;
margin-bottom: 0px;
color: #d9531e;
}
.create-hooku-text .sub-title {
font-size: 15px;
font-weight: 500;
line-height: 130%;
}
/* Map Park Page */
.map-of-park .filter-bar {
background-color: #01778e;
}
.activity-group .filter-cat-heading h1 {
margin-top: 10px;
}
.main-map-div > div {
overflow-x: hidden;
}
.list-location {
width: 100%;
}
.big-checkbox {
width: 65%;
min-width: 65%;
margin-left: 0px;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
.list-checkbox.small-checkbox {
width: 25%;
min-width: 25%;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
float: left;
}
.explore-home .main-map-div {
height: 100vh;
}
.explore-filter {
padding: 0px 0px 25px 0px;
min-height: 100vh;
width: 100vw;
overflow-x: hidden;
}
.featured-activity {
display: none;
/*Temporary*/
}
.toplayerssidebar {
margin-top: 0px !important;
display: none;
}
.main-heading-park h2 {
font-size: 21px;
padding-left: 0px;
}
.add-to-trip input {
height: 45px;
width: 130px;
font-size: 12px;
text-align: right;
padding: 0 20px;
background-position-x: 10px;
}
.more-btn button {
display: none;
}
/*Temporary*/
.activity_card_over_map {
position: static;
margin-top: 0px;
margin-bottom: 20px;
}
.get-direction {
float: none;
}
.park-location {
float: none;
}
.card-border-class {
margin-bottom: 20px;
}
ul.intro-tab {
display: flex;
justify-content: space-between;
padding: 10px;
}
ul.intro-tab li a {
padding: 15px 0 10px;
font-size: 14px;
}
ul.intro-tab li.active a {
border-bottom: 2px solid #01778e;
font-weight: 700;
}
.main-heading-div {
padding-bottom: 10px;
margin-bottom: 0px;
}
.mobile-img-wrap {
background-image: url("https://exploreredwood.staging.wpengine.com/wp-content/uploads/2017/09/csv-images/ArmstrongRedwoodsSP_moultriecreek_FCC-park-large.jpg");
background-repeat: no-repeat;
background-size: cover;
max-height: 300px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
height: 300px;
left: 0;
}
.parks-detail .filter-bar {
position: relative;
height: 300px;
}
.mobile-park-page-logo {
max-width: 100px;
}
.top-strip-mobile {
background-color: rgba(0, 0, 0, 0.5);
padding: 10px 15px;
}
.top-strip-mobile .back-btn {
position: absolute;
}
.back-btn {
top: 8px;
/* position: absolute; */
/* display: none; */
left: 25px;
}
.loggedout-wrapper .back-btn {
display: none;
}
.toplayerssidebar .filter-bar {
padding-top: 0px;
}
.pdetail-content-wrap {
background-color: #efefef;
}
.activities_parks_markers.map-background.mobile-map {
max-height: 140px;
}
.trips-details .filter-bar.trip-bar {
padding: 10px 20px;
}
.mobile-direction-block {
background-color: #fff;
width: 120%;
position: relative;
left: -30px;
padding-right: 46px;
padding-left: 32px;
padding-top: 20px;
padding-bottom: 0px;
}
.mobile-direction-block h3 {
font-size: 18px;
font-weight: 700;
color: #01778e;
margin-top: 0px;
}
.mobile-direction-map h2 {
margin-top: 0px;
font-size: 15px;
}
.mobile-direction-map .park-location {
font-size: 15px;
line-height: 100%;
margin-bottom: 8px !important;
}
.mobile-direction-map .get-direction {
text-align: left !important;
}
.mobile-direction-map .park-location.muted {
font-weight: 300;
font-size: 13px !important;
margin-top: 5px;
}
.view-all-link {
display: none;
}
.more-details-div hr {
display: none;
}
.activities .heading-park {
color: #47474c;
font-family: "BrothersOT-Bold";
text-transform: uppercase;
}
.bottom-adtrip-wrap {
/* margin-bottom: 25px; */
z-index:0;
}
.bottom-adtrip-block h3 a {
color: #01778e;
font-family: "BrothersOT-Bold";
font-size: 16px;
}
.bottom-adtrip-block h3 a i {
padding-right: 10px;
}
.bottom-adtrip-block .add-to-trip input {
width: 240px;
height: 60px;
text-align: center;
font-size: 17px;
background-position-x: 40px;
}
.bottom-adtrip-block .more-btn button {
display: block !important;
}
.more-details-wrap-mobile {
position: relative;
background-color: #fff;
top: auto;
left: -20px;
width: 114%;
padding-left: 15px;
padding-right: 25px;
padding-bottom: 15px;
}
.mobile-direction-map {
max-height: inherit;
overflow: hidden;
}
/* Activity Page Styling */
.activities .main-heading-div h3 {
font-size: 21px;
margin-top: 0px;
}
.activities .toplayerssidebar .filter-bar {
display: block;
}
.page-title-strip-wrap {
/* max-width: 100%; */
}
.activities .main-heading-div {
margin-top: 298px;
padding-top: 10px;
}
.activities .main-heading-div p {
/* font-family: "Montserrat", sans-serif; */
font-size: 14px;
text-transform: uppercase;
color: #01778e;
}
.col-xs-6.d-flex.add-trip-link {
justify-content: flex-end;
}
.add-to-trip {
margin-right: 10px;
}
.activity-mobile-direction-wrap {
background-color: #fff;
padding: 20px 15px;
position: relative;
left: -15px;
width: 110%;
}
.activity-mobile-direction-wrap .heading-park {
margin-top: 0px;
}
.activity-mobile-direction-wrap .title {
font-size: 15px;
font-weight: 700;
line-height: 105%;
}
.activity-mobile-direction-wrap .sub-title {
font-size: 13px;
line-height: 105%;
}
.activity-mobile-direction-wrap .map-background {
max-height: 140px !important;
overflow: hidden;
}
.activities .nav.loggedin {
display: none;
}
.activities .more-details-mob-wrap {
background-color: #fff;
display: inline-block;
position: relative;
left: -15px;
width: 109%;
padding-left: 15px;
padding-right: 15px;
padding-bottom: 100px;
}
.activities .shareupdiv {
display: none;
}
.activities .nearby-activity-mobile {
background-color: #efefef;
display: inline-block;
position: relative;
left: -15px;
width: 110%;
padding-left: 15px;
padding-right: 15px;
}
.post-thumbnail {
height: auto;
}
.col-xs-3.just-for-you-image.new-all {
margin-top: 13px;
}
.for-mbl{
width: 100% !important;
}
}
@media (min-width: 320px) and (max-width: 370px) {
.page-title-strip-wrap {
max-width: 85%;
}
.bottom-adtrip-block .add-to-trip input {
width: 170px;
background-position-x: 8px;
}
ul.intro-tab {
padding: 10px 0;
}
ul.intro-tab li a {
font-size: 12px;
}
.add-region .select-regions-content {
max-width: 90%;
margin: 15px auto;
}
.menu-with-icons p {
font-size: 11px;
}
.main-content-container .activity-group .activity-cat-heading h1 {
font-size: 20px;
text-transform: uppercase;
}
.page-title-strip-wrap {
/* padding-left: 30px; */
/* padding-right: 30px; */
}
.page-title-strip-wrap .col-xs-7.d-flex {
justify-content: flex-end;
}
.add-to-trip {
margin: 0px;
}
.activities .main-heading-div h3 {
margin-top: 0px;
}
.get-direction a {
font-size: 12px;
}
.bottom-adtrip-block .add-to-trip input {
width: 200px;
margin-right: 10px !important;
background-position-x: 30px;
padding-left: 45px;
}
.main-content-container .mobile-scroll .cardGroup {
padding-left: 0px !important;
}
.activity-cat-heading {
/* max-width:77%; */
overflow: auto;
margin-top: 15px;
}
.activity-cat-heading .col-xs-10 {
padding-left: 0px;
}
.location-heading {
left: 0px;
}
.my-account ul li {
padding-bottom: 10px;
padding-left: 0px;
height: auto;
}
.main-content-container-trip {
padding-bottom: 100px;
}
}
@media (min-width: 768px) and (max-width: 979px) {
.fts-image{
text-align: center !important;
}
.toplayerssidebar{
margin-top: 150px !important;
}
.view-all-link span{
top:0px;
}
.get-direction{
float:none;
}
.main-content-container .activity-group .activity-cat-heading h1 {
margin-left: 10px;
}
.parks-detail .main-heading-div {
margin-top: -6px;
}
.nav.loggedin {
padding: 0 10px;
}
.pdetail-content-wrap {
padding-bottom: 25px;
}
.mobile-scroll {
padding-left: 0px;
}
.col-xs-6.d-flex.add-trip-link {
justify-content: flex-end;
}
.main-heading-park h2 {
font-size: 28px;
}
.main-content-container-trip {
margin-top: 150px !important;
}
.mobile-scroll .cardGroup1 {
width: 33% !important;
}
.filter-bar {
padding: 20px 10px;
}
.post-thumbnail {
height: auto;
}
.showMap {
overflow: auto;
background-color: #fff;
max-height: 100%;
height: 100vh;
}
.showbtnclass {
margin-top: 0px;
position: absolute;
}
.activity-group .cardGroup {
padding-left: 10px;
}
.main-map-div {
/* position: absolute; */
position: fixed;
top: 0px;
z-index: 9999;
height: initial !important;
}
.sub-map-div {
width: 100%;
position: fixed;
}
.explore-filter {
height: 100vh;
width: 100vw;
}
.headingTab {
height: auto !important;
}
.page-title-strip-wrap {
max-width: 100%;
}
.page-title-strip-wrap .col-xs-7.d-flex {
justify-content: flex-end;
}
.activity-detail .main-heading-div {
margin-top: 0px;
}
.main-content-container-trip .filter-bar {
padding-left: 15px;
padding-right: 15px;
}
.my-account ul li.create-new-trip {
padding-left: 0px;
}
.my-account ul li.create-new-trip .col-sm-12 {
padding-left: 0px;
}
}
@media (min-width: 980px) and (max-width: 1024px) {
.filter-search {
font-size: 14px;
}
.main-content-container .activity-group .activity-cat-heading h1 {
margin-left: 10px;
}
}
@media (min-width: 1600px) {
.page-content-wraper {
max-width: 1200px;
margin: 0 auto;
}
.page-title-strip-wrap {
max-width: 1200px;
margin: 0 auto;
padding-left: 20px;
}
.main-content-container{
max-width: 750px;
}
}
@media (min-width:565px) and (max-width:736px) and (orientation:landscape) {
.for-mbl{
width: 50% !important;
}
}
/*++++++++++++++++++++
Responsive End
++++++++++++++++++++*/
@media (min-width: 0px) and (max-width: 568px) {
.filter-bar {
padding: 12px;
}
.activities.parks-detail {
padding-bottom: 150px;
}
.results-categories-title {
font-size: 12px;
padding: 0px !important;
}
.filter-search {
font-size: 12px;
}
.filter-search.mobile-filter {
padding: 10px 12px !important;
}
}
.scroll-off {
overflow: hidden;
}
@media only screen and (min-width: 768px) and (max-width: 1087px) {
.main-content-container .cardGroup {
width: 50%;
}
.menu-item {
padding: 13px 5px 0;
}
.message-top {
padding: 15px 20px;
}
.page-title h5 {
padding: 5px 20px;
}
.activity-cat-heading h1 {
margin: 10px 10px 0px 10px;
}
.overflow-scroll.mobile-scroll-park {
padding: 10px;
}
.explore-home .main-content-container .new-card-class {
min-height: 306px;
}
}
@media only screen and (min-width: 320px) and (max-width: 766px) {
.wildlife-content-block {
padding: 0px 2px;
}
.more-details-heading {
padding-left: 20px;
}
.weather-contatiner {
padding: 0px 9px 0px 6px;
}
.event-block {
padding: 0px 6px;
}
.btn-add-trip {
margin-left: 0px !important;
margin-bottom: 25px;
}
.activity-detail, .parks-detail {
overflow-x: hidden;
}
}
ul.regions-custom {
display: flex;
justify-content: center;
margin-bottom: 20px;
}
ul.regions-custom > div {
flex: 1;
}
.regions-custom .eh-card {
margin: 0 3px;
min-height: 260px;
}
.regions-custom .eh-card .arrow {
background-image: url(https://www.savetheredwoods.org/wp-content/uploads/er/images/circle-arrow-down.png);
display: block;
width: 48px;
height: 48px;
margin: -20px auto 0;
transition: all ease-in-out;
}
ul.regions-custom .eh-card:hover {
background-color: #01778e;
color: #ffffff;
}
ul.regions-custom .eh-card:hover a {
color: #ffffff;
}
ul.regions-custom .eh-card:hover .arrow {
animation: scroll ease-in-out 2s infinite;
}
@keyframes scroll {
0% {
transform: scale(0.6);
}
10% {
transform: scale(0.5);
}
100% {
transform: scale(0.8);
}
}