/*
Theme Name:		 Twenty Seventeen Child
Theme URI:		 http://www.websitebundles.com/
Description:	 Theme by Site <a href=\"http://childthemegenerator.com/\">http://childthemegenerator.com/</a>
Author:			 WebsiteBundles
Author URI:		 http://childthemegenerator.com/
Template:		 twentyseventeen
Version:		 1.0.0
Text Domain:	 Twenty-Seventeen-child
-------------------------------------------------------------- */


/* =Theme customization starts here
------------------------------------------------------- */


/* COLOR */


/* Azul claro : #64ded7 : rgb(1,1,1)  */


/* Azul       : #30c5c3 : rgb(48,197,195)  */


/* Marrón     : #3b3531 : rgb(59,53,49)  */


/* Gris       : #aca195 : rgb(1,1,1)  */


/* Piel       : #e6a488 : rgb(1,1,1)  */


/* Hueso      : #f0f0f0 : rgb(1,1,1)  */


/* Negro      : #1b2323 : rgb(27,35,35)  */

#wrapper {
    height: unset;
}

body.home {
    padding-top: 0
}

*::-moz-selection { background: rgba(48,197,195,0.5); color:black}
*::selection { background: rgba(48,197,195,0.5); color:black}

/* HEADER */

.header-int::before {
    background: none
}

.navbar-brand {
    height: auto;
}

.blog-title {
    height: inherit;
    padding-top: 15px;
    position: absolute;
    left: 0;
    right: 0;
}

.navbar-dark.top-nav-collapse a {
    font-size:inherit;
  }

.navbar-toggle {
    padding: 0;
    margin: 0;
    padding-top: 15px
}

.top-nav-collapse .blog-title {
    padding-top: 18px
}

.navbar-dark.top-nav-collapse, .header-int, .home.paged .header-int {
    background-color: #3b3531;
/*     background-color: #1b2323 */
}

header p img {
    display: none
}

.home header .text-center {
    width: 75%;
    display: block;
    margin: 0 auto
}

.home .header-int h3 {
    margin: 0
}

.home .header-int h2 {
    margin: 20px 0
}

.home .header-int p {
    margin-bottom: 12vh;
}

.navbar>.container-fluid .navbar-brand {
    margin-left: 0
}


/* Muestra menú hamburguesa en escritorio también */

.navbar-header {
    float: none;
}

.navbar-toggle {
    display: block;
}

.navbar-collapse.collapse {
    display: none!important;
}

.navbar-nav {
    float: none!important;
}

.navbar-nav>li {
    float: none;
}

.navbar-collapse.collapse.in {
    display: block !important;
}


/* Menú desplegado */

button:hover,
button:focus,
input[type="button"]:hover,
input[type="button"]:focus,
input[type="submit"]:hover,
input[type="submit"]:focus {
	background: transparent;
}

.navbar-collapse.collapsing {
    opacity: 0;
}

.navbar-collapse.collapse.in {
    opacity: 1;
}

.navbar-brand, .navbar-toggle {
    z-index: 15;
    position: relative
}

.navbar-dark .navbar-collapse {
    position: fixed;
    height: 100%!important;
    max-height: 100vh;
    margin-top: 0;
    margin-bottom: 0;
    text-align: center;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(59, 53, 49, .95);
    z-index: 5
}

.nav.navbar-nav.nav-center, .search-area {
    margin:0 auto;
    max-width:35%
}

.helper.vcenter {
    height: inherit
}

.navbar-dark.top-nav-collapse .navbar-collapse {
    margin-top: 0;
    margin-bottom: 0;
}

.navbar-dark.top-nav-collapse .nav.nav-center, .navbar-dark.top-nav-collapse .nav.idiomas {
    padding-top: 0px;
}

.nav>li {
    display: inline-block;
    padding: 0 3px !important;
    border: 0 solid !important;
}

li.cat-item.cat-item-1365 {
    display: none;
}

.nav>li.cat-item-sup {
    display: block !important;
    font-size: 24px !important;
	border-bottom: 2px solid #aca195 !important;
	padding: 10px 0 !important;
    margin-bottom: 15px;
}

.nav>li.cat-item-sup:first-child {
    margin-bottom: 5px;
}

.nav>li>a {
    display: inline-block;
}


.nav.navbar-nav.nav-center, .search-area {
    margin: 0 auto;
    max-width: 470px;
}


/* FOOTER */

#footer {
    z-index: 0;
    position: relative;
    background-color: #aca195;
/*     background-color: #1b2323 */
    padding: 48px 0 40px 0;
}

footer .footer-up {
    margin-bottom: 0
}

footer div:nth-child(3) ul ul {
    -moz-column-count: 2;
    -webkit-column-count: 2;
    column-count: 2;
    -moz-column-gap: 15px;
    -webkit-column-gap: 15px;
    column-gap: 15px;
    list-style: none
}

footer .row>div {
    padding: 0 15px;
    float: left
}

footer .row>div:first-child img {
    width: 100%
}

