/* Theme Name: Waterfall Caves*/
/*Text Domain: Waterfall Caves*/
/*Version: 3.5*/
/*Description: custom*/
/*Tags: custom*/
/*Author: Adam Ridgley*/
/* Author URI: https://ajrwebdev.co.uk*/

:root {
	--main-color:#298f86;
	--secondary-color:#c29f59;
}

body {
	margin:0;
	padding:0;
	color:#222;
	font-family: 'Source Sans Pro', sans-serif;
	line-height:1.4;
	background:#fff;
}

h1,h2,h3,h4,h5,h6 {
	font-family: 'Source Sans Pro', sans-serif;
}

img {
	max-width:100%;
	height:auto;
}

a {
	color:var(--main-color);
}

.wp-block-image {
	margin:0px 0px 15px 0px;
}

#header {
	display:block;
	width:100%;
	background:none;
	position:absolute;
	top:0;
	left:0;
	z-index:99999;
}

#header-container {
	max-width:1400px;
	margin:0 auto;
	position:relative;
}

#header-container .logo {
	max-width:150px;
	margin:10px 15px;
}

#header-container #mobile-logo {
	display:none;
}

#header-container #nav {
	display:block;
	float:right;
	margin-top:40px;
}

#header-container #nav ul {
	margin:0;
	padding:0;
	list-style:none;
}

#header-container #nav ul li {
	display:inline-block;
	margin:0px 15px;
}

#header-container #nav ul li a {
	padding:5px;
	color:#fff;
	text-decoration:none;
}

#header-container #nav ul li.menu-item-has-children {
	position:relative;
	display:inline-block;
	padding-bottom:30px;
}

#header-container #nav .sub-menu {
	display:none;
	min-width:150px;
	position:absolute;
	margin:0;
	padding:15px 15px 0px 15px;
	text-align:left;
	top:35px;
	left:-120px;
	background:rgba(0,0,0,0.6);
}

#header-container #nav .sub-menu li {
	display:block;
	margin:0px 0px 15px 0px;
}

#header-container #nav .sub-menu li a {
	color:#fff;
}

.drop-down-icon {
	display:none;
	position:absolute;
	right:5px;
	top:0;
	color:#4c4c4c;
	cursor:pointer;
	padding:5px;
}

#mobile-menu {
	display:none;
	color:var(--main-color);
	position:absolute;
	top:30px;
	right:15px;
}

.page-header {
	background:#fff !important;
	-webkit-box-shadow: 0px 3px 2px 0px rgba(245,245,245,1);
	-moz-box-shadow: 0px 3px 2px 0px rgba(245,245,245,1);
	box-shadow: 0px 3px 2px 0px rgba(245,245,245,1);
}

.page-header #desktop-logo {
	display:none !important;
}

.page-header #mobile-logo {
	display:inline-block !important;
}

.page-header #header-container #nav ul li a {
	color:#222;
}

.page-header #nav .sub-menu {
	background:#fff !important;
}

.page-header #nav .sub-menu li a {
	color:#222 !important;
}

#banner {
	display:block;
	width:100%;
	height:700px;
	position:relative;
}

#banner-video {
	position: fixed;
	right: 0;
	bottom: 0;
	width: 100%;
	height:100%;
	object-fit:cover;
	overflow:hidden;
	z-index:-1;
}

#banner-overlay {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.6);
}

#banner-caption {
	position:relative;
	top:250px;
	text-align:center;
	color:#fff;
}

#banner-caption .underline {
	margin:15px auto 0px auto;
	background:var(--main-color);
}

#banner-caption h1 {
	margin:0;
	text-transform:uppercase;
	font-size:3rem;
}

#banner-caption p {
	font-size:1.75rem;
	margin:15px;
}

#banner-caption .button {
	margin-top:10px;
	font-size:1.25rem;
}

#page-banner {
	margin-top:100px;
}

#page-banner-overlay {
	background:rgba(0,0,0,0.6);
	width:100%;
	height:100%;
}

#page-banner-caption {
	padding:15px;
	color:#fff;
	font-size:2rem;
	text-align:center;
}

#testimonials {
	background:#fff;
	padding:15px 0px 0px 0px;
	text-align:center;
}

.testimonial, #testimonials-slider {
	max-width:800px;
	margin:0 auto;
}

.testimonial h2 {
	font-size:2.5rem;
	margin-bottom:0px;
	color:var(--main-color);
}

