/*
Theme Name:   Hostal Central
Description:  Child Theme para modificaciones Hostal Central
Author:       OS2 Design
Author URI:   http://www.os2design.com/
Template:     betheme
Version:      1.0.0
*/

@import url("../betheme/style.css");

/* footer */
@font-face {
font-family:"Clemente";
src:url("fuente/ClementePDae-Light.ttf");  
}
@font-face {
font-family:"Claviar";
src:url("fuente/CaviarDreams.ttf");  
}
span.os2 {
font-family:"Claviar";
font-size: 1.2em;
color:black;
}
span.os2-2 {
color: #fcd8b2;
}
span.n {
font-family:"Clemente";
font-size: 1.3em;
color: black;
}
@font-face {
font-family:"chennai";
src:url("fuente/ufonts.com_chennai-opentype.otf");  
}
.footer_copy{

	 background-color: #b65e00e6 !important;

}
.copyright{
	color: black;
}
.copyright a{
	color: #fcd8b2 !important;
}
#Footer .widgets_wrapper {
    padding: 15px 0;
    background-color: #bf7221;
}
#Footer .widgets_wrapper .container{

	left:81px;
}
#Footer .widgets_wrapper h4{

	color: #0b472b;
	font-size: 25px;
	font-weight: bold;

}
#Footer .widgets_wrapper p{
	color: white;
}
#Footer .widgets_wrapper a{
	color:#0b472b;
}

/* Formulario de Contacto */

	.seccion8 input[type="submit"]{
		background-color: #bf7120;
	}
	input, textarea, .wpcf7-select{
		border-color: black !important;
	}
	
	.wpcf7-form p, label{

		color:black;
	}

/* Redes Sociales */

.facebook :hover{
	color: #3b5998 !important;
}
.pinterest :hover{
	color: #d42127 !important;
}
.twitter :hover{
	color: #1a8bf0 !important;
}
.instagram :hover{
	color: #517fa6 !important;
}


/* menu */

#Top_bar {
    background-color: #b65e00e6 !important;
}
#Top_bar.is-sticky{

	background-color: #b65e00e6 !important;
}

#Top_bar #logo img {
    
    max-height: 123% !important;
    margin-top: -7px !important;
}

#Top_bar.is-sticky #logo img:not(.svg){

	max-height: 114% !important;
    margin-top: -4px !important;

}
#Top_bar .menu li a{

	color: black !important;
}
#Top_bar .menu li a:hover{

	color: white !important;
}
#Top_bar .menu li a :active{

	color: white !important;
}

@media all and (max-width: 767px){

	#Top_bar a.responsive-menu-toggle{

		top: 27px !important;
	}

	#Top_bar a.responsive-menu-toggle i{

		font-size: 30px !important;
		line-height: 27px !important;

	}

	#Top_bar.is-sticky{
		position: fixed !important;
		background-color: #b65e00e6 !important;
	}
	
}
@media (min-width: 768px) and (max-width: 1024px){

	#Top_bar {
    background-color: #bf7221 !important;
	}

	#Top_bar.is-sticky{
		position: fixed !important;
		background-color: #bf7221 !important;
	}


}
/* Inicio */

.seccion1{

	margin-top: 71px;
}
.desc_wrapper::after{

	background-color: #0b472b !important;
}
.list_item .list_right h4 {
   
    color: #0b472b;
}
.seccion3 a.button, .hostal-seccion2 a.button{
	background-color: #bf7120;
	color: white;
}
.seccion7 .button{
	background: transparent;
	border: 1px solid !important;
	border-radius: 5px !important;
	color: white;
}
.style-simple .icon_box .icon_wrapper {
    font-size: 57px !important;
}
.icon_box .icon_wrapper{

	color: white;
}

