/*
Theme Name: Elixer Media - Travel
Theme URI: https://elixermedia.nl
Description: Elixer Media - Travel
Author: Elixer Media
Author URI: https://elixermedia.nl
Version: 2.0
*/

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone{margin:0}
.aligncenter,div.aligncenter{display:block;margin:5px auto 5px auto}
.alignright{float:right;margin:0 0 15px 15px}
.alignleft{float:left;margin:0 15px 15px 0}
.aligncenter{display:block;margin:5px auto 5px auto}
a img.alignright{float:right;margin:0 0 15px 15px}
a img.alignnone{margin:0}
a img.alignleft{float:left;margin:0 15px 15px 0}
a img.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption.alignnone{margin:0}
.wp-caption.alignleft{margin:0 15px 15px 0}
.wp-caption.alignright{margin:0 0 15px 15px}
.wp-caption img{border:0 none;height:auto;margin:0;max-width:100%;padding:0;width:auto}
.wp-caption p.wp-caption-text{font-size:11px;line-height:17px;margin:0;padding:0 4px 5px}

/* Custom */
.wp-caption p.wp-caption-text{
	background: var(--primary-color);
	color: #fff;
	font-size: 12px;
  	padding: 5px 10px;
	margin-bottom: 15px;
}

/* Custom CSS
-------------------------------------------------------------- */
body{
	color:#000;
	font-family:'Raleway',sans-serif;
	font-size:15px;
	font-weight:400;
	line-height:30px;
}

.fixed-top .sinput-bg{
	background: rgba(255, 255, 255, 0.5);
	border-color: rgba(255, 255, 255, 0.5);
}

.fixed-top .sinput-bg::placeholder{
	color:#000
}

.fixed-top.scrolled .sinput-bg{
	background:#fff;
	border-color: var(--primary-color);
}

.grecaptcha-badge { visibility: hidden; }

.fixed-top.scrolled.navbar{box-shadow:0 3px 2px -2px rgba(0, 0, 0, 0.3)}
.navbar-brand img{max-height:70px;width:auto;margin:5px 0}
.navbar-dark .navbar-nav .active>.nav-link{color:#fff;font-weight: 700}

.navbar.fixed-top{
	background:transparent
}
.fixed-top #logo_norm{
	display:none
}
.fixed-top.scrolled{
  background-color: #fff !important;
  box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.3);
  transition: background-color 300ms ease-in-out, box-shadow 300ms ease-in-out;
}

.fixed-top.scrolled #logo_white{display:none}
.fixed-top.scrolled #logo_norm{display:block}


.navbar.fixed-top.scrolled a{color:#000}
.navbar.fixed-top.scrolled a:hover{color:#000;opacity:0.5}
.navbar.fixed-top.scrolled.navbar-dark .navbar-nav .active>.nav-link{color:#000;font-weight: 700}

@media (max-width: 767.98px) {
	.fixed-top #logo_white,
	.fixed-top #logo_norm{max-height:60px;width:auto}
}

.navbar.fixed-top.navbar-dark .navbar-toggler{
	color:#fff; border-color:#fff
}

.navbar.fixed-top.scrolled.navbar-dark .navbar-toggler{
	color:#008a41; border-color:#008a41
}
.navbar.fixed-top.scrolled.navbar-dark .navbar-toggler .navbar-toggler-icon{
	background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 138, 65, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")
}

.mb-custom{margin-bottom:4rem!important}

/* Home Newsletter */
#newsletter_box{
	background-image:linear-gradient(rgba(0, 0, 0, 0.9),rgba(0, 0, 0, 0.7)),url(img/newsletter-bg.jpg);
	background-position:center center;
	background-attachment:fixed;
	text-align:center
}
#newsletter_box h3{
	font-weight:700;
	font-size: 2.5rem;
	color:#fff;
}
#newsletter_box strong{
	font-weight:400;
	font-size:2rem;
	color:#fff;
}
#newsletter_box .form-control{
	height:50px;
	border-color:#fff;
	border-radius:0;
}
#newsletter_box.form-control:focus{
	box-shadow:none;
	border:2px solid #0093bd;
}
#newsletter_box .btn{
	min-height:50px;
	border-radius:0;
	background:#0093bd;
	color:#fff;
	text-transform:uppercase
}