.testimonial .underline {
	margin:20px auto 0px auto;
}

.testimonial-content {
	font-size:1.5rem;
	padding:5px;
}

.slick-dots li button:before, .slick-prev:before, .slick-next:before {
    font-size:20px !important;
	color:var(--main-color) !important;
	transition:.4s !important;
}

.slick-dots li.slick-active button:before {
	color:var(--main-color) !important;
	opacity:1 !important;
}

#testimonials .slick-dots li button:before {
    font-size:20px !important;
	color:var(--main-color) !important;
	transition:.4s !important;
}

#testimonials .slick-prev:before, #testimonials  .slick-next:before {
	color:#222 !important;
}

#testimonials .slick-dots li.slick-active button:before {
	color:#222 !important;
	opacity:1 !important;
}

#about {
	display:block;
	min-height:600px;
	padding:30px 50px 100px 50px;
	background:#f5f5f5;
}

.about-text.column {
	width:45%;
}

#about .slider-image-column.column {
	width:55%;
}

.slider-image-column {
	padding:0;
	-webkit-box-shadow: 0px 7px 12px 0px rgba(148,148,148,1);
	-moz-box-shadow: 0px 7px 12px 0px rgba(148,148,148,1);
	box-shadow: 0px 7px 12px 0px rgba(148,148,148,1);
	margin:15px 0px;
}

#about .columns, #about .column {
	min-height:600px;
}

#about .about-text h2 {
	display:inline-block;
	font-size:2.75rem;
	margin:0;
	color:var(--main-color);
}

#about .about-text {
	padding:50px 50px 30px 30px;
}

#about .about-text p {
	font-size:1.25rem;
}

.slick-dots {
	bottom:-60px !important;
}

.slick-dots li {
	margin:0px 10px !important;
}

.slick-dots li button:hover {
	opacity:1 !important;
}

.slick-slide {
	outline:none;
}

#testimonials-slider .slick-prev {
	left:-100px !important;
}

#testimonials-slider .slick-next {
	right:-100px !important;
}

#about-slider .slick-prev {
	left:30px !important;
	z-index:1;
}

#about-slider .slick-next {
	right:30px !important;
	z-index:1;
}

.page-container, .single-page-container, .blog-page-container {
	max-width:1400px;
	margin:0 auto;
	padding:15px;
}

.single-page-container {
	margin:30px auto;
	min-height:80vh;
}

.blog-page-container {
	margin:100px auto 0px auto;
	min-height:80vh;
}

.single-page-container img {
	-webkit-box-shadow: 0px 7px 12px 0px rgba(148,148,148,1);
	-moz-box-shadow: 0px 7px 12px 0px rgba(148,148,148,1);
	box-shadow: 0px 7px 12px 0px rgba(148,148,148,1);
}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-bullets {
	padding-top:20px !important;
}

#accommodation {
	display:block;
	width:100%;
	padding:50px 0px 75px 0px;
	text-align:center;
	background:#fff;
}

#accommodation-caption {
	max-width:960px;
	margin:0 auto;
	padding:0px 15px;
}

#accommodation-caption .underline {
	margin:0 auto;
}

#accommodation h2 {
	text-align:center;
	font-size:2.75rem;
	margin-bottom:30px;
	color:var(--main-color);
}

#accommodation-caption p {
	font-size:1.25rem;
}

#accommodation ul {
	margin:0;
	padding:0;
	list-style:none;
}

#accommodation ul li {
	position:relative;
	transition:.4s;
	display:inline-block;
	padding:15px;
	box-sizing:border-box;
	width:33.3%;
}

#accommodation ul li:hover {
	opacity:0.8;
}

#accommodation img {
	border-radius:5px;
	-webkit-box-shadow: 0px 10px 26px -10px rgba(36,36,36,1);
	-moz-box-shadow: 0px 10px 26px -10px rgba(36,36,36,1);
	box-shadow: 0px 10px 26px -10px rgba(36,36,36,1);
}

#accommodation .accommodation-main-button {
	margin-top:15px;
}

.columns {
	display:block;
	width:100%;
}

.column {
	width:50%;
	display:inline-block;
	box-sizing:border-box;
	vertical-align:top;
}

#contact-banner {
	display:block;
	max-width:100%;
	padding:65px 15px 50px 15px;
}

