/*
Theme Name: Vilodge Theme
Template Theme URI: https://elinous.cl
Author: Briand de Elinous
Description: Nueva versión 2023
Version: 1.0
*/
@font-face {
	font-family: "Galgine";
	src: url("fonts/Galgine.otf") format("opentype");
	font-weight: normal;
	font-display: swap;
}
/* *[id] {
    scroll-margin-top: 50px;
}  */
html {
	position: relative;
	overflow: auto;
	margin-top:0 !important;
}
body {
	 font-family: 'Raleway', sans-serif;
	 overflow-x:hidden;
	 background:#FFFCFA;
	 padding-top: 74px !important;
}

h1 {
	font-size:60px;
	font-family: 'Galgine', serif;
}
h2 {
	font-size:38px;
}

h3 {
	font-size:28px;
}
h4 {
	font-size:20px;
}
h1,h2,h3,h4,h5,h6{
	line-height: 1.4;
	color: #31423C;
}
p{
  color:#646464;
	line-height: 2;
	font-size: 20px;
	font-weight: 400;
}
ul,ol{
/* 	list-style:none; */
	line-height: 2;
	color:#646464;

}
a{ color:#935824; }
a:hover{ text-decoration:none; color:#000;}


.wpcf7-form label {
	color:#AAB2B0;
	font-size: 16px;
}
.wpcf7-form-control-wrap {
	display:block;
	margin-bottom:15px;
}
.wpcf7-not-valid-tip {
	display:none !important;
}

input:-internal-autofill-selected {
	background:transparent !important;
}
.wpcf7-not-valid {
	border-bottom: 1px solid #d63838 !important;
}
input[type="text"], input[type="email"], input[type="password"], input[type="tel"] {
	padding: 13px 0px !important;
	min-width: 150px;
	border: 0;
	color:#fff;
	background: transparent;
	border-bottom: 1px solid #D4DBE0;
	font-size: 18px;
	outline: 0 !important;
	border-radius: 0px;
	width: 100%;
}
.input.input-fecha {
	position:relative;
}
.input.input-fecha .icon {
	position: absolute;
	left: 11px;
	z-index: -1;
	top: 40px;
	width: 1.3rem;
	height: 1.3rem;
}
.input.input-fecha label {
	margin-bottom:0;
}
.input-fecha input[type="text"] {
	border-bottom: 0px;
	padding-left: 30px !important;
}

::placeholder {
  color: #fff;
  opacity: 1; /* Firefox */
}

::-ms-input-placeholder { /* Edge 12 -18 */
  color: #fff;
}

.box-reserva select{
padding: 5px 0px;	
}

textarea{
	padding: 13px 0px !important;
	min-width: 150px;
	border: 0;
	color:#fff;
	height:140px;
	background: transparent;
	border-bottom: 1px solid #D4DBE0;
	font-size: 18px;
	outline: 0 !important;
	border-radius: 0px;
	width: 100%;
}

input[type="text"]:focus, input[type="email"]:focus,input[type="date"]:focus,
 input[type="password"]:focus, input[type="tel"]:focus,textarea:focus, select:focus {
   border-bottom: 1px solid #935824 !important;
}

.pd-container{
	padding-top:90px;
	padding-bottom:90px;
}
.icon {
  display: inline-block;
  width: 1em;
  height: 1em;
  stroke-width: 0;
  stroke: currentColor;
  fill: currentColor;
}


.btn-vilodge-line{
	text-align: center;
    border: 2px solid #Fff;
    color: #fff;
    padding: 14px 40px;
    display: inline-block;
    text-decoration: none;
	font-weight: 600;
	letter-spacing: 1px;
    font-size: 16px;
    border-radius: 30px;
	background-color:#262932;
	transition: background-color 0.4s;
}
.btn-vilodge-line:hover{
	background: #fff;
	color:#000;
}
/* .btn-vilodge-line svg, .btn-vilodge svg{
	font-size: 24px;
	margin-right: 10px;
} */

.btn-vilodge{
	text-align: center;
	background:#fff;
	font-weight: 600;
    padding: 14px 30px;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
	color: #040404;
	border:0;
	letter-spacing: 1px;
	text-transform: uppercase;
	position: relative;
	transition: background-color 300ms ease-out;
}
.btn-input {
	position:relative;
	transition: background-color 300ms ease-out;
}
.btn-input svg.icon {
	color:#000;
}


.btn-vilodge span , .btn-vilodge2 span {
	display: inline-block;
	position: relative;
	transition: all 300ms ease-out;
	will-change: transform;
}

.btn-vilodge:hover span , .btn-vilodge2:hover span  {
	transform: translate3d(-1rem, 0, 0);
}

 .btn-vilodge svg , .btn-vilodge2 svg  {
    position: absolute;
    width: 1.1em;
    right: 0px;
    right: 0rem;
    opacity: 0;
    top: 80%;
    transform: translateY(-100%);
    transition: all 300ms ease-out;
    will-change: right, opacity;
  }


  .btn-vilodge:hover svg , .btn-vilodge2:hover svg {
    opacity: 1;
    right: -2rem;
  }

.btn-vilodge:hover{
	background: #e9e9e9;
}
.btn-vilodge2{
	text-align: center;
	background:transparent;
	font-weight: 600;
    padding: 14px 40px;
    display: inline-block;
    text-decoration: none;
    font-size: 16px;
    border-radius: 5px;
	border:1px solid;
	color: #040404;
	letter-spacing: 1px;
	position:relative;
	text-transform: uppercase;
}
.btn-vilodge2:hover{
	color:#000;
}

.pagination span{
	margin-right:30px;
}
.pagination .page-numbers{
	background: #fff;
    height: 44px;
    min-width: 44px;
    justify-content: center;
    align-items: center;
    display: flex;
	margin-right: 15px;
	border-radius: 5px;
	color:#262932;
	text-decoration:none;
}
.pagination .page-numbers .next{
	background: #fff;
	color:#262932;
}
.pagination .page-numbers.current{
	background:#262932;
	color:#fff;
}

.navbar-nav li a{
	padding: 20px 20px;
	display: block;
	color:#e6e6e6;
	text-decoration: none;
	font-weight: 500;
	font-size: 16px;
	cursor:pointer;
    border-bottom: 2px solid transparent;
}
.navbar-nav li a:hover{
    border-bottom: 2px solid #e6e6e6;
}
.navbar-nav li.current-menu-item a{
	color:#fff;
	border-bottom:  2px solid #fff;
}

.navbar a{
	color: #6F6F6F;
    text-decoration: none;
}
.nav2 {
    margin-left: auto;
}

.checklist {
    list-style: none;
	line-height: 2.2;
}
.checklist li{
	position: relative;
	padding-left: 10px;
}
.checklist li:before {
    content: "";
    position: absolute;
    left: -30px;
    width: 25px;
    height: 25px;
    background: url(https://elinous.cl/wp-content/uploads/2023/02/check-elinous.svg);
    background-size: cover;
    top: 10px;
}

/*Responsive*/
/* Small devices (landscape phones, 576px and up)*/
@media screen and (min-width: 320px) and (max-width: 768px) {
	
	html {

		margin-top:0 !important;
	}
	h1 {
		font-size:46px;
	}
	p {
		font-size:16px;
	}
	.container{
		padding-right:25px;
		padding-left: 25px;
	}
	.pd-container{
		padding-top:50px;
		padding-bottom:50px;
	}
	/* Menu top */
	.navbar{
		padding: 10px 25px;

	}
	.navbar-collapse{
		margin-left: -25px !important;
		margin-right: -25px !important;
		background:#4E6250;
		-webkit-box-shadow: -7px 58px 84px -30px rgba(0,0,0,0.10);
		-moz-box-shadow: -7px 58px 84px -30px rgba(0,0,0,0.10);
		box-shadow: -7px 58px 84px -30px rgba(0,0,0,0.10);
		Z-INDEX: 10;
		margin-top: 10px;
	}
	.navbar-nav li.current-menu-item a{
		border-bottom:0;
	}
/* Efecto X */
	.navbar-toggler[aria-expanded="true"] .line:nth-child(1) {
		-webkit-transform: translateY(7px) rotate(-45deg);
		transform: translateY(7px) rotate(-45deg);
	}
	.navbar-toggler[aria-expanded="true"]  .line:nth-child(2) {
   		 opacity: 0;
	}
	.navbar-toggler[aria-expanded="true"]   .line:nth-child(3) {
		-webkit-transform: translateY(-7px) rotate(45deg);
		transform: translateY(-7px) rotate(45deg);
	}
	.navbar-toggler[aria-expanded="false"] .line{
		background:#fff;
	}
	.navbar-toggler .line{
		box-sizing: content-box;
		background:#fff ;
		position: relative;
		height: 2px;
		width: 23px;
		display: block;
		margin: 5px 0;
		-webkit-transition: .5s;
		transition: .5s;
		-webkit-transform-origin: center;
		transform-origin: center;

	}


	.navbar-toggler{
		width:44px;
		height: 44px;
		border-radius: 0;
	}
	.navbar-toggler:focus{
		outline:none;
		color:#fff;
		box-shadow: none;
	}
	.navbar-toggler.collapsed{
		background:transparent;
		color: #fff;
	}
	.navbar .btn-cristi2{
			padding: 8px 21px !important;
	    margin-left: 20px;
	    min-width: auto;
	    margin-right: 10px;

	}
	.navbar-brand{
		margin:0;
	}
	.navbar-brand img{
		max-height: 44px;
		width: auto;
		max-width:150px;
	}

	.navbar-nav li{
		padding:0 15px;
		position: relative;
		border-bottom: 1px solid #e6e9f9;
	}

	.navbar-nav li a{
		display:block;
		padding:10px;
	}
	.sec-proyectos .col-md-4{
			display: flex;
			justify-content: center;
	}
	.btns-float .action-float{
		right: 15px;
		bottom: 15px;
	}

}
/* Medium devices (tablets, 768px and up)*/
@media screen and (min-width: 768px) and (max-width: 991px) {

 }

/* Large devices (desktops, 992px and up)*/
@media screen and (min-width: 992px) and (max-width: 1199px) {

}
@media screen and (min-width: 1300px) {
	.container{
		max-width:1240px;
	}
}
/* Extra large devices (large desktops, 1366px and up)*/
@media screen and (min-width: 1400px) {
	.container{
		max-width:1340px;
	}
}
/* Extra large devices (large desktops, 1599px and up)*/
@media screen and (min-width: 1600px) {
	.container{
		max-width:1440px;
	}
}

.portada,
.page-header-banner {
    margin-top: -74px;
}