/*
Theme Name: Dazzling - WWT
Theme URI: http://colorlib.com/wp/themes/dazzling
Author: Colorlib
Author URI: http://colorlib.com/
Description: Dazzling is a clean minimal and responsive WordPress theme well suited for travel, health, business, finance, design, art, personal and any other creative websites and blogs. Developed using Bootstrap 3 that makes it mobile and tablets friendly. Theme comes with full-screen slider, social icon integration, author bio, popular posts widget and improved category widget. Sparkling incorporates latest web standards such as HTML5 and CSS3 and is SEO friendly thanks to its clean structure and codebase. It has dozens of Theme Options to change theme layout, colors, fonts, slider settings and much more. Theme is also translation and multilingual ready and is available in Spanish. Sparkling is a free WordPress theme with premium functionality and design.
Version: 1.0.0
Template: dazzling
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dazzling
Domain Path: /languages/
Tags: green, light, white, gray, black, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, photoblogging, left-sidebar, translation-ready, custom-background, custom-colors, custom-menu, featured-images, full-width-template, post-formats, theme-options, threaded-comments


This theme, like WordPress, is licensed under the GPL.

Dazzling is based on Underscores http://underscores.me/, (C) 2012-2015 Automattic, Inc.

*/

/* Your custom styles should go right after this line */
a,
.entry-meta .fa{
	color:#01a799;
}

.navbar-default .navbar-nav>.active>a, .navbar-default .navbar-nav>.active>a:hover, .navbar-default .navbar-nav>.active>a:focus, .navbar-default .navbar-nav>li>a:hover, .navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:hover, .navbar-default .navbar-nav>.open>a:focus, .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus, .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover, .navbar-default .navbar-nav .open .dropdown-menu>li>a:focus {
	background-color:#01a799;
	color:#fff;
}
.site-main [class*="navigation"] a:hover, .site-main [class*="navigation"] a:focus, .more-link:hover, .more-link:focus {
	background:#01a799;
}

.navbar-default .navbar-nav>li>a {
	color:#000000;
	font-weight: 400;
	
}

.primary-btn,
.btn.btn-default,
.btn.btn-default.read-more  {
	background: #ef4d3e;
    color: #fff;
    padding: 0 20px;
    border: 0;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;
    height: 44px;
    line-height: 44px;
    text-align: center;
    overflow: hidden;
    border-radius: 22px;
}
.primary-btn:hover,
.btn.btn-default.read-more:hover, .btn.btn-default.read-more:focus {
	color: #fff;
    background: #e95a56;
    transition: all .3s ease-in-out;
    text-decoration: none;
    outline: 0;
}

#logo .site-title, #logo .site-description {
	clip:auto;
}


#logo .site-title{
	position: relative;
	top:10px;
	display:inline
}



.navbar-collapse {
	margin-top:1em;
}


.form-search {
    display: flex;
    justify-content: center;
    background: black;
    align-items: center;
	margin-top:1em;
}

.form-search .form-group {
	margin:15px auto
}

.form-search .input-group .form-control:not(:first-child):not(:last-child) {

    width: 100%;
    height: 34px;
    padding: 6px 9pt;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    border-radius: 23px 0 0 23px;
    font-size: 14px;
    height: 46px;
}

.form-search .input-group-btn .btn {
	
    height: 46px;
    border-radius: 0 23px 23px 0;
	background: #ef4d3e;
    color: #fff;
    padding: 0 20px;
    border: 0;
    text-decoration: none;
    display: inline-block;
    cursor: pointer;

    text-align: center;
    overflow: hidden;
    border-radius: 0 23px 23px 0;
}


.brochure-takeover {
	color: #fff;
	background:black;
}

.brochure-takeover a {
	color: #fff;
	text-decoration: none;
}
	.brochure-takeover a:hover {
		text-decoration: underline;
	}
.brochure-takeover p{
	font-size: 15px;
}

.brochure-takeover .h2 {
max-width:420px;
font-size: 18px;
line-height: 24px;
}

