/*Theme Name: PigFlex Theme
Theme URI: http://pigflex.com/
Author: Pig Flex
Author URI: http://pigflex.com/
Description: Naked Versión of WP Theme
Version: 2.6 */


/* NORMALIZE */
button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}[type=checkbox],[type=radio],legend{box-sizing:border-box;padding:0}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figure{margin:1em 40px}hr{box-sizing:content-box;height:0; width:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{padding:.35em .75em .625em}legend{color:inherit;display:table;max-width:100%;white-space:normal}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}



/* GENERAL */
body{background: #f4ebd9; font-size: 18px; font-family: Arial, Helvetica, sans-serif; font-weight: 400; overflow-x:hidden;}
.home header{height: auto; background: none;}
header{background: url(https://www.pedacitodecielo.com/wp-content/uploads/header-bg.jpg) center center no-repeat; background-size:cover; height: 20em;}
h1 {color: #fff; font-family: "Caveat", sans-serif !important; font-size: 3.6em; text-align: center; font-weight: 600; top: 22rem; left: 0; right: 0; text-transform: uppercase; margin:0 auto; position: absolute; text-shadow: 4px 4px 4px #0b1200; letter-spacing: 3px;}
.home h1{font-size: 2.6em; text-align: left; margin: 20px 0 0;}
h2{font-family: "Caveat", sans-serif !important; font-size: 2.8em; text-align: left; font-weight: 600; margin:-2px 0 22px; color: #216e00;}
h3{font-family: "Caveat", sans-serif !important; font-size: 2em; text-align: left; font-weight: 600;margin: 20px 0; color: #216e00;}
.grid-article h3 {
    text-align: left;
    font-size: 2.2em !important;
    margin: 0 auto;
}
h4{font-family: "Caveat", sans-serif !important; font-size: 1.2em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
h5{font-family: "Caveat", sans-serif !important; font-size: 2em; letter-spacing: 2px; color: #9bc217; text-align: left; font-weight: 600; text-transform: inherit; margin: 0 0 44px;}
h6{font-size: 1.1em; text-align: left; font-weight: 600; text-transform: inherit; margin: 20px 0;}
a{text-decoration: none; color: #000;}
footer a{text-decoration: none; color: #fff;}
b, strong{font-weight: 600;}
p {line-height: 1.5; margin: 20px 0;}
img{width: 100%; height: auto;}
li {line-height: 2em;}

.caveat-<uniquifier> {
  font-family: "Caveat", cursive;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;}

.whatsapp{position:fixed; right:10px; bottom:2%; float:right; width:55px; height:auto; z-index:99999999; opacity:.9;}
.whatsapp:hover{transition: .5s; opacity:1;}

button {background: #f4925b; border: none; cursor: pointer; padding: 8px 25px; border-radius: 12px; color: #fff; }
button:hover{background: #ff7d35;}

/* LOGO */
.home #logo {margin: 20px 20px 0; width: 244px; position: absolute; z-index: 99999999; top: 0;}
#logo {margin: 0 14px 0; width: 170px; position: relative; z-index: 99999999; top:6px;}


/* SLIDER */
.home #slider-image{margin: 0 auto;}
#slider-image{margin: 10px auto 0;}

/* CONTENIDOS */
.waze img{width: 50px; height: auto; margin: -10px 30px 0 0;}
.copa-img{width: 80px; float: right; margin: -20px 0;}
.iconos-facilities{width:100%;}
.iconos-tours img{width: 40px; margin: 0 8px -14px 0;}
.iconos-tours p{font-size: 18px !important; margin: 0 0 16px !important; font-family: Arial, Helvetica, sans-serif !important;}
.tour-inv{margin: 0 auto;}
.tour-inv h3{font-size: 2.4em; margin: 0 0;}
.tours{margin: 0 auto;}
.tour h3{font-size: 2.4em; margin: 0 0;}
.hotel-intro{margin: 4em auto;}
.intro-txt{margin: 0 auto;}
.intro-img{margin: 0 auto;}
.terraza-bg{margin: 4em auto; height: 600px; background: url(https://www.pedacitodecielo.com/wp-content/uploads/terraza-hotel-pedacitodecielo.jpg) center center no-repeat; background-size:cover;}
.cocodrilo-bg{margin: 4em auto; height: 600px; background: url(https://www.pedacitodecielo.com/wp-content/uploads/bg-hotel-pedacitodecielo.jpg) center center no-repeat; background-size:cover;}


/* MENU */
.idioma{background: red !important;}
.home nav {margin: 28px 0 0 -12px; width: 100%; text-align: right; position: absolute; z-index: 99999999; top:0;}
.reservar-btn{background: orange; border-radius: 20px;}
nav {margin: 60px 0 0 -14px; width: 100%; text-align: right; position: absolute; z-index: 99999999; top:0;}
nav img{margin: 0 0 -13px 0;}
nav > div > ul{margin: 0;}
nav > div > ul > li {display: inline-block; position: relative;}
nav > div > ul > li > a {transition: 0.6s color; font-weight: 600; font-size: 16px; display: block; color: #fff; text-align: center; padding: 14px; text-decoration: none; transition: .5s ease; text-transform: uppercase;  border-radius: 20px; line-height: 16px;}
nav > div > ul > li:hover > a {background-color: #eb9801; transition: .5s ease;}
nav > div > ul > li > ul {position: absolute; left: 0; margin: 0; padding: 0; list-style: none; text-align: left; background: #f7e89c; width: -moz-max-content; width: -webkit-max-content; width: max-content; display: none; z-index: 200; min-width: 100%;}
nav > div > ul > li:hover > ul{display: block;}
nav > div > ul > li > ul > li > a, nav > div > ul > li > ul > li > ul > li > a {font-size: 13px; color: #000; display: block; padding: 15px; transition: .5s ease;}
nav > div > ul > li > ul > li:hover > a {background: #f5c426;}
nav > div > ul > li > ul > li > ul {list-style: none; padding: 0; margin: 0; display: none; position: absolute; left: 100%; top: 0; z-index: 100; width: -moz-max-content; width: -webkit-max-content; width: max-content; background: #f5c426; min-width: 100%;}
nav > div > ul > li > ul > li{position: relative;}
nav > div > ul > li > ul > li:hover > ul {display: block;}
nav > div > ul > li > ul > li > ul > li:hover > a {background: #d0a417;}
#languages {list-style: none; margin: 0; text-align: center; padding: 1.5em 1em;}
#languages li {display: inline-block;}
#languages li a {text-indent: -999999px; display: block; width: 40px; height: 40px; margin: 10px;}
#languages li.lang-item-es a {background: url(image/icon-espana32.png) center center no-repeat; background-size: cover;}
#languages li.lang-item-en a {background: url(image/icon-usa32.png) center center no-repeat; background-size: cover;}

/* GRID */
.home #contenedor {width: 90%; margin: 6em auto; padding: 0;}
#contenedor {width: 90%; margin: 16em auto 6em; padding: 0;}
.container {display: grid; grid-template-columns: auto auto auto auto auto auto; padding:2em 2%}
.container > div {width: calc(100% - 40px); text-align: center;}

.grid {width: 1200px; margin: 0 auto 4em; max-width: 80%; padding: 0; text-align: center; position: relative;}
.grid-article {display: inline-block; position: relative; width: 33%; vertical-align: top; max-width: 100%;}
.grid-article > div {position: relative; margin: 20px;}
.grid-article h3 {text-align: left; font-size: 1.1em; margin: 0;}
.grid-article h3.blog-title {text-align: center; margin: 10px 0;}
.grid-article a, .grid-article img {display: block;}
.grid-article .fecha {text-align: left; margin: 0 0 10px;}
.grid-article p {font-size: 0.9em; text-align: justify;}
.grid-article span {position: absolute; bottom: 0; background-color: #f5c426; padding: 10px 45px; right: 0; color: #1c232f; text-transform: uppercase; font-weight: 900; transition: .5s ease; font-size: 14px;}
.grid-article a:hover span {background-color: #1c232f; color: white; }
#old_posts {font-size: 14px; border: 2px solid #f7e89c; width: 161px; padding: 16px 20px; border-radius: 5px; color: #1c232f; text-decoration: none; transition: 0.4s; position: absolute; right: 20px; bottom: -50px;}
#old_posts:hover {background-color: #f7e89c; color: #1c232f; transition: .5s ease; }

/* MAPA */
#map {height: 400px; width: 100%;}
#location { width: 100%; float: left; margin-top: -19px; }
#locationTag {position: relative; margin-left: 76%; top: -74px; border: 2px solid #f7e89c; width: 9px; padding: 16px 20px; border-radius: 5px; font-size: 14px; transition: 0.4s;}
#locationTag:hover {background-color: #f7e89c; color: #1c232f; transition: .5s ease; }
#location {margin-top: 44px;}
#locationTag {margin-left: 20%; top: -100px;}

/* FORMULARIOS */
#newsletter {display: none;}
#form {width: 1200px; margin: 0 auto; padding: 0 20px; max-width: calc(100% - 40px); text-align: center;}
#form p, #form h3 {margin: 0 20px; text-align: left;}
#form > * {display: inline-block; vertical-align: middle; margin: 0 10px;}
.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {height: 40px; border-radius: 5px; border: 1px solid #707070; width: 210px;}
.wpcf7-form-control.wpcf7-submit {display: block; background-color: #efc72a; height: 44px; border-radius: 5px; border: 0px; width: 100%; font-size: 14px; font-family: 'Open Sans', sans-serif; font-weight: 900; color: #1c232f; cursor: pointer; transition-duration: .4s;}
.wpcf7-form-control.wpcf7-submit:hover {background-color: #77cc6d; transition-duration: .4s; }
.wpcf7-form h3 {text-transform: uppercase; line-height: 1px;}
#contact-form-page input {width: 80%; height: 40px; border-radius: 5px; border: 1px solid #707070;}
#contact-form-page textarea {width: 80%; border-radius: 5px; border: 1px solid #707070;}
#contact-form-page .wpcf7-form-control.wpcf7-submit { width: 30%;}
div.wpcf7 .ajax-loader{display: none !important;}
.wpcf7-form h3 {line-height: 36px;}

/* FOOTER */
footer {background: #103803; margin: 0 auto; width: 100%; clear: both; color: white;}
footer p {line-height: 2.5;}
.adress  p {line-height: 1.5; margin: -20px 0 0;}
#widget-footer {margin: 0 auto; max-width: calc(100% - 40px); padding: 0 20px;  margin-top: 3em;}
#widget-footer > div {width: 40%; display: inline-block; padding: 4em 2em 0; text-align: left; vertical-align: top;}
#credits{clear: both; margin: 0 auto; padding: 20px 0 !important;}
#credits a{color: pink;}
#credits p {font-size: 16px; margin: 0 auto; text-align: center; color: white;}
#locationTag{display: none;}
.social-icons img{margin: 8px 24px 20px 0; width: 48px;}

/* CUSTOMS */
.customS{ transition: 0.6s color; font-weight: 600; font-size: 16px; letter-spacing: 1px;  display: block; text-align: center; padding: 15px; list-style: none; transition: .5s ease; text-transform: uppercase; background-color:#ffffff;}
.customS:hover{ transition: .5s ease;}

#gallery-1 img {border: 14px solid #f5ebd9 !important; margin: 0 auto !important; padding: 0 !important;}

/* INTERNA */
#category-list {display: block; margin: 0 auto 4em; width: -moz-fit-content; width: -webkit-fit-content; width: -fit-content;}
#category-list h3 {text-align: left; font-size: 1.2em; margin: 15px 0;}
#subheader {text-align: center; margin: 1em 0;}
#subheader > *{display: inline-block; margin:0 10px; vertical-align: middle;}
#subheader .menu {list-style: none; margin: 0; padding: 0;}
#subheader .menu > li{position: relative;}
#subheader .menu > li > a {display: inline-block; border: 1px solid #ccc; padding: 10px; line-height: 1; font-size: 12px; color: #555; text-transform: uppercase;}
#subheader .menu > li > ul {display: none; margin: 0; padding: 0; list-style: none; position: absolute; background: #FFF; width: calc(100% - 2px); border: 1px solid #ccc; border-radius: 0 0 5px 5px; z-index: 999; top: calc(100% - 1px); text-align: center;}
#subheader .menu > li > ul > li > a {font-size: 11px; line-height: 1; color: #666; display: block; padding: 10px 5px;}
#subheader .menu a:hover{background: #efefef;}
#subheader .menu > li:hover > ul{display: block;}
#subheader script {display: none;}
body#es .addtoany_content > div::before {content: "Compartí esta página"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}
body#en .addtoany_content > div::before {content: "Share this page"; display: block; margin-bottom: 3px; margin-left: 5px; font-weight: bold !important;}

/* RESPONSIVE */

@media screen and (max-width:900px) {
	html body div.wprm-wrapper {overflow-x: hidden;}
	nav {display: none;}
	#logo {z-index: 9999; width: 150px; margin: 0 auto;}
	.home #logo {        margin: 0 auto;
        width: 200px;
        top: 16px;
        z-index: 9999;
        left: 0;
        right: 0;
        position: relative;}
	.grid-article {width: 100%;}
}

@media screen and (max-width:600px) {
	.tour-img{margin: 0 auto 20px;}
	.tit-tours{display: none !important;}
	.tour-inv{flex-direction: column-reverse !important; margin: 3em auto !important;}
	.tour{margin: 3em auto !important;}
	h1 {color:#216e00; font-size: 3em; text-align: center; top: 13rem; margin:0 auto; text-shadow: none; letter-spacing: 2px;}
	.grid-article h3 {text-align: center;}
	.single-post h2 { text-align: center; margin: 4em auto 1em !important;}
	h2{text-align: center;}
	h3{text-align: center;}
	footer h5 {text-align: center; margin: 0 auto 40px;}
	.cocodrilo-bg {height: auto; background-size: contain;}
	.copa-img {display: none;}
	.terraza-bg {margin: 1em auto -10em; height: 400px; background-size: contain !important;}
	.home #contenedor {margin: -10em auto 2em; padding: 0; text-align: center;}
	.hotel-intro {margin: 14em auto 4em;}
	#contenedor {width: 96%; margin: 8em auto; padding: 0;}
	.container {display: inline-block; grid-template-columns: auto auto; padding: 0; width: 100%; margin: 0 auto; text-align: center;}
	.container > div {width: auto; display: inline-block; text-align: center; margin: 0 auto;}
	header {background-size: cover; height: 10em;}
	#slider-image {display: none;}
	#widget-footer > div {width:86%; margin: 0 auto 40px; text-align: center;}
	#widget-footer {margin: 0 auto; max-width: 100%; padding: 0; }
}

@media screen and (max-width:340px) {}