/* @font-face{ font-family: NombreFont; src: url(fonts/NombreFont-Bold.otf); } */
:root {
	--color-cream-yellow: #F5E4C3;
	--color-black : black;
	--color-black-neutros : #252525;
	--color-white : white;
	--color-black-green: #6B705C;
	--color-gray: #E5E5E5;
}
@font-face {
    font-family: 'OPTIFrench-Script';
    src: url("fonts/OPTIFrench-Script.otf") format("opentype");
}
@font-face {
    font-family: 'LibreBaskerville-Regular';
    src: url("fonts/LibreBaskerville-Regular.ttf") format("opentype");
}
/*=============================================================================
GENERAL
=============================================================================*/
body { overflow-x: hidden; position: relative; }
html { overflow-x: hidden; }
*::-moz-selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
*::selection { background: var(--color-blue-hard); color: #FFF; text-shadow: none; }
.bg-default { background-color: #eee; border: 1px solid #ddd; }
.bg-default-02 { background-color: #ddd; border: 1px solid #ccc; }
.text-black { color: #000; }
.bg-cover-index {
	background-image: url("http://placehold.it/1920x1080");
}
.color-white{
	color: var(--color-white);
}
.color-black{
	color: var(--color-black);
}
.color-cream-yellow{
	color: var(--color-cream-yellow);
}
.bg-transparent {
	background: transparent;
}
.bg-cream-yellow{
	background: var(--color-cream-yellow);
}
.bg-black-neutros{
	background: var(--color-black-neutros);
}
.bg-green{
	background: var(--color-black-green);
}
.bg-gray{
	background: var(--color-gray);
}
.text-french{
	font-family: 'OPTIFrench-Script';
}
.text-baskerville{
	font-family: 'LibreBaskerville-Regular';
}
.fs-46{
	font-size: 46px;
}
.fs-76{
	font-size: 76px;
}
.bnt-transparent{
	background: transparent;
	border: solid 1px var(--color-black);
}
.bnt-transparent:hover{
	background: var(--color-black);
	border: solid 1px var(--color-black);
	color: var(--color-cream-yellow);
}

.bnt-transparent-2{
	background: transparent;
	border-right: solid 1px var(--color-white);
	border-bottom: solid 1px var(--color-white);
	border-radius: 0px;
}

.bnt-transparent-2:hover{
	color: var(--color-black);
	background: var(--color-white);
	border-right: solid 1px var(--color-white);
	border-bottom: solid 1px var(--color-white);
	border-radius: 0px;
}

.bnt-transparent-3{
	background: transparent;
	border-right: solid 1px var(--color-black);
	border-bottom: solid 1px var(--color-black);
	border-radius: 0px;
}

.bnt-transparent-3:hover{
	color: var(--color-white);
	background: var(--color-black);
	border-right: solid 1px var(--color-black);
	border-bottom: solid 1px var(--color-black);
	border-radius: 0px;
}

.bnt-green.active{
	background-color: var(--color-black-green) !important;
	color: var(--color-white) !important;
	border: solid 1px var(--color-black-green);
	border-radius: 0px;
}
.bnt-green{
	color: var(--color-black-green) !important;
	border: solid 1px var(--color-black-green) !important;
	border-radius: 0px !important;
}

.bnt-black.active{
	background-color: var(--color-black) !important;
	color: var(--color-white) !important;
	border: solid 1px var(--color-black);
	border-radius: 0px;
}
.bnt-black{
	color: var(--color-black) !important;
	border: solid 1px var(--color-black) !important;
	border-radius: 0px !important;
}

/*=============================================================================
THANKS PAGE
=============================================================================*/
.thanks-page { height: 60vh; }
.thanks-page img { width: 400px; max-width: 100%; }
/*=============================================================================
NAVBAR
=============================================================================*/
.navbar {
	margin-bottom: 0;
	border: none;
	border-radius: 0;
}
/* colores items menu */
.navbar-light .navbar-nav .active > .nav-link,
.navbar-light .navbar-nav .nav-link.active,
.navbar-light .navbar-nav .nav-link.show,
.navbar-light .navbar-nav .show > .nav-link,
.navbar-light .navbar-nav .nav-link {
	color: #333;
	border-bottom: 2px solid transparent;
}
.navbar-light .navbar-nav .active .nav-link,
.navbar-light .navbar-nav .nav-link:focus,
.navbar-light .navbar-nav .nav-link:hover {
	color: #333;
	border-color: #333;
}
/* colores items menu */
/* separación items menu */
.navbar-nav > .nav-item {
	padding-left: 15px;
	padding-right: 15px;
}
/* separación items menu */
.navbar-brand img { width: 25px; }

.z-index-1040{
	z-index: 1040;
}
.menu-offcanvas{
	color: var(--color-black);
	text-decoration: none;
	border-bottom: solid 1px var(--color-black);
	display: block;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	padding-left: 15px;
}
.menu-offcanvas:hover{
	color: var(--color-white);
	text-decoration: none;
	border-bottom: solid 1px var(--color-black);
	display: block;
	width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	background-color: var(--color-black-neutros);
	padding-left: 15px;
}
/*=============================================================================
HOME
=============================================================================*/
.bg-seccion1-home{
	/* background-image: url(/assets/images/home/secion1-bg.jpg); */
	background-image: url("/assets/images/home/hero-dark-home.webp");
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	/* margin-top: -175px; */
  	width: 100vw;
	padding-left: 0px;
	padding-right: 0px;
}
.card-custom-home{
	height: 100%;
	background-image: url('/assets/images/home/home-espacios01.webp');
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.carousel-control-prev, 
.carousel-control-next{
	width: 2%;
}

.card-img-overlay-custom-home{
	padding: 0px;
	background-color:  var(--color-black);
	opacity: 0.6;
	top: 70%

}
.card-img-overlay-custom-home > h5{
	padding: 20px;
}

.bg-home-sec5{
	background-image: url('https://66.228.109.208.host.secureserver.net/~haciendaelsitioc/assets/images/home/sec5-home.png');
	background-repeat: no-repeat;
	background-position: center;
	height: 350px;
	background-size: cover;
}

.bg-image-sec-6-home{
	background-image: url('/assets/images/home/footer.webp');
	background-repeat: no-repeat;
	background-position: center;
}

.pointer-event{
	pointer-events: stroke;
}

.modal-header{
	border-bottom: none;
}

/*=============================================================================
FOOTER
=============================================================================*/
/*=============================================================================
BLOG
=============================================================================*/
.blog-play-container { height: auto !important; }
.bg-widget-cover.bg-mh {
	background-image: url("http://placehold.it/1920x500.png?text=1920x500.jpg");
	height: 500px;
}
.bg-widget-cover {
	background-position: center;
	background-size: cover;
}
.play-container { position: relative; height: 100%; }
.play-container:hover .play-ico { opacity: 1; cursor: pointer; }
.play-container:hover { cursor: pointer; }
.play-ico {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	z-index: 1;
	opacity: 0.5;
}
.img-blog {
	min-height: 800px;
	background-image: url("../img/Blog/header.jpg");
	background-position: center;
	background-size: cover;
}
.container-blog {
  padding-right: 30px;
  padding-left: 30px;
  padding-top: 100px;
  padding-bottom: 100px;
  width: 100%;
}
.i-text {
  background: #e2dede;
  border: none;
  border-radius: 10px;
  color: #757575;
  text-align: center;
  font-size: 12px;
  padding: 10px 40px;
  margin-right: 10px;
}
.bolder { font-weight: bolder !important; }
.hr-blog {
	max-width: 15%;
	border: 1px solid #e2dede;
	-webkit-box-shadow: 0px 2px 3px #e2e2e2;
	        box-shadow: 0px 2px 3px #e2e2e2;
}
.text-intblog { width: 100%; position: absolute; bottom: 10px; }
.btn-blog {
	width: 100%;
  background: black;
  border: none;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
}
.btn-blog2 {
  background: black;
  border: none;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
}
.btn-blog3 {
	background: black;
  border: 1PX solid #FFF;
  font-weight: 100;
  font-family: sans-serif;
  color: #fff;
  padding: 6px 50px;
  font-size: 16px;
  -webkit-transition: 0.2s;
  -o-transition: 0.2s;
  transition: 0.2s;
}
.btn-blog3:hover { color: #000; background-color: #FFF; text-decoration: none; }
.text-initblogf { position: absolute; top: 30%; left: 30%; }
.img-finalblog {
	background-image: url("../img/Blog/footer.jpg");
	background-position: center;
	background-size: cover;
}
.custom-dropdown > li > .dropdown-menu, .dropdown-child { background-color: #333; }
.dropdown-child > a { color: #FFF; }
.custom-dropdown > li > .dropdown-menu > .nav-link:hover,
.custom-dropdown > li > .dropdown-menu > .dropdown-item:hover,
.dropdown-child > a:hover { background-color: #222; }
.dropdown-child > a:hover { color: #FFF; }

/*=============================================================================
Historia
=============================================================================*/
.bg-seccion1-history{
	/* background-image: url(/assets/images/home/secion1-bg.jpg); */
	background-image: url("/assets/images/history/hero-dark-historia.webp");
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	/* margin-top: -175px; */
  	width: 100vw;
	padding-left: 0px;
	padding-right: 0px;
}
.h-230{
	height: 230px;
}

/*=============================================================================
Hacienda
=============================================================================*/
.bg-seccion1-hacienda{
	/* background-image: url(/assets/images/home/secion1-bg.jpg); */
	background-image: url("/assets/images/hacienda/hero-dark-hacienda.webp");
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	/* margin-top: -175px; */
  	width: 100vw;
	padding-left: 0px;
	padding-right: 0px;
}
.nav-item-hacienda-principal{
	margin-left: auto;
	margin-right: auto;
}

.nav-item-hacienda{
	padding-left: 15px;
	padding-right: 15px;
	width: 230px;
}

/*=============================================================================
Contacto
=============================================================================*/
.bg-seccion1-contact{
	/* background-image: url(/assets/images/home/secion1-bg.jpg); */
	background-image: url("/assets/images/contacto/hero-dark-contacto.webp");
	height: 100vh;
	background-repeat: no-repeat;
	background-position: center;
	/* margin-top: -175px; */
  	width: 100vw;
	padding-left: 0px;
	padding-right: 0px;
}
.hr-contact{
	background-color: var(--color-white);
	opacity: 1;
	width: 40%;
}

.form-contact-hacienda{
	margin-left: -120px;
}
.form-hacienda{
	background: transparent;
	color: var(--color-white);
	border-top: none;
	border-right: none;
	border-left: none;
	border-bottom: solid 1px var(--color-white);
	border-radius: 0;
}


/*=============================================================================
MEDIA
=============================================================================*/
/* 1920 x 1080 */
@media( max-width: 1920px ) {}

/* 1600 x 900*/
@media( max-width: 1600px ) {}

/* 1440 x 900 */
@media( max-width: 1440px ) {}

/* 1280 x 800 */
@media( max-width: 1280px ) {}

/* 990 x 1000 */
@media( max-width: 990px ) {
	.card-sec2-history{
		height: 300px;
	}
	.card-sec2-history > .card-img-overlay-custom-home{
		top:60%;
	}
	.h-230{
		height: 260px;
	}
	.form-contact-hacienda{
		margin-left: 0px;
	}
	.nav-item-hacienda-principal{
	margin-left: auto;
	margin-right: auto;
	}

	.nav-item-hacienda{
		padding-left: 15px;
		padding-right: 15px;
		margin-top: 10px;
		width: 230px;
	}
	.menu-container-movil{
		margin-left: 10px;
		margin-right: 10px;
		border-radius: 6px;
	}
}

/* 767 x 414 */
@media( max-width: 767px ) {
	.fs-46{
	font-size: 32px;
	}
	.fs-76{
		font-size: 56px;
	}
	.pt-responsive1{
		padding-top: 90px;
	}
	.card-custom-home{
		height: initial;
		background-image: url('/assets/images/home/sec3-3.png');
		background-repeat: no-repeat;
		background-position: center;
		margin-top: 20px;
	}
	.card-sec2-history > .card-img-overlay-custom-home{
		top:50%;
	}
	.form-contact-hacienda{
		margin-top: 20px;
	}
	.nav-item-hacienda-principal{
		margin-left: auto;
		margin-right: auto;
		width: 300px;
		margin-top: 15px;
	}

	.nav-item-hacienda{
		padding-left: 0px;
		padding-right: 0px;
		width: 300px;
		margin-left: auto;
		margin-right: auto;
		margin-top: 15px;
	}
	.nav-item-hacienda-principal > button,
	.nav-item-hacienda > button{
		width: 300px;
	}
}

/* 576 x 320 */
@media( max-width: 576px ) {
	.fs-76{
		font-size: 40px;
	}
}

/* 375 x 320 */
@media( max-width: 375px ) {}
/*
	@media( max-width: 1920px ) {}
	@media( max-width: 1600px ) {}
	@media( max-width: 1440px ) {}
	@media( max-width: 1366px ) {}
	@media( max-width: 1280px ) {}
	@media( max-width: 1024px ) {}
	@media( max-width: 736px ) {}
	@media( max-width: 667px ) {}
	@media( max-width: 640px ) {}
	@media( max-width: 568px ) {}
*/