.brochure-takeover .h2:before {
content: '';
height: 60px;
width: 50px;
background: url(https://www.wendywutours.co.uk/resource/assets/images/brochure-covers-2020.png);
background-size: cover;
display: block;
float: left;
margin: 0 20px 0 0;
}

.brochure-takeover .h2:after {
	content: '';
	height: 20px;
	width: 51px;
	background-position: -60px -475px;
	position: absolute;
	top: 0;
	right: 0;
}

.brochure-takeover .container {
	display:flex;
}
.brochure-takeover .container .img-container img{
	width: 100%;
    object-fit: cover;
	height:100%;
}

.brochure-takeover .float-left {
	float:left;
	display:block;
}


@media (max-width: 40rem) {
.brochure-takeover p a  {
	text-decoration: underline;
	font-size: 14px;
}
.brochure-takeover p{
padding-top:0;
font-size:13px;
}
.brochure-takeover .h2 {
	font-size:14px;
}
	
	.brochure-takeover .float-left {
		display:none;
	}
}
@media only screen and (max-width: 768px) {
.brochure-takeover .container div .primary-btn {
display: none;
}
}

@media only screen and (max-width: 425px) {
	.brochure-takeover .img-container, .brochure-takeover .btn-container {
		display: none;
	}
}


/* Post */
.post {
    transition: all .3s ease-in-out;
    border-radius: 6px;
    box-shadow: 2px 3px 8px 0 rgb(0 0 0 / 14%);
}

.entry-header {
	/* padding:1em; */
	border-bottom:none;
}

.entry-summary {
	padding:1em;
}
.entry-meta {
	padding:1em;
}
.entry-content {
	padding:1em;
	margin-top:0;
}

.entry-content p {
	font-size:.9em;
}

.post .entry-title {
	margin-top:0;
	padding:.5em 0 0 .5em;
	font-size:1.5em;
}

.post .entry-header .entry-title  {
	font-size:2em;
}

.entry-header + .entry-content {
	padding-top:0;
}

.entry-content + .page-header {
border-top: 1px solid #eee;
border-bottom:none;
margin-bottom:0;
}

.article-page .entry-content p {
	font-size:1em;
	line-height:150%;
}

.entry-content .entry-title {
	padding:0;
}

h2.sidebar-heading {
	font-size:1.5em;
	margin-top:0;
}
.container{
	padding-top:2px;
	padding-bottom:2px;
}

.siebar-container {
	background:#F1F1F1;
	padding:1em;
	box-shadow: 2px 3px 8px 0 rgb(0 0 0 / 14%);
	margin-bottom:4em
}

/* newsletter */
.newsletter-container {
	border-radius:6px

}
.newsletter-container input[type="email"] {
	height: 44px;
    border-radius: 22px 0 0 22px;
	padding-left: 20px;
	margin-bottom: 20px;	
}

.newsletter-container button {
	border-radius: 0 22px 22px 0;
	margin-left: -4px;
}


/* offer container with flexislider */

.offer-container {
	margin-bottom: 3em;
	display: block;
}

.offer-container .flex-control-paging li a {
	background:white;
}

.offer-container .flex-control-nav {
	bottom:5px;
}

.offer-container  .flex-control-paging li a.flex-active {
	background: #ef4d3e;
}

.offer-container  .flex-direction-nav a {
	color: white;
}

@media only screen and (min-width: 1024px) {
	.offer-container {
		min-height:300px;
	}
}

/* sidebar */
.brochure-container {

}

.brochure-container img {
	margin-bottom:1em;
}

.brochure-container a {
	text-decoration: none;
}


.brochure-container  .flex-control-paging li a.flex-active {
	background: #ef4d3e;
}

.brochure-container .flex-direction-nav a {
	color: white;
}
.brochure-container .flex-control-paging li a {
	background:#fff
}
/* Brochure cover */

.brochure-cover-container  {
	display: block;
    margin: 3em auto;
	text-align: center;
}

.brochure-cover-container h2 {
	margin-bottom: .5em;
}

/* tour */
.tour-container {
	display: block;
	
	margin:1em auto;
	margin-top:2em;
}
@media only screen and (min-width: 768px) {
	.tour-container {
		width: 400px;
	}
}

.click-block {
	text-align: center;
    height: 100%;
    transition: all .3s ease-in-out;
    cursor: pointer;
    position: relative;
    border-radius: 6px;
    box-shadow: 2px 3px 8px 0 rgb(0 0 0 / 14%);
    background-color: #fff;
    overflow: hidden;
    font-size: 14px;
	display: flex;
    flex-direction: column;
	padding-bottom:1em;
}

.click-block-details {
	margin-bottom:2em;
	padding:1em;
}

.click-block-details .green {
	color:#01a799
}

.primary-red {
	color:#ef4d3e
}

.click-block .yellow-star {
	color:#EBC302;
}


.fa-star-1:before {
    content: "\f005";

}

.fa-star-2:before {
    content: "\f005\f005";

}

.fa-star-3:before {
    content: "\f005\f005\f005";

}

.fa-star-4:before {
    content: "\f005\f005\f005\f005";

}

.fa-star-5:before {
    content: "\f005\f005\f005\f005\f005";

}

/* footer */
#footer-area {
	background: none;
	color:#000000
}