footer .row>div:first-child {
    width: 20%;
}

footer .row>div:nth-child(2) {
    width: 20%;
}

footer .row>div:nth-child(3) {
    width: 45%;
}

footer .row>div:nth-child(4) {
    width: 15%;
}

footer .footer-up .footer-redes li a.redes-home {
    background:url(assets/img/icon-home.png) left center no-repeat;
}



/* SIDEBAR */

.blog .submenu ul li {
    border-bottom: 0px solid #aca195;
    text-align: center;
    font-size: 16px;
    padding: 10px;
	margin-bottom: 0;
}

.blog .submenu ul li:hover {
	color: #AAA196;
}

.blog .submenu .widget li {
    border-bottom: none;
    background-color: #aca195;
    padding: 15px;
	margin-bottom: 15px;
}

.blog .submenu .widget li:hover {
    background-color: #AAA196;
}

section.widget {
    padding-top: 40px
}

section.widget i {
    width: 20px
}

.blog .submenu ul .cat-alma {
    border-bottom: 1px solid #AAA196;
    font-size: 20px;
    padding-bottom: 15px;
}


/* HOME */

.home .clearfix.visible:nth-child(4n+2) {
    display: none;
}

.home header .container {
    position: absolute;
    z-index: 1;
    height: unset;
    top: 60px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.single-post .blog, .single-post #portfolio {
    z-index: 5;
    background-color: white;
    position: relative
}

.footer-button, .footer-button a {
    display: block;
    position: relative;
    width: 100%;
    background-color: #f0f0f0;
    margin: 0;
    text-align: center
}

.home header .button {
    background-color: #e6a488
}

.home header .button:hover {
    background-color: #3b3531
}

.home header .button {
    padding: 20px 60px;
}

.home header p {
    margin: 0
}

.blog {
    padding: 30px 0 145px 0 !important;
}

.home #pos-header {
    background-color: #3A3531;
    display: block;
    padding: 30px;
    margin: 30px 15px;
}

.home #pos-header .button {
    padding: 20px 60px;
	background-color: #AAA196;
	text-transform: uppercase;
	display: inline-block;
    color: #ffffff;
    font-size: 12px;
}

.home #pos-header .button:hover {
	background-color: #E6A489;
}

.home #pos-header h1 {
    color: #E6A489;
}

.home #pos-header p {
    color: #ffffff;
}

.home .scroll-op-home {
    opacity: 0.75;
}

.home section.blog {
    padding-bottom: 0
}

.home .last-posts-tittle {
	background-color: #f0f0f0;
    display: block;
    padding: 15px;
    margin: 60px 15px 60px 15px;
    font-weight: 600;
    font-size: 22px;
}

.home .blog .container {
    padding: 0
}

.home .blog .container .col-md-6 {
    padding: 0 30px
}

.footer-button {
    padding:0
}

a.footer-button, .footer-button a {
    padding:25px
}

/* Página X */

.header-int {
    background:#3b3531;
    padding:130px 0 70px 0;
    position:relative;
}

.header-int:before {
	background: none;
    content:unset;
}

.home.paged .header-int {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    height: unset;
    z-index: 0;
}

.home.paged .text-center {
    width:100%
}


/* ALMANAQUE */

.category .footer-button {
    text-transform: uppercase;
    pointer-events:none;
    background-color: #64ded7;
/*     background-color: #30c5c3; */
    color:#3b3531;
    color:white
}


/* Header img */

.alm-bg img, .alm-header-int, .alm-gradient:before {
    width: 100%;
}

.alm-bg img {
    height: auto;
    z-index: 0;
    opacity: 0.25
}

.alm-bg {
    position: absolute;
    width: inherit;
    top: 0
}

.alm-header-int {
    position: relative;
    overflow: hidden;
    padding: 250px 0 200px
}

.alm-header-int .text-center {
    z-index: 2;
}

.alm-header-int hr {
    margin: 60px 0
}

.alm-gradient {
    background-attachment: fixed;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    height: 80vh;
    opacity: 0.75;
    z-index: 2
}

.alm-gradient:before {
    height: 80vh;
    display: block;
    content: "";
    background: #3b3531;
    background: -moz-linear-gradient(top, rgba(59, 53, 49, 0) 30%, rgba(59, 53, 49, 1) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(59, 53, 49, 30) 30%, rgba(59, 53, 49, 1) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(59, 53, 49, 0) 30%, rgba(59, 53, 49, 1) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#003d3c38', endColorstr='#3b3531', GradientType=0);
    /* IE6-9 */
    z-index: 1
}


/* Grid */

#portfolio {
    padding: 5px;
}

.yith-infs-loader {
    padding-top:15px
}

#portfolio .portfolio-item .portfolio-link .caption .caption-content {
  width: 100%;
  height:inherit;
  font-size: unset;
  position:relative;
  top:0;
  display: flex;
  align-items: center;
  margin:0
}

#portfolio .portfolio-item .portfolio-link .caption {
    background: rgba(27,35,35, 0.35);
}

