/*!
Theme Name: Jay & Kay Coach Tours
Theme URI: http://underscores.me/
Author: Workflowsolutions
Author URI: https://workflowsolutions.co.uk
Description: Description
Version: 1.0.0
Tested up to: 5.4
Requires PHP: 5.6
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: jay-kay-coach-tours
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned.

Jay & Kay Coach Tours is based on Underscores https://underscores.me/, (C) 2012-2020 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Generic
	- Normalize
	- Box sizing
# Base
	- Typography
	- Elements
	- Links
	- Forms
## Layouts
# Components
	- Navigation
	- Posts and pages
	- Comments
	- Widgets
	- Media
	- Captions
	- Galleries
# plugins
	- Jetpack infinite scroll
# Utilities
	- Accessibility
	- Alignments

--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Generic
--------------------------------------------------------------*/
/* Normalize
--------------------------------------------- */
/* Box sizing
--------------------------------------------- */
/*--------------------------------------------------------------
# Base
--------------------------------------------------------------*/
/* Typography
--------------------------------------------- */
body,
button,
input,
select,
optgroup,
textarea {
	color: #404040;
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
	font-size: 1rem;
	line-height: 1.5;
}

.form-column {
	width: 33.3%;
	float: left;
	padding-right: 0.5rem;
  }

  .repeating_dates {
	clear: left;
	display: block;
	width: 100%;
	height: 100px;
  }

.row.listing {
	padding: 0;
	border: 1px solid #efefef;
	border-radius: 6px;
	overflow-x: hidden;
}

.row.listing .col-md-9 {
	padding-right: calc(1.5rem * .5);
	padding-left: calc(1.5rem * 1);
}

.row.listing .img-fluid-listing {
	width: 100%;
	object-fit: cover;
	height: 100%;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	clear: both;
}

.booking-line h2 {
	color: #fff !important;
	font-weight: 300;
}

.heading-accent {
	background: #d2aa66 none repeat scroll 0 0;
	height: 3px;
	margin: 20px 0 0;
	width: 80px;
}

.trip-info h1, .trip-info h3, .extra-info h4, .blue-accent {
	color: #253581 !important;
}

.holidays-bg h1,
.excursions-bg h1 {
	font-weight: 300;
	font-size: 4rem;
}

.holidays-bg .col.d-md-flex,
.excursions-bg .col.d-md-flex {
	align-items: center;
	justify-content: center;
}

.hide-overflow {
	overflow: hidden;
}

