/*
	Theme Name: One Jan
	Description: This is the CSS for the homepage of One Jan.
	Author: Jan Hoek
	Author URI: http://www.janhoek.com/
	Version: 2.0.1
 
	Tags: one page, single page, full-width-template
 
	Template: genesis
	Template Version: 2.0.1
 
	License: GPL-2.0+
	License URI: http://www.opensource.org/licenses/gpl-license.php
*/


body.home .wrapper {
	clear: both;
	overflow: auto;
} 
.section {
background:101010;		
}
@media only screen and (min-width: 1023px) {
	.section {
	/*	min-height:700px;*/
	}
}

.container_slides {

}
@media only screen and (min-width: 1023px) {
	.container_slides {
		width:100%;margin:auto;
	}
}


/* One Jan Wrap 
--------------------------------------------- */
body.home .site-inner,
body.home .site-inner .wrap {
	margin: 0 auto;
	max-width: 100%;
}

body.home .wrapper {
	padding: 0% 0;
}

body.home #portfolio.wrapper {
	padding-top: 0 !important;
}

body.home .section .wrap {
	max-width: 1140px;
}


body.home .section#portfolio .wrap {
	max-width: 100%;
}  

/* One Jan site-header 
--------------------------------------------- */

body.home .site-header {
	top: 0;
	width: 100%;
	z-index: 1000;
	-webkit-box-shadow: 1px 1px 10px rgba(50, 50, 50, 0.1);
	-moz-box-shadow:    1px 1px 10px rgba(50, 50, 50, 0.1);
	box-shadow:         1px 1px 10px rgba(50, 50, 50, 0.1);
	/*
	position: fixed;
	
	*/
    margin: 0 auto;
    max-width: 1140px;
}

body.home .site-header .title-area {
	/*padding-top: 25px;*/
}

/* One Jan Sections 
--------------------------------------------- */


body.home .section {
	background-attachment: fixed;
	background-position: 0 0;
	background-repeat: no-repeat;
	-webkit-background-size: cover !important;
	-moz-background-size: cover !important;
	-o-background-size: cover !important;
	background-size: cover !important; 
}

/* One Jan Styling
--------------------------------------------- */

body.home .section h1 {
	text-transform: uppercase;
	color: #FF1250;
	margin-bottom:0 !important;
	
	
}

body.home .section header.home-title {
/*	display: none;*/
}

body.home .section h2 {
	text-transform: uppercase;
	color: #00C8F2;
	margin-bottom:0 !important;
	
	
}
/* One Jan About
--------------------------------------------- */

body.home .section#about {
	background-color: #18A5B3;
	color: #65BFC4;
}

/* One Jan Service
--------------------------------------------- */

body.home .section#service .left,
body.home .section#service .right {
	-webkit-animation-duration: 1s;
	-ms-animation-duration: 1s;
	animation-duration: 1s;
}

body.home .section#service .one-half {
	background-color:rgba(88,88,88,0.5);
	border-radius: 6px;
	
}	

body.home .section#service .service-inner {
	color: #DCFFF9;
	padding: 3% 5%;
	font-size: 18px;
	
}

body.home .section#service h2 {
	color: #fff;
}

body.home .section#service p.mycode {
	color: #fff;
	font-weight: 500;
	font-size: 14px;
	text-transform: uppercase;
}


body.home .section#service .service1:before {
	content: "\f121";
	font-family: 'FontAwesome';
	color: #b4dfd9;
	font-size: 90px;
}

body.home .section#service .service2:before {
	content: "\f13b";
	font-family: 'FontAwesome';
	color: #b4dfd9;
	font-size: 90px;
}


/* One Jan Portfolio
--------------------------------------------- */

body.home .section#portfolio .portfolio-section .page,
body.home .section#portfolio .portfolio-section .post {
	float: left;
	overflow: hidden;
	width: 33.3333%;
	margin:0;
	padding: 0;
	line-height: normal;
}