/* cardc */

.card {
	position: relative;
    width: 100%;
	color:#fff;
	margin-bottom: 1em;
}

.card-body {
    position: absolute;
    top: 10px;
    left: 10px;
    margin: 0 auto;
    text-align: center;
    width: auto;
    padding: 0.5em 1em;
    white-space: nowrap;
    color: #fff;
	background:rgba(0,0,0,.66);
}

.card-text {
	display: block;
    margin: 0;
}

.footer-awards-container {
	display: block;
    text-align: center;
	margin-top:2em;
}

.footer-awards-container .award-img-list {
	display: flex;
    justify-content: center;
}
#footer-area .footer-awards-container ul.award-img-list li {
	list-style: none;
	padding:1em;
	border:none;
}
.footer-awards-container p {
	padding:1em;
	width: 100%;
    margin: 0 auto;
}
@media only screen and (min-width: 768px) {
	.footer-awards-container p {
		width: 60%;
	}
}

.about-wwt-text {
	background: #01a799;
    padding: 1em;
    color: white;
    font-size: 1.5em;
    font-style: italic;
    border-radius: 5px;
	margin-bottom:2em;
}


/* how can we help */

.enquire-container {
	display: flex;
    border-radius: 10px;
    box-shadow:2px 3px 8px 0 rgb(0 0 0 / 14%);
    display: flex;
}
.enquire-container .text-container {
    color: #fff;
    position: relative;
    padding: 10px;
    align-items: center;
    justify-content: center;
	color:#000000
}

.enquire-container .text-container h3 {
	margin-top:0;
}

.enquire-container .text-container a {
	color: #000000;
	font-weight: bold;
	font-size:1.5em;
	text-decoration: none;
}
.enquire-container .text-container a:before {
	margin-right:10px;
}

.enquire-container .img-container{ 
	background: #01a799;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px;
	width:250px;
	border-radius: 10px 0 0 10px;
}
.enquire-container .img-container img {
	border-radius: 50%;;
}

/* post bottom navigation */	

.site-main [class*="navigation"] .nav-links {
	display:flex;
	justify-content: center;
}
[class*="navigation"] .nav-previous {
	padding: 1em 0;
   
    display: inline-block;
}

[class*="navigation"] .nav-next {
	padding: 1em 0;
  
    display: inline-block;
}

.site-main [class*=navigation] a, .more-link {
	border: 1px solid #e8e8e8;
    padding: 1em;
    border-radius: 4px;
    margin: 1em;
}

/* Author info on the post */