header.coach-bg {
	height: 100%;
	width: 100%;
	background-image: url("img/header-bg.png"), linear-gradient(to right, #253581 0%, #253581 50%, #d2aa66 50%, #d2aa66 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
}

h2 {
	color: #253581;
}

.card-img {
	width: 30%;
	float: left;
}

a.icon-link h1 {
	margin-bottom: 4%;
	color: #fff;
}

.glow {
	box-shadow: 0 0 25px 5px #fff;
	border-radius: 100%;
}

a.icon-link {
	text-decoration: none !important;
}

.blue {
	color: #fff;
	text-align: center;
	padding-block: 3%;
}

.gold {
	color: #fff;
	text-align: center;
	padding-block: 3%;
}

.scroll-btn {
	text-align: center;
	margin: 2% auto;
	color: #fff;
	text-decoration: none;
	display: block;
	z-index: 1000;
	position: relative;
}

.scroll-btn p {
	margin-bottom: 0;
}

.scroll-btn:hover {
	color: #fff;
}

.opacity {
	opacity: 0;
}

.hi-icon {
	display: inline-block;
	font-size: 0px;
	cursor: pointer;
	margin: 15px 30px;
	border-radius: 50%;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #fff;
}

.hi-icon:after {
	pointer-events: none;
	position: absolute;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	content: '';
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.hi-icon:before {
	font-family: 'ecoicon';
	speak: none;
	font-size: 48px;
	line-height: 90px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	display: block;
	-webkit-font-smoothing: antialiased;
}

.hi-icon {
	background: rgba(255, 255, 255, 0);
	-webkit-transition: -webkit-transform ease-out 0.1s, background 0.2s;
	-moz-transition: -moz-transform ease-out 0.1s, background 0.2s;
	transition: transform ease-out 0.1s, background 0.2s;
}

.hi-icon:after {
	top: 0;
	left: 0;
	padding: 0;
	z-index: -1;
	box-shadow: 0 0 0 2px white;
	opacity: 0;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	transform: scale(0.9);
}

.no-touch .hi-icon.active {
	background: white;
	-webkit-transform: scale(0.93);
	-moz-transform: scale(0.93);
	-ms-transform: scale(0.93);
	transform: scale(0.93);
	color: #fff;
}

.hi-icon.active:after {
	-webkit-animation: sonarEffect 1.3s ease-out 75ms;
	-moz-animation: sonarEffect 1.3s ease-out 75ms;
	animation: sonarEffect 1.3s ease-out 75ms;
}

.png-icons img {
	width: 50px;
}

.filter-excursions {
	position: absolute;
	width: 50%;
	padding: 5% 16%;
	top: 9.5%;
	background-color: #eaedf1;
	right: 0;
	text-align: center;
	z-index: 10;
}

.col-12.filter-instructions {
	text-align: center;
	color: #fff;
}

.filter-holidays {
	position: absolute;
	width: 50%;
	padding: 5% 16%;
	top: 9.5%;
	background-color: #eaedf1;
	left: 0;
	z-index: 10;
	text-align: center;
}

.filter-holidays a small,
.filter-excursions a small {
	text-decoration: none;
	color: #8d8d8d;
}

.filter-holidays a,
.filter-excursions a {
	text-decoration: none;
}

@media (max-width: 767.98px) {
	.filter-excursions {
		width: 100%;
	}
	.filter-holidays {
		width: 100%;
	}
	.options-icons .list-inline-item span {
		display: block;
	}
	.options-icons .list-inline-item {
		text-align: center;
	}
	.d-grid .btn {
		width: 98%;
	}
	.works-slideshow.text-center {
		max-width: 100% !important;
		padding: 0 2rem;
		overflow: hidden;
	}
	.row.listing .col-md-9 {
		padding-right: calc(1.5rem * 1.5);
		padding-left: calc(1.5rem * 1);
	}
	.holidays-bg h1.d-inline-block, .excursions-bg h1.d-inline-block {
		display: block !important;
	}
}

a[href^="tel"] {
	color: inherit !important;
	text-decoration: none !important;
}

.plain-link {
	text-decoration: none;
}

.highlight {
	color: #253581;
}

/* Elements
--------------------------------------------- */
body {
	background: #fff;
	color: #8d8d8d;
	font-family: 'Open Sans', sans-serif;
}

.booking-line {
	height: 100%;
	width: 100%;
	background-image: url("img/holidays-header.png"), linear-gradient(to right, #d2aa66 0%, #d2aa66 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
}

.door-to-door, .ways-to-book {
	height: 100%;
	width: 100%;
	background-image: url("img/holidays-header.png"), linear-gradient(to right, #253581 0%, #253581 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	text-align: right;
	color: #fff;
}

.door-to-door h2, .ways-to-book h2 {
	color: #fff;
}

.ways-to-book .card {
	text-align: center;
	background-color: transparent !important;
	border-color: #fff;
}

.ways-to-book .card .card-title {
	margin: 0;
}

section.latest-posts {
	height: 100%;
	width: 100%;
	background-image: url("img/latest-post-bg.png"), linear-gradient(to right, #d2aa66 0%, #d2aa66 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	text-align: center;
	color: #fff;
}

section.latest-posts h2 {
	color: #fff;
}

.logo-preview {
	width: 100px;
	display: inline-block;
	margin: 5px;
}

hr {
	background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em;
}

.img-fluid {
	width: 100%;
}

.img-card {
	width: 15%;
	margin: 1rem auto;
}

.table td {
	color: #8d8d8d;
}

.table.table-striped {
	border: 1px solid #ddd !important;
	border-radius: 20px !important;
}

.table.table-striped td {
	color: #8d8d8d !important;
}

.table-striped > :not(caption) > * > * {
	padding: 1rem 2rem;
	border-bottom-width: 0 !important;
}

th {
	color: #253581;
}

tbody {
	border-color: transparent !important;
}

.is-style-stripes table td {
	color: #8d8d8d;
}

.is-style-stripes table {
	border: 1px solid #ddd !important;
	border-radius: 20px !important;
}

.is-style-stripes table td {
	color: #8d8d8d !important;
}

.is-style-stripes table > :not(caption) > * > * {
	padding: 1rem 2rem;
	border-bottom-width: 0 !important;
}

.is-style-stripes th {
	color: #253581;
}

.is-style-stripes tbody {
	border-color: transparent !important;
}

.dtd-table-header td {
	color: #253581;
}

.dtd-table-header tr {
	border-bottom: 3px solid;
	color: #212529;
}

.dtd-table-body td:first-of-type {
	color: #253581;
}

.dtd-table-body td {
	border-color: #8d8d8d;
}

.dtd-table-footer td {
	color: #253581;
}

.dtd-table-footer td {
	border-color: #8d8d8d;
}

/* Links
--------------------------------------------- */
.address-block {
	list-style: none;
	line-height: 1.8rem;
	color: #253581;
	font-size: 1.2rem;
}

.address-block li {
	margin-bottom: 3.6rem;
}

.address-block li i {
	margin-right: 1rem;
	padding: 0.3rem 0.5rem;
}

.address-block li i.outline {
	border: 1px solid #253581;
	border-radius: 100%;
}

.address-block li i.bi-facebook {
	font-size: 2rem;
	padding: 0;
}

.address-block li span.address {
	display: inline-block;
	vertical-align: text-top;
}

.address-block li a {
	text-decoration: none;
	color: #253581;
}

.carousel-indicators {
	margin: 2rem 0 0 0;
}

.carousel-indicators [data-bs-target] {
	width: 10px;
	height: 10px;
	background-color: transparent;
	border: 1px solid #fff;
	border-radius: 100%;
}

.carousel-indicators [data-bs-target].testimonials {
	border: 1px solid #8d8d8d;
}

.carousel-indicators .active {
	background-color: #fff;
}

.carousel-indicators .active.testimonials {
	background-color: #d2aa66;
}

.carousel-indicators.testimonials [data-bs-target] {
	border: 1px solid #8d8d8d;
}

.carousel-indicators.testimonials .active {
	background-color: #d2aa66;
	border-color: #d2aa66;
}

.testimonial-carousel .carousel-inner:before {
	content: '"';
	color: #253581;
	position: absolute;
	left: 0;
	font-size: 10rem;
	margin-top: -5rem;
}

.testimonial-carousel .carousel-inner:after {
	content: '"';
	color: #253581;
	position: absolute;
	right: 0;
	font-size: 10rem;
	margin-top: 5rem;
}

.testimionial-name {
	color: #d2aa66;
	font-size: 1.4rem;
}

/* Forms
--------------------------------------------- */
.btn {
	border-radius: 20px;
	margin-inline: 10px;
}

.btn-primary {
	background-color: #d2aa66;
	border-color: #d2aa66;
	color: #fff;
	border-radius: 20px;
}

.btn-outline-primary {
	border-color: #d2aa66;
	color: #d2aa66;
	border-radius: 20px;
}

.page-numbers {
	margin: 0 2px;
	border-radius: 100%;
	padding: 0.25rem 0.7rem;
	color: #253581;
	text-decoration: none;
	background-color: #fff;
	border: 1px solid #dee2e6;
	transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}

.page-numbers.current {
	color: #fff;
	background-color: #d2aa66;
	border-color: #d2aa66;
}

.slick-prev::before, .slick-next::before {
	color: #d2aa66;
	opacity: 1;
}

.slick-slide {
	padding: 0 10px;
}

.form-control {
	border-radius: 10px;
}

.form-control::placeholder {
	color: #253581;
}

form p {
	margin-top: 0;
	margin-bottom: 1.6rem;
}

/*--------------------------------------------------------------
# Layouts
--------------------------------------------------------------*/
.footer-main {
	background-color: #253581;
	color: #fff;
	box-shadow: 0 0 20px 10px #0000004a;
}

.sub-footer {
	background: #d2aa66;
	color: #fff;
	padding: 0.7rem 0;
}

.footer-links a {
	color: #fff;
	text-decoration: none;
}

.footer-links {
	list-style: none;
	padding: 0;
	line-height: 2rem;
	margin-left: 0;
}

/*--------------------------------------------------------------
# Components
--------------------------------------------------------------*/
/* Navigation
--------------------------------------------- */
.nav-blue {
	background-color: #253581 !important;
	box-shadow: 0px 0px 20px 0px #0000004d;
}

.nav-white {
	box-shadow: 0 0 5px 0px rgba(0, 0, 0, 0.247);
}

.nav-icon a {
	padding-top: 3px !important;
	padding-bottom: 0 !important;
}

.nav-blue .navbar-nav .nav-link {
	color: #fff;
}

.nav-white .navbar-nav .nav-link {
	color: #253581;
}

.nav-blue .navbar-nav .nav-link.active,
.nav-white .navbar-nav .nav-link.active,
.nav-blue .navbar-nav .show > .nav-link,
.nav-white .navbar-nav .show > .nav-link {
	color: #d2aa66;
	border-bottom: 3px solid #d2aa66;
}

.nav-blue .navbar-nav .nav-link:focus,
.nav-blue .navbar-nav .nav-link:hover,
.nav-white .navbar-nav .nav-link:focus,
.nav-white .navbar-nav .nav-link:hover {
	color: #d2aa66;
}

.navbar-expand-lg.nav-blue .navbar-nav .nav-link,
.navbar-expand-lg.nav-white .navbar-nav .nav-link {
	display: block;
	padding-right: 0;
	padding-left: 0;
}

.navbar-expand-lg.nav-blue .navbar-nav .nav-item,
.navbar-expand-lg.nav-white .navbar-nav .nav-item {
	display: block;
	padding-right: 1.5rem;
	padding-left: 1.5rem;
}

.nav-link i {
	font-size: 1.5rem;
}

header.holidays-bg {
	height: 100%;
	width: 100%;
	background-image: url("img/holidays-header.png"), linear-gradient(to right, #d2aa66 0%, #d2aa66 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	text-align: center;
	color: #fff;
	padding-block: 2rem;
}

header.excursions-bg {
	height: 100%;
	width: 100%;
	background-image: url("img/holidays-header.png"), linear-gradient(to right, #253581 0%, #253581 100%);
	background-repeat: no-repeat;
	background-size: cover;
	background-position-y: center;
	text-align: center;
	color: #fff;
	padding-block: 2rem;
}

.dropdown-menu {
	min-width: 14rem;
}

.navbar-toggler-icon {
	background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(50, 47, 145, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
	width: 1rem;
}

.navbar-toggler {
	border-radius: 100%;
}

.navbar-light .navbar-toggler {
	color: #322f91;
	border-color: rgba(50, 47, 145, 0.8);
}

.navbar-brand {
	margin-right: auto;
	margin-left: auto;
}

.dropdown-menu {
	right: 0;
	left: auto;
	top: 53px;
	border-color: transparent;
	box-shadow: 0px 5px 7px -5px #00000054;
	border-radius: 0;
	padding-bottom: 0;
	border-color: transparent;
}

.dropdown-item {
	padding: 1rem 1rem;
}

@media (min-width: 992px) {
	.animate .dropdown-menu {
		animation-duration: 0.3s;
		-webkit-animation-duration: 0.3s;
		animation-fill-mode: both;
		-webkit-animation-fill-mode: both;
	}
}

@keyframes slideIn {
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
	100% {
		transform: translateY(0rem);
		opacity: 1;
	}
	0% {
		transform: translateY(1rem);
		opacity: 0;
	}
}

@-webkit-keyframes slideIn {
	0% {
		-webkit-transform: transform;
		-webkit-opacity: 0;
	}
	100% {
		-webkit-transform: translateY(0);
		-webkit-opacity: 1;
	}
	0% {
		-webkit-transform: translateY(1rem);
		-webkit-opacity: 0;
	}
}

.slideIn .dropdown-menu {
	-webkit-animation-name: slideIn;
	animation-name: slideIn;
}

.dropdown-item.active, .dropdown-item:active {
	color: #253581;
	font-weight: bold;
	text-decoration: none;
	background-color: #fff;
}

.dropdown-item:hover {
	background-color: #fff;
	color: #253581;
}

#mobileNavigation .dropdown-item.active, #mobileNavigation .dropdown-item:active {
	color: #fff;
	background-color: transparent;
}

#mobileNavigation .modal-dialog {
	width: 100%;
	max-width: 100% !important;
	height: 100vh;
	position: fixed;
	overflow-y: scroll;
	margin: 0;
	background-color: #253581;
}

#mobileNavigation .modal-dialog .modal-content {
	background-color: transparent;
	text-align: center;
	border-color: transparent;
	display: flex;
	align-items: center;
}

#mobileNavigation .modal-dialog .modal-content .nav-blue {
	box-shadow: none;
}

#mobileNavigation .modal-dialog .modal-content .dropdown .nav-item {
	display: block;
	padding-right: 0;
	padding-left: 0;
}

#mobileNavigation .modal-dialog .modal-content .dropdown-menu {
	padding: .5rem 0;
	font-size: 1.4rem;
	background-color: transparent;
	text-align: center;
	border: 0 none;
	border-radius: 0;
	box-shadow: none;
}

#mobileNavigation .modal-dialog .modal-content .dropdown-menu .dropdown-item {
	color: #fff;
	padding: .5rem 0;
}

#mobileNavigation .modal-dialog .modal-content .dropdown-menu .dropdown-item:hover {
	background-color: transparent;
}