#portfolio .portfolio-item .portfolio-link .caption:hover {
    background: rgba(27,35,35, 0.8);
}

#portfolio .portfolio-item .portfolio-link .caption:hover + img {
    -webkit-filter: grayscale(80%) blur(1px); /* Safari 6.0 - 9.0 */
    filter: grayscale(80%) blur(1px);
    z-index:-3;
}

/* .category-almanaquehammam .post-thumbnail {
  width:300px;
  height:300px
} */


/* ENTRADAS */

.single-post h1 {
    text-transform: uppercase;
    font-size: 5em;
    color: #64ded7;
    line-height: 1.1;
    margin: 0;
    padding: 0;
    font-family: 'Chap';
    font-weight: normal;
}


/* Header */

.home .header-int, .single-post .header-int {
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
    position: relative;
    min-height: 100vh;
    z-index: 0;
}

.home .header-int {
    background-attachment: scroll
}

.home .scroll-op-home, .single-post .scroll-op, .single-post .scroll-op-no-js {
    background-color: #3b3531;
/*     background-color: #1b2323; */
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 1
}

.single-post .scroll-op, .single-post .scroll-op-no-js {
    opacity: 0.65;
}

.single-post .scroll-op-no-js {
    opacity: 0.7
}

.single-post .header-int .text-center {
    z-index: 2
}


/* Fixed */

.single-post header .container {
    position: fixed;
    z-index: 1;
    height: unset;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: auto
}

.single-post header .container .row, .home header .container .row, .navbar-nav {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width:inherit
}

.single-post .blog, .single-post #portfolio, .home .blog {
    z-index: 5;
    background-color: white;
    position: relative
}

/* Contenido */

.blog .blog-post .blog-post-text p img {
    margin: 25px 0
}


/* Related */

#portfolio h2 {
    padding: 0 15%
}


/* Estilos entradas */

.single-post .blog-post-text a {

    color:#30c5c3
}

.single-post .blog-post-text a:hover {
    color:#64ded7;
}

.single-post .blog-post-text h2 {
    font-family: Antwerp;
    font-size:26px;
    font-weight:600;
    padding-top:.8em
}

.single-post .blog-post-text h3 {
    color: #000 !important;
    font-size: 24px !important;
}

.single-post .blog-post-text li {
  list-style-position: inside;
  padding:.5em 0
}

.single-post .blog-post-text blockquote {
    font-size: 1.25em;
    text-align:center;
    border:none;
    color: #aca195;
    margin: 0 0 30px;
    padding:20px 40px
}

.single-post .blog-post-text ul {
    margin: 0 0 30px;
}


/* ARCHIVO */

.post-thumbnail {
    margin-bottom: 0;
}

article .blog-post h2 {
    margin: 0;
}

h3 .separador {
    margin: 1em
}

article .blog-post img {
    margin-bottom: 55px
}

article .blog-post .sharer {
    margin-bottom: 120px
}



/* Quitar fotos de contenido */

.error404 .blog .blog-post-text p img, .home .blog .blog-post-text p img, .page .blog .blog-post-text p img, .archive.category .blog .blog-post-text p img, .paged .blog .blog-post-text p img, .search-results .blog .blog-post-text p img {
    display: none;
}


/* Sharer */

.sharer {
    position: relative;
    border-top: 1px solid #aca195;
    padding-top: 10px;
    margin-top: 55px
}

.sharer h4, .sharer-buttons {
    display: inline-block;
    margin: 0
}

.sharer .sharer-buttons {
    text-align: right;
    float: right;
}

.sharer-buttons a {
    margin-left: 25px
}

.blog {
    padding-bottom: 55px
}

.yarpp-related {
    margin: 0
}


/* Paginación */

.next, .prev {
    display:inline-block;
    float:left;
}

.next {
    float:right
}

.archive .blog, .page .blog {
    padding-bottom:0
}

#nav-posts {
    margin-bottom:120px;
    position:relative;
}

#nav-posts:after {
    content:"";
    clear:both;
    display:table
}


/* OTROS */


/* Quitar negritas para textos de entradas */

.archive.category .blog-post-text p b, .archive.category .blog-post-text p strong, .home .blog-post-text p b, .home .blog-post-text p strong, .page .blog-post-text p b, .page .blog-post-text p strong, .search-results .blog-post-text p strong {
    font-weight: inherit
}


/* Quitar sombra de enlaces */

.single-post header a, .single-post header a:hover, .entry-title a:focus, .entry-title a:hover, .entry-meta a:focus, .entry-meta a:hover, .blog h2 a:focus {
    -webkit-box-shadow: none;
    box-shadow: none
}


/* Quitar hover de imágenes */

.blog-post .post-thumbnail a:hover img,
.blog-post .post-thumbnail a:focus img {
	opacity: inherit;
}


/* Sombra texto */

.alm-header-int .text-center, .home header .text-center, .scroll-fade {
    text-shadow: 0px 4px 12px rgba(59, 53, 49, .5);
    text-shadow: 0 1px 3px rgba(59, 53, 49,.7);
}