.socialblock {color:#fff;padding:3rem 0}
.socialblock:hover{color:#fff}
.socialblock span{font-weight:700;font-size:2.5rem}
.socialblock p{margin:0}

.masthead{background-position:center center;background-repeat:no-repeat;background-size:cover;background-attachment:scroll}
.page .masthead,
.search .masthead,
.single .masthead,
.category .masthead,
.error404 .masthead{height:50vh}
.home .masthead{height:70vh}

.home .masthead .heading-one{
	font-size: 2.5rem;
	margin-bottom: .5rem;
	font-weight: 500;
	line-height: 1.2;
}

/* Buttons */
.btn-ts-primary {
    background: var(--primary-color);
    border-color: var(--primary-color);
    color: var(--primary-text-color);
    transition: background 0.3s ease, border-color 0.3s ease;
}

	.btn-ts-primary:hover {
		background: color-mix(in srgb, var(--primary-color) 80%, black 20%);
		border-color: color-mix(in srgb, var(--primary-color) 80%, black 20%);
		color: var(--primary-text-color);
	}

.btn-ts-secondary{
	background: var(--secondary-color);
	border-color: var(--secondary-color);
	color: var(--secondary-text-color);
	transition: background 0.3s ease, border-color 0.3s ease;
}
	.btn-ts-secondary:hover{
		background: color-mix(in srgb, var(--secondary-color) 80%, black 20%);
		border-color: color-mix(in srgb, var(--secondary-color) 80%, black 20%);
		color: var(--secondary-text-color);
	}

.btn-gyg{
	background:#ff5533;
	border-color:#ff5533;
	color:#fff
}

	.btn-gyg:hover{
		background: color-mix(in srgb, #991900 80%, black 20%);
		border-color: color-mix(in srgb, #991900 80%, black 20%);
		color:#fff
	}

.btn-ago{
	background:#3e6cea;
	border-color:#3e6cea;
	color:#fff
}

	.btn-ago:hover{
		background: color-mix(in srgb, #0e2e85 80%, black 20%);
		border-color: color-mix(in srgb, #0e2e85 80%, black 20%);
		color:#fff
	}


/* Standard colors */
.bg-ts-primary{background: var(--primary-color);color: var(--primary-text-color)}
.bg-ts-secondary{background: var(--secondary-color);color: var(--secondary-text-color)}
.bg-ts-tagline{background: var(--outline-color);color: var(--outline-text-color)}

.card-title a{color: var(--primary-color)}

.b-shadow{box-shadow: 4px 3px 5px 0px rgba(0, 0, 0, 0.03)}

.bg-cover{-moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}
.text-shade{text-shadow:1px 1px 3px rgba(0,0,0)}

/* Footer */
footer h5{font-weight:700;color:#fff}

footer,
footer h5,
footer a,
footer a:hover,
footer p{color:#fff}

footer a{opacity:1}
footer a:hover{opacity:0.8}

footer #logo_footer{max-height:180px;width:auto}

#copyright{color:#000}
#copyright p{margin:0; color: #000}


.list-inline-item + .list-inline-item::before {
    content: "|";
    margin: 0 6px;
}

.list-inline-item a {
    text-decoration: none;
    color: var(--primary-color);
    transition: color 0.3s ease;
}

.list-inline-item a:hover {
    color: color-mix(in srgb, var(--primary-color) 80%, black 20%);
}

.list-inline-item:not(:last-child) {
    margin-right: 0;
}

#going{
	position:fixed;
	z-index:9;
}