#mobileNavigation .modal-dialog .modal-content .nav-link {
	color: #fff;
	font-size: 1.8rem;
	padding-bottom: 1rem;
}

#mobileNavigation .modal-dialog .modal-content .mobile-nav-logo {
	width: 200px;
	text-align: center;
	display: flex;
}

#mobileNavigation .modal-dialog .btn-close {
	box-sizing: content-box;
	width: 1.8em;
	height: 1.8em;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 100%;
	background: #fff0 url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23fff'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat;
	fill: #fff;
}

/* Posts and pages
--------------------------------------------- */
.sticky {
	display: block;
}

.updated:not(.published) {
	display: none;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

@-webkit-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
		-webkit-transform: scale(1.15);
		opacity: 0;
	}
}

@-moz-keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
		-moz-transform: scale(1.15);
		opacity: 0;
	}
}

@keyframes sonarEffect {
	0% {
		opacity: 0.3;
	}
	40% {
		opacity: 0.5;
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
	}
	100% {
		box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.1), 0 0 10px 10px #fff, 0 0 0 10px rgba(255, 255, 255, 0.5);
		transform: scale(1.15);
		opacity: 0;
	}
}

.png-icons img {
	width: 50px;
}

.listing .list-inline .list-inline-item {
	color: #253581;
}

.plain-link {
	text-decoration: none;
}

.card-header.light {
	background-color: #fff;
}

.grey-higlight {
	background-color: #f9f9f9;
}

.list-inline {
	padding-left: 0;
	list-style: none;
	justify-content: space-between;
}

.trip-info h5 {
	line-height: 42px;
}

.trip-info h1, .trip-info h3, .extra-info h4, .blue-accent {
	color: #253581 !important;
}

/* Comments
--------------------------------------------- */
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/* Widgets
--------------------------------------------- */
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/* Media
--------------------------------------------- */
/* Make sure logo link wraps around logo image. */
.custom-logo-link {
	display: inline-block;
}

/* Captions
--------------------------------------------- */
/* Galleries
--------------------------------------------- */
/*--------------------------------------------------------------
# Plugins
--------------------------------------------------------------*/
/* Jetpack infinite scroll
--------------------------------------------- */
/* Hide the Posts Navigation and the Footer when Infinite Scroll is in use. */
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

/* Re-display the Theme Footer when Infinite Scroll has reached its end. */
.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Utilities
--------------------------------------------------------------*/
/* Accessibility
--------------------------------------------- */
/* Alignments
--------------------------------------------- */

/*# sourceMappingURL=style.css.map */