#portfolio h2, .alm-header-int p {
    text-shadow: 0 1px 3px rgba(59, 53, 49,.7);
}


/* Transición */

.navbar-collapse.collapsing, .navbar-collapse.collapse.in, .blog .submenu .widget li, .sharer a {
    -moz-transition: all .15s cubic-bezier(0.4, 0.0, 0.2, 1) 0s;
    -webkit-transition: all .15s cubic-bezier(0.4, 0.0, 0.2, 1) 0s;
    transition: all .15s cubic-bezier(0.4, 0.0, 0.2, 1) 0s
}

footer .footer-up ul li a {
    -moz-transition: color .05s cubic-bezier(0.4, 0.0, 0.2, 1) 0s;
    -webkit-transition: color .05s cubic-bezier(0.4, 0.0, 0.2, 1) 0s;
    transition: color .05s cubic-bezier(0.4, 0.0, 0.2, 1) 0s
}

#portfolio .portfolio-item .portfolio-link .caption:hover + img {
    -moz-transition: filter 1s cubic-bezier(0.4, 0.0, 0.2, 1) .05s, blur 1s cubic-bezier(0.4, 0.0, 0.2, 1) .05s;
    -webkit-transition: filter 1s cubic-bezier(0.4, 0.0, 0.2, 1) .05s, blur 1s cubic-bezier(0.4, 0.0, 0.2, 1) .05s;
    transition: filter 1s cubic-bezier(0.4, 0.0, 0.2, 1) .05s, blur 1s cubic-bezier(0.4, 0.0, 0.2, 1) .05s ;
}


/* COMENTARIOS */

p.no-comments {
    font-size:1em;
    font-family: Antwerp, Times, Times New Roman, serif;
    font-style: normal;
    color: #aca195
}

textarea#comment {
    max-width: 100%;
}

#comments h5 {
    font-size:18px;
    color:#3b3531;
    font-weight: 600;
    font-family:Antwerp, Times, Times New Roman, serif;
    text-transform:none;
    letter-spacing:0;
    line-height:1.4
}

#comments label {
    font-size:12px;
    font-family: Chap, Helvetica, Arial, sans-serif;
    text-transform:uppercase;
    letter-spacing:1px;
    color:#aca195
}

.form-submit {
    margin-top:50px
}

#comments input {
    margin-bottom:30px
}

#respond {
    margin-top:80px;
}

.comment-form .logged-in-as {
    margin-bottom:30px
}

article + #respond {
    margin-top:50px;
    margin-bottom:50px;
    padding-left:15px;
    padding-right:15px
}

#respond .form-submit {
    text-align: left
}

.comment-reply-title {
    margin-bottom:5px
}

.comment .comment-form-comment {
    margin-bottom:20px
}

#respond .form-submit .submit{
    padding:15px;
    margin-top:0;
    width:100%;
    background-color:#aca195;
    text-transform: uppercase;
    font-weight: 600;
    font-size:0.75em;
    border-radius:0
}

#respond .form-submit .submit:hover {
    background-color:#30c5c3
}

#respond .form-submit .submit:active, #respond .form-submit .submit:focus {
    background-color:#1b2323
}

#comments small a {
    display:block;
    font-size:18px;
    color: #30c5c3;
    margin-top:10px;
    margin-bottom:30px
}

.logged-in-as, .logged-in-as a, .logged-in-as a:hover, .logged-in-as a:active, .logged-in-as a:focus {
    color: #30c5c3;
    font-size:15px;
    box-shadow:none
}

.comment-meta {background:none}
.comment-body {
    padding-left:0px;
    border-top:none;
    margin-left:0
}

.comment .children {
    border-top:none;
    padding-left:15px
}

.comment .children .comment-meta {
    background:none;
}

.bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    border: none;
    padding: 0;
}

.comment-author {
    color:#1b2323;
    font-size: 16px;
    margin-bottom: 0.4em;
}

.comment-metadata {
    font-size: 10px;
    font-size: 10px;
    font-weight: 800;
    letter-spacing: 0.05em;
}

.comment-meta {
    margin-bottom: 0em;
    padding-bottom:3em
}

.comment-content {
    padding:30px 15px
}

.reply {
    padding-left:15px
}
.reply, .reply a, .reply a:hover, .reply a:active {
    font-size:10px;
    letter-spacing: 0.05em;
    text-transform: uppercase;
    box-shadow: none;
    color: #30c5c3
}
.reply svg {
    display:none
}

.children .comment-content {
    padding:30px 15px 0px 50px
}

.comment-meta {
    background:#f0f0f0
}

.comment-author.vcard,.comment-metadata {
    padding-left:80px
}


.children .comment-author.vcard, .children .comment-metadata {
    padding-left:50px
}

.comment-author .avatar, .bypostauthor > .comment-body > .comment-meta > .comment-author .avatar {
    left: 15px;
    border: 3px solid white
}