#contact-banner h2 {
	font-size:2.75rem;
	color:#fff;
}

#contact-banner form label {
	color:#fff;
	padding-bottom:5px;
}

#contact-banner form input, #contact-banner form textarea {
	max-width:100% !important;
	display:inline-block;
	box-sizing:border-box;
	background:none;
	border:1px solid #ccc;
	outline:none;
	color:#fff;
}

#contact-banner form input {
	margin-bottom:15px;
}

#contact-banner form textarea {
	min-height:235px;
}

#contact-page-info {
	padding-left:15px;
}

.contact-page-social-links {
	list-style:none;
	margin:40px 0px 0px 0px;
	padding:0;
}

.contact-page-social-links li {
	display:inline-block;
	margin:0px 30px 0px 0px;
}

#archives {
	width:100%;
	display:block;
	text-align:center;
}

#archive-categories {
	width:30%;
	display:inline-block;
	vertical-align:top;
	box-sizing:border-box;
	padding:15px;
}

.archive {
	display:inline-block;
	width:90%;
	vertical-align:top;
	border-bottom:1px solid #ccc;
	padding:15px 0px;
	margin:10px 15px;
	box-sizing:border-box;
}

.archive-read-more .button {
	display:block;
	margin:0 auto;
}

.archive .archive-info {
	display:inline-block !important;
	vertical-align:top;
}

.archive .archive-date, .archive .archive-comments-number {
	display:block;
	font-size:0.75rem;
	color:var(--main-color);
}

.archive .archive-comments-number {
	margin-top:5px;
}

.archive .archive-comments-number a {
	color:var(--main-color);
	text-decoration:none;
}

.archive-featured-image {
	display:block;
}

.archive-featured-image img {
	margin:0 auto;
	display:block;
	max-width:100%;
	max-height:600px;
	border-radius:50px;
}

.archive-excerpt {
	margin:0;
}

#archive-categories ul {
	margin:0;
	padding:0;
	list-style:none;
}

#archive-categories ul li {
	margin:10px 0px;
}

.post {
	display:block;
	box-sizing:border-box;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	padding:15px;
}

.post img {
	width:auto;
	height:auto;
}

.post-image-container img {
	max-width:100%;
	max-height:800px;
	display:block;
	margin:0 auto;
}

.post-info {
	margin:15px 0px;
	text-align:center;
	padding-bottom:30px;
	border-bottom:1px solid #ccc;
}

.archive-link {
	display:inline-block;
	margin-top:15px;
}

.page-title {
	margin-bottom:50px;
}
.page-title h1 {
	font-size:2rem;
}

.blog-title {
	text-align:center;
}

.date {
	font-size:0.75rem;
	display:block;
	margin-bottom:15px;
}

.tag {
	font-size:0.75rem;
}

.comment {
	font-size:0.75rem;
}

.page-numbers {
	display:inline-block;
	margin:20px 5px;
	padding:5px;
}

form label {
	display:block;
}

form input, form textarea {
	padding:10px;
	display:block;
	font-size:1rem;
}

form textarea {
	resize:vertical;
	font-size:1rem;
	font-family:'Arial', sans-serif;
}

.wpforms-submit-container {
	text-align:center;
}

.g-recaptcha {
	max-width:300px !important;
	overflow:hidden !important;
}

.button, .wp-block-button a {
	display:inline-block !important;
	min-width:150px !important;
	text-align:center !important;
	padding:10px 15px !important;
	color:#fff !important;
	background:var(--main-color) !important;
	text-decoration:none !important;
	font-size:1.125rem !important;
	border:none !important;
	border-bottom:2px solid #1c756d !important;
	transition:.4s !important;
	cursor:pointer !important;
}

.button:hover, .wp-block-button a:hover {
	background:var(--secondary-color) !important;
	border-bottom:2px solid #997a3c !important;
}

#footer {
	background:#222;
	color:#fff;
	padding:30px 15px;
}

.footer-links {
	margin:0;
	padding:0;
	list-style:none;
}

.footer-awards {
	text-align:center;
	margin-bottom:15px;
}

.footer-award {
	display:inline-block;
	margin:0px 15px 20px 0px;
	vertical-align:middle;
}

.footer-links.social-links {
	text-align:right;
}

.footer-links.social-links li {
	display:inline-block;
	margin:15px 20px;
}

.footer-links li a {
	color:#fff;
}