body.home .section#portfolio .portfolio-section .page img.alignnone,
body.home .section#portfolio .portfolio-section .post img.alignnone {
	margin: 0;
	padding: 0;
	-webkit-animation-duration: 2s;
	-ms-animation-duration: 3s;
	animation-duration: 3s;
	-webkit-animation-delay: 2s;
	-ms-animation-delay: 2s;
 	animation-delay: 2s;	
}

/* One Jan Blog 
--------------------------------------------- */

body.home .section#blog .featured-content {
}

body.home .section#blog .featured-content .entry {
	float: left;
	width: 31.623931623931625%;
	margin-bottom: 15px;
	margin-left: 2.564102564102564%;
	padding: 2% 2%;
}

body.home .section#blog .featured-content .entry:nth-of-type(3n+1) {
	clear: left;
	margin-left: 0;
}

body.home .section#blog .featured-content img {
	margin-bottom: 15px;
}

/* One Jan Contact 
--------------------------------------------- */

body.home .section#contact {
	background-color: #d5511e;
}

body.home .section#contact h1 {
	margin: 40px 0;	
}

body.home .section#contact .section-inner {
	text-align: center;
	color: #fff;
	font-size: 18px;
	font-weight: 200;
	min-height: 200px;
}

body.home .section#contact .section-inner span.cline {
	border-top: 1px #F27C61 solid;
	padding-top: 30px;
	color: #F27C61;
}

body.home .section#contact .section-inner span.address:before {
	font-family: 'FontAwesome';
	content: "\f015";
	margin-right: 15px;
}

body.home .section#contact .social-section {
	padding-top: 50px;
}

/* One Jan Animations CSS
--------------------------------------------- */

.section#about h1 .animated.bounceInDown {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
}

.section#about h1 .animated.fadeOut {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
   -webkit-animation-delay: 3s;
  -ms-animation-delay: 3s;
  animation-delay: 3s;
}

.section#about img.animated {
  -webkit-animation-duration: 2s;
  -ms-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-delay: 2s;
  -ms-animation-delay: 2s;
  animation-delay: 2s;
}

@media only screen and (max-width: 1139px) {

	
	body.home .site-inner, .wrap {
		max-width: inherit;
	}
	
	
	body.home .section .section-inner {
		padding-left: 2%;
		padding-right: 2%;
	}
	
	body.home .section#portfolio .section-inner {
		padding: 0 0;
	}
}

@media only screen and (max-width: 1023px) {
	

	
	body.home .site-inner {
		padding: 0 !important;
	}
	
	.section#blog .featured-content .entry {
		width: 420px;
		padding: 3%;
	}
	.site-header  .wrap{

		
		
		/*background-position: center center;
		background-color:#fafafa ;
		background-image: url(../images/logo-small.png);
		background-repeat: no-repeat;
		background-align: center center;
		border-bottom:6px solid #aecdd2;
		
	*/
		background: #ff1250; /* Old browsers */
		background: -moz-linear-gradient(45deg,  #ff1250 0%, #00c8f2 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(45deg,  #ff1250 0%,#00c8f2 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(45deg,  #ff1250 0%,#00c8f2 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff1250', endColorstr='#00c8f2',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
	
		
	}

	
	
	body.home .section#blog .featured-content .entry {
		width: 100%;
		margin: 0;
	}
	div.title-area  {
		
	}
	
		div.title-area h1.site-title  a{
	
		display:block !important;
		text-indent: -9999px;
		background:url(../images/logo-small.png) center center no-repeat !important;
		width:369px !important;
		position:relative;
		z-index:20000;
		left:5px;
		
	}
	.site-header,.title-area h1.site-title  a   {
	 height:110px;
 
	}
	.title-area h1.site-title, .site-header  .wrap{
		margin:0 !important;
		padding:0 !important;
	}
	

	
	#menu-front-page{
		position:relative;
		background:#f0f0f0;
		width:100%;
	}
	
	#menu-front-page  li{
		display:block;
		text-align:center;
	}
	.genesis-nav-menu a {
		color:#1c1c1c !important;
	}
	
	
	
	
	/**/
	div.title-area {
		position:relative;
		z-index:0;
	
	}
	div.title-area h1.site-title a{
		width:80%;
	}

	section#nav_menu-4{
		position:relative;
		top:-60px;

	}
	div#responsive-menu-icon{
		margin-right:0px;
	}
	div.header-widget-area{
		padding-right: 15px !important;
	}
	div.header-widget-area{
		
	}
	/**/

}