.children .comment-body > .comment-meta > .comment-author .avatar {
    left:0
}

.children .comment-meta {
    padding:5px 0px 0
}

.comment-meta {
    padding:35px 0px 40px
}

.comment p {
    margin-bottom:0
}

.comment-body {
    margin-bottom:50px;
}

.comment-body p {
    font-size:18px
}

.content-metadata, .comment-metadata a, .comment-metadata a:hover, .comment-metadata a:active, .comment-metadata a:focus,.comment-metadata a.comment-edit-link, .comment-metadata a.comment-edit-link:hover, .comment-metadata a.comment-edit-link:active, .comment-metadata a.comment-edit-link:focus {
    color:#aca195;
    box-shadow:none;
}

.comment-metadata a.comment-edit-link, .comment-metadata a.comment-edit-link:hover, .comment-metadata a.comment-edit-link:active, .comment-metadata a.comment-edit-link:focus {
    color:#3b3531
}


/* TIPOGRAFÍA */

* {
    font-variant-numeric: lining-nums;
}

.blog .blog-post .blog-post-text p {
    margin: 0 0 1
}

article .blog-post h2 {
    margin-bottom:0.25em
}

article .blog-post h2, .header-int h2, .home.paged .header-int h2 {
    font-size: 1.9em;
    line-height: 1.1;
}

.top-nav-collapse .blog-title {
    font-size: 1.4em;
}

.blog .blog-post .blog-post-text p, .sharer h4, #nav-posts a {
    line-height: 1.6;
    font-size: 1.075em;
}

.single-post h2 {
    font-size: 5em;
}

.alm-header-int p {
    font-size: 1.4em;
}

.single-post h3 {
    font-size: 4em;
}

#footer h3, .blog .submenu ul li a, .blog .submenu .widget li, article .blog-post h3 {
    font-size: .75em;
}

.home .header-int h2, .alm-header-int h2 {
    font-size: 3em;
}

article .blog-post .entry-meta {
    font-size: unset
}

.blog .submenu .widget li a, .navbar-dark.top-nav-collapse .navbar-nav li a {
    font-size: inherit;
}

.home header .button {
    font-size: 12px;
}

.navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li, .blog-title, .top-nav-collapse .blog-title, #portfolio h2  {
    font-size: 1.75em;
}

.home header p, .footer-button, .footer-button:hover, .alm-header-int p, figcaption {
    font-size: 1.6em;
}

figcaption {
    padding-bottom:20px;
    color:#aca195;
    font-style: normal;
    font-size: 1.75em;
}

.blog .submenu li {
    font-size: 0.95em;
}

body.page#page-top .entry-title {
    font-size: 16px
}

.home .header-int h2, .alm-header-int h2, #portfolio h2 {
    line-height: 1.2
}

.entry-meta h3 {
    line-height: 1.6
}

.blog .blog-post .blog-post-text p, .single-post h3, .sharer h4, .blog .submenu ul li a, .blog .submenu .widget li, article .blog-post h3, .home header p {
    font-weight: 300
}

.blog-title, .top-nav-collapse .blog-title, .blog .submenu ul li.current-cat a, .footer-button, .footer-button:hover, #footer h3, .widget li, .widget a, #footer h3, .blog .submenu .widget li, .single-post h3, article .blog-post h3, .navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
    font-weight: 600;
}

.blog .blog-post .blog-post-text p, .single-post h3, .sharer h4, #footer h3, .blog .submenu ul li a, .blog .submenu .widget li, article .blog-post h3 {
    font-family: "Antwerp", Times, Serif;
}

article .blog-post h3 {
    margin-top: 0;
    margin-bottom: 15px
}

.single-post h3 {
    text-transform: none;
    margin: 0
}

.alm-header-int p {
    margin: 0
}

#footer h3 {
    margin-bottom: 5px;
    margin-top: 0;
}

.navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
    font-family: "Chap", Sans-Serif;
}

.navbar-nav li+li {
    padding-top: .5em;
    padding-top: .55vh;
    margin-top: .5em;
    margin-top: .55vh;
    border-top: 2px solid #aca195
}

.single-post header a, .single-post header a:hover, .blog .submenu ul li a:hover {
    text-decoration: none;
}

.home .header-int h2, .alm-header-int h2,  article .blog-post h2, .home .header-int h3, .page-title {
    letter-spacing: 0.05em;
}

article .blog-post h3 {
    letter-spacing: 0
}

.vdesp {
    position: relative;
    top: 2px
}

.alm-header-int p {
  -moz-column-count: 2;
  -webkit-column-count: 2;
  column-count: 2;
    text-align: left
}

.home header .row {
    text-align: center
}

.header-int h2, .home.paged .header-int h2 {
    color: #64ded7
}

.sharer h4, .sharer .sharer-buttons {
    color: #aca195
}

article .blog-post h3, .home .header-int h3, .blog .submenu ul .cat-alma.current-cat a {
    color: #30c5c3;
}

.home .header-int h2, .home .header-int h3 {
    color: #e6a488;
}

