/*
Theme Name: RubyRange2019
Theme URI: http://fondadigital.com
Author: Fonda Digital LLC
Author URI: http://fondadigital.com
Description: Combination of Automattic´s _s theme and Bootstrap 4. Made as a solid starting point for your next theme project and WordPress website. Use it as starter theme or as a parent theme. It is up to you. Including Font Awesome support, built-in widget slider and much more you need for basic websites. IMPORTANT: All developer dependencies are not bundled with this install file. Just download the .zip, extract it and run "npm install" and "gulp copy-assets" inside the extracted /understrap folder.
That downloads everything and moves it in place so that you can recompile your CSS and JS files;
Version: 21
License: UnderStrap WordPress Theme, Copyright 2013-2017 Holger Koenemann
UnderStrap is distributed under the terms of the GNU GPL version 2
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: rubyrange
Tags: one-column, custom-menu, featured-images, theme-options, translation-ready

This theme, like WordPress, is licensed under the GPL.
UnderStrap is based on Underscores http://underscores.me/, (C) 2012-2016 Automattic, Inc.

Resource Licenses:
Font Awesome: http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
Bootstrap: http://getbootstrap.com | https://github.com/twbs/bootstrap/blob/master/LICENSE (Code licensed under MIT, documentation under CC BY 3.0.)
Owl Carousel 2: http://www.owlcarousel.owlgraphic.com/ | https://github.com/smashingboxes/OwlCarousel2/blob/develop/LICENSE (Code licensed under MIT)
and of course
jQuery: https://jquery.org | (Code licensed under MIT)
WP Bootstrap Navwalker by Edward McIntyre: https://github.com/twittem/wp-bootstrap-navwalker | GNU GPL
*/

/*
This file is just used to identify the theme in WordPress.
The compiled CSS output can be found in /assets/css/theme.css
The SASS sources for it can be found in /assets/sass/
The dependencies can be found in /assets/src/ after running "gulp copy-assets" terminal command

...and now go out and play!
*/


/* Full Width page template */

#content.fullwidth{
	max-width: 1600px!important;
}


/* ELEMENTOR BUTTONS */

a.elementor-button{
	display: inline-block;
	color: #fff!important;
    background: url(assets/backgrounds/btn.svg)!important;
    background-position: 50%!important;
    background-size: contain!important;
    background-repeat: no-repeat!important;
    padding: 20px 100px!important;
    border-radius: 0!important;
    border: 0!important;
    box-shadow: none!important;
    font-family: playfair display,serif!important;
    text-transform: none!important;
    font-weight: 600!important;
    font-size: 1.6rem!important;
}


/* ELEMENTOR PRODUCTS */