@media all and (max-width: 767px){

	.seccion1 h2{

		line-height: 46px;
		margin-top: -56px !important;
		font-size: 60px !important;
		margin:0 auto;
	}
	.seccion1 h1{
		line-height: 32px;
	}

	.seccion1 h4, .seccion1 p{

		text-align: justify !important;
		font-size: 16px;
	}

	.seccion2 h4{

		font-size: 16px;
	}

	.seccion3{

		padding-top: 0 !important;
	}
	.seccion3 h2{

		text-align: center !important;
		font-size: 50px;
	}

	.seccion3 img{

		left:-72px;
	}

	.seccion3 h4, .seccion3 p{

		text-align: justify !important;
		font-size: 16px;
	}

	.seccion4 h2{

		line-height: 46px;
		margin-top: -56px !important;
		font-size: 60px !important;

	}
	.seccion4 .titulo{

		line-height: 32px;
		margin-top: 20px !important;
		font-size: 34px !important;
	}
	.seccion6 h2{

		text-align: center !important;
		font-size: 50px;
	}
	.seccion6 h4, .seccion6 p{

		text-align: justify !important;
		font-size: 16px;
	}
	.seccion6 .list_item h4{
		font-size: 22px !important;
	}
	.seccion6 .desc {
		font-size: 14px !important;
		text-align: justify;
	}
	.seccion7 h2{

		line-height: 46px;
		margin-top: -40px !important;
		font-size: 60px !important;

	}
	.seccion7 .titulo{

		line-height: 32px;
		margin-top: 20px !important;
		font-size: 34px !important;
	}

	.seccion7 h4{

		font-size: 16px !important;
		margin-top: -30px !important;
	}

	.seccion7 .social{

		font-size: 30px !important;
		margin-top: 20px !important;
	}

	.seccion8 h2{

		line-height: 46px;
		margin-top: -40px !important;
		font-size: 60px !important;

	}
	.seccion8 .titulo{

		line-height: 32px;
		margin-top: 20px !important;
		font-size: 34px !important;
	}
	#Footer .widgets_wrapper .container{

	left:15px;

	}
}


@media all and (max-width: 767px) and (orientation: landscape){

	.seccion1 h4{

		margin-top: 100px !important;
	}

	.seccion2 .photo_wrapper {

		margin: 0 auto;
		width: 65%;
	}

}
@media (min-width: 768px) and (max-width: 1024px){

	.seccion1{

	margin-top: 120px;
	}
	.seccion1 h4{
		margin-top: 100px;
	}
	.seccion6 .list_item .list_left img{
		max-width: 39px !important;
	}

	.seccion7 p{
		margin-top: 50px;
	}
	#Footer .widgets_wrapper .container{

	left:0px;
	}
	.footer_copy{

	 background: #b65e00e6 !important;

	}

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape){

	.video{

		display: none;
	}
	.seccion6 .list_item .list_left img{
		max-width: 60px !important;
	}
	.limpieza{
		margin-top: 25px !important;
	}
	.bar{
		margin-top: 18px !important;
	}

}

/* Hostal */

.hostal-seccion1{

	margin-top: 114px !important;
}
.hostal-seccion1 h4{

	margin-top: 120px;
}

.hostal-seccion2 .texto{

	padding: 0 20px;
}
.hostal-seccion2 .tranquilidad{
	color: #a95a07;
}

@media all and (max-width: 767px){

	.hostal-seccion1 h2{

		line-height: 46px;
		margin-top: -56px !important;
		font-size: 60px !important;
		margin:0 auto;
	}
	.hostal-seccion1 h1{
		line-height: 32px;
	}
	.hostal-seccion1 h4{

		margin-top: 20px;
	}

	.hostal-seccion1 h4, .hostal-seccion1 p{

		text-align: justify !important;
		font-size: 16px;
	}

	.hostal-seccion2{

		padding-top: 0 !important;
	}
	.hostal-seccion2 h2{

		text-align: center !important;
		font-size: 50px;
		margin-left: 10px !important;
	}
	.hostal-seccion2 h4, .hostal-seccion2 p{

		text-align: justify !important;
		font-size: 16px;
	}
	.hostal-seccion2 .texto h2{

		font-size: 40px !important;
		text-align: left !important;
	}
	.hostal-seccion2 .texto{

	padding: 0 0;
	}
	.hostal-seccion2 .hostal{

		line-height: 46px;
		font-size: 60px;
		margin-top: 0px;
		margin-bottom: 40px;
	}

}