.underline {
	display:block;
	height:3px;
	background:#ccc;
	width:150px;
}

.clearfix::before,
.clearfix::after {
	content: " ";
	display: table;
}

.clearfix::after {
	clear: both;
}

/*Additional CSS*/
.g-recaptcha {
	max-width:300px !important;
	overflow:hidden !important;
}

#contact-banner {
	 background-attachment:scroll !important;
}

#contact-page-info {
	padding-left:15px;
}

.contact-page-social-links {
	list-style:none;
	margin:20px 0px 0px 0px;
	padding:0;
}

.contact-page-social-links li {
	display:inline-block;
	margin:0px 30px 0px 0px;
}

iframe {
	max-width:100%;
}

@media screen and (max-width:980px) {
	#accommodation ul li {
		width:50%;
	}
}

@media screen and (max-width:874px) {
	#header {
		background:#fff;
		position:fixed;
	}
	#desktop-logo {
		display:none;
	}
	#mobile-logo {
		display:block !important;
	}
	#header-container #nav {
		float:none;
		margin-top:0;
	}
	#header-container #nav ul {
		display:none;
		margin-top:15px;
	}
	#header-container #nav ul li {
		display:block;
		margin:15px;
	}
	#header-container #nav ul li a {
		color:#222;
	}
	#header-container #nav ul li.menu-item-has-children {
		display:block;
		padding-bottom:0;
	}
	#mobile-menu {
		display:block;
	}
	.drop-down-icon {
		display:block;
	}
	#header-container #nav .sub-menu {
		position:static;
		width:100%;
		padding:15px 15px 0px 15px;
		text-align:left;
		background:#f5f5f5;
		padding:10px 0px 5px 10px;
		box-sizing:border-box;
		margin-top:10px;
	}
	#header-container #nav .sub-menu li a {
		color:#222 !important;
	}
	#testimonials-slider .slick-prev, #testimonials-slider .slick-next {
		display:none !important;
	}
	.testimonial-content {
		font-size:1.125rem;
	}
	#about {
		padding:30px 15px 60px 15px;
	}
	#about h2, #accommodation h2 {
		font-size:2rem !important;
	}
	#about p, #accommodation p {
		font-size:1rem !important;
	}
	#about, #about .columns, #about .column {
		min-height:initial;
	}
	#about .about-text {
		padding:5px;
	}
	#about .about-text.column {
		width:100%;
	}
	.slider-image-column {
		display:none;
	}
	.button {
		font-size:1rem;
	}
}

@media screen and (max-width:600px) {
	#banner {
		background-image:url('https://waterfallcaves.com/wp-content/uploads/2021/04/bannerposter.png');
		background-position:center;
		background-repeat:no-repeat; 
		background-attachment:scroll;
	}
	#banner-video {
		display:none;
	}
	#banner-caption {
		top:150px;
	}
	#banner-caption h1 {
		font-size:2.75rem;
	}
	#banner-caption p {
		font-size:1.5rem;
	}
	#accommodation ul li {
		width:100%;
	}
	#about .about-text {
		text-align:center;
	}
	#contact-banner .columns .column {
		width:100% !important;
	}
	#contact-banner form input, #contact-banner form textarea {
		width:100% !important;
	}
	#contact-banner h2 {
		font-size:2rem;
		text-align:center;
	}
	#desktop-submit {
		display:none;
	}
	#mobile-submit {
		display:block;
	}
	#page-banner-caption {
		font-size:1.5rem;
		padding:15px 5px;
	}
	#footer {
		text-align:center;
	}
	#footer .columns .column {
		width:100%;
	}
	.footer-links.social-links {
		text-align:center;
	}
}

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important; }

  a,
  a:visited {
    text-decoration: underline; }

  a[href]:after {
    content: " (" attr(href) ")"; }

  abbr[title]:after {
    content: " (" attr(title) ")"; }

  /*
   * Don't show links for images, or javascript/internal links
   */
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: ""; }

  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group;
    /* h5bp.com/t */ }

  tr,
  img {
    page-break-inside: avoid; }

  img {
    max-width: 100% !important; }

  @page {
    margin: 0.5cm; }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3; }

  h2,
  h3 {
  page-break-after: avoid; }
  #header {
	  display:none !important;
  }
  #banner-video {
	  display:none !important;
  }
  iframe {
	  display:none !important;
  }
}