.products.elementor-grid article a .gallery-icon{
    height: 200px;
}
	.products.elementor-grid article a .gallery-icon img{
		width: 100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 50%;
	}
	.products.elementor-grid article .gallery-icon .price-wrapper{
		position: absolute;
		top: 20px;
		right: 0;
		border-radius: 5px 0 0 5px;
		z-index: 3;
		background: #ff9d33;
		padding: 5px;
		color: #ffff;
		font-size: 14px;
	}
	.products.elementor-grid article .gallery-icon .featured-wrapper,
	.post-grid article .gallery-icon .featured-wrapper,
	.post-slider article .gallery-icon .featured-wrapper{
		position: absolute;
		top: 20px;
		left: 10px;
		border-radius: 5px;
		z-index: 3;
		background: #1A7A42;
		padding: 5px 20px;
		color: #ffffff;
		font-size: 14px;
		font-weight: 700;
	}
	
	.animated-tour-btn {
		background: linear-gradient(-30deg, #1A7A42 50%, #1A7A42 50%);
		display: inline-block;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		overflow: hidden;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
	}
	.animated-tour-btn-single {
		position: relative;
	    top: -40px;
		border-radius: 5px;
		background: #ff9d33;
		padding: 5px 20px;
		color: #ffffff;
		font-size: 16px;
		font-weight: 700;
		background: linear-gradient(-30deg, #ff9d33 50%, #ff9d33 50%);
		display: inline-block;
		-webkit-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
		overflow: hidden;
		letter-spacing: 1px;
		text-align: center;
		text-transform: uppercase;
		text-decoration: none;
		-webkit-box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
		box-shadow: 0 20px 50px rgba(0, 0, 0, 0.5);
	}	
	.animated-tour-btn::before {
		content: '';
		position: absolute;
		top: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		background-color: #ad8585;
		opacity: 0;
		-webkit-transition: .2s opacity ease-in-out;
		transition: .2s opacity ease-in-out;
	}
	/*
	.animated-tour-btn:hover::before {
		opacity: 0.2;
	}
	*/
	.animated-tour-btn span {
		position: absolute;
	}
	.animated-tour-btn span:nth-child(1) {
		top: 0px;
		left: 0px;
		width: 100%;
		height: 2px;
		background: -webkit-gradient(linear, right top, left top, from(rgba(43, 8, 8, 0)), to(#1A7A42));
		background: linear-gradient(to left, rgba(43, 8, 8, 0), #1A7A42);
		-webkit-animation: 2s animateTop linear infinite;
		animation: 2s animateTop linear infinite;
	}
	@keyframes animateTop {
		0% {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
		}
		100% {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		}
	}
	.animated-tour-btn span:nth-child(2) {
		top: 0px;
		right: 0px;
		height: 100%;
		width: 2px;
		background: -webkit-gradient(linear, left bottom, left top, from(rgba(43, 8, 8, 0)), to(#1A7A42));
		background: linear-gradient(to top, rgba(43, 8, 8, 0), #1A7A42);
		-webkit-animation: 2s animateRight linear -1s infinite;
		animation: 2s animateRight linear -1s infinite;
	}
	@keyframes animateRight {
		0% {
			-webkit-transform: translateY(100%);
			transform: translateY(100%);
		}
		100% {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
		}
	}
	.animated-tour-btn span:nth-child(3) {
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 2px;
		background: -webkit-gradient(linear, left top, right top, from(rgba(43, 8, 8, 0)), to(#1A7A42));
		background: linear-gradient(to right, rgba(43, 8, 8, 0), #1A7A42);
		-webkit-animation: 2s animateBottom linear infinite;
		animation: 2s animateBottom linear infinite;
	}
	@keyframes animateBottom {
		0% {
			-webkit-transform: translateX(-100%);
			transform: translateX(-100%);
		}
		100% {
			-webkit-transform: translateX(100%);
			transform: translateX(100%);
		}
	}
	.animated-tour-btn span:nth-child(4) {
		top: 0px;
		left: 0px;
		height: 100%;
		width: 2px;
		background: -webkit-gradient(linear, left top, left bottom, from(rgba(43, 8, 8, 0)), to(#1A7A42));
		background: linear-gradient(to bottom, rgba(43, 8, 8, 0), #1A7A42);
		-webkit-animation: 2s animateLeft linear -1s infinite;
		animation: 2s animateLeft linear -1s infinite;
	}
	@keyframes animateLeft {
		0% {
			-webkit-transform: translateY(-100%);
			transform: translateY(-100%);
		}
		100% {
			-webkit-transform: translateY(100%);
			transform: translateY(100%);
		}
	}
	
	
	
	
.products.elementor-grid article a .entry-title {
    font-size: 22px;
    font-family: 'open sans',sans-serif!important;
    color: #1a7a42;
}
.products.elementor-grid article .card-body p{
    margin-bottom: 20px;
    color: #232323;
}
.products.elementor-grid article .card-body .tours-teaser-content-list{
    margin: 20px 0;
}
.products.elementor-grid article .card-body .tours-teaser-content-list::before{
	content: none;
}
.products.elementor-grid article .card-body .tours-teaser-content-list .info-item{
    margin-bottom: 0;
}
.products.elementor-grid article .card-body .tours-teaser-content-list .info-item .info-item-content{
    font-size: 15px;
    font-weight: 800;
}	
.products.elementor-grid article .card-body .tours-teaser-content-list .info-item .info-item-content .item-value{
    font-size: 13px;
    color: #232323;
}



/* BLOG */

body.single-post #wrapper-header,
.page-id-44062 #wrapper-header{
	background: #fff;
}
body.single-post #wrapper-header .intro-content-wrapper{
	display: none;
}
.page-id-44062 #wrapper-header .intro-content-wrapper:before{
	content: none;
}
.page-id-44062 #wrapper-header .intro-content-wrapper{
	background: transparent;
	position: absolute;
    bottom: 25px;   
}
.page-id-44062 #wrapper-header .intro-content-wrapper h1{
	text-shadow: 3px 1px 6px rgba(0, 0, 0, 0.70);
}

.blog-posts{
	display: flex;
	flex-wrap: wrap;
}
	.blog-posts article{
		margin-bottom: 25px;
	}
	.blog-posts article img{
		margin: 0!important;
	}
	.blog-posts article .post-content{
		background: #fff;
		padding: 1em;
	}
		.blog-posts article .post-content h2{
			font-size: 160%;
			line-height: 1.2em;
		}
			.blog-posts article .post-content h2 a{
				color: #1a7a42;
			}
		.blog-posts article .post-content p{
			font-size: 16px;
		}
		.blog-posts article .post-content .post-read-more{
			text-align: right;
		}
	
time.entry-date{
	font-style: italic;
	font-size: 90%;
}


/* Combining Tours */
/* Alternate colors every 2 rows */

.combining-tours tbody tr td{
    border: 1px solid #000000!important;
}
.combining-tours tbody tr:nth-child(4n-3),
.combining-tours tbody tr:nth-child(4n-2) {
    background-color: #ffffff!important;
}
.combining-tours tbody tr:nth-child(4n-1),
.combining-tours tbody tr:nth-child(4n) {
    background-color: #eeffe8!important;
}

.combining-tours tbody tr:nth-child(4n-2) td:first-child,
.combining-tours tbody tr:nth-child(4n-3) td:first-child,
.combining-tours tbody tr:nth-child(4n-1) td:first-child,
.combining-tours tbody tr:nth-child(4n) td:first-child{
    text-align: right;
}
.combining-tours tbody tr:nth-child(4n-2) td:last-child,
.combining-tours tbody tr:nth-child(4n-3) td:last-child,
.combining-tours tbody tr:nth-child(4n-1) td:last-child,
.combining-tours tbody tr:nth-child(4n) td:last-child{
    text-align: left;
}


/* Footer */

#wrapper-blog-footer{
	margin-bottom: 250px;
}
html:lang(de-DE) #wrapper-blog-footer > .elementor,
html:lang(fr-FR) #wrapper-blog-footer > .elementor{
	display: none;
}

#wrapper-footer #wrapper-catalogue {
    margin-bottom: 50px;
}