.parkDetailsContainer {
background: white;
border-radius: 5px;
max-width: 1200px;
margin: 20px auto;
margin-top: 0;
display: flex;
display: -webkit-flex;
width: 100%;
}
.parkPic {
position: relative;
width: 50%;
padding: 10px;
text-align: center;
}
.weekly {
width: 100%;
font-size: 16pt;
margin-top: 10px;
text-align: right;
margin-bottom: 10px;
}
.toggle {
color: #436413;
cursor: pointer;
font-weight: bold;
text-align: right;
margin-bottom: 30px;
border: 2px solid #436413;
border-radius: 12px;
padding: 5px;
margin-left: auto;
max-width: 120px;
text-align: center;
}
.viewButton {
width: 50%;
margin-top: 10px;
}
a.viewButtonLink {
display: block;
text-align: right;
display: flex;
display: -webkit-flex;
justify-content: flex-end;
-webkit-justify-content: flex-end;
}
/* other parks near this one styling */
.otherParksContainer {
max-width: 1200px;
margin: auto;
margin-top: 30px;
}
/* accommodations at header */
.accommodationsAtHeader {
font-family: 'Amatic SC', cursive;
width: 100%;
font-size: 36pt;
text-align: center;
font-weight: bold;
color: #237758;
}
.otherParksHeader {
margin: 0;
padding: 0;
background: #466715;
color: white;
font-size: 45pt;
padding: 13px;
width: 100%;
border-radius: 25px 25px 0 0;
background: linear-gradient(#456714, #5f9118);
border: 3px solid #9c875f;
border-bottom: 0;
font-family: 'Amatic SC', cursive;
font-weight: bold;
text-align: center;
}
.countyName {
font-size: 13pt;
margin-bottom: 4px;
}
.myShadow {
box-shadow: -3px 3px 3px rgba(0,0,0,.15);
-moz-box-shadow: -3px 3px 3px rgba(0,0,0,.15);
-webkit-box-shadow: -3px 3px 3px rgba(0,0,0,.15);
}
.parkInfo {
padding: 20px;
box-sizing: border-box;
width: 50%;
}
.results2SiteName {
padding-bottom: 5px;
margin-bottom: 5px;
font-size: 45pt;
margin-top: -13px;
font-weight: bold;
color: #548c00;
text-align: left;
font-family: 'Amatic SC', cursive;
}
.siteDesc {
margin: 10px 0;
}
.checkAvailabilityHeader {
margin-top: -20px;
margin-bottom: -5px;
color: #7AA65D;
font-size: 47pt;
width: CALC(100% - 20px);
font-family: 'Amatic SC', cursive;
font-weight: bold;
text-align: center;
}
.moreDesc {
margin-bottom: 20px;
}
.place {
font-size: 16px;
font-weight: bold;
}
.buttonContainer {
display: flex;
display: -webkit-flex;
justify-content: center;
-webkit-justify-content: center;
align-items: center;
-webkit-align-items: center;
padding: 5px 20px;
box-sizing: border-box;
border: 1px solid black;
width: 100%;
}
.newButtonsContainerDesktop, .newButtonsContainerMobile {
display: flex;
display: -webkit-flex;
width: 100%;
}
.newButtonsContainerItem {
width: 50%;
margin: 10px;
}
.buttonContainerLeft, .buttonContainerRight {
width: 50%;
display: flex;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
justify-content: center;
-webkit-justify-content: center;
}
.viewAccomsButton, .viewFullDetailsButton {
font-size: 16px;
padding: 8px;
box-sizing: border-box;
border-radius: 10px;
color: white;
background: #FF8814;
text-align: center;
font-weight: bold;
border: 0;
cursor: pointer;
width: 100%;
margin: auto;
margin-right: 20px;
box-sizing: border-box;
-webkit-transition: all .2s;
transition: all .2s;
text-decoration: none;
display: block;
}
.viewAccomsButtonDesktop {
background: #FF8814;
}
.viewAccomsButton:hover, .viewAccomsButtonDesktop:hover {
background: #;
}
.viewFullDetailsButton {
background: #9c875f;
}
.viewFullDetailsButton:hover {
background: #2c6d55;
}
.viewAccomsButton:hover {
background: #;
}
.viewAccomsButtonMobile {
display: none;
}
.readMoreText {
font-size: 16px;
text-decoration: underline;
font-weight: bold;
color: #93460D;
cursor: pointer;
text-decoration: none;
width: 100%;
text-align: right;
}
.readMoreText:hover {
}
.readMoreButt {
width: 50%;
border: 1px solid pink;
}
.sortByLeft {
font-size: 20px;
}
.sortByLeftMobile {
display: none;
}
.resultsBox2Left {
padding: 10px;
width: 100%;
}
.usp {
font-size: 18px;
padding: 10px;
}
/* more info styling */
.details, .detailsPark {
background: white;
border-radius: 5px;
border: 3px solid #9c875f;
border-radius: 20px;
max-width: 1200px;
margin: auto;
margin-top: 20px;
}
.detailsPark {
/*margin-top: -50px;*/
}
.detailsLR {
display: flex;
width: 100%;
}
.details1 {
width: 50%;
margin-right: 10px;
}
.details1 img {
border: 1px solid black;
width: 100%;
margin-bottom: 20px;
}
.details2 {
width: 50%;
border-left: 3px dotted rgba(1,1,1,.2);
margin-left: 10px;
padding-left: 15px;
}
h2.results2SiteNameBottom {
font-family: 'Caveat Brush', cursive;
font-size: 50px;
color: #476916;
margin: 10px 0;
padding: 0;
width: 100%;
border-bottom: 2px dotted rgba(1,1,1,.2);
padding-bottom: 20px;
}
.welcomeToText {
font-family: 'Caveat Brush', cursive;
font-size: 40px;
color: #bbb;
margin: 10px 0;
}
.results2SiteName2 {
font-weight: bold;
}
.merchantLogo {
width: 100%;
text-align: center;
margin: 30px auto;
}
.merchantLogo img {
max-width: 100%;
}
.callThem {
font-weight: bold;
font-size: 26px;
}
.whyUse {
font-size: 22px;
margin: 20px auto;
color: #4364A0;
line-height: 40px;
}
.newButtonsContainerMobile {
display: none;
}
.numLeft, .numLeftUrgent, .numLeftJustBooked {
border-radius: 10px;
font-size: 14px;
padding: 5px 10px;
text-align: center;
margin: 10px auto;
max-width: 100%;
}
.numLeftJustBooked {
background: #cca25b;
color: white;
}
.fa-frown {
font-size: 16px;
font-weight: normal;
margin-right: 5px;
}
.numLeftUrgent {
background: #db3049;
color: white;
}
.priceHolder {
display: flex;
flex-direction: column;
text-align: left;
align-items: left;
}
/* Media Queries */
@media only screen and (max-width: 800px) {
.accommodationsAtHeader {
color: white;
font-size: 20pt;
margin-top: 20px;
}
.viewAccomsButton {
margin: auto;
width: 100%;
}
.parkDetailsContainer {
border-radius: 0;
margin: auto;
}
.details {
margin: 10px;
}
.details2 {
padding: 0;
padding-left: 20px;
}
}
@media only screen and (max-width: 600px) {
.checkAvailabilityHeader {
color: white;
font-size: 40pt;
margin: 10px;
}
.otherParksHeader {
font-size: 24pt;
width: 100%;
border: none;
border-radius: 0;
padding: 10px;
margin-top: -10px;
}
.countyName {
font-size: 10pt;
color: #828282;
}
.results2SiteName {
font-size: 35pt;
width: 100%;
text-align: center;
margin-top: 8px;
}
.place {
font-size: 14px;
width: 100%;
text-align: bold;
margin-top: 15px;
text-align: center;
}
.parkDetailsContainer {
flex-direction: column;
}
.priceHolder {
flex-direction: row;
justify-content: space-around;
align-items: center;
width: 60%;
margin: auto;
}
.results2 {
display: block;
}
.details {
border-radius: 5px;
border: 0;
margin: 0;
}
.usp {
font-size: 16px;
padding: 0;
padding-bottom: 20px;
}
.newButtonsContainerDesktop {
display: none;
}
.newButtonsContainerMobile {
margin: 20px -10px;
display: flex;
justify-content: space-between;
padding: 0;
width: CALC(100% + 20px);
}
.viewFullDetailsButton, .viewAccomsButtonMobile {
padding: 12px 5px;
font-size: 11pt;
}
.newButtonsContainerItem {
width: 49%;
padding: 0;
margin: 0;
}
.viewAccomsButtonDesktop {
display: none;
}
.viewAccomsButtonMobile {
display: block;
}
.sortByLeft {
/*display: none;*/
}
.sortByLeftMobile {
display: block;
font-size: 20px;
margin: 5px 0 0 0;
}
.parkPic {
width: 100%;
}
.parkInfo {
width: 100%;
padding: 0 20px;
}
.feefoScore {
padding: 3px 10px;
}
.ratingMobile {
display: block;
}
.visitorRating {
display: none;
}
.details {
margin-top: -40px;
}
.detailsLR {
flex-direction: column-reverse;
margin-bottom: 30px;
}
.details1 {
width: 100%;
padding: 0;
margin: 0;
margin-top: 15px;
margin-bottom: -25px;
}
.details2 {
padding: 0;
width: 100%;
border: 0;
margin: 0;
}
.mapHeader {
margin: 0;
}
.whyUse {
font-size: 18px;
}
.resultsBox2 {
display: block;
width: 100%;
}
.resultsBox2Left, .resultsBox2Right {
width: 100%;
display: block;
}
.resultsBox2Right {
text-align: center;
}
.viewButtonMobile {
width: 80%;
display: block;
margin: 10px auto;
}
.welcomeToText {
font-family: 'Caveat Brush', cursive;
font-size: 40px;
margin: 0;
}
h2.results2SiteNameBottom {
font-size: 40px;
}
.details1 img {
display: none;
}
}