#footer h3, .sharer a:hover, footer .footer-up ul li a:hover {
    color: #3b3531;
}

.footer-button a, .blog .submenu ul li.current-cat a, #nav-posts a {
    color: #1b2323
}

.single-post header a, .single-post header a:hover, .blog .submenu ul li a:hover, .blog .submenu .widget li a, .entry-title a, .entry-title a:focus, .entry-title a:hover, .entry-meta a, .entry-meta a:focus, .entry-meta a:hover, .sharer a {
    color: inherit;
}

footer .footer-up ul li a, .blog .submenu .widget li, .blog-title, .top-nav-collapse .blog-title, .single-post h3, .home header .button, .home header p, .alm-header-int p {
    color: white;
}

footer .footer-up ul li a:hover {
    text-decoration: none
}

.single-post h2, .blog .submenu li, .home header .button, .home .header-int h2, .home .header-int h3, #footer h3, article .blog-post h3, #portfolio h2 {
    text-transform: uppercase;
}


/* Search */


#searchform {
    position:relative;
    z-index:60
}

#searchform #searchsubmit {
    position:absolute;
    top:0;
    margin:0;
    right:0;
    border:0;
    background:none;
    color:#aca195;
    font-size:16px;
    padding:15px 10px
}

#searchform input:focus + #searchsubmit {
    color:#f0f0f0
}


#searchform input {
    border:2px solid #aca195;
    border-color:transparent;
    border-bottom-color:#aca195;
    font-family:Antwerp, Times New Roman, Times, serif;
    font-size:20px;
    color:#f0f0f0;
    text-align:center;
    padding:10px;
    margin-bottom:20px;
    margin-top:8px;
    background:none;
    font-weight:400
}

#searchform input:focus, #searchform input:focus:hover {
    background: #aca195;
    background:#1b2323;
    border-bottom-color:#f0f0f0;
}

#searchform input:hover {
    background: rgba(27,35,35,.35)
}

#searchform input::placeholder {
    color: #aca195;
    font-family:Antwerp, Times New Roman, Times, serif;
    font-size:20px;
    color:#f0f0f0;
    background:none
}

#searchform input:focus::placeholder {
}

#searchform input::placeholder-shown {
    background:none;
}

#searchform input, #searchform input:focus {
    transition: all 200ms ease
}

#searchform #searchsubmit {
    /*display:none*/
}

#searchform input::-webkit-input-placeholder {
    font-family:Antwerp, Times New Roman, Times, serif;
    font-size:20px;
    color:#aca195
}
#searchform input::-moz-placeholder {
    font-family:Antwerp, Times New Roman, Times, serif;
    font-size:20px;
    color:#aca195
}
#searchform input::-moz-placeholder {
     font-family:Antwerp, Times New Roman, Times, serif;
    font-size:20px;
    color:#aca195;
    opacity:1
}
#searchform input::-ms-input-placeholder {
     font-family:Antwerp, Times New Roman, Times, serif;
    font-size:20px;
    color:#aca195
}

/* Suavizado */

* {
    -moz-osx-font-smoothing: grayscale !important;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimize legibility;
}

span.sd-title{
    color: #000 !important;
    font-size: 24px !important;
}

.sharedaddy span.sd-title {
    color: #000 !important;
    font-size: 24px !important;
    font-weight: 700;
    line-height: 1.2;
    margin: 0 0 1em 0;
    display: inline-block;
}


/* RESPONSIVE */

@media (max-width: 1400px) {
    .home .header-int .text-center p {
        font-size:20px;
        margin-bottom:70px
    }
    .home .header-int .text-center h3 {
        line-height:1
    }
    .home .header-int .text-center {
        width:80%
    }
    .home .header-int .text-center h2 {
        margin:10px 0 5px
    }
    .home .header-int .text-center hr {
        margin:0 0 10px
    }
}

@media (min-width: 1025px) {
  /* Quitar js */
  header.no-js{
      display:none
  }
}


/* Portátil */

@media (max-width:1280px) {
    .nav.navbar-nav.nav-center, .search-area {
        margin:0 auto;
        max-width:50%
    }

    .navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
        font-size:1.5em;

    }

    .navbar-nav > li > a {
        padding: 10px 0 !important;
    }

    .nav.navbar-nav.nav-center {
        margin-top:30px
    }
}


/* iPad */