/**/
.images-container {
  position: relative;
  text-align: center;
  color: white;
  background:black;
  width:100%;
  max-height:200px;
  display:block;
}
.images-container a{
	color:white !important;
	text-decoration:none !important;
}
.images-container p{
	padding:0;
	margin:0;
}
.images-container img {
width: 100%;
height: auto;
height: 100% !important;
object-fit: cover !important;
object-position: center !important;
width: 100% !important;
margin:0 !important;
padding:0 !important;
}
/* Bottom left text */
.images-bottom-left {
  position: absolute;
  bottom: 8px;
  left: 16px;
}

/* Top left text */
.images-top-left {
  position: absolute;
  top: 8px;
  left: 16px;
}

/* Top right text */
.images-top-right {
  position: absolute;
  top: 8px;
  right: 16px;
}

/* Bottom right text */
.images-bottom-right {
  position: absolute;
  bottom: 8px;
  right: 16px;
}

/* Centered text */
.images-centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}


/**/

#olimp-ciclista{
}


div.section{
	padding:0 !important;
	background:white;
}

div.section div.row div.content{
	padding-left:30px !important;	
	
}

div.section-dos-tres,div.section-dos-tres-map,div.section-text-full,div.section-tres-dos{
	background:white;
	padding-top:30px !important; 
									
}

div#el-poble-nou-de-benitatxell-2{
	padding-top:0px !important; 
	
}

div#ruta-puig-llorenca, div#ruta-calistros-abiar{
	background:#eee;
	padding-top:12px;
}
div#ruta-puig-llorenca div.text,div#ruta-calistros-abiar div.text {
	padding-bottom:22px !important;


}

div#ruta-calistros-abiar h1{
	color:#00C8F2 !important;
}

div#perque-benitatxell-lolimp-del-ciclisme{
	padding-bottom:22px !important;
}
div.section-dos-tres div.row div:first-child{
	
}
/**/
div#que-visitar {
	overflow:hidden;
	top:-38px;
	position:relative;
	margin-bottom:-38px;

}
div#que-visitar header{
	position:relative;
	top:60px;
	left:20px;
	z-index:2000;
}
div#que-visitar  h1{
	color:white !important;
}

/**/
div#que-visitar-text {
	display:block;
	width:100%;
	margin:0 !important;
	padding:0 !important;
}
div#que-visitar-text div.container{
	max-width:100% !important;
	margin:0 !important;
	padding:0 !important;
	
}
div#que-visitar-text p,div#que-visitar-text br{
	display:none;
	padding:0 !important;
	margin:0 !important;
}
div#que-visitar-text div{
	width:100% !important;
	margin:0 !important;
	padding:0 !important;
	overflow:hidden;
	
}
div#que-visitar-text .content{
	float:none !important;
	width:100% !important;
	margin:0 !important;
	padding:12px !important;
}
/**/
div#on-menjar-text {
	background:#fff;
	overflow:hidden;
	padding-left:30px !important;
	padding-top:30px !important;
	
}
div#on-menjar-text .container-objects{
	padding-top:30px !important;
	
}
div#on-menjar-text .content_txt{
	padding-bottom:30px;
}
div#on-menjar-2  h1{
	color:#3f3f3f !important;
}

/**/
div#allotjament {
	background:#eee;
	
}
div#allotjament_txt {
	background:#eee;
	overflow:hidden;
	padding-left:30px !important;
	padding-top:30px !important;
	
}
div#allotjament_txt .container-objects{
	padding-top:30px !important;
	
}
div#allotjament_txt .content_txt{
	padding-bottom:30px;
}
div#allotjament   h1,div#allotjament_txt h2{
	color:#3f3f3f !important;
}


/**/
div#tourist-info h1{
	color:#3f3f3f !important;
	
}
div#tourist-info{
	padding-bottom:22px;
}
.tourist-info-content{
	padding-top:45px;
	
}
div#tourist-info .telf{
font-size:130%;	
}