/*!
Theme Name: Minimal Portfolio
Theme URI: https://abileweb.com/portfolio/minimal-portfolio/
Author: Abileweb
Author URI: https://abileweb.com/
Description: Minimal Portfolio is a free WordPress Portfolio theme built based on Bootstrap 4 framework. Minimal Portfolio is fully customizable built on wordpress customizer that enable you to configure your website in live preview.  This is our most flexible WordPress theme and it is completely free to use for private and commercial websites. It's 100%  responsive and device friendly.  This theme is also SEO friendly which will help you you attain the highest rankings on Google and other search engines. Theme compatibility with WPML, RTL.
Version: 1.0.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: minimal-portfolio
Tags: blog, portfolio, photography, one-column, right-sidebar, flexible-header, custom-header, custom-background, custom-logo, custom-menu, featured-images, editor-style, footer-widgets, theme-options, threaded-comments, translation-ready, rtl-language-support

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

minimal-portfolio is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

*/
/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
# Normalize
# Typography
# Elements
# Forms
# Navigation
	## Links
	## Menus
# Accessibility
# Alignments
# Clearings
# Widgets
# Content
	## Posts and pages
	## Comments
# Infinite scroll
# Media
	## Captions
	## Galleries
--------------------------------------------------------------*/


/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/

html {
	line-height: 1.15;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
h1 {
	font-size: 2em;
	margin: 0.67em 0;
}
hr {
	box-sizing: content-box; 
	height: 0;
	overflow: visible;
}
a {
	background-color: transparent;
}
abbr[title] {
	border-bottom: none;
	text-decoration: underline;
	text-decoration: underline dotted;
}
b,
strong {
	font-weight: bolder;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sub {
	bottom: -0.25em;
}

sup {
	top: -0.5em;
}
img {
	border-style: none;
}
button,
input,
optgroup,
select,
textarea {
	font-family: inherit;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
[type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	padding: 0.35em 0.75em 0.625em;
}
legend {
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	box-sizing: border-box;
	padding: 0;
}
[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-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details {
	display: block;
}

summary {
	display: list-item;
}

template {
	display: none;
}

[hidden] {
	display: none;
}

/* ========================== PERSONAL ==================== */

article .entry-content p, 
article .entry-content ul li {
	text-align: justify;
}
.entry-content p {
	font-size: 16px; /* tamaño texto general */
	color: #2f2e2e;
}
.content-area-index {
	padding: 10px;
	margin-top: 40px;
}
.content-area {
	padding: 20px;
	margin-top: 40px;
	border-top: 1px dotted gray;
	border-right:  1px dotted gray;
	border-bottom:  1px solid gray;
	border-left: 1px dotted gray;
	border-radius: 10px 10px 10px 10px;
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
header{
	position: fixed;
	width: 100%;
  	box-shadow: 0px 0px 10px #e0e0e0;
}
.site-title {
	text-transform: uppercase;
	letter-spacing: 0.1em;
}

/*target evita que el menú fijo oculte contenido de enlace ancla #link*/
:target {
  display: block;
  position: relative;
  top: -120px; 
  visibility: hidden;
}
/* evita que se muestre el título de la página con las propiedaades del header */
.entry-title {
	display: none;
}
.page-title {
	display: none;
}
/* nueva clase para el título de los post en content.php en template-parts\post */
.entry-title-post {
	display: inherit;
}
.entry-title-post a {
	color: #002ea3;
	/* font-size: 26px; */
}
/* categorías en las noticias - no mostrar */
.post-categories {
	display: none;
}
.post-date, .post-author a {
	color: #888;
}
/* noticias en home */
.wp-block-latest-posts__list {
	padding: 20px;
	text-transform: uppercase;
	font-weight: bold;
	border-top: 1px dotted gray;
	/* border-right:  1px dotted gray;
	border-bottom:  1px dotted gray; */
	border-left: 1px dotted gray;
	border-radius: 10px 10px 10px 10px;
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	background-color: rgb(222,255,222); */
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
/* línea de puntos entre noticias cuando se muestra más de una
activar sólo cuando se muestran dos o más noticias en la home */
.wp-block-latest-posts__post-date{
	color: #990000;
	border-bottom: 1px solid gray; 
	margin-bottom: 16px;
	}

/* contactar botones visitas - peregrinaciones */
.contactar_visitas {
	padding: 20px;
	border-top: 1px dotted gray;
	/* border-right:  1px dotted gray;
	border-bottom:  1px dotted gray; */
	border-left: 1px dotted gray;
	border-radius: 10px 10px 10px 10px;
	/* box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	background-color: rgb(222,255,222); */
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius: 10px 10px 10px 10px;
}
/* objetos fijos en las noticias ej. vídeo entrevista mario */
.objeto-fijo {
    position: fixed;
}

.home-button-contact-carmen {
	font-size: 1em;
}
	
/* definiciones sobre el menú */
.menu-item {
	text-transform: uppercase;
}
.main-navigation ul ul li {
	border-bottom: solid 1px #eaeaea;
}
.main-navigation ul li a:hover {
    color: #e21c21;
}
.main-navigation ul ul li a:hover {
    color: #e21c21;
}
.main-navigation ul .current-menu-item a {
	color: #e21c21;
}
.main-navigation ul ul .current-menu-item a {
	color: #000;
}
/* letras negras en el submenu */
.main-navigation .menu-item ul a{
	color: #000;
}
.main-navigation .current-menu-ancestor a,
.main-navigation .current-page-ancestor a {
	color: #e21c21;
}
/* SUBMENU 2 */
.main-navigation ul li ul li ul {
    background: #f6f6f6;
}
/* DATOS DE CONTACTO */
.datacontacto {
    color: #2F2E2E;
    padding: 50px 0 70px;
    text-align: center;
}
.datacontacto a {
    color: #2F2E2E;
    display: block;
    font-size: 16px;
    transition: all 0.15s linear; 
    -webkit-transition: all 0.15s linear;
}
.datacontacto a span[class^="icon-"], .datacontacto a span[class*=" icon-"], .datacontacto span[class^="icon-"], .datacontacto span[class*=" icon-"] {
    color: #012646;
    display: block;
    font-size: 46px;
    margin-bottom: 25px;
}
.datacontacto a:hover, .datacontacto a:focus, .datacontacto a span[class^="icon-"]:hover, .datacontacto a span[class*=" icon-"]:hover, .datacontacto span[class^="icon-"]:hover, .datacontacto span[class*=" icon-"]:hover {
    box-shadow: none;
    color: #000;
    text-decoration: none;
}
.datatel, .datadir, .datamail {
    padding: 30px 0;
}
.columna {
  	width:33%;
  	float:left;
}
/* FIN CONTACTO */

.columna-papas {
	width: 49%;
	float: left;
	padding: 10px;
	margin: 6px;
	border: 1px solid #eaeaea;
}

.jpii {
	padding: 10px;
	margin: 20px 10px;
	border: 1px solid #eaeaea;
}
.jpii-g {
	background: #f7f7f7;
	padding: 10px;
	margin: 20px 10px;
	border: 1px solid #eaeaea;
}

/* wpml menú principal en dos columnas 
Añadido en la sección css adicional en el
menú de configuración de WPML - Idioma -
Opciones del selecctor de idiomas

li.wpml-ls-menu-item .sub-menu {
    width: 104px;
}
 
li.wpml-ls-menu-item .sub-menu ul ul {
    float: left;
    width: 52px;
}*/

/* tamaño alto del menu idioma seleccionado
   para que el submenú salga más abajo como
   los otros submenús, en lugar de encima
   de la bandera del icioma seleccionado. */
.wpml-ls-current-language {
	padding-bottom: 32px;
}

/* wpml tamaño menú idiomas y centrado de bandera */
li.wpml-ls-menu-item ul li a {
	width: 50px;
	height: auto;
	display: block;
	margin: auto;
}

/* wmpl menu en dos columnas posición normal */
.wpml-ls-menu-item .sub-menu {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.lblhide-menu {
	margin-left: 10px;
}

/* OCULTAR IMAGENES PROVISIONALMENTE */
.imghide img[class*="wp-image-"] {
	display: none;
}

/* esta definición está omitida completa y los botones contorno salen rellenos de negro */
.wp-block-button.is-style-outline .wp-block-button__link {
	color: #000;
	background-color: transparent;
	border-color: #333;
}

@media (max-width: 1271px) {
  
  .columna {
    width:auto;
    float:none;
  }
  .columna-papas {
  	width: auto;
	float: none;
  }
  .jpii {
  	margin: 20px 2px;
  }
  .jpii-g {
  	margin: 20px 2px;
  }
  
}

/* ========================== CANTORAL ==================== */
.cantoral.blanco {
    background: none repeat scroll 0 0 #f2f2f2; /* color de fondo */
    color: #000000; /* color de texto */
    margin: 2em auto;
    overflow: hidden;
    padding: 1em 1.5em;
    position: relative;
    width: 100%; /* ancho */
}
.cantoral.blanco:before {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    background: none repeat scroll 0 0 #cac7b0; /* color esquina */
    border-color: #FFFFFF #FFFFFF #cac7b0 #cac7b0; /* color de borde */
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.cantoral.verde {
    background: none repeat scroll 0 0 #97C02F; /* color de fondo */
    color: #000000; /* color de texto */
    margin: 2em auto;
    overflow: hidden;
    padding: 1em 1.5em;
    position: relative;
    width: 100%; /* ancho */
}
.cantoral.verde:before {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    background: none repeat scroll 0 0 #658E15; /* color esquina */
    border-color: #FFFFFF #FFFFFF #658E15 #658E15; /* color de borde */
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.cantoral.azul {
    background: none repeat scroll 0 0 #53A3B4; /* color de fondo */
    color: #000000; /* color de texto */
    margin: 2em auto;
    overflow: hidden;
    padding: 1em 1.5em;
    position: relative;
    width: 100%; /* ancho */
}
.cantoral.azul:before {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    background: none repeat scroll 0 0 #19697a; /* color de fondo */
    border-color: #FFFFFF #FFFFFF #19697a #19697a; /* color de esquina */
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

.cantoral.amarillo {
    background: none repeat scroll 0 0 #fae959; /* color de fondo */
    color: #000000; /* color de texto */
    margin: 2em auto;
    overflow: hidden;
    padding: 1em 1.5em;
    position: relative;
    width: 100%; /* ancho */
}
.cantoral.amarillo:before {
    -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3), -1px 1px 1px rgba(0, 0, 0, 0.2);
    background: none repeat scroll 0 0 #c1b025; /* color de fondo */
    border-color: #FFFFFF #FFFFFF #c1b025 #c1b025; /* color de esquina */
    border-style: solid;
    border-width: 0 16px 16px 0;
    content: "";
    display: block;
    position: absolute;
    right: 0;
    top: 0;
    width: 0;
}

/*--------------------------------------------------------------
# Typography
--------------------------------------------------------------*/
body,
button,
input,
select,
optgroup,
textarea {
	color: #000;
	font-family: 'Roboto';
	font-size: 14px;
	line-height: 24px; /* espacio entre líneas */
	font-weight: 400;
}

h1, h2, h3, h4, h5 {
	font-family: 'Libre Baskerville', serif;
	font-weight: 500;
	text-transform: uppercase;
	color: #002ea3;
}
h1{
	font-size: 24px;
	letter-spacing: 6px;
	color: #222;
}
h2 {
    font-size: 22px;
	letter-spacing: 1px;
}
h3{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: 6px;
}
h4{
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 4px;
}
h5{
	font-size: 15px;
	letter-spacing: 1px;
}
h6{
	font-size: 14px;
	letter-spacing: 1px;
	font-family: 'Roboto';
	font-weight: 500;
	line-height: 24px; /* espacio entre líneas */
	text-transform: none;
	color: #000;
}
p {
	margin-bottom: 1.5em;
}

dfn, cite, em, i {
	font-style: italic;
}

blockquote {
	margin: 0;
}
blockquote p {
    background: #f3f3f3;
    padding: 20px;
	font-style: italic;
	font-size: 15px;
	line-height:25px;
}
address {
	margin: 0 0 1.5em;
}

pre {
	background: #eee;
	font-family: "Courier 10 Pitch", Courier, monospace;
	font-size: 15px;
	font-size: 0.9375rem;
	line-height: 1.6;
	margin-bottom: 1.6em;
	max-width: 100%;
	overflow: auto;
	padding: 1.6em;
}

code, kbd, tt, var, samp {
	font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace;
	font-size: 15px;
	font-size: 0.9375rem;
}

abbr, acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

mark, ins {
	background: #fff9c0;
	text-decoration: none;
}

big {
	font-size: 125%;
}
/*--------------------------------------------------------------
# Elements
--------------------------------------------------------------*/
html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

body {
	background: #fff;
	overflow-x: hidden;
}

/* línea separador */
hr.wp-block-separator {
	/* background-color: #ccc;
	border: 0;
	height: 1px;
	margin-bottom: 1.5em; */
	border: none;
  	height: 1px;
  	background-image: linear-gradient(to right, #f0f0f0, #8f8f8f, #f0f0f0);
	margin-top: 30px;
	margin-bottom: 30px;
}

/* content divide la línea separadora en 2, efecto bonito, pero bk-white hace que
   se vea mal el separador en los papas cuando el fondo es gris en los discursos.
  hr.wp-block-separator::after {
  content: '§';
  display: inline-block;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%) rotate(60deg);
  transform-origin: 50% 50%;
  padding: 1rem;
  background-color: white; 
}*/

ol {
	list-style: decimal;
}
ul {
    padding: 0;
}
li > ul,
li > ol {
	margin-bottom: 0;
}

dt {
	font-weight: bold;
}

dd {
	margin: 0 1.5em 1.5em;
}

img {
	height: auto;
	max-width: 100%;
	display: block;
	margin: 0 auto;
}

figure {
	margin: 1em 0;
}

table {
	margin: 0 0 1.5em;
	width: 100%;
}

/*--------------------------------------------------------------
# Forms
--------------------------------------------------------------*/
.btn:focus, .btn.focus {
    box-shadow: none;
	color: #fff;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
    background: #222;
    color: #fff;
    font-size: 13px;
    line-height: 25px;
    padding: 3px 20px;
	border: 1px solid #222;
	font-weight: 400;
	cursor: pointer;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background: #eaeaea;
    color: #222;
	border-color: #eaeaea;
}

button:active, button:focus,
input[type="button"]:active,
input[type="button"]:focus,
input[type="reset"]:active,
input[type="reset"]:focus,
input[type="submit"]:active,
input[type="submit"]:focus {
	border-color: #eaeaea;
	outline: none;
}

input[type="text"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
input[type="number"],
input[type="tel"],
input[type="range"],
input[type="date"],
input[type="month"],
input[type="week"],
input[type="time"],
input[type="datetime"],
input[type="datetime-local"],
input[type="color"],
textarea {
	color: #222;
    border: 1px solid #eee;
    padding: 7px;
    display: block;
    width: 100%;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
input[type="number"]:focus,
input[type="tel"]:focus,
input[type="range"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="week"]:focus,
input[type="time"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="color"]:focus,
textarea:focus {
	color: #222;
	outline: none;
}

select {
	border: 1px solid #ccc;
}

textarea {
	width: 100%;
}

/*--------------------------------------------------------------
# Navigation
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Links
--------------------------------------------------------------*/
a {
	color: #000;
}
a:hover, a:focus, a:active {
	color: #e21c21;
	text-decoration: none;
}
a:hover, a:active {
	outline: 0;
}

/*--------------------------------------------------------------
## Menus
--------------------------------------------------------------*/
.main-navigation {
	clear: both;
	display: block;
	float: left;
	width: 100%;
}

.main-navigation ul {
	display: none;
	list-style: none;
	margin: 0;
	padding-left: 0;
}

.main-navigation ul ul {
	float: left;
	position: absolute;
	top: 100%;
	left: -999em;
	z-index: 99999;
	background: #fff;
	line-height: 25px;
	box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
}

.main-navigation ul ul ul {
	left: -999em;
	top: -94px;
}

.main-navigation ul ul li:hover > ul,
.main-navigation ul ul li.focus > ul {
	left: 100%;
}

.main-navigation ul ul a {
	width: 200px;
}

.main-navigation ul li:hover > ul,
.main-navigation ul li.focus > ul {
	left: auto;
}

.main-navigation li {
    display: inline-block;
    position: relative;
}

.main-navigation a {
	display: block;
	text-decoration: none;
}
.main-navigation .current-menu-item a,
.main-navigation .current_page_item a{
    color: #000;
}
.menu-toggle,
.main-navigation.toggled ul {
	display: block;
}

@media screen and (min-width: 37.5em) {
	.menu-toggle {
		display: none;
	}
	.main-navigation ul {
		display: block;
	}
}

.site-main .comment-navigation, .site-main
.posts-navigation, .site-main
.post-navigation {
	margin: 0 0 1.5em;
	overflow: hidden;
}

.comment-navigation .nav-previous,
.posts-navigation .nav-previous,
.post-navigation .nav-previous {
	float: left;
	width: 49%;
}

.comment-navigation .nav-next,
.posts-navigation .nav-next,
.post-navigation .nav-next {
	float: right;
	text-align: right;
	width: 49%;
}
.comment-navigation {
	padding: 10px 0;
}
.comment-navigation .nav-links a {
    border-bottom: 2px solid;
	padding: 5px 0px;
}

/*--------------------------------------------------------------
# BURGERMENU
--------------------------------------------------------------*/

/*--------------------------------------------------------------
# Accessibility
--------------------------------------------------------------*/
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important; 
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-size: 0.875rem;
	font-weight: bold;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}

#content[tabindex="-1"]:focus {
	outline: 0;
}

/*--------------------------------------------------------------
# Alignments
--------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.5em;
}

.alignright {
	display: inline;
	float: right;
	margin-left: 1.5em;
}

.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/*--------------------------------------------------------------
# Clearings
--------------------------------------------------------------*/
.clear:before,
.clear:after,
.entry-content:before,
.entry-content:after,
.comment-content:before,
.comment-content:after,
.site-header:before,
.site-header:after,
.site-content:before,
.site-content:after,
.site-footer:before,
.site-footer:after {
	content: "";
	display: table;
	table-layout: fixed;
}

.clear:after,
.entry-content:after,
.comment-content:after,
.site-header:after,
.site-content:after,
.site-footer:after {
	clear: both;
}

/*--------------------------------------------------------------
# Widgets
--------------------------------------------------------------*/
.widget {
	margin: 0 0 1.5em;
}

.widget select {
	max-width: 100%;
}

/*--------------------------------------------------------------
# Content
--------------------------------------------------------------*/
/*--------------------------------------------------------------
## Posts and pages
--------------------------------------------------------------*/
.sticky {
	display: block;
}

.hentry {
	margin: 0 0 1.5em;
}

.updated:not(.published) {
	display: none;
}

.page-content,
.entry-content,
.entry-summary {
	margin: 1.5em 0 0;
}

.page-links {
	clear: both;
	margin: 0 0 1.5em;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-content a {
	word-wrap: break-word;
}

.bypostauthor {
	display: block;
}

/*--------------------------------------------------------------
# Infinite scroll
--------------------------------------------------------------*/
.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
	display: none;
}

.infinity-end.neverending .site-footer {
	display: block;
}

/*--------------------------------------------------------------
# Media
--------------------------------------------------------------*/
.page-content .wp-smiley,
.entry-content .wp-smiley,
.comment-content .wp-smiley {
	border: none;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

embed,
iframe,
object {
	max-width: 100%;
}

.custom-logo-link {
	display: inline-block;
}

/*--------------------------------------------------------------
## Captions
--------------------------------------------------------------*/
.wp-caption {
	margin-bottom: 1.5em;
	max-width: 100%;
}

.wp-caption img[class*="wp-image-"] {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.wp-caption .wp-caption-text {
	margin: 0.8075em 0;
}

.wp-caption-text {
	text-align: center;
}

/*--------------------------------------------------------------
## Galleries
--------------------------------------------------------------*/
.gallery {
	margin-bottom: 1.5em;
}

.gallery-item {
	display: inline-block;
	text-align: center;
	vertical-align: top;
	width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 50%;
}

.gallery-columns-3 .gallery-item {
	max-width: 33.33%;
}

.gallery-columns-4 .gallery-item {
	max-width: 25%;
}

.gallery-columns-5 .gallery-item {
	max-width: 20%;
}

.gallery-columns-6 .gallery-item {
	max-width: 16.66%;
}

.gallery-columns-7 .gallery-item {
	max-width: 14.28%;
}

.gallery-columns-8 .gallery-item {
	max-width: 12.5%;
}

.gallery-columns-9 .gallery-item {
	max-width: 11.11%;
}

.gallery-caption {
	display: block;
}
/* custom code start */
ul li {
    list-style: none;
}
.site-content {
    padding: 75px 0;
}
.post-thumbnail {
    padding-bottom: 25px;
}
.sidebar-widget .widget-title {
	font-size: 16px;
	padding: 0;
}
.widget-title::after {
    content: '';
    display: block;
    height: 0;
    width: 50px;
    border-top: 2px solid #444;
    margin-top: 15px;
}
.widget-title {
	padding: 0px;
    font-size: 15px;
    letter-spacing: 1px;
    margin-bottom: 30px;
    font-weight: 500;
	color: #222;
}
.widget-area .widget_search label {
    margin-bottom: 0;
}
.wp-tag-cloud .tag-cloud-link:hover {
    background: #222;
    color: #fff;
}
.sidebar-widget .widget {
    margin-top: 35px;
	margin-bottom: 35px;
}
.sidebar-widget ul li {
    padding-bottom: 5px;
    padding-top: 5px;
}
.sidebar-widget ul li:first-child {
    padding-top: 0;
}
.post-grid-layout .post-inner-wrapper .post-thumbnail{
	padding-bottom: 0;
}
.post-grid-layout .entry-content {
    margin-top: 0;
}
.post .entry-content ul{
	padding: 0 0 0 40px;
}
.post .entry-content ul li{
	list-style: disc;
}
.post-body-wrapper {
    padding: 35px 30px;
    text-align: center;
	border: 1px solid #eaeaea;
}
.post-body-wrapper > *:last-child {
    margin-bottom: 0;
}
.post-grid-layout .entry-content p {
    margin-bottom: 0;
}
.post-grid-layout .read-more {
    margin-top: 1.5em;
}
.post-body-wrapper > * {
    margin-bottom: 1.5em;
}
.post-author .avatar {
    border-radius: 50%;
	display: inline-block;
}
.entry-title a {
	color: #222;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.avatar-wrap {
    display: inline-block;
}
.post-grid-layout .post-meta li {
	margin-right: 20px;
	vertical-align: middle;
}
.post-meta i {
    padding-right: 5px;
}
.post-grid-layout .post-meta li:last-child{
	margin-right: 0;
}
.read-more-btn {
	background: #304e67;
    color: #fff;
    font-size: 11px;
    outline: none;
    border-radius: 0;
    letter-spacing: 1px;
    line-height: 20px;
    padding: 7px 20px 7px 20px;
}
.read-more-btn:hover {
    background: #eaeaea;
    color: #222;
    border: 1px solid #eaeaea;
}
.post-grid-layout .grid-item {
    margin-bottom: 60px;
}
.pagination .page-numbers {
    border: 1px solid #eaeaea;
    line-height: 21px;
    padding: 7px 17px;
    margin-right: 5px;
    font-weight: 400;
    background: #eaeaea;
}
.pagination .page-numbers.current {
    background: #222;
    color: #fff;
    border-color: #222;
}
.site-info {
    padding: 35px 0px;
	margin-bottom: 0;
	text-align: center;
}
.site-info .social-links {
    margin-bottom: 20px;
}
.footer-bottom {
    background: #eaeaea;
}
.footer-top {
    padding-top: 50px;
	border-top: 1px solid #eee;
	padding-bottom: 30px;
}
.widget_tag_cloud ul li {
    display: inline-block;
	margin: 5px 2px;
	padding: 0;
}
.wp-tag-cloud .tag-cloud-link {
    padding: 0px 15px;
    background: #eaeaea;
    color: #222;
    position: relative;
    display: block;
    font-weight: 400;
}
label {
    display: block;
}
.search-submit {
    position: absolute;
    top: -3px;
    right: 0;
    height: 46px;
	line-height: 40px;
}
.search-form {
    position: relative;
}
.page-header .page-title {
    display: none;
	text-align: center;
	color: #fff;
	font-size: 25px;
	-ms-word-wrap: break-word;
	word-wrap: break-word;
}
.post-grid-layout .post-meta li a {
    word-break: break-word;
}
.comments-area {
    margin-top: 50px;
}
.comments-area .comments-title {
    font-size: 16px;
	margin-bottom: 5px;
	color: #222;
}
.comments-area .comment-list {
    padding-left: 0;
}
.comments-area .comment-respond {
    margin-top: 50px;
}
ol.comment-list li {
    list-style: none;
}
.comment-list .comment-body {
    padding-bottom: 35px;
    border-bottom: 1px solid #eee;
    padding-top: 35px;
}
.comment-body .reply a {
	margin-top: 16px;
    display: inline-block;
    text-decoration: none;
    color: #fff;
    font-weight: 500;
    font-size: 11px;
    letter-spacing: 1px;
    background: #222;
    padding: 0px 15px 0px 15px;    
	border: 1px solid #222;
}
.comment .reply a:hover {
    background: #eaeaea;
    color: #222;
    border: 1px solid #eaeaea;
}
.comment-body .comment-author img {
    float: left;
    overflow: hidden;
    margin-right: 20px;
    position: relative;
    width: 60px;
    height: 60px;
    border-radius: 50%;
}
.comment-body .comment-author b.fn {
    display: inline-block;
    text-align: left;
    font-weight: 600;
    font-size: 15px;
    letter-spacing: 1px;
	color: #222;
}
.comment-body .comment-author b.fn a{
	color: #222;
}
.comment-author .says {
    display: none;
}
.comment-body .comment-metadata a {
    text-align: left;
    font-size: 13px;
}
.comment .body-comment {
    text-align: left;
    margin-top: 30px;
    color: #222;
    margin-left: 80px;
    margin-bottom: 20px;
}
.comment-body .reply {
    margin-left: 80px;
}
.comment-body .comment-content {
    text-align: left;
    margin-top: 10px;
    color: #666;
    margin-left: 80px;
    margin-bottom: 0;
}
.comment-respond #reply-title {
    color: #222;
}
.comment-respond #reply-title {
    text-align: left;
    font-weight: 600;
    font-size: 16px;
    display: block;
    margin-bottom: 20px;
    margin-top: 20px;
}
.comment-form textarea {
    width: 100%;
    border: 1px solid #eee;
    height: 100px;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
    margin-bottom: 17px;
    outline: none;
}
.comment-form input[type="text"], 
.comment-form input[type="email"], 
.comment-form input[type="url"] {
    width: 100%;
    border: 1px solid #eee;
    height: 50px;
    padding: 5px 15px 5px 15px;
    font-size: 13px;
    margin-bottom: 17px;
    outline: none;
}
p.comment-form-cookies-consent label {
    display: inline-block;
    margin-left: 10px;
}
.post-tag a {
    display: inline-block;
    position: relative;
    font-size: 11px;
    padding: 0px 15px;
    border-radius: 50px;
    margin-bottom: 8px;
    background: #eaeaea;
    margin-right: 5px;
    font-weight: 500;
}
.single-post ul.post-meta li i:before{
	opacity: .7;
}
.post-tag a:hover {
    background: #222;
    color: #fff;
}
.single-post .post-tag,
.single-post .post-share {
    margin-top: 30px;
    margin-bottom: 30px;
}
.post-tag span,
.post-share span{
    font-size: 15px;
    font-weight: 500;
    margin-right: 10px;
	color: #222;
}
.post-share ul.links-wrap.list-inline{
	display:inline;
}
.post-navigation .nav-links a {
    background: #304e67;
	color: #fff;
    font-weight: 400;
    padding: 5px 20px;
    display: inline-block;
	text-align: center;
	font-size: 12px;
}
.post-navigation .nav-links a:hover {
    color: #222;
    background: #eaeaea;
}
.page-header {
	display: none;
    background: #eaeaea;
	border-radius: 0;
	position: relative;
}
::selection{
	background: #222;
	color: #fff;
}
.site-branding > * {
    margin: 0;
}
.site-title {
    font-size: 20px;
    font-weight: 500;
	margin: 0;
	color: #222;
}
.site-branding .site-description {
    line-height: 30px;
    margin-bottom: 0;
}
.site-branding .branding-inner-wrap {
    line-height: 1;
    padding: 20px 0px;
}
.site-title a {
    color: #222;
}
section.not-found {
    text-align: center;
}
.search-box-wrap {
    max-width: 290px;
    margin: 0 auto;
	width: 100%;
}

@media screen and (max-width: 1450px) and (min-width: 1200px) {
	/* wmpl menu en dos columnas fuera de rango
	   posición a la izda. de la opción principal */
	.wpml-ls-menu-item .sub-menu {
		right: -2px;
	}

}

@media screen and (min-width: 1200px){
	.site-header .mobile-menu-wrapper {
		display: none;
	}
	.navbar-items > li {
		height: 75px;
		line-height: 75px;
		display: inline-block;
		vertical-align: middle;
	}
	.lblhide-menu {
		display: none;
	}
	

}
@media screen and (min-width: 992px){
	.post-tag.float-left {
		max-width: 80%;
	}
}
@media screen and (max-width: 991px){
	.content-area-index {
		margin-top: 80px;
	}
	.content-area {
		margin-top: 80px;
	}
	.single-post .post-share,
	.single-post .post-tag{
		float: none !important;
	}
}
@media screen and (max-width: 1200px){
	.main-navigation {
    	display: none;
	}
}

@media screen and (max-width: 767px){
	.site-title {
		font-size: 16px;
		font-weight: bold;
	}
	h1 {
		/* font-size: 24px; */
		letter-spacing: 1px;	
	}
	h3 {
		letter-spacing: 2px;
	}
	.content-area-index {
		margin-top: 80px;
	}
	.content-area {
		margin-top: 80px;
	}
	.comment-navigation .nav-previous, 
	.posts-navigation .nav-previous, 
	.post-navigation .nav-previous{
    	width: 100%;
    	text-align: center;
    	float: none;
	}
	.comment-navigation .nav-next, 
	.posts-navigation .nav-next, 
	.post-navigation .nav-next {
		width: 100%;
    	text-align: center;
    	float: none;
		margin-top: 20px;
	}
	.post-grid-layout .post-meta li {
		margin-right: 0;
		display: block;
	}
	.recent-post-slider .post-wrapper .post-content {
    	background: #f9f9f9;
	}
	.recent-post-slider .post-wrapper .post-inner-wrapper {
    	display: block;
	}
	.recent-post-slider .post-wrapper .post-inner-wrapper {
		position: relative;
		transform: translateY(0%);
		-webkit-transform: translateY(0%);
		-moz-transform: translateY(0%);
		-ms-transform: translateY(0%);
		-o-transform: translateY(0%);
		padding-left: 10px;
		padding-right: 10px;
	}
	.recent-post-slider .entry-title{
		line-height: 1.5;
	}
	.recent-post-slider .post-inner-wrapper .post-meta{
		margin-bottom: 15px;
	}
	.recent-post-slider .owl-nav{
		display: none;
	}
}

@media screen and (max-width: 440px){
	/* portadas de los libros en -Evangelización-
	   evitar que el texto salga al lado
	   El Kerigma (407), Anotaciones (392), Diarios (402) y Palabras Papas (412)
	   NOTA: despues de la actualización a wp 5.8 comenzaron a salir mal estas imagenes
	   de la portada de los libros, en móviles salían muy muy pequeñas.
	
	.wp-image-407 {
		padding-right: 140px;
	}
	.wp-image-392 {
		padding-right: 140px;
	} 
	.wp-image-402 {
		padding-right: 140px;
	} 
	.wp-image-412 {
		padding-right: 140px;
	} 
	*/
	/* En Historia : 220 - Kiko, 225 - Carmen, 230 - Mario, 235 - Ascensión */
	.wp-image-220 {
		margin-right: 140px;
	}
	.wp-image-225 {
		margin-right: 150px;
	}
	.wp-image-230 {
		margin-right: 150px;
	}
	.wp-image-235 {
		margin-right: 140px;
	}
	/* Biografía de cada papa: 891 PVI, 885 JPII, 873 BXVI, 879 Fco, 46111 Leon */
	.wp-image-891 {
		margin-right: 40px;
	}
	.wp-image-885 {
		margin-right: 50px;
	} 
	.wp-image-873 {
		margin-right: 40px;
	} 
	.wp-image-879 {
		margin-right: 40px;
	} 
	.wp-image-46111 {
		margin-right: 40px;
	}
}

@media screen and (max-width: 380px){
	/* portadas de los libros en -Evangelización-
	   evitar que el texto salga al lado
	   El Kerigma (407), Anotaciones (392), Diarios (402) y Palabras Papas (412)
	   NOTA: despues de la actualización a wp 5.8 comenzaron a salir mal estas imagenes
	   de la portada de los libros, en móviles salían muy muy pequeñas.
	
	.wp-image-407 {
		padding-right: 80px;
	}
	.wp-image-392 {
		padding-right: 80px;
	} 
	.wp-image-402 {
		padding-right: 80px;
	} 
	.wp-image-412 {
		padding-right: 80px;
	} 
	*/
	/* En Historia : 220 - Kiko, 225 - Carmen, 230 - Mario, 235 - Ascensión */
	.wp-image-220 {
		padding-right: 40px;
	}
	.wp-image-225 {
		margin-right: 60px;
	}
	.wp-image-230 {
		margin-right: 40px;
	}
	.wp-image-235 {
		margin-right: 40px;
	}
	/* Biografía de cada papa: 891 PVI, 885 JPII, 873 BXVI, 879 Fco, 46111 Leon */
	.wp-image-891 {
		margin-right: 20px;
	}
	.wp-image-885 {
		margin-right: 30px;
	} 
	.wp-image-873 {
		margin-right: 20px;
	} 
	.wp-image-879 {
		margin-right: 20px;
	}
	.wp-image-46111 {
		margin-right: 20px;
	}
}

@media screen and (max-width: 337px){
	/* esto evita que el botón menú baje una línea y ensanche el header
	   que terminaría ocultando parte del inicio de la página. */
	.site-title {
		text-transform: uppercase;
		letter-spacing: 0.05em;
	}
	.site-description {
		font-size: 11px;
	}
}

@media screen and (min-width: 48em){
	.main-navigation a {
		padding: 0 10px;
	}
	.main-navigation ul ul a{
		padding: 0.75em 1.25em;
    	width: 16em;
	}
}
.site-header .main-menu > li:last-child a {
    padding-right: 0;
}
.post-edit-link {
    background: #222;
    padding: 10px 20px;
    font-weight: 400;
	color: #fff;
}
.post-edit-link:hover {
    background: #eaeaea;
    color: #222;
}
.gallery-item {
    margin: 0;
    padding: 5px;
}
/* recent post slider*/
.recent-post-slider .post-thumbnail {
    padding-bottom: 0;
}
.recent-post-slider .post-inner-wrapper {
    position: absolute;
    z-index: 999;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    display: inline-block;
    max-width: 850px;
    padding: 30px;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.recent-post-slider .entry-title a {
    text-transform: uppercase;
    letter-spacing: 1px;
    background: #fff;
    color: #000;
    padding: 7px 20px;
    font-weight: 400;
    font-size: 25px;
}
.recent-post-slider .post-categories li{
	display: inline-block;
}
.recent-post-slider .read-more a {
    padding: 5px 18px;
    background: #000;
    color: #fff;
    border-radius: 0;
    text-transform: uppercase;
    font-weight: 300;
    font-size: 13px;
    letter-spacing: 2px;
}
.recent-post-slider .post-inner-wrapper > * {
    margin-bottom: 30px;
}
.recent-post-slider .post-meta a {
    background: #eaeaea;
    padding: 2px 10px;
    font-size: 12px;
    font-weight: 400;
}
.recent-post-slider .owl-prev {
    display: inline-block;
    float: left;
    margin-left: 25px;
}
.recent-post-slider .owl-next {
    display: inline-block;
    float: right;
    margin-right: 25px;
}
.recent-post-slider .owl-nav {
    position: absolute;
    top: 50%;
    right: 0;
    left: 0;
    margin: 0 auto;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.recent-post-slider .owl-nav > * {
    height: 35px;
    width: 35px;
    text-align: center;
    background: #222;
    color: #fff;
    line-height: 35px;
}
.recent-post-slider .owl-nav > *:hover {
    background: #eaeaea;
    color: #222;
}
.site-info .social-links li {
    height: 25px;
    width: 25px;
    line-height: 25px;
    text-align: center;
	font-size: 15px;
}
.page-header.bg-image{
	display: none;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 100%;
	margin: 0 0 0px;
	overflow: hidden;
	width: 100%;
}
.bg-overlay {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    background: rgba(0,0,0,0.60);
}
@media screen and (max-width: 991px){
	.sidebar-widget{
		margin-top: 50px;
	}
}
.header-banner {
    overflow: hidden;
}
.site-header {
    background: #fff;
    z-index: 999;
}
body .container {
    max-width: 100%;
    width: 1300px;
}
.back-to-top {
    display: none;
    bottom: 20px;
    position: fixed;
    right: 30px;
    text-align: center;
    width: 35px;
    height: 35px;
    line-height: 35px;
    z-index: 1;
    background: #222;
    color: #fff;
    font-size: 12px;
}
.back-to-top:hover {
    background: #eaeaea;
    color: #222;
}
/* mobile header*/
.mobile-menu-icon i {
    font-size: 18px;
}
.mobile-menu-wrapper .mobile-menu {
    display: none;
}
.menu-close {
    position: absolute;
    right: 22px;
    top: 20px;
    font-size: 32px;
    line-height: 25px;
    height: 25px;
    width: 25px;
	cursor: pointer;
}
span.mobile-menu-icon {
    cursor: pointer;
}
body.zmm-open {
    overflow: hidden;
}
@media screen and (max-width: 1200px){
	.mobile-menu {
		height: 100%;
		position: fixed;
		right: 0;
		left: 0;
		width: 100%;
		z-index: 999;
		background: #fff;
		padding: 0;
		border-bottom: 1px solid #eaeaea;
		top: 0;
		overflow-y: auto;
	}
	.mobile-menu .main-menu {
    	padding: 50px 25px 25px 25px;
	}
	.mobile-menu .zmm-dropdown-toggle {
    	float: right;
	}
	.mobile-menu > ul li {
		position: relative;
		line-height: 60px;
		width: 100%;
		text-align: center;
		font-size: 16px;
	}
	.zmm-dropdown-toggle {
		position: absolute;
		right: 0;
		padding: 4px;
		top: 0;
		line-height: 52px;
		color: #555;
	}
	.site-header .navigation-section{
		margin: 0;
		line-height: 90px;
	}

	/* wpml situa la bandera seleccionada al lado del icono + */
	ul .wpml-ls-menu-item a {
		display: inline;
	}
	
	/* wpml tamaño bandera */
	li.wpml-ls-menu-item ul li img {
		width: 24px;
		height: 16px;
	}

	/* wpml submenu en dos columnas */
	li.wpml-ls-menu-item .sub-menu {
    	width: 100%;
	}
 
	.wpml-ls-menu-item ul.sub-menu {
    	columns: 4;
	}
}
.site-header .header-menu {
    background: #fff;
    z-index: 999 !important;
}
.sidebar-widget ul li:last-child {
    border-bottom: 0;
    padding-bottom: 0;
}
.post-grid-layout .pagination {
    display: block;
    text-align: center;
}
/* filterable portfolio */
.single-portfolio .post-meta {
    display: none;
}
.single-portfolio .post-thumbnail {
    padding-bottom: 0;
}
.portfolio-terms button.active, 
.portfolio-terms button:hover, 
.portfolio-terms button:focus{
	border: 1px solid#222222;
    background-color: #222222;
}
.filterable-portfolio .portfolio-terms {
    border-bottom: none;
    margin-bottom: 40px;
}
.portfolio-terms .filter-options{
	float: none;
	text-align: center;
}
.filterable-portfolio .portfolio-terms button,
.filterable-portfolio .portfolio-terms button.active{
	border: none;
    font-size: 13px;
	margin-bottom: 10px;
}
.portfolio-terms button{
	padding: 0.4rem 0.8rem;
}
.filterable-portfolio .portfolio-terms button:hover,
.filterable-portfolio .portfolio-terms button:active,
.filterable-portfolio .portfolio-terms button:focus{
	border: none;
	outline: none;
}
.fp-tns-slider-outer .prev>svg, .fp-tns-slider-outer .next>svg{
	background: #222;
}
.fp-tns-slider-outer .prev>svg, .fp-tns-slider-outer .next>svg {
    background: #222;
    height: 40px;
    width: 35px;
}
.fp-tns-slider-outer.dots-right .tns-nav {
    text-align: center;
    z-index: 999;
	bottom: 0;
	display: block;
}
.fp-theme-one.portfolio-items figcaption{
	background: #fff;
	border: 1px solid #eee;
}
.fp-tns-slider-outer .prev {
    left: 10px;
}
.portfolio-items h4{
	color: #222;
}

/* Portfolio style 1 */

.fp-theme-one .filterable-portfolio-item__title{
	color: #222 !important;
}
@media screen and (max-width: 1200px){
	.fp-theme-one .filterable-portfolio-item__content .filterable-portfolio-item__supporting-text{
		position: relative;
		transform: none !important;
		opacity: 1 !important;
	}
	.fp-theme-one .filterable-portfolio-item__content:hover img{
		-webkit-transform:none!important;
		-ms-transform:none!important;
		transform:none!important;
	}
}

.single-portfolio .portfolio .post-bottom-meta.clearfix{
	display: none;
}
/*Portfolio Style 2*/

.portfolio-items.fp-theme-two h4 {
	text-align: center;
	position: absolute;
	bottom: 50%;
    text-align: center;
    width: 100%;
	white-space: nowrap;
	
}
.fp-theme-two.portfolio-items .button {
    text-align: center;
	position: absolute;
	padding: 8px 15px;
	left: 50%;
	transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	bottom: -25%;
}
.fp-theme-two .filterable-portfolio-item__content:hover .button {
	bottom: 0;
	transition: 1s ease;
}
.fp-theme-two.portfolio-items .filterable-portfolio-item__content {
    position: relative;
	 width: 100%;
	 margin:0 0px;
}
.fp-theme-two.portfolio-items .filterable-portfolio-item__content img {
	display: block;
	width: 100%;
	height: auto;
  }
.fp-theme-two .filterable-portfolio-item__content .filterable-portfolio-item__supporting-text{
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: rgba(0,0,0,.5);
	overflow: hidden;
	width: 0;
	height: 100%;
	transition: .5s ease;
}
.fp-theme-two .filterable-portfolio-item__supporting-text:after{
	background:none;
}
.fp-theme-two .filterable-portfolio-item__content:hover .filterable-portfolio-item__supporting-text {
	width: 100%;
  }

.portfolio-items .button {
	font-size: 13px;
	background: #111111;
}
.portfolio-items.fp-theme-two h4,
.fp-theme-two.portfolio-items .button,
.fp-theme-two.portfolio-items .button:hover {
    color: #fff;
}
.project-content h4,
.project-meta h4 {
    font-size: 20px;
	margin-bottom: 20px;
}
.project-meta strong {
    font-size: 15px;
}
.portfolio-title-section h2{
    font-size: 25px;
    letter-spacing: 5px;
    line-height: 1.7;
    font-weight: 400;
	text-transform: uppercase;
}
.portfolio-title-section h6 {
    margin-bottom: 25px;
    letter-spacing: 4px;
    font-size: 14px;
    font-weight: 400;
    font-family: 'Roboto';
	text-transform: uppercase;
}
.portfolio-title-section {
    padding-top: 110px;
}
.portfolio-title-section .title-wrap {
    text-align: center;
}
.portfolio-title-section .title-wrap span {
    background: #222;
    color: #fff;
	padding-left: 5px;
}
.portfolio-items .l2 figcaption h4 {
    display: none;
}
blockquote p {
    margin: 0;
}
.breadcrumb {
    padding: 0;
    background: none;
    margin-bottom: 0;
    color: #fff;
	display: block;
	text-align: center;
}
.breadcrumb a {
    color: #fff;
    padding: 0px 5px;
}
.breadcrumb a::after {
    content: "/";
    font-family: fontawesome;
    padding-left: 10px;
}
.filter-left .portfolio-terms .filter-options{
	text-align: left;
}
.heading-section .title {
    font-size: 30px;
    margin-bottom: 10px;
    letter-spacing: 0;
    line-height: 1.5;
    text-transform: inherit;
}
.heading-section .content {
    font-size: 23px;
    color: #3b3b3b;
    font-weight: 300;
    letter-spacing: 0.8px;
    line-height: 1.5;
}
.pb-150{
	padding-bottom: 150px;
}
.section-title {
    padding-bottom: 100px;
}
.section-title .title {
    text-transform: uppercase;
    font-size: 17px;
    letter-spacing: 2px;
    color: #000;
    margin-bottom: 20px;
}
.featurebox-icon span {
    height: 40px;
    width: 40px;
    line-height: 40px;
    font-size: 30px;
    text-align: center;
    margin-right: 20px;
    color: #000;
}
.featurebox-item {
    margin-bottom: 75px;
}
.promobox-wrap .btn {
    background: #000;
    color: #fff;
    margin-top: 30px;
    font-size: 15px;
    border-radius: 50px;
    padding: 14px 75px 14px 75px;
	border: 1px solid #000;
}
.promobox-wrap .btn:hover {
    background: #fff;
    color: #000;
}
.contact-page .icon-wrapper {
    display: inline-block;
    padding-right: 20px;
    vertical-align: middle;
}
.contact-page .content-wrapper {
    display: inline-block;
    vertical-align: middle;
}
.contact-page .icon-wrapper span {
    background: #eaeaea;
    font-size: 20px;
    padding: 12px;
    text-align: center;
    line-height: 45px;
}
.contact-page .content-wrapper p {
    margin-bottom: 0;
}
.contact-page .contact-details li {
    margin-bottom: 20px;
}
.contact-page .mail .content-wrapper a {
    display: block;
}
.contact-page .contact-details {
    margin-bottom: 30px;
}
.contact-page textarea {
    max-height: 150px;
}
@media screen and (max-width: 991px){
	.portfolio-title-section {
		padding-top: 50px;
	}
	.site-content {
		padding: 35px 0;
	}
}

/*       Contact section form
/* ---------------------------------- */

.contact-form,
.contact-address{
    padding-top: 10px;
}

.contact-form .form-group{
    padding: 5px 0;
    min-height: 100%;
}

.contact-form .form-group label{
    font-weight: 600;
}

.contact-form .form-group button{
    display: inline-block;
    min-height: 100%;
}

.contact-form .form-group input,
.contact-form .form-group textarea{
    border-radius: 0;
    padding: 20px 10px;
    min-width: 100%;
    font-size: 16px;
}

.contact-form .form-group textarea{
    padding-top: 10px;
}


.contact-form .form-group .btn-default{
    min-width: 100%;
}

.contact-form .form-group input[type="email"],
.contact-form .form-group input[type="phone"],
.contact-form .form-group input[type="text"] 
{
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 42px; /* Increase height as required */
    margin-bottom: 0px;
    padding: 0 10px; /*  Now only left & right padding */

}

.contact-address ul{
    list-style: none;
    padding: 0;
    margin: 0;
}

.contact-address ul li{
    font-size: 16px;
}

.contact-address ul li span{
    font-weight: 600;
    display: inline-block;
    min-width: 80px;
}

.contact-form label.error,
.contact-form label.error.valid{
    color:#f00;
    padding-top: 10px;
}

.contact-form label.error.valid{
    color:#018804;
}

.form-alerts .alert{
    border-radius: 0;
    border: 0;
}


.form-alerts .alert.alert-success,
.form-alerts .alert.alert-danger{
    color: #fff;
    background: #85ceab;
}

.form-alerts .alert.alert-danger{
    background: #fe8080;
}