@media (max-width: 1024px) {

    .home .header-int, .single-post .header-int {
        background-attachment: scroll;
    }

    .navbar-fixed-top {
		    background:#3b3531;
    }

    .top-nav-collapse .blog-title, .blog-title {
        padding-top: 13px;
    }

    .home .header-int h2, .alm-header-int h2 {
       font-size: 2.5em;
    }

    .home header p, .footer-button, .footer-button:hover, .alm-header-int p {
        font-size: 1.3em;
    }

    .home header .button {
        font-size: 15px;
    }

    .home header .container {
        top:50px
    }

    .home.paged header .container {
        top:0
    }

    .home header .text-center {
        width: 90%;
    }

    .home .blog .container {
       padding: 0 15px
    }

    .home .blog .container .col-md-6 {
        padding: 0 15px
    }

    .home .header-int p {
        margin-bottom: 60px;
    }

    header.header-int.js {
        display: flex;
    }



    footer .footer-up {
        padding: 0;
        margin-bottom: 0;
    }
    .footer-button a {
        font-size:.75em
    }



    /* Quitar transiciones */
    #portfolio .portfolio-item .portfolio-link .caption:hover + img {
        -moz-transition: none;
        -webkit-transition: none;
        transition: none;
    }

    #portfolio .portfolio-item .portfolio-link .caption:hover + img {
    -webkit-filter: none;
    filter: none;
    z-index:-3;
    }
        #portfolio .portfolio-item .portfolio-link .caption {
        background: rgba(27,35,35, 0.5);
    }

    #portfolio .portfolio-item .portfolio-link .caption:hover {
        background: rgba(27,35,35, 0.5);
    }


    /* ALMANAQUE */

    .alm-gradient {
        background-attachment: scroll;
        background-size: cover;
      }


    /* POST */

    .single header h2 {
        font-size:4.5em;
        padding: 0 30px
    }

    header .separador {
        display: block;
        visibility: hidden;
        font-size: 0;
    }

    header .entry-meta h3 {
        line-height:1.5
    }

    .single-post header .container {
        position: absolute;
    }


    /* FOOTER */

   	#footer li a, #footer h3 {
        font-size:.9em
    }
    #footer li + li {
        padding-top:0
    }

    footer .row>div:first-child {
    width: 17%;
    }

    footer .row>div:nth-child(2) {
        width: 21%;
    }

    footer .row>div:nth-child(3) {
        width: 47%;
    }

    footer .row>div:nth-child(4) {
        width: 15%;
    }

    footer div:nth-child(3) ul ul {
      -moz-column-gap: 10px;
      -webkit-column-gap: 10px;
      column-gap: 10px;
    }

    /* Quitar js */
    header.js{
        display:none
    }

    .navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
        font-size:1.25em;

    }

    .navbar-nav > li > a {
        padding: 5px 0 !important;
    }

    /* Search */
    #searchform input {
        margin-top:0px;
    }

}


@media (max-width:1024px) and (min-width:992px) {
    #portfolio .yarpp-related h2 {
        font-size:1.15em;
        letter-spacing: 0;
        padding:20px
    }
}


@media (max-width: 992px) {
    .container {
        width:100%
    }

    footer .row>div:nth-child(2) {
        width: 23%;
    }

    footer .row>div:nth-child(3) {
        width: 45%;
    }

    footer .row>div:nth-child(4) {
        width: 15%;
    }

    #footer li a, #footer h3 {
        font-size:.8em
    }
}


@media (width:768px) {
    /* POST */

    .col-sm-8.blog-content {
        width:100%
    }
}


@media (min-width:768px) and (max-height:1024px) {
     .navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
        font-size:1.35em;

    }

    .navbar-nav > li > a {
        padding: 0px 0 !important;
    }
}

@media (max-width: 768px) {

    .blog .blog-post .blog-post-text p, .sharer h4, #nav-posts a {
        font-size: 1.25em;
    }

    .blog .blog-post .blog-post-text p, .sharer h4, #nav-posts a {
        margin: 0 0 1.075em;
    }

    .home header p, .alm-header-int p {
        font-size: 1.3em;
    }

    .home .header-int h2, .alm-header-int h2 {
        font-size: 2.3em;
    }

    /* Almanaque */

    .alm-header-int {
        padding: 200px 0 120px
    }

    .category-almanaquehammam .portfolio-item {
        height:380px
    }

    .alm-header-int p {
        column-count: 1;
        padding: 0 50px;
    }


    /* POST */

    .home .header-int, .single-post .header-int, .scroll-op, .single-post .header-int .container,
    .single-post header .container .row, .home header .container .row, .home header .container {
        position: relative;
        height: unset;
    }

    .single-post header {
        padding:180px 0 150px
    }

    .home header {
        padding:100px 0 160px
    }

    .home.paged header {
        padding:80px 0 100px
    }

    .single-post header .container .row, .home header .container .row {
        top: 0%;
        -webkit-transform: none;
        transform: none;
    }

    /* GRID */

    .portfolio-1.portfolio-home .portfolio-item .portfolio-link {
       margin-bottom:0;
    }


    /* FOOTER */

    footer .row > div:nth-child(1) {
        display:none
    }
    footer .row > div:nth-child(2) {
        width:25%
    }
    footer .row > div:nth-child(3) {
        width:55%
    }
    footer .row > div:nth-child(4) {
        width:20%
    }
}


/* Móvil */