@media all and (max-width: 767px) and (orientation: landscape){

	.hostal-seccion1{

	margin-top: 60px !important;
	}
	.hostal-seccion1 h4{
		margin-top: 130px;
	}
	.hostal-seccion2 .image_frame .image_wrapper{
		margin: 0 auto;
		width: 70%;
	}

}

@media (min-width: 768px) and (max-width: 1024px){

	.hostal-seccion2 a{
		font-size: 20px;
	}
	.hostal-seccion2 .localizacion p{
		font-size: 20px;
	}
}

/* habitaciones */

.habitacion1{

	margin-top: 150px;
	margin-bottom: -30px;
}
.style-simple .quick_fact .title {
    color: #a95a07 !important;
}

@media all and (max-width: 767px){

	.habitacion1{

		margin-top: 80px;
		margin-bottom: -20px;
	}

	.habitacion1 h2{

		line-height: 46px;
		margin-top: -56px !important;
		font-size: 60px !important;
		margin:0 auto;
	}
	.habitacion1 h1{
		line-height: 32px;
	}
	.habitacion1 h4{

		margin-top: 20px;
	}
	.habitacion2 .themecolor{
		font-size: 50px !important;
		margin-top: -65px;
	}
	.habitacion2 .titulo{
		line-height: 30px;
	}
	.habitacion2 h4{
		font-size: 17px;
	}
	.habitacion3 .precio{
		font-size: 17px;
	}
	
}

@media (min-width: 768px) and (max-width: 1024px){

	.habitacion3 h4{

		font-size: 20px;
	}
	.habitacion3 .number{

		font-size: 40px !important;
	}
	.habitacion3 .title{

		font-size: 20px !important;
	}
}

/* Galeria */

@media all and (max-width: 767px){

	.comedor .themecolor{
		margin-top: 50px;
	}
	.galeria{
		padding-top: 0px !important;
	}
	.galeria4 h2{
		text-align: center;
		margin-top: -67px;
		line-height: 26px !important;
	}
	.galeria4 h4, .galeria4 p{
		font-size: 17px;
		text-align: justify;

	}
}

/* reservas */
@media all and (max-width: 767px){

	.reservas h2 {
		margin-left:5px !important;
	}
	.reservas h3 {
		margin-left:5px !important;
	}
	.reservas p {
		margin-left:5px !important;
	}
	.hostal-seccion1 .linea{
		width: 40% !important;
	}
}

/* Contacto */

.contacto1{
	margin-top: 100px !important;
}

.list_item.lists_1 .list_left {
    background-color: transparent !important;
     color: #0b472b !important;
}
.contacto-seccion2 h4 a{
	color: #a95a07;
}
.contacto-seccion2 h4 {
	color: #a95a07 !important;
}

@media all and (max-width: 767px){
	.contacto-seccion1 .titulo{
		margin-top: -71px !important;
		text-align: center;
		font-size: 35px;
		line-height: 28px;
	}
	.contacto-seccion1 h3{
		font-size: 35px;
		text-align: center;
	}
	.contacto-seccion1 h4{
		text-align: justify;
		margin-right: 20px;
	}
	.contacto-seccion1 .eslogan-contacto{
		text-align: center;
	}
	.seccion8 .contacto{
		font-size: 20px !important;
		text-align: justify;
		line-height: 20px !important;
	}
	.contacto-seccion2{
		padding-top: 0px !important;
	}

}
@media (min-width: 768px) and (max-width: 1024px){

	.contacto-seccion1 h4{
		text-align: justify;
	}
	.contacto-seccion1 h4{
		text-align: justify;
		
	}
	.contacto-seccion1 .eslogan-contacto{
		text-align: center;
	}
	.contacto-seccion1 h3{
		text-align: center;
		font-size: 30px;
	}
	.desc big{
		font-size: 20px !important;
	}
	.list_icon i{
		font-size: 36px !important;
	}

}