.author-bio-section{
	background-color: #F5F5F5;
	padding: 15px;
	border: 1px solid #ccc;
	margin: 3em 0 2em 0;
	}
	  
	.author-name{
	font-size:16px;
	font-weight: bold;
	}
	  
	.author-details img {
	border: 1px solid #D8D8D8;
	border-radius: 50%;
	float: left;
	margin: 0 10px 10px 0;
	}


/* Additional CSS */

.cta-list-block {
	background: #F1F1F1;
	padding: 20px;
	text-align: center;
	margin: 40px auto 40px auto;
	width: 100%;
}

.cta-list-block::after {
	display: block;
	content: "";
	clear: both
}

.cta-list-block img {
	border: 10px solid #fff;
	box-shadow: 2px 3px 8px 0 rgba(0, 0, 0, 0.14);
	border-radius: 100%;
	width: 100px;
	height: 100px;
	margin: -60px 0 0 0;
	background-size: contain
}

@media only screen and (min-width: 768px) {
	.cta-list-block img {
		width: 120px;
		height: 120px
	}
}

.cta-list-block ul {
	list-style-type: none;
	padding: 0;
	margin: 0
}

.cta-list-block ul li {
	display: block;
	margin: 0 0 1px 0;
	overflow: hidden;
	line-height: 60px;
	text-align: left
}

.cta-list-block ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	background: #1D807A
}

.cta-list-block ul li a:before {
	content: '';
	width: 40px;
	height: 40px;
	background: url("https://www.wendywutours.co.uk/resource/images/ui-sprite.svg") no-repeat;
	position: relative;
	margin: 10px 20px 10px 10px;
	display: block;
	float: left
}

.cta-list-block ul li a:hover {
	background: #27AAA3
}

.cta-list-block ul li a.telephone:before {
	background-position: -360px -332px
}

.cta-list-block ul li a.email:before {
	background-position: -264px -332px
}

.cta-list-block ul li a.brochure:before {
	background-position: -211px -335px
}

.thumbnail {
	padding:0;
	border:0;
	transition:none;
}

.wp-block-image.size-full {
	padding:1em 0;
}

.flexslider {
	min-height:223px;
}

.post .entry-content {
/* 	min-height:200px; */
}

.wp-block-categories-dropdown.wp-block-categories select {
	width: 100%;
    padding: 6px 9pt;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-appearance: none;
    appearance: none;
    outline: 0;
    background: url(/resource/assets/images/open-expanded.png) no-repeat;
    background-position: right 10px center;
    font-size: 14px;
    height: 46px;
}

img.size-full{
	width:100%;
}
.entry-content h2{
	margin-top:1.5em;
}
.section-list {
	display:inline-block;
	padding:0 0 2em 0;
	
}
.section-list li {
	list-style:none
}



.brochure-takeover .full-banner {
    background: url("/resource/assets/images/cherry2.jpg");
    background-size: cover;
}

.brochure-takeover .full-banner a{
    width: 100%;
}

.brochure-takeover .full-banner a:hover {
    text-decoration:none;
}

.brochure-takeover .full-banner a span{
    text-decoration: underline;
}

.brochure-takeover .full-banner .text {
	text-align: center;
    background: rgba(0, 0, 0, 0.45);
    margin: 5px;
    width: 100%;
    margin: 0 auto;
    padding: 5px;
    text-shadow: 0 0 6px #4a4c50;
}

.brochure-takeover .full-banner .heading {
    font-size: 2em;
}

.brochure-takeover .full-banner .desc {
    padding: 0.6em;  
	margin:0;
	font-size:1.5em;
}

.brochure-takeover .full-banner .desc span{
    display: block;
}
@media (min-width: 40.06rem) {
    .brochure-takeover .full-banner .heading {
        font-size: 2.4em;
    }
    .brochure-takeover .full-banner a span{
        text-decoration: none;
    }
}
@media (min-width: 52.06rem) {
 
    .brochure-takeover .full-banner .heading {
        font-size: 3.4em;
    }

}