@media (max-width: 767px) {
	
	.blog {
    	padding: 30px 0 145px 0;
	}

    .blog .blog-post .blog-post-text p, .sharer h4, #nav-posts a {
        font-size: 1.15em;
    }

    .blog-title, .home.paged .blog-title, .top-nav-collapse .blog-title {
        width:40%;
        font-size:1.15em;
        padding-top:10px;
        margin:0 auto
    }

    .home header .container {
        padding:0 30px;
    }

    .home.paged header {
        padding:130px 0 70px;
    }

    .home.paged header h2 {
        margin:0
    }

    .home header .row {
        position:relative
    }

    .home header .text-center{
        width:inherit
    }

    .home header .button {
        position:absolute;
        bottom:-25px;
        left:0;
        right:0;
        margin:0
    }
	
	.home .header-int .text-center {
    	width: 100%;
	}

    .home .header-int p {
        margin-bottom: 80px;
    	font-size: 14px !important;
    }

    h3 {
        font-size:2.5em
    }

    .home .header-int h2, .alm-header-int h2 {
       font-size: 1.75em;
       margin:.2em 0 .5em
    }

    .home header p {
        font-size: 1.075em;
    }
	
	.home #pos-header {
    	margin: 0;
	}
	
	.home .last-posts-tittle {
    	margin: 30px 0px;
	}

    article .blog-post img {
        margin-bottom: 30px;
    }

    article .blog-post h2, .header-int h2, .home.paged .header-int h2 {
        font-size:1.5em;
        line-height: 1.1;
    }

    .separador {
        display: block;
        visibility: hidden;
        font-size: 0;
    }

    .header-int .row {
        margin:0
    }

    /* Menú nav */
    .nav.navbar-nav.nav-center {
        margin: 0 auto;
        max-width: 80%;
        position:relative
    }

    .navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
        font-size: 1.15em;
    }

    .navbar-nav > li > a {
        padding: 3px 0 !important;
    }

    .nav.navbar-nav.nav-center {
       margin: 0 auto;
       max-width: 90%;
       position: relative;
    }

#searchform input {
    padding:10px
    }

    .navbar-nav, .navbar-dark.top-nav-collapse .nav.nav-center {
        padding-top:50px
    }



    /* HOME */

    .home header .button {
        font-size: .75em;
        padding:15px
    }

    /* ARCHIVE */

    article .blog-post .sharer {
        margin-bottom: 80px;
    }

    /* POST */

    .single header h2 {
        font-size:1.75em
    }

    .single header h3 {
        font-size:2em
    }

    .single-post header {
        padding:150px 0 80px
    }

    .single-post .scroll-op {
        opacity:0.8
    }

    /* ALMANAQUE */

    .alm-header-int {
        padding: 150px 0 80px
    }

    .category-almanaquehammam .portfolio-item {
        height:auto;
        position:relative
    }

    .category-almanaquehammam header h2 {
        font-size:2.25em;
    }

    .alm-header-int p {
        padding: 0;
        font-size:1.25em
    }

    .portfolio-link {
        height:inherit;
        overflow:hidden
    }

    .portfolio-link img {
        position:relative;
        top:-50%;
        z-index:-1
    }

    #portfolio h2 {
        font-size: 6vw;
        padding: 0 15px;
    }

    .portfolio-item {
        height:60vw
    }


   /* FOOTER */

    footer {
      padding:55px 0 40px 0
    }
    footer .row > div:nth-child(1) {
        display:block;
        width:unset;
        width:100%;
        margin-bottom:10px
    }
    footer .row > div:nth-child(2) {
        width:100%
    }
    footer .row > div:nth-child(3) {
        width:100%
    }
    footer .row > div:nth-child(4) {
        width:100%
    }
    footer div:nth-child(3) ul ul {
        column-count: 1
    }
    footer .row > div +div{
        padding-top:25px;
    }
    #footer li a, #footer h3 {
        font-size:1em;
        line-height:1.6
    }
    footer .row > div:nth-child(1) img{
        width:50%
    }


    /* Comentarios */

    .comment-body {
       margin-left: 0px;
    }

}

@media (max-width: 767px) and (orientation: landscape) {
    .nav.navbar-nav.nav-center {
        max-width: 60%;
    }
    .navbar-dark.top-nav-collapse .navbar-nav li, .navbar-nav li {
        font-size: 1.15em;
    }
    .navbar-nav > li > a {
        padding: 0px 0 !important;
    }
    .navbar-nav li + li {
        border:none
    }
    /* Search */
    #searchform input {
        margin-top:0px;
        padding:5px;
        font-size:16px
    }
    #searchform #searchsubmit {
        padding:6px 10px
    }

    #searchform input::-webkit-input-placeholder {
        font-size:16px;
    }
    #searchform input::-moz-placeholder {
        font-size:16px;
    }
    #searchform input::-moz-placeholder {
        font-size:16px;
    }
    #searchform input::-ms-input-placeholder {
        font-size:16px;
    }
     #searchform input::placeholder {
        font-size:16px;
    }
}

/* VIDEO FORUM */ 

@media (max-width: 470px) {
    .single-post h1 {
        font-size: 1.75em;
    }
}