/*

Theme Name: Maskitto Light Child
Theme URL: http://shufflehound.com/maskitto-light/
Description: Maskitto Light Child
Theme Author: Dimi
Author URL:
Template: maskitto-light
Version: 3.4.0
Text Domain: maskitto-light-child

*/

/*-----------------------------------------------------------------------------------*/
/* Theme styles can be found inside:
/* - css/style.css
/* - css/responsive.css
/*-----------------------------------------------------------------------------------*/

nav {
	top: 0;
}

button.book, button.tour {
    padding: 7px 22px;
}

@media only screen and (min-width: 768px) {
    button.book, button.tour {
		padding: 0 22px;
	}
}

#tour-single .top-img {
	width: 100%;
    height: 250px;
    object-fit: cover;
}
@media only screen and (min-width: 768px) {
	#tour-single .top-img {
		height: 450px;
	}
}

nav ul button {
    color: #000000;
    -webkit-text-fill-color: #000000;
}
nav.scroll ul button {
    color: #ffffff;
    -webkit-text-fill-color: #ffffff;
}

footer {
	padding-bottom: 35px;
}
@media only screen and (min-width: 768px) {
	footer {
		padding-bottom: 0;
	}
}

.single-tour-name-input input {
	background-color: transparent !important;
    border: none;
    padding-left: 0;
    padding-top: 0;
    border-bottom: 1px solid #000000;
    border-radius: 0;
    height: 24px;
}

#tour-single button.book {
	padding: 5px 25px;
	z-index: 9999;
}

.submit {
	height: 30px;
}

.submit p {
    height: 100%;
    padding-top: 2px;
}

.submit p input {
  width: 100%;
}

#contact-landing .title .custom-text-styles {
	font-family: "Sk-Modernist-Regular", sans-serif;
    font-size: 27px;
	line-height: 28px;
    padding: 40px 0px 20px 0px;
}
@media only screen and (min-width: 768px) {
	#contact-landing .title .custom-text-styles {
    	padding: 20px 0px 20px 13px;
	}
}
@media only screen and (min-width: 1200px) {
	#contact-landing .title .custom-text-styles {
		font-size: 32px;
		padding: 20px 0px 20px 20px;
	}
}

.grecaptcha-badge {
	opacity: 0 !important;
	z-index: -1;
}

.trip-advisor-logo {
	position: fixed;
    bottom: 50px;
    right: 8px;
    z-index: 9999;
    width: 70px;
    height: 70px;
	cursor: pointer;
}
.trip-advisor-logo.hide {
	display: none;
}
@media only screen and (min-width: 992px) {
	.trip-advisor-logo {
		bottom: 20px;
		right: 20px;
		width: 110px;
		height: 110px;
	}
}