/*
	Theme Name: Archivo Reino de León
	Theme URI: http://www.stilogolab.com
	Description: Diseño personalizado
	Version: 1.0
	Author: Stílogo Lab
	Author URI: http://www.stilogolab.com
	Tags: archivoreinoleon

*/


/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/


/* lora-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 400;
  src: url('fonts/lora-v32-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 400;
  src: url('fonts/lora-v32-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: normal;
  font-weight: 500;
  src: url('fonts/lora-v32-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* lora-500italic - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Lora';
  font-style: italic;
  font-weight: 500;
  src: url('fonts/lora-v32-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

/* open-sans-regular - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 400;
	src: url('fonts/open-sans-v36-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 400;
	src: url('fonts/open-sans-v36-latin-italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-500 - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: normal;
	font-weight: 500;
	src: url('fonts/open-sans-v36-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* open-sans-500italic - latin */
  @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Open Sans';
	font-style: italic;
	font-weight: 500;
	src: url('fonts/open-sans-v36-latin-500italic.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }



/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:300 15px/1.4 'Open Sans', sans-serif;
	color:#444;
}


body {
	background: url('img/bg_main2.jpg'), #a52039;
	background-repeat: no-repeat;
	background-position: center top;
	background-size: 100%;

}

/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	color:#444;
	text-decoration:none;
}
a:hover {
	color:#444;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

.animated {
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}


h1, h2, h3, h4, h5, h6 {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
}

h1 {
	color: #61524c;
	
}


#statusmail > div {
    color: #fff;
    text-align: center;
    font-size: 1em;
    padding: 0.7em;
    margin: 20px 0;
    display: none;
}

#statusmail .success {
	background-color: #73b632;
}

#statusmail .error {
	background-color: #d85757;
	
}


/* Formularios */


	/*------------------------------------*\
		Formularios
	\*------------------------------------*/
	.popup-formulario #mostrar-info:hover {
		opacity: 0.8;
	}
	
	form.login .campo-lopd {
		position: relative;
	}
	
	form.general .campo-lopd {
		position: relative;
		margin: 20px 5px;
	}
	
	form .custom-checkbox {
		display: block;
		position: relative;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
		padding-left: 34px;
	}
	
	form .custom-checkbox a:hover {
		color: #73b632;
	}
	
	/* Hide the browser's default checkbox */
	form .custom-checkbox input {
		position: absolute;
		opacity: 0;
		left: 8px;
		top: 10px;
	}
	
	/* Create a custom checkbox */
	form .custom-checkbox .checkmark {
	  position: absolute;
	  top: 0;
	  left: 0;
	  height: 25px;
	  width: 25px;
	  background-color: #fff;
	}
	
	/* On mouse-over, add a grey background color */
	form .custom-checkbox:hover input ~ .checkmark {
	  background-color: #ccc;
	}
	
	/* When the checkbox is checked, add a blue background */
	form .custom-checkbox input:checked ~ .checkmark {
	  background-color: #73b632;
	}
	
	form .custom-checkbox.prioridad input:checked ~ .checkmark {
	  background-color: tomato;
	}
	
	/* Create the checkmark/indicator (hidden when not checked) */
	form .checkmark:after {
	  content: "";
	  position: absolute;
	  display: none;
	}
	
	/* Show the checkmark when checked */
	form .custom-checkbox input:checked ~ .checkmark:after {
	  display: block;
	}
	
	/* Style the checkmark/indicator */
	form .custom-checkbox .checkmark:after {
		left: 10px;
		top: 7px;
		width: 5px;
		height: 10px;
		border: solid white;
		border-width: 0 3px 3px 0;
		-webkit-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	
	.radio.field .radio-options .radio-option input,
	.radio.field .radio-options .radio-option label {
		cursor: pointer;
	}
	
	/* Customize the label (the container) */
	.radio-options label {
		display: block;
		position: relative;
		padding-left: 35px;
		margin-bottom: 12px;
		cursor: pointer;
		-webkit-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		user-select: none;
	}
	
	/* Hide the browser's default radio button */
	.radio-options label input {
		position: absolute;
		left: 5px;
		top: 5px;
		opacity: 0;
		cursor: pointer;
	}
	
	/* Create a custom radio button */
	.radio-options label .checkmark {
		position: absolute;
		top: 0;
		left: 0;
		height: 25px;
		width: 25px;
		background-color: #d8d8d8;
		border-radius: 50%;
	}
	
	/* On mouse-over, add a grey background color */
	.radio-options label:hover input ~ .checkmark {
		background-color: #ccc;
	}
	
	/* When the radio button is checked, add a blue background */
	.radio-options label input:checked ~ .checkmark {
		background-color: #bba95a;
	}
	
	/* Create the indicator (the dot/circle - hidden when not checked) */
	.radio-options label .checkmark:after {
		content: "";
		position: absolute;
		display: none;
	}
	
	/* Show the indicator (dot/circle) when checked */
	.radio-options label input:checked ~ .checkmark:after {
		display: block;
	}
	
	/* Style the indicator (dot/circle) */
	.radio-options label .checkmark:after {
		top: 9px;
		left: 9px;
		width: 8px;
		height: 8px;
		border-radius: 50%;
		background: white;
	}
	
	form.general .listado-servicios .campo {
		height: 200px;
	}
	
	.listado-servicios optgroup {
		margin-bottom: 10px;
	}
	
	form.general .campo {
		height: 50px;
		border: 0px;
		background-color: #fff;
		font-size: 1.2em;
		margin-bottom: 10px;
		padding-bottom: 0px;
		padding: 6px;
		width: 100%;
		line-height: 1.5;
		color: #292728 !important;
		
		-webkit-box-shadow: 0px 6px 15px 0px rgba(69,50,54,0.05);
		-moz-box-shadow: 0px 6px 15px 0px rgba(69,50,54,0.05);
		box-shadow: 0px 6px 15px 0px rgba(69,50,54,0.05);
		
	}
	
	form.general .campo:disabled {
		color: #a5a5a5 !important;
	}
	
	form.general.contact select.campo {
		height: 50px;
	}
	
	form.general.contact .campo {
		height: 50px;
		border: 0px;
		font-size: 1.4em;
		margin-bottom: 15px;
		padding-bottom: 0px;
		padding: 6px;
		color: #fff;
		width: 100%;
		outline: none;
	}
	
	form.general .campo.descripcion{
		margin-bottom: 0;
	}
	
	.grecaptcha-badge {
		display: none;
	}
	
	.box-formulario .letraformulario {
		font-size: 0.8em;
		padding: 20px;
		background-color: beige;
		margin-top: 20px;
	}
	
	.box-formulario .letraformulario a:hover {
		color: #395771;
		text-decoration: underline;
	}
	
	.box-formulario .letraformulario p.inline {
		font-size: 1.6em;
		margin: 0;
	}
	
	form.general .message,
	form.general .message .campo {
		padding-bottom: 10px;
		height: auto;
	}
	
	form.general.servicio .message,
	form.general.servicio .message .campo {
		padding-bottom: 0;
	}
	

	
	.form-loading {
		display: inline-block;
		width: 28px;
		margin: 0 15px;
	}
	
	/* Drag and drop */
	.fileuploader-input-inner {
		width: 100%;
	}
	
	form.general .texto-file {
		margin: 0 5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	form.general .texto-file .imagen {
		width: 50px;
	}
	
	form.general .texto-file .texto {
		margin-left: 10px;
	}
	
	form.general .texto-file .titulo {
		color: #73b632;
		font-weight: 600;
	}
	
	form.general .texto-file .subtitulo {
		font-size: 0.8em;
	}
	
	form.general .texto-file {
		margin: 0 5px;
	}
	
	form.general.servicio .texto-file {
		margin: 0;
	}
	
	form.general .texto-file {
		position: relative;
		padding: 10px 20px;
		display: flex;
		justify-content: center;
		align-content: center;
		overflow: hidden;
		border: 3px solid #f2f2f2;
	}
	
	form.general .ezdz-dropzone span {
		color: #615d5f;
		vertical-align: middle;
		line-height: 1;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		padding: 10px 23px 13px;
		background-color: rgba(0,0,0,0.1);
		font-size: 0.9em;
		font-weight: 600;
		border-radius: 20px;
	}
	
	form.general .ezdz-dropzone img {
		width: 100px;
	}
	
	form.general .ezdz-dropzone [type="file"] {
		cursor: pointer;
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	form.general .ezdz-focus {
		border: 3px dotted #ccc;
	}
	
	form.general .ezdz-enter {
		border: 3px dotted #ccc;
	}
	
	form.general .ezdz-accept {
		border: 3px solid #73b632;
	}
	
	form.general .ezdz-reject {
		border: 3px dotted #ccc;
	}
	
	form.general p.descripcion {
		margin: 5px 0 10px;	
		font-size: 0.9em;
	}
	
	.servicio-interes {
		
	}
	
	.servicio-interes p {
		font-size: 1.3em;
		margin: 0 0 20px 0;
		color: #73b632;
		font-weight: 600;
	}
	
	form.general .ezdz-dropzone > div {
		margin: 0 5px;
		display: flex;
		justify-content: center;
		align-items: center;
	}
	
	form.general .ezdz-dropzone .imagen {
		width: 50px;
	}
	
	form.general .ezdz-dropzone .texto {
		margin-left: 10px;
	}
	
	form.general .ezdz-dropzone .titulo {
		color: #73b632;
		font-weight: 600;
	}
	
	form.general .ezdz-dropzone {
		margin: 0 5px;
	}
	
	form.general .ezdz-dropzone .image-g {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	form.general .ezdz-dropzone .image-g li{
		display: inline-block;
		margin: 10px;
		
	}
	
	form.general.servicio .ezdz-dropzone {
		margin: 0 0 10px 0;
	}
	
	form.general .ezdz-dropzone {
		position: relative;
		background-color: #f2f2f2;
		padding: 20px;
		display: flex;
		justify-content: center;
		align-content: center;
		overflow: hidden;
		border: 3px solid #f2f2f2;
	}
	
	form.general .ezdz-dropzone span {
		color: #615d5f;
		vertical-align: middle;
		line-height: 1;
		display: inline-block;
		white-space: nowrap;
		overflow: hidden;
		padding: 10px 23px 13px;
		background-color: rgba(0,0,0,0.1);
		font-size: 0.9em;
		font-weight: 600;
		border-radius: 20px;
	}
	
	form.general .ezdz-dropzone img {
		width: 100px;
	}
	
	form.general .ezdz-dropzone [type="file"] {
		cursor: pointer;
		position: absolute;
		width: 100%;
		height: 100%;
		opacity: 0;
		margin: 0;
		padding: 0;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}
	
	form.general .ezdz-focus {
		border: 3px dotted #ccc;
	}
	
	form.general .ezdz-enter {
		border: 3px dotted #ccc;
	}
	
	form.general .ezdz-accept {
		border: 3px solid #73b632;
	}
	
	form.general .ezdz-reject {
		border: 3px dotted #ccc;
	}
	
	form.general p.descripcion {
		margin: 5px 0 10px;	
		font-size: 0.9em;
	}
	
	.servicio-interes {
		
	}
	
	.servicio-interes p {
		font-size: 1.3em;
		margin: 0 0 20px 0;
		color: #73b632;
		font-weight: 600;
	}
		
	.form-status {
		font-weight: bold;
		margin: 12px 0;
	}
	
	.form-status p {
		margin: 0;   
	}
	
	.form-status .text-success {
		color: #43d084;
	}
	
	.form-status .text-error {
		color: #fe7676;
	}
	
	.form-status .progressbar-holder {
		display: block;
		width: 100%;
		height: 4px;
		background: #fafbfd;
		border-radius: 6px;
		overflow: hidden;
	}
	
	.form-status .progressbar-holder .progressbar {
		height: 100%;
		width: 0;
		background: #73b632;
		border-radius: 6px;
		-webkit-transition: width 0.2s ease;
		transition: width 0.2s ease;
	}

	
	.fast-contact form.general .campo-lopd {
	
	}
	
	.fast-contact form.general .campo-lopd a {
		color: #762535;
	}
	
	
	.fast-contact .submit {
		display: inline-flex;
		cursor: pointer;
		margin: 20px 0 30px 0;
	}
	
	.fast-contact .icon-send img {
		width: 30px;
	}
	
	.fast-contact .protection-data-text {
		background-color: #af614d;
		color: #fff;
		padding: 30px 0;
	}
	.fast-contact .protection-data-text .title {
		font-size: 1.4em;
		margin: 10px 0;
	}
	
	.fast-contact .protection-data-text .text {
		font-size: 0.9em;
	}
	
	.fast-contact .protection-data-text a {
		color: #1b1f30;
	}
	
	


form.estandar .campo:not(textarea) {
    height: 40px;
}

form.estandar .campo {
    border: 0px;
    background-color: #fff;
    font-size: 1em;
    margin-bottom: 10px;
    padding-bottom: 0px;
    padding: 6px;
    width: 100%;
	

	
}

form .campo-lopd {
	margin: 10px 0 15px;
}

.divider {
	height: 64px;
	width: 100%;
	background-image: url('img/divider1280.svg');
	background-position: right bottom;
	background-repeat: repeat-x;
	margin-top: -20px;
}



/* Customize the label (the container) */
label.container {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default checkbox */
label.container input {
	position: absolute;
	opacity: 0;
	cursor: pointer;
	height: 0;
	width: 0;
}

/* Create a custom checkbox */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #eee;
}

/* On mouse-over, add a grey background color */
label.container:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the checkbox is checked, add a blue background */
label.container input:checked ~ .checkmark {
  background-color: #fff;
}

/* Create the checkmark/indicator (hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the checkmark when checked */
label.container input:checked ~ .checkmark:after {
  display: block;
}

/* Style the checkmark/indicator */
label.container .checkmark:after {
	left: 9px;
	top: 4px;
	width: 8px;
	height: 14px;
	border: solid #304e61;
	border-width: 0 3px 3px 0;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}






li.numero.number {
	/* display: none !important; */
}

li.numero.number input,
input[readonly],
select[readonly] {
  background: #eee;
  pointer-events: none;
  touch-action: none;
}

.radio.field .radio-options .radio-option input,
.radio.field .radio-options .radio-option label {
	cursor: pointer;
}





/* Customize the label (the container) */
.radio.field .radio-options .radio-option label {
	display: block;
	position: relative;
	padding-left: 35px;
	margin-bottom: 12px;
	cursor: pointer;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* Hide the browser's default radio button */
.radio.field .radio-options .radio-option label input {
	position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0;
    cursor: pointer;
}

/* Create a custom radio button */
.radio.field .radio-options .radio-option label .checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #d8d8d8;
  border-radius: 50%;
}

/* On mouse-over, add a grey background color */
.radio.field .radio-options .radio-option label:hover input ~ .checkmark {
  background-color: #ccc;
}

/* When the radio button is checked, add a blue background */
.radio.field .radio-options .radio-option label input:checked ~ .checkmark {
	background-color: #323748;
}

/* Create the indicator (the dot/circle - hidden when not checked) */
.radio.field .radio-options .radio-option label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
}

/* Show the indicator (dot/circle) when checked */
.radio.field .radio-options .radio-option label input:checked ~ .checkmark:after {
  display: block;
}

/* Style the indicator (dot/circle) */
.radio.field .radio-options .radio-option label .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: white;
}

select[multiple] option:checked,
select[multiple]:focus option:checked {
	background: #323748 linear-gradient(0deg, #323748 0%, #323748 100%);
	color: #fff !important;
}

.field.hidden {
	display: none;
}

.field .inline a {
	color: #323748;
}

.field .inline.warning {
	background-color: #e4e4e4;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
    display: none;
}

.field .inline.error {
	background-color: #e8485d;
	color: #fff;
    padding: 10px;
    border-radius: 4px;
    margin-top: 10px;
    display: none;
    font-weight: 500;
}

.inline.warning .confirm {
    color: #4ea55d;
    cursor: pointer;
    display: inline-block;
}

.grecaptcha-badge { visibility: hidden; }

.texto-info {
	background-color: #1c406a;
	padding: 30px;
	color: #fff;
}

.texto-info .inline {
	font-size: 1.2em;
	font-weight: 500;
	margin: 0;
}

.texto-info a {
	color: #ff9600;
}

#mostrar-info {
	width: 20px;
	height: 20px; 
	display: inline-block;
	cursor: pointer;
}

main#page404 #post-404 {
	text-align: center;
}

main#page404 {
	padding: 20px 0 60px 0;
	background-color: #f4ede3;
}

.btn-main {
	background-color: #af614d;
	font-size: 1.2em;
	font-weight: 400;
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 0;
	cursor: pointer;
	font-weight: 600;
}

.btn-delete {
	background-color: #be7575;
}

.btn-main:hover {
	background-color: #de7357;
}


.btn-aside {
	background-color: #af614d;
	font-size: 1.4em;
	font-weight: 400;
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 0;
	cursor: pointer;
	font-weight: 600;
}

.btn-aside:hover {
	background-color: #de7357;
} 

.btn-add-register {
	background-color: #af614d;
	font-size: 1.4em;
	font-weight: 400;
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 0;
	cursor: pointer;
}

.btn-add-register:hover {
	background-color: #de7357;
}


.btn-upload {
	background-color: #968d7d;
    font-size: 1.1em;
}


main.general {
	background-color: #f4ede3;
	padding: 20px 0 60px 0;
}

.page-template-default main {
	background-color: #f4ede3;
	padding: 40px 0 20px 0;
}

/* cookies */

.cky-notice .cky-title {
	line-height: 1.1em;
	margin: 0;
}


/*------------------------------------*\
    BURGER MENU
\*------------------------------------*/


.ham {
	position: fixed;
	/* keep the hamburger button above everything */
	z-index: 999999;
	top: 4rem;
	right: 4rem;
	width: 3rem;
	height: 3rem;
	background: #e3dc8c;
	cursor: pointer;
	display: none;
	padding: 6px 5px;
	border: 0;
}

.ham .menuIcon {
	position: relative;
}

.ham .menuIcon span.line {
	display: block;
    width: 20px;
    height: 3px;
    margin-bottom: 4px;
    background-color: #444;
}

.xIcon  span.line:nth-child(1) {
	display: block;
    width: 20px;
    height: 3px;
    background-color: #444;
	transform: rotate(45deg) translate(1px,1px);
}

.xIcon  span.line:nth-child(2) {
	display: block;
    width: 20px;
    height: 3px;
    background-color: #444;
	transform: rotate(-45deg) translate(1px,-1px);
}
.xIcon {
	display: none;
}

.menu-burger {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100vh;
	background: rgba(118,37,53,0.95);
	color: white;
	transform: translateY(-100%);
	transition: transform 0.2s;
	list-style: none;
    display: flex;
    justify-content: center;
    align-items: center;
	z-index: 99999;
	
}

.showMenu {
	transform: translateY(0);
}

.menu-burger ul {
	list-style: none;
    padding: 0;
    margin: 0;
    text-align: center;
    font-size: 1.3em;
}

.menu-burger li {
	text-transform: uppercase;
	padding-bottom: 10px;
}

.menu-burger li a {
	color: #fff;
}

.wrapped {
  background-color: red;
}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/

.wrapper {
	max-width:1280px;
	width:90%;
	margin:0 auto;
	position:relative;
}



.header {
	background-color: #2a4357;
	padding: 20px;
}

.header .wrapper {
	display: flex;
	
}

header.main > .container {
	display: flex;
}

.logo-main {
	width: 130px;
}

.logo-img {

}

.nav {

}

.sidebar {

}

.footer {

}


.bg-lines {
    max-width: 1450px;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative;
    border-right: 1px solid #d9d3cd;
    border-left: 1px solid #d9d3cd;
    z-index: 1;
    transform: translate(-50%,0);
    left: 50%;

}

/*------------------------------------*\
	Mensaje Superior
\*------------------------------------*/

.mensaje-superior {
	background-color: #333a30;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-family: 'Lora';
	font-size: 1.1em;
	background-image: url('img/bg_navidad.png');
	background-repeat: no-repeat;
	background-size: contain;
}

.mensaje-superior .container {
	display: flex;
	justify-content: center;
	align-items: center;
}


.mensaje-superior .deco-navidad {
	padding: 0 20px;
}

.mensaje-superior .deco-navidad img {
	width: 50px;
}

.mensaje-superior .deco-navidad.deco-navidad-right {
	transform: scaleX(-1);
}

	/*------------------------------------*\
		Registers Counter
	\*------------------------------------*/
	
	
	.registers-counter {
		background-color: #ceab78;
		color: #fff;
		padding: 15px 0;
	}
	
	.registers-counter-total {
		margin-top: 20px;
		background-color: #bd9b69;

	}
	
	.registers-counter .container {
		display: flex;
		justify-content: center;
	}
	
	.registers-counter .item-text {
		font-size: 1.4em;
		text-align: right;
		line-height: 1.1;
	}
	
	.registers-counter .item-counter {
		font-family: 'Shippori Mincho', serif;
		font-size: 1.5em;
		font-weight: 600;
		line-height: 1;
		margin-left: 10px;
	}
	
	
	/* Big */
	
	.registers-counter-big {
		background-color: #f2f1ef;
		padding: 35px 0;
	}
	
	.registers-counter-big .container {
		display: flex;
		justify-content: center;
		max-width: 550px;
		padding-right: 60px;
	}
	
	.registers-counter-big .item-text {
		font-size: 2em;
		text-align: right;
		line-height: 1.1;
	}
	
	.registers-counter-big .item-counter {
		font-family: 'Shippori Mincho', serif;
		font-size: 4.3em;
		font-weight: 600;
		line-height: 1;
		margin-left: 20px;
		color: #af614d;
	}
	
	


/*------------------------------------*\
	tooltipster
\*------------------------------------*/

/* light-custom */

.tooltipster-sidetip.tooltipster-light-custom .tooltipster-box{
	border-radius:3px;
	border: none;
	background:#b45f66;
	font-family: 'Lora', serif;
	font-weight: 400;
}

.tooltipster-sidetip.tooltipster-light-custom .tooltipster-content{
	color:#fff
}

.tooltipster-sidetip.tooltipster-light-custom .tooltipster-arrow{
	height:9px;margin-left:-9px;width:18px
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light-custom.tooltipster-right .tooltipster-arrow{
	height:18px;margin-left:0;margin-top:-9px;width:9px
}

.tooltipster-sidetip.tooltipster-light-custom .tooltipster-arrow-background{
	border:9px solid transparent
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-bottom .tooltipster-arrow-background{
	border-bottom-color:#b45f66;top:1px
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-left .tooltipster-arrow-background{
	border-left-color:#b45f66;left:-1px
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-right .tooltipster-arrow-background{
	border-right-color:#b45f66;left:1px
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-top .tooltipster-arrow-background{
	border-top-color:#b45f66;top:-1px
}

.tooltipster-sidetip.tooltipster-light-custom .tooltipster-arrow-border{
	border:9px solid transparent
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-bottom .tooltipster-arrow-border{
	border-bottom-color:#b45f66
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-left .tooltipster-arrow-border{
	border-left-color:#b45f66
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-right .tooltipster-arrow-border{
	border-right-color:#b45f66
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-top .tooltipster-arrow-border{
	border-top-color:#b45f66
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-bottom .tooltipster-arrow-uncropped{
	top:-9px
}

.tooltipster-sidetip.tooltipster-light-custom.tooltipster-right .tooltipster-arrow-uncropped{
	left:-9px
}

/* light */


.tooltipster-sidetip.tooltipster-light .tooltipster-box{border-radius:3px;border:1px solid #ccc;background:#ededed}.tooltipster-sidetip.tooltipster-light .tooltipster-content{color:#666}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow{height:9px;margin-left:-9px;width:18px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow,.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow{height:18px;margin-left:0;margin-top:-9px;width:9px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-background{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#ededed;top:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-background{border-left-color:#ededed;left:-1px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-background{border-right-color:#ededed;left:1px}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-background{border-top-color:#ededed;top:-1px}.tooltipster-sidetip.tooltipster-light .tooltipster-arrow-border{border:9px solid transparent}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-left .tooltipster-arrow-border{border-left-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-border{border-right-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-top .tooltipster-arrow-border{border-top-color:#ccc}.tooltipster-sidetip.tooltipster-light.tooltipster-bottom .tooltipster-arrow-uncropped{top:-9px}.tooltipster-sidetip.tooltipster-light.tooltipster-right .tooltipster-arrow-uncropped{left:-9px}














/*------------------------------------*\
    HEADER
\*------------------------------------*/



/* Header */


#header-top {
	background-color: #3d3d3d;
	color: #fff;
	padding: 5px 0;
	position: relative;
	z-index: 3;
	display: none;

}

#header-top .container {
	display: flex;
	align-items: center;
}


#header-top .item-icon {
	width: 20px;
    margin-right: 10px;
}


/* Header Dynamic */

#header-dynamic-top {
	background-color: #3d3d3d;
	color: #fff;
	padding: 20px 0;
	position: relative;
	z-index: 3;
	display: none;
}

#header-dynamic-top .container {
	display: flex;
	align-items: center;
}

#header-dynamic-top .item-title {
    font-size: 1.5em;
    font-weight: bold;
}

#header-dynamic-top .item-icon {
	width: 30px;
	margin-right: 20px;
}


#header-dynamic-top .item-close {
	width: 30px;
	margin-left: 20px;
} 


/* Menú */

header.main .box-header {
	display: flex;
    padding-left: 40px;
	justify-content: space-between;
	width: 100%;
}


 
header.main .box-menu {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	width: 100%;
}

header.main .box-menu .main > .container {
	display: flex;
}


header.main nav.main ul.menu  {
	display: flex;
	align-items: center;
	padding: 0;
	margin: 0;
	list-style: none;
}

header.main nav.main ul.menu li {
	margin: 0 10px;
	font-size: 1.2em;
}

header.main nav.main ul.menu li.current-menu-item {
	color: #9a3b26;
} 

header.main nav.main ul.menu li.current-menu-item a {
	color: #e3dc8c;
	font-weight: 700;
}

.menu-burger li.current-menu-item a {
	color: #e3dc8c;
	font-weight: 700;
}

body.single-registros #menu-item-93 a,
body.post-type-archive #menu-item-93 a{
	color: #e3dc8c;
	font-weight: 700;
}


header.main nav.main ul.menu li  a {
	color: #fff;
}

/*------------------------------------*\
    Login
\*------------------------------------*/

#header-login {
    background-color: #762535;
	color: #fff;
	padding: 10px 0;
}

#header-login .container {
	display: flex;
    justify-content: space-between;

}

#header-login .title {
	font-size: 2em;
	margin-right: 20px;
}


#header-login .nav-login ul {
	display: flex;
    list-style: none;
    text-transform: uppercase;
    padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

#header-login .nav-login ul li {
    margin-right: 20px;
	border-bottom: 1px solid transparent;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

#header-login .nav-login ul li:hover {
	border-bottom: 1px solid #fff;
}

#header-login .nav-login ul li a{
    color: #fff;
}

/* Header Nav */
#header-nav {
	display: flex;
    justify-content: space-between;
    font-size: 1.1em;
    font-weight: 400;
}

body.home #header-nav {
	opacity: 0;
}

#header-nav .nav-main {
	padding: 60px 0;
	
}



#header-nav .nav-main .current-menu-item  {
    background-color: #af614d;
	color: #fff;
}

#header-nav .nav-main .menu-item:hover {
    background-color: #af614d;
    color: #fff;
}

#header-nav .nav-main .menu-item:hover a {
    color: #fff;
}

#header-nav .nav-main .current-menu-item a{
	color: #fff;
}


#header-nav .nav-main ul {
	display: flex;
	list-style: none;
	text-transform: uppercase;
	padding: 0;
    margin: 0;
    flex-wrap: wrap;
}

#header-nav .nav-main ul li {
	padding: 2px 10px;
	white-space: nowrap;
	margin: 0 2px;
}

#header-nav .box-rrss {
	display: flex;
    padding: 20px 0;
    display: none;
}

#header-nav .box-rrss .item-rrss {
	width: 25px;
	margin-left: 8px;
}

header.section .item-title {
	font-family: 'Lora', serif;
    font-size: 1.5em;
    font-weight: 600;
    margin-bottom: 10px;
}

header.section #header-nav .nav-main {
	padding: 20px 0;
}


/*------------------------------------*\
    Log IN / Log OUT
\*------------------------------------*/

.log-in {
	display: flex;
	color: #3d3d3d;
	align-items: center;
	align-content: flex-start;
    max-height: 60px;
}

.log-in .user-icon {
	margin-right: 10px;
}

.log-in .box-name a{
}

.log-in .name {
    font-size: 1em;
	color: #fff;

}


.log-in .name a {
}



.log-in .user-icon img {
	width: 30px; 
}

.log-out {
	display: flex;
	color: #3d3d3d;
    max-height: 60px;
    align-items: center;
}

.log-out .user-icon {
	margin-right: 10px;
}

.log-out .box-name a{
	font-size: 0.9em;
	color: #e6d79f;
}

.log-out .box-name a:hover {
	color: #fff;
}

.log-out .name {
    font-size: 1em;
    color: #fff;
}

.log-out .user-icon img {
	width: 40px; 
}


/*------------------------------------*\
    Loop
\*------------------------------------*/

		

/*------------------------------------*\
    Registers Counter
\*------------------------------------*/





/*------------------------------------*\
    Search form custom
\*------------------------------------*/

#searchform.custom {
	background-color: #d9d3cd;
    padding: 35px 0;
}

#searchform.custom a {
	color: #61524c;
	font-weight: 600;
	font-size: 1.3em;
}


#searchform.custom .wrapper {
	max-width: 750px;
}

#searchform.custom button {
	background: transparent;
	border: 0;
}

#searchform.custom .search-submit img {
	width: 50px;
	margin-left: 10px;
}

#searchform.custom form {
	display: flex;
}

#searchform.custom input.search-input {
    font-size: 2em;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #61524c;
    font-weight: 300;
}

#searchform.custom .icon-arrow-search {
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    display: none;
}

#searchform.custom .icon-arrow-search img {
	width: 17px;
}

#searchform.custom .box-btn-as {
	margin: 10px 0;
	display: inline-block;
}

#searchform.custom .search-submit:hover img {
	transform: rotate( -15deg ) scale(1.1);
}


#searchform.custom .box-btn-as:hover .icon-arrow-search {
	display: block;
}

#searchform.custom .box-btn-as:hover .link {
	transform: translateX(26px);
}

#searchform.custom .box-btn-as .link{
	background-color: #d9d3cd;

}



/*------------------------------------*\
    Search form
\*------------------------------------*/

#searchform {
}
 
#searchform a {
	color: #61524c;
	font-weight: 600;
	font-size: 1.3em;
}


#searchform .wrapper {
}

#searchform button {
	background: transparent;
	border: 0;
}

#searchform .search-submit img {
	width: 20px;
	margin-left: 10px;
}

#searchform form {
	display: flex;
}

#searchform input.search-input {
    font-size: 1.4em;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #61524c;
    font-weight: 300;
}

/*------------------------------------*\
	Page add register
\*------------------------------------*/


#message {
	padding: 10px 10px;
	color: #fff;
	font-size: 1.2em;
	border-radius: 4px;
}

#message p {
	margin: 0;
}


#message.updated {
	background-color: #76a950;
}
	
main#page-add-register {
	padding:30px 0 60px 0 ;
	background-color: #f4ede3;
}

main#page-add-register .box-form-add-new-register {
	width: 80%;
}

main#page-add-register #draft {
	color: #af614d;
	text-decoration: underline;
	cursor: pointer;
}
 
#page-add-register .flex {
	display: flex;
	overflow: auto;
}

#btn-advanced-search {
	width: 100%;
	text-align: center;
}

#page-add-register .flex aside {
	width: 40%;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	align-self: flex-start;
}

#page-add-register .flex aside > .container {
	background-color: #d9d3cd;
	padding: 40px;
	margin-left: 40px;
}


#page-add-register .flex aside .icon {
	width: 40px;
	margin-bottom: 15px;

}

.acf-button.button.button-primary[data-event="add-row"] {
	display: inline-block;
	background-color: #af614d;
	padding: 5px 10px;
	color: #fff;
	border-radius: 4px;
}


.acf-button.button.button-primary:hover {
	background-color:#de7357;
}


.acf-button.button.button-primary.button-large {
	background-color: #af614d;
	font-size: 1.4em;
	font-weight: 400;
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 0;
	cursor: pointer;
	font-weight: 600;
}


.acf-button.button.button-primary.button-large:hover {
	background-color:#de7357;
}



/*------------------------------------*\
    Búsqueda avanzada
\*------------------------------------*/

main#advanced-search {
	padding:30px 0 60px 0 ;
	background-color: #f4ede3;
}

#advanced-search .flex {
	display: flex;
	overflow: auto;
}

#btn-advanced-search {
	width: 100%;
	text-align: center;
}

#advanced-search .flex aside {
	width: 40%;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	align-self: flex-start;
}

#advanced-search .flex aside > .container {
	background-color: #d9d3cd;
	padding: 40px;
	margin-left: 40px;
}


#advanced-search .flex aside .icon {
    width: 40px;
    margin-bottom: 15px;

}


#advanced-search .flex aside h2 {
	font-size: 1.8em;
    margin-top: 0;
    line-height: 1.2;
}


#advanced-search .flex form {
	width: 60%;
}


main#advanced-search select .child {
	padding-left: 10px;
}

main#advanced-search option.parent {
	font-weight: 600;
}


main#advanced-search option.child {
}


textarea, select, input, button { outline: none; }


form#ba_form {
}

form#ba_form select.yon {
    max-width: 80px;
    margin-left: 10px;
	
	display: none;
}

form#ba_form .group {
	margin-bottom: 60px;
	
}

form#ba_form .group-title {
    font-size: 2.5em;
    margin-bottom: 10px;
    font-weight: 400;
}

form#ba_form ul {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}

form#ba_form ul li {
	padding: 10px 10px 10px 10px;
    border: 2px solid transparent;
    border-radius: 5px;
    margin: 0 0 5px 0;
}

form#ba_form ul li.error {
    border: 2px solid #d85757;
}



form#ba_form ul li:not(.radio) label {
	display: block;
}

form#ba_form ul li textarea {
	width: 100%;
	resize: vertical;
	border: 1px solid #cccccc;
	font-size: 1.3em;

}

form#ba_form ul li.radio label {
	display:inline;
	margin-left: 3px;
}

form#ba_form ul li .radio-title,
form#ba_form ul li label {
    font-size: 1.3em;
    margin-bottom: 10px;
}

form#ba_form .radio-options {
	display: flex;
}

form#ba_form .radio-option {
	margin-right: 20px;
}


form#ba_form ul input[type=text],
form#ba_form ul input[type=number],
form#ba_form ul input[type=date_picker],
form#ba_form ul select {
	width: 100%;
	display: block;
	font-size: 1.3em;
	padding: 4px 6px;
	border: 1px solid #c3c3c3;
    border-radius: 4px;
}


form#ba_form ul input[type=date_picker]:before {
	content: 'A';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}


form#ba_form .index-number {
	position: absolute;
    left: -22px;
    /* top: 50%; */
    background-color: #fff;
    padding: 8px;
    width: 36px;
    text-align: center;
    height: 36px;
    border: 1px solid #e8e4e4;
    border-radius: 50%;
    font-weight: 600;
    box-shadow: 3px 3px 4px #00000017;
    color: #6d6d6d;
}



.box-top {
	display: flex;
	align-items: center;
}

.box-top .logo {
	width: 160px;
}

/*------------------------------------*\
	Log IN / Log OUT
\*------------------------------------*/

main#stats {
	padding: 50px 0 10px 0;
	background-color: #f4ede3;
}

main#stats ul.list-stats {

}

main#stats ul.list-stats li {
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

main#stats ul.list-stats li:nth-child(even) {
	background-color: #e3dbd0;
}

main#stats .total {
	font-family: 'Lora', serif;
	font-weight: 400;
	text-align: center;
	font-size: 2em;
}

/*------------------------------------*\
	Registers - Resultados búsqueda
\*------------------------------------*/


main#add-categories {
	padding: 20px 0 60px 0;
	background-color: #f4ede3;
}

main#add-categories .acf-form-submit {
	display: none;
}

main#add-categories .acf-icon.small, .acf-icon.-small {
	width: 30px;
	height: 30px;
	line-height: 22px;
	font-size: 22px;
}

main#add-categories a.acf-icon {
	color: #fff !important;
	border-color: #b5bcc2 !important;
	background-color: #6edc6e !important;
	position: relative;
	transition: none;
	cursor: pointer;
}

main#add-categories .remove {
	color: #fff !important;
	border-color: 1px solid #b5bcc2 !important;
	background-color: tomato !important;
	position: relative;
	transition: none;
	cursor: pointer;
	width: 30px;
	height: 30px;
	border-radius: 50%;
	text-align: center;
	font-size: 2em;
	display: flex;
	justify-content: center;
	align-items: center;
	line-height: 1;
	padding-bottom: 8px;
	margin-left: 5px;
}


main#add-categories .acf-actions.-hover {
	display: flex !important;
}

main#add-categories .acf-taxonomy-field[data-ftype=select] .acf-actions {
	margin: 0 !important;
}

main#add-categories .select2-container.-acf {
	padding-right: 75px;	
}

main#add-categories .acf-form {
	max-width: 800px;
	margin: 0 auto;
}

/*------------------------------------*\
	Registers - Resultados búsqueda
\*------------------------------------*/


main#add-categories-pro {
	padding: 20px 0 60px 0;
	background-color: #f4ede3;
}

main#add-categories-pro .popup-taxonomy .subtitle  {
		font-size: 2em;
	}

main#add-categories-pro .popup-taxonomy form > div {
	margin-bottom: 10px;
}

main#add-categories-pro .popup-taxonomy form > div > div {
	margin-bottom: 4px;
}

main#add-categories-pro .popup-taxonomy input[type="text"],
main#add-categories-pro .popup-taxonomy select {
	width: 100%;
	padding: 4px;
	background-color: #f4f4f4;
	border:1px solid #989898;
	border-radius: 4px;
}


main#add-categories-pro .list-taxonomies {
	
}

main#add-categories-pro .list-taxonomies li {
	display: flex;
}

main#add-categories-pro .list-taxonomies li:hover .edit,
main#add-categories-pro .list-taxonomies li:hover .delete {
	display: block;

}

main#add-categories-pro .list-taxonomies li .edit {
	color: rgb(117, 154, 56);
	text-decoration: underline;
	margin-left: 10px;
	display: none;
	cursor: pointer;
}

main#add-categories-pro .list-taxonomies li .delete {
	color: rgb(176, 113, 101);
	text-decoration: underline;
	margin-left: 10px;
	display: none;
	cursor: pointer;
}


main#add-categories-pro .popup-taxonomy {
	position: fixed;
	background-color: rgba(57, 32, 27, 0.9);
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	display: none;
}




main#add-categories-pro .popup-edit-taxonomy .formulario-edit {
	position: relative;
	padding: 30px;
	background-color: #fff;
	border-radius: 4px;
}

main#add-categories-pro .popup-edit-taxonomy .formulario-edit .cerrar {
	font-size: 2em;
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 1;
	cursor: pointer;
}


main#add-categories-pro .popup-taxonomy .formulario-insert {
	position: relative;
	padding: 30px;
	background-color: #fff;
}
 
main#add-categories-pro .popup-taxonomy .formulario-insert .cerrar {
	font-size: 2em;
	display: block;
	position: absolute;
	top: 20px;
	right: 20px;
	line-height: 1;
}


main#add-categories-pro .popup-taxonomy .formulario-delete {
	position: relative;
	padding: 30px;
	background-color: #fff;
}

main#add-categories-pro .popup-taxonomy .cerrar {
	font-size: 2em;
	display: block;
	position: absolute;
	top: 10px;
	right: 10px;
	width: 20px;
	height: 20px;
	line-height: 1;
}

main#add-categories-pro .popup-taxonomy  .cerrar img {
	width: 20px;
	height: 20px;
}


/*------------------------------------*\
	Registers - Resultados búsqueda
\*------------------------------------*/
main#page-registers {
	background-color: #f4ede3;
}

main#page-registers .divider-lock {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #b45f66;
	font-size: 1.2em;
	line-height: 1.1;
	padding: 20px 0 20px;	
}

main#page-registers .divider-lock .box-line {
		display: flex;
		align-items: center;
		width: 100%;
		padding: 0 10px;
	}

main#page-registers .divider-lock .line {
	height: 1px;
	background-color: #b45f66;
	width: 100%;
	margin-top: 2px;
}

main#page-registers .divider-lock .lock {
	width: 120px;
}

.get-active {
	background-color: #eedcc2;
	padding: 1px 3px;
}

main#page-registers {
	padding: 20px 0 60px 0;
}

main#page-registers .container article h3 {
	font-size: 2.5em;
	margin-bottom: 10px;
	
}

main#page-registers .container article .title{
	font-size: 2em;
	font-family: 'Lora', serif;
	font-style: italic;
}




main#page-registers .container article .subtitle{
	font-size: 1.3em;
	padding-left: 6px;
}

.box-title {
	margin-bottom: 20px;
}

main#page-registers .container article .box-register .title {
	margin-bottom: 10px;
}

main#page-registers .container article .box-register .title a {
	color: #a02f40;
	display: inline-block;
	text-wrap: pretty;

}

main#page-registers .container article .box-register .title a:after {
	display: inline-block;
	content: '';
	background-image: url('img/icon_arrow_as.svg');
	width: 30px;
	height: 30px;
	transform: translate(-200%, 4px);
	margin-left: 20px;
	opacity: 0;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

main#page-registers .container article .box-register .title:hover a:after {
	transform: translate(0%, 4px);
	opacity: 1;
}

main#page-registers .container article .box-register .item-register {
	margin-bottom: 5px;
}

main#page-registers .container article .box-register .item-register b {
	font-family: 'Lora', serif;
	font-weight: 500;
	font-style: italic;
	font-size: 1.2em;
	padding: 0px 0px;
	margin-right: 3px;
	color: #762535;
}

main#page-registers .container article .box-register .item-register.ubicacion a {
	color: #762535;
}
	

main#page-registers .container article .box-register .item-register.ubicacion a:hover {
	text-decoration: underline;
}

main#page-registers .container article .box-register .item-register.categorias a:hover {
	text-decoration: underline;
}


main#page-registers .container article .box-informantes ul {
	padding: 0;
	margin: 0 0 20px 0;
}

main#page-registers .container article .box-informantes .title {
	font-size: 1.2em;
	font-weight: 700;
	color: #61524c;
}

main#page-registers .container article .box-informantes li {
	display: flex;
}

main#page-registers .container article .box-informantes li .nombre {
	margin-right: 4px;
}
	
main#page-registers .container article .box-temas ul {
	display: inline-flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0 0 20px 0;
}

main#page-registers .container article .box-temas ul li {
	margin: 0 5px 5px 0;
}

main#page-registers .container article .data-register {
	padding-left: 20px;
}

main#page-registers .container article .data-register .item-register.ubicacion,
main#page-registers .container article .data-register .item-register.subcategorias {
	margin: 0 0 20px 20px;
}

main#page-registers .container article .data-register .item-register.ubicacion b,
main#page-registers .container article .data-register .item-register.subcategorias b {
	color: #98636d;

}

main#page-registers .container article .data-register .item-register.comarca b,
main#page-registers .container article .data-register .item-register.categorias b {
	border-bottom: 1px dotted #762535;

}



/* BORRADORES */

.page-template-borradores main#page-registers .container article .box-register .title {
	font-size: 1.5em;
}

/*------------------------------------*\
    Home
\*------------------------------------*/

main#home section.home-intro {
	padding: 20px 0 60px 0;
}

main#home section.home-intro .logo-catedra {
	width: 170px;
}

main#home section.home-intro > .container {
	display: flex;
	align-items: center;
	column-gap: 20px;
}

main#home section.home-intro h1 {
	color: #fff;
    font-size: 4em;
    margin-bottom: 0;
	max-width: 480px;
	line-height: 1.1;
}

main#home section.home-intro .subtitle {
	font-family: 'Lora', serif;
    font-weight: 400;
    font-style: italic;
	color: #e3dc8c;
	font-size: 2em;
    max-width: 650px;
    line-height: 1.2;
    margin-bottom: 20px;
}

main#home section.home-intro .box-image {
	width: 40%;
}




/*------------------------------------*\
	Search - Resultados búsqueda
\*------------------------------------*/
main#page-search {
	background-color: #f4ede3;
}

main#page-search {
	padding: 20px 0 60px 0;
}







/*  Search form home */

#searchform.home {
    padding: 35px 0;
	max-width: 550px;
}

#searchform.home a {
	color: #fff;
	font-weight: 400;

}


#searchform.home .wrapper {
	max-width: 750px;
}

#searchform.home button {
	background: transparent;
	border: 0;
}

#searchform.home .search-submit img {
	width: 50px;
	margin-left: 10px;
}

#searchform.home form {
	display: flex;
}

#searchform.home input.search-input {
    font-size: 2em;
    width: 100%;
    background: transparent;
    border: 0;
    border-bottom: 1px solid #d89874;
    font-weight: 300;
    color: #e5adb5;
}


#searchform.home input.search-input::placeholder {
    color: #e5adb5;
    	font-family: 'Lora', serif;
    font-weight: 400;
    font-style: italic;

}

#searchform.home .icon-arrow-search {
    display: inline-block;
    margin-right: 10px;
    position: absolute;
    display: none;
}

#searchform.home .icon-arrow-search img {
	width: 17px;
}

#searchform.home .box-btn-as {
	margin: 10px 0;
	display: inline-block;
}

#searchform.home .search-submit:hover img {
	transform: rotate( -15deg ) scale(1.1);
}


#searchform.home .box-btn-as:hover .icon-arrow-search {
	display: block;
}

#searchform.home .box-btn-as:hover .link {
	transform: translateX(26px);
}


/* General */


main#home h2.title-general  {
	color: #fff;
	font-size: 3em;
	margin-bottom: 0;
	text-align: center;
}

main#home h2.title-general-dark  {
	color: #444;
	font-size: 3em;
	margin-bottom: 0;
	text-align: center;

}

main#home .home-project h2 {
	margin-top: 20px;
}
main#home .home-intro .pendones {
	width: 100px;
}

main#home .home-project .pendones {
	width: 110px;
	margin: 20px auto;
	padding-left: 20px;
}
	
main#home .subtitle-general {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	color: #e3dc8c;
	font-size: 2.2em;
	line-height: 1.2;
	margin-bottom: 40px;
	text-align: center;

}

main#home .subtitle-general-dark {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	color: #762535;
	font-size: 2.2em;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center;

}


/* Últimos registros */

main#home section.latest-registers {
	text-align: center;
	padding: 250px 0 10px 0;
	background-color: #f4ede3;
}

main#home section.latest-registers .item {
	width: 33%;
	margin-bottom: 60px;
	padding: 0 20px;
}

main#home section.latest-registers .item h3 {
	font-size: 2em;
	color: #762535;
	margin-bottom: 20px;
	line-height: 1.1;
}

main#home section.latest-registers .total {
	margin-bottom: 10px;
	font-weight: 700;
}

main#home section.latest-registers .last-update {
	font-size: 0.8em;
}

main#home section.latest-registers .item ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

main#home section.latest-registers .item ul li {
	margin-bottom: 5px;
	font-size: 1.2em;
}

main#home section.latest-registers .item ul li a:hover {
	color: #af614d
}

main#home section.latest-registers .wrapper > .container {
	display: flex;
	justify-content: space-around;
	flex-wrap: wrap;
}

main#home section.latest-registers .circle {
	background-color: #dfcb9c;
	padding: 20px;
	border-radius: 50%;
	position: relative;
	width: 250px;
	height: 250px;
	display: flex;
	align-items: center;
	justify-content: center;
	margin: 0 auto;
}

main#home section.latest-registers .item-counter {
	font-size: 7em;
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	width: 100%;
	line-height: 1;
}

main#home section.latest-registers .circle > .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}

/* Proyecto */

main#home section.home-project {
	text-align: center;
	background-color: #f4ede3;
	padding: 60px 0 60px 0;
}



main#home section.home-project .text {
	font-family: 'Lora', serif;
    font-weight: 400;
    font-size: 1.4em;
    max-width: 950px;
    margin: 0 auto 20px auto;
}



main#home section.home-project .text u {
	color: #e3dc8c;
}

main#home section.home-project p a {
	color: #762535;
	text-decoration: underline;
}

main#home section.home-intro .box-image {
	padding-top: 60%;
	position: relative;
	overflow: hidden;
	margin: 0 auto;

}

main#home .slideshow {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;

}

main#home .slideshow img {
	position: absolute;
	display: none;

}

main#home .slideshow img:nth-child(1) {
	display: inline;
}














/* MAP */

main#home section.home-map h2 {
		color: #fff;
		font-size: 3em;
		margin-bottom: 0;
	}
	
	
/* Categories */


main#home section.home-categories {
	padding: 20px 0 60px 0;
}


main#home section.home-categories .labels {
	justify-content: center;
	font-size: 1.2em;
	padding-bottom: 30px;
}


main#home section.home-categories .labels .label:hover {
	filter: brightness(1.1);
}

main#home section.home-categories .container > .box-terms {

}


main#home .grid-item { 
	width: calc( 33% - 30px);
}

main#home section.home-categories ul {
	padding: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap;
}

main#home section.home-categories ul li.parent {
	margin-bottom: 10px;
	font-size: 1.2em;
	text-align: center;
	position: relative;
}

main#home section.home-categories ul li.parent:hover .box-child  {
	display: block;
}

main#home section.home-categories ul div.child {
	margin-bottom: 5px;
	font-size: 0.9em;
	text-align: center;
}

main#home section.home-categories ul .box-child {
	display: none;
	position: absolute;

	z-index: 9999;
	left: 50%;
	transform: translateX(-50%);
	top: 40px;
	width: 90%;
	max-width: 280px;
	padding-top: 15px;
	margin-top: -15px;
}

main#home section.home-categories ul .box-child:hover {
	display: block;
}

main#home section.home-categories ul .box-child > .container {
	position: relative;
	background-color: #f4ede3;
	padding: 15px;
	border-radius: 10px;

}

main#home section.home-categories ul .box-child > .container::before {
	content: '';
	display: block;
	width: 20px;
	height: 20px;
	background-color: #f4ede3;
	top: 0px;
	left: 50%;
	transform: translate(-50%,-50%) rotate(45deg);
	position: absolute;
}

main#home section.home-categories ul li.parent a {
	color: #fff;
}


main#home section.home-categories ul div.child a {
	color: #b99;
}


main#home section.home-map {
	margin-bottom: -200px;	
}

/* GENERAL */


.pagination {
	width: 100%;
	text-align: center;
	padding: 30px 0;
}

.pagination .page-numbers {
	margin: 0 5px;
}

.pagination .page-numbers.current {
	font-weight: bold;
	background-color: #a02f40;
	padding: 2px 4px;
	color: #fff;
	border-radius: 4px;
}

.pagination .next,
.pagination .prev {
	font-weight: bold;
	color: #a02f40;
}

/*------------------------------------*\
	Presentación
\*------------------------------------*/
main#presentacion {
	padding: 20px 0 60px 0;
	background-color: #f4ede3;
}

main#presentacion h1 {
	font-size: 3em;
	margin-bottom: 0;
}

main#presentacion h2 {
	margin-top:0;
}

main#presentacion section .container {
	display: flex;
}

main#presentacion section .container .content {
	width: 70%;
}

main#presentacion section .container .content.part1 {
	margin-bottom: 30px;
}

main#presentacion section .splide {
	margin-bottom: 30px;
}

main#presentacion section .container aside {
	width: 30%;
}


/*------------------------------------*\
	Equipo
\*------------------------------------*/

main#equipo {
	padding: 60px 0 60px 0;
	background-color: #f4ede3;
}

main#equipo section .container {
	display: flex;
	align-items: center;
}

main#equipo section .container .content {
	width: 70%;
}

main#equipo section .container .box-logos {
	display: flex;
}

main#equipo section .container .box-logos .item {
	margin-right: 50px;
}

main#equipo section .container .box-logos .item.cele {
	max-width: 150px;
}

main#equipo section .container .box-logos .item.unileon {
	max-width: 150px;
}

main#equipo section .container .content.part1 {
	width: 90%;
	margin:  0 auto 30px auto;
	max-width: 550px;
	padding-left: 60px;
}

main#equipo section .container .content .intro {
	margin-bottom: 20px;
	font-size: 1.3em;
	font-style: italic;
	color: #762535;
}

main#equipo section .container .content .box-texto .bloque {
	margin-bottom: 20px;	
}

main#equipo section .container .content .box-texto .bloque .titulo {
	font-weight: 700;
	font-size: 1.2em;
}

main#equipo section .container .content .box-texto .bloque .texto {
	padding-left: 20px;
}

main#equipo section .splide {
	margin-bottom: 30px;
}

main#equipo section .container aside {
	width: 30%;
}


/*------------------------------------*\
	Contacto
\*------------------------------------*/

main#contacto {
	padding: 60px 0 0 0;
	background-color: #f4ede3;
}

main#contacto .box-form {
	width: 100%;
}

main#contacto .box-form .flex {
	display: flex;
}

main#contacto .box-form > .flex {
	width: 100%;
}
	
form#contact {
	width: 70%;
}

form#contact .flex > div {

}

form#contact .flex > div:first-of-type {
	margin-left: 0;
}

form#contact .flex > div:last-of-type {
	margin-right: 0;
}

form#contact div .main-label {
	display: block;
	font-size: 1.2em;
	padding-bottom: 5px;
}

main#contacto section > .container {
	display: flex;
	align-items: center;
}

main#contacto section .container .content {
	width: 50%;
}

main#contacto section .container .box-logos {
	display: flex;
}

main#contacto section .container .box-logos .item {
	margin-right: 50px;
}

main#contacto section .container .box-logos .item.cele {
	max-width: 150px;
}

main#contacto section .container .box-logos .item.unileon {
	max-width: 150px;
}

main#contacto section .container .content.part1 {
	width: 90%;
	margin:  0 auto 30px auto;
	max-width: 550px;
	padding-left: 60px;
}

main#contacto section .container .content .intro {
	margin-bottom: 20px;
	font-size: 1.3em;
	font-style: italic;
	color: #762535;
}

main#contacto section .container .content .box-texto .bloque {
	margin-bottom: 20px;	
}

main#contacto section .container .content .box-texto .bloque .titulo {
	font-weight: 700;
	font-size: 1.2em;
}

main#contacto section .container .content .box-texto .bloque .texto {
	padding-left: 20px;
}

main#contacto section .splide {
	margin-bottom: 30px;
}

main#contacto section .container aside {
	width: 50%;
	margin-left: 40px;
	
}

main#contacto section aside .container {
	background-color: #d9d3cd;
	padding: 40px;
}

main#contacto section aside h2 {
	margin-top: 0;
}

main#contacto section aside .image img {
	width: 100%;
}

main#contacto section aside .box-item {
	margin-bottom: 20px;
}

main#contacto section aside .box-item .title {
	font-weight: 700;
}




/*------------------------------------*\
	Comarcas
\*------------------------------------*/

main#comarcas {
	padding: 20px 0 60px 0;
	background-color: #f4ede3;
}

main#comarcas > .container {
		
	}

main#comarcas > .container  > ul {
	list-style: none;
}

main#comarcas > .container  > ul > li {
	margin-bottom: 15px;
}

main#comarcas > .container  > ul li strong {
	font-size: 1.1em;
}

main#comarcas > .container > ul > li > ul {
	list-style: none;
	padding-left: 20px;
	display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 20px; 
}

main#comarcas > .container > ul > li > ul .title {
	font-size: 1.4em;
	font-family: 'Lora', serif;
    font-weight: 400;
    font-style: italic;
	text-wrap: balance;
	margin-bottom: 5px;
}

main#comarcas > .container > ul > li > ul .title a:after {
	display: inline-block;
	content: '';
	background-image: url('img/icon_arrow_as.svg');
	width: 20px;
	height: 20px;
	transform: translate(-200%, 4px);
	margin-left: 10px;
	opacity: 0;
	-o-transition: all 0.4s ease;
	-moz-transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
	transition: all 0.4s ease;
}

main#comarcas > .container > ul > li > ul .title:hover a:after {
	transform: translate(0%, 4px);
	opacity: 1;
}



.filter-form {
	text-align: right;
	margin-bottom: 20px;
}

.labels {
	display: flex;
	gap: 5px;
}

.labels .label {
	padding: 2px 5px;
	background-color: #93d0df;
	border-radius: 4px;
	font-size: 0.85em;
}

.label.audiovisual {
	background-color: #bce2cb !important;
}

.label.audio {
	background-color: #dedf93 !important;
}

.label.documental {
	background-color: #d7d6e3 !important;
}

.label.romance {
	background-color: #daccdb !important;
}

.label.testimonio-vivo {
	background-color: #b0c9b6 !important;
}

.label.musica-popular {
	background-color: #dba2a2 !important;
}

.label.oficios-tradicionales {
	background-color: #93c2df !important;
}


main#comarcas > .container > ul h3 {
	font-family: 'Open Sans', sans-serif !important;
	font-style: normal;
	text-transform: uppercase;
	text-align: center;
	font-size: 1.2em;
	color: #a02f40;
	font-weight: 500;
}

/*------------------------------------*\
	Map
\*------------------------------------*/
	
main#mapa {
}

main#mapa section.home-map {
	margin-bottom: -200px;
}
	
main#mapa section.home-map h2 {
	color: #fff;
	font-size: 3em;
	margin-bottom: 0;
}


main#mapa section.home-map .subtitle-general {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	color: #e3dc8c;
	font-size: 1.7em;
	line-height: 1.2;
	margin-bottom: 20px;
}

main#mapa section.map-regions h2.title-general-dark {
	color: #444;
	font-size: 3em;
	margin-bottom: 0;
	text-align: center;
}

main#mapa section.map-regions .subtitle-general-dark {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	color: #762535;
	font-size: 2.2em;
	line-height: 1.2;
	margin-bottom: 20px;
	text-align: center;
}


main#mapa section.map-regions .container > .box-terms {
	
}

main#mapa section.map-regions .box-terms > .container {
	column-count: 3;
	list-style: none;
}

main#mapa section.map-regions .box-terms ul  {
	margin-bottom: 10px;
	text-align: center;
	list-style: none;
	padding: 0;
}

main#mapa section.map-regions .box-terms ul .box {
	display: flex;
	justify-content: center;
}

main#mapa section.map-regions .box-terms ul .box .plus {
	background-color: #b8939a;
	color: #fff;
	height: 20px;
	width: 20px;
	border-radius: 4px;
	margin-left: 10px;
	font-size: 1em;
	font-weight: 700;
	cursor: pointer;
}

main#mapa section.map-regions .location {
	font-size: 0.9em;
	text-align: center;
	color: #762535;
	display: none;
}

main#mapa section.map-regions .location a{
	color: #762535;
}

main#mapa section.map-regions .location .child {
	margin-bottom: 5px;
}


main#mapa section.map-regions .location .child:first-of-type {
	margin-top: 5px;
}

main#mapa section.map-regions .box-terms ul.active .box .plus {
	background-color: #8b666d;

	
}

main#mapa section.map-regions {
	background-color: #f4ede3;
	padding: 200px 0 60px 0;
}




/*------------------------------------*\
	Agregar categoría
\*------------------------------------*/
	.status {
		overflow: hidden;
	}
	.status .error {
		background-color: tomato;
		color: #fff;
		padding: 10px 20px;
		border-radius: 4px;
	}
	
	.status .success {
		background-color: rgb(104, 141, 76);
		color: #fff;
		padding: 10px 20px;
		border-radius: 4px;
	}
	
	
	@keyframes slideInDown {
	  from {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0);
		visibility: visible;
	  }
	
	  to {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0);
	  }
	}
	.animate__slideInDown {

		-webkit-animation-name: slideInDown;
		animation-name: slideInDown;
		-webkit-animation-duration: 0.5s;
		animation-duration: 0.5s;

		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		animation-delay: 1s;

	}
	
	
/*------------------------------------*\
    Comentarios
\*------------------------------------*/
	
	
	#comments {
		margin-top: 30px;
	}
	
	.comments ul {
		list-style: none;
		padding: 0;
	}
	
	.comments ul li {
		margin-bottom: 1rem;
		padding: 3rem 4rem;
		position: relative;
		background-color: #fafafa;
	}
	
	.comments ul li .children {
		margin-top: 2rem;
		margin-left: 2rem;
		position: relative;
	}
	
	.comments ul li .children .reply a {
		background-color: rgb(241,234,226);
	}
	
	.comments ul li .children .comment-author-admin {
		border: 1px solid #c4b9aa;
	}
	
	.comments ul li .children .comment-author-admin .reply a {
		    background-color: #fff;
	}
	
	.comments ul li .children:before {
		content: '';
		display: block;
		width: 10px;
		height: 10px;
		border-left: 1px solid #c4b9aa;
		border-bottom: 1px solid #c4b9aa;
		position: absolute;
		left: -20px;
		top: 0px;
		
	}
	
	.comments ul li.comment-author-admin:before {
		content: 'Admin';
	    background-color: #c4b9aa;
	    color: #fff;
	    display: block;
	    position: absolute;
	    top: 0px;
	    right: 4rem;
	    padding: 0.1em 1em;
	}
	
	.vcard {
		font-size: 1.6em;
	}
	
	.vcard img {
		width: 35px;
		height: 35px;
	}
	
	.comments ul li.comment-author-admin {
		    background-color: rgb(241,234,226);
	}
	
	.comment-author-admin .reply a {
		    background-color: #fff;
	}
	
	.commentmetadata {
		margin-bottom: 10px;
		font-size: 0.8em;
		color: #797166;
	}
	
	.commentmetadata a {
		color: #797166;
	}
	
	.reply a {
	    padding: 5px 10px;
	    display: inline-block;
	    background-color: rgb(241,234,226);
	}
	
	span.comments {
	    float: right;
	}
	
	.comment-form p label {
		width: 100%;
		display: block;	
	}
	
	.comment-form textarea {
	    width: 100%;
	    border: none;
	    background-color: #f2f1ef;
	    font-size: 1.1em;
		padding: 0.4em 0.7em;
	    outline:none;
	
	
	}
	
	p.comment-form-comment label,
	p.comment-form-author label,
	p.comment-form-email label,
	p.comment-form-url label {
		font-size: 1.2em;
	}
	
	p.comment-form-author input,
	p.comment-form-email input,
	p.comment-form-url input {
		width: 100%;
		border: none;
	    background-color: #f2f1ef;
	    font-size: 1.1em;
		padding: 0.4em 0.7em;
	}
	
	p.comment-form-email input,
	p.comment-form-url input {
		padding-right: 3em;
		}
	
	p.comment-form-author,
	p.comment-form-email,
	p.comment-form-url {
		width: 33%;
		display: inline-block;
	}
	
	h3.comment-reply-title {
		font-size: 2em;
		margin-bottom: 0;
	}
	
	.form-submit .submit {
		background-color: #d9d3cd;
		padding: 10px 20px;
		border: 0;
		font-size: 1.2em;
		color: #61524c;
	}
	
/*------------------------------------*\
    TABLAS
\*------------------------------------*/

table {
	background-color: transparent
}

caption {
	padding-top: 8px;
	padding-bottom: 8px;
	color: #777;
	text-align: left
}

th {
	text-align: left;
	
}

td {
	border: 0;
}

.table {
	width: 100%;
	max-width: 100%;
	margin-bottom: 20px
}


.table > tbody > tr:nth-of-type(odd) {
	background-color: #e8ecf0;
}

.table > tbody > tr:nth-of-type(even) {
	background-color: #fff;
}

.table tr>th,
.table tr>td {
	padding: 8px;
	vertical-align: center;
	text-align: center;
}

.table>thead>tr>th {
	text-align: center;
	vertical-align: bottom;
}






@media screen and (max-width:767px) {
	.table {
		width: 100%;
		margin-bottom: 15px;
		overflow-y: hidden;
		-ms-overflow-style: -ms-autohiding-scrollbar;
		border: 1px solid #ddd
	}

}


/*------------------------------------*\
    LOGIN
\*------------------------------------*/

html {
	height: 100%;
}

.message-box {
	padding: 15px;
	background-color: #dedede;
	border-radius: 4px;
}

.message-box.message-error {
	background-color: #d85757;
	color: #fff;
	font-weight: 500;
}
.message-box.message-success {
	background-color: #5fe2b7;
	font-weight: 500;
}

body.page-template-custom-login {
	height: 100%;
	width: 100%;
}

main#login {
	padding: 30px 0 60px 0;
	background-color: #f4ede3;

}

#login #tab-login input{
	width: 100%;
}

#login .box-descripcion .box-text .title {
    font-weight: 800;
    font-size: 3.5em;
}

#login #page-login {
	width: 400px;
	margin: 0 auto;
	text-align: center;
}



.btn-volver,
.btn-restablecer-contrasena,
#login #page-login #wp-submit_forgot,
#login #page-login .login-submit input {
	background-color: #af614d;
	font-size: 1.4em;
	font-weight: 400;
	padding: 10px 20px;
	color: #fff;
	display: inline-block;
	border-radius: 4px;
	margin-bottom: 10px;
	border: 0;
	cursor: pointer;
	font-weight: 600;
}

.btn-restablecer-contrasena:disabled {
	background-color: #a2a2a2;

}

.btn-volver {
	margin-top: 20px;
}

#login #page-login .login-submit input:hover {
	background-color: #be7575;
}

#login #user_login_forgot,
#login #resetpasswordform .text-input,
#login .login-username input,
#login .login-password input {
    background-color: #ffffff;
    border: 0;
    font-size: 1.5em;
    padding: 6px 20px;
    border-radius: 4px;

}

#login .tabs {
	display: none;
}


/*------------------------------------*\
    REGISTERS
\*------------------------------------*/

/*------------------------------------*\
    Responsive Table
\*------------------------------------*/

.table-header {
	border-bottom: 1px solid #323748;

}


.responsive-table li {
	border-radius: 3px;
	padding: 20px;
	display: flex;
	justify-content: space-between;
}

.responsive-table .table-header {
    font-size: 14px;
    text-transform: uppercase;
    letter-spacing: 0.03em;
    font-weight: 700;
    color: #61524c;
}

.responsive-table .table-row {
	background-color: #ffffff;
	border-bottom: 1px solid #cecece;
}

.responsive-table .title {
	font-weight: 600;
}

.responsive-table .col-1 {
	flex-basis: 20%;
}



.responsive-table .col-2 {
	flex-basis: 20%;
}

.responsive-table .col-3 {
	flex-basis: 20%;
}


.responsive-table .col-4 {
	flex-basis: 20%;
}

.responsive-table .col-5 {
	flex-basis: 20%;
}

@media all and (max-width: 767px) {
	.responsive-table .table-header {
		display: none;
	}
	
	.responsive-table li {
		display: block;
	}
	
	.responsive-table .col {
		flex-basis: 100%;
	}
	
	.responsive-table .col {
		display: flex;
		padding: 10px 0;
	}
	
	.responsive-table .col:before {
		color: #6C7A89;
		padding-right: 10px;
		content: attr(data-label);
		flex-basis: 50%;
		text-align: right;
	}
	
}


/*------------------------------------*\
    ADD REGISTER
\*------------------------------------*/




.field label.container input:checked ~ .checkmark {
	background-color: #323748;
}

.field label.container .checkmark:after {
	border: solid #fff;
	border-width: 0 3px 3px 0;
}

.checkbox.field label input {
    position: absolute;
    left: 5px;
    top: 5px;
    opacity: 0;
    cursor: pointer; 
    height: auto;
    width: auto;
}


/*------------------------------------*\
    FAQ
\*------------------------------------*/



#page-faq .group-title {
	font-size: 1.8em;
}

#page-faq .box-faq {
}



#page-faq .box-faq  > .wrapper,
#page-faq .box-information > .wrapper {
	width: 80%;
}



.faq-vacio {
	text-align: center;
	padding: 60px 5%;
}

.faq-vacio h3 {
	font-size: 2em;
}

.faq-vacio p.inline {
	font-size: 1.2em;
	margin-top: 10px;
}



.container-faq {
	padding: 50px 0;
}

#accordion {
	margin: 20px auto;
	width: 100%;
}
.page-template-template-brokers-faq h1 {
	text-align: center;
	text-transform: uppercase;
    font-size: 2em;
}	


 #accordion .accordion:first-child {
    border-top: 1px solid #d4d4d4;
}
	
.accordion {
    background-color: transparent;
    color: #444;
    cursor: pointer;
    padding: 18px 50px 18px 18px;
    width: 100%;
    border: none;
    border-bottom: 1px solid #d4d4d4;
    text-align: left;
    /* text-transform: uppercase; */
    outline: none;
    font-size: 1.3em;
    transition: 0.4s;
    font-weight: 300;
    position: relative;
}

 #accordion .active, 
#accordion .accordion:hover {
    background-color: #f8f8f8;
}

.accordion:after {
    content: '\002B';
    color: #777;
    font-weight: bold;
    position: absolute;
    right: 3%;
    top: 50%;
    transform: translateY(-50%);
}

#accordion .active:after {
    content: "\2212";
}

#accordion .panel > div {
	padding: 10px 0;
	font-size: 1.2em;
}


#accordion .panel > div p{
	padding: 5px 0;
}

#accordion .panel {
    padding: 0 18px;
    background-color: white;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    border-radius: 0;
    box-shadow: none;
    margin-bottom: 0;
}


/*------------------------------------*\
    Soporte
\*------------------------------------*/



body.page-template-soporte {
	height: 100%;
}

.userdata {
	display: none;
}

.form-loading {
    display: inline-block;
    width: 25px;
}

#problem {
    position: fixed;
    background-color: #fff;
    right: 30px;
    bottom: 20px;
    z-index: 999;
    padding: 10px;
    border-radius: 30px;
    cursor: pointer;
    display: flex;
    display: none;
}


#problem .box-text {
	overflow: hidden;
    width: 0px;
    position: relative;
}

#problem .container {
    overflow: hidden;
    width: 220px;
    position: absolute;
    padding-left: 10px;
}

#problem .box-text.active {
	width: 180px;
}

#problem .box-text .text {
	color: #e8485d;
	font-weight: 700;
}

#problem img {
	width: 30px;
	margin: 0 2px 4px 2px;
	
}

#page-support {
	height: 100%;
}

#page-support .intro .name {
	font-size: 1.4em;
}

#page-support .group-title {
	font-size: 1.8em;
}


#page-support .box-support .captura {
	margin-bottom: 20px;
}




#page-support .box-support  > .wrapper,
#page-support .box-information > .wrapper {
	width: 80%;
}

#page-support textarea {
    width: 100%;
    resize: vertical;
    border: 1px solid #cccccc;
    margin-bottom: 20px;
}

/* revisar */

#page-support #btn-submit {

}







/*------------------------------------*\
    IMAGES
\*------------------------------------*/




/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}



/*------------------------------------*\
    Single Register
\*------------------------------------*/

.status-register {
	color: #61524c;
}

.btn-post-edit {
	background-color: #762535;
	display: inline-block;
	color: #fff;
	padding: 8px;
	border-radius: 4px;
	margin-bottom: 17px;
}

.btn-post-edit:hover {
	background-color: #b45f66;
	font-weight: 700;
	color: #fff;

}


.status-register span {
	color: #a02f40;
}

/* CIP ALERT */

.alert {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 9999;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgb(109 102 99 / 90%)
}

.alert .container{
	position: relative;
	height: 100%;
}


.alert .container .box-alert {
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
	background-color: #f2f1ef;
    padding: 45px;
	
	text-align: center;	
}


.alert .container .box-alert .close {
    position: absolute;
    right: -30px;
    top: -30px;
    width: 40px;
    height: 40px;
    cursor: pointer;
}



.alert .container .box-alert .title {
    font-family: 'Lora', serif;
	color: #61524c;
	font-size: 3em;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 20px;
}

.alert .container .box-alert .description {
	font-size: 1.5em;
	margin-bottom: 30px;
}


.alert .btn-agree {
    padding: 6px 30px 10px 30px;
    background-color: #fff;
    display: inline-block;
    font-size: 2em;
    font-weight: 700;
    cursor: pointer;
}


/* Publish Alert */

#publish-alert {
	display: none;
}


#publish-alert .container .box-alert {
	opacity: 0;
}

/* Delete Alert */
#delete-alert {
	display: none;
}

#delete-alert .container .box-alert {
	opacity: 0;
}




/* Unlock Alert */

#unlock-alert {
	display: none;
}


#unlock-alert .container .box-alert {
	opacity: 0;
}

#single-register {
	background-color: #f4ede3;
	padding: 30px 0 60px 0;
}

#single-register .show-register {
	background-color: #a9d997;
	padding: 10px;
	border-radius: 4px;
}


#single-register .show-register .icon-link {
	width: 16px;
	margin-left: 5px;
	margin-bottom: 2px;
}


#single-register > .flex {
	display: flex;  
}

#single-register .content {
	width: 100%;
}

#single-register .box-title {
	align-items: baseline;
	margin-bottom: 20px;
}


#single-register .box-title .show-map {
	font-size: 1.6em;
}

#single-register .back {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	font-size: 1.5em;
	line-height: 1.2;
	display: inline-flex;
}

#single-register .back .icon {
	width: 15px;
	position: absolute;
	display: none;
}

#single-register .back:hover .icon {
	display: block;
}

#single-register .back:hover .link {
	padding-left: 20px;
}


#single-register .back .link {
	color: #a88514;
	margin-left: 5px;
	margin-top: 5px;
}

#single-register .back a {
	color: #a88514;
}

#single-register h1 {
	margin: 0 20px 0 0;
}

#single-register .box-title {
	margin-bottom: 30px;
}

#single-register .box-title h2 {
	margin: 0px;
}


#single-register .title-item {
	font-family: 'Lora', serif;
	font-weight: 400;
	font-size: 1.6em;
	margin-bottom: 10px;
}

#single-register .content iframe {
	background-color: #b69d9f;
	background-image: url('img/loading.svg');
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 50px;
	border: 0;
}

#single-register .transcription .informante {
	padding: 2px 0;
}

#single-register .transcription .informante_1 {
	border-bottom: 2px solid #e28e7f;
}

#single-register .transcription .informante_2 {
	border-bottom: 2px solid #e2c57f;
}

#single-register .transcription .informante_3 {
	border-bottom: 2px solid #7fe2cb;
}


#single-register .transcription .entrevistador {
	border-bottom: 2px dotted #919191;
}



#single-register .flex aside {
	width: 40%;
	position: -webkit-sticky; /* for Safari */
	position: sticky;
	align-self: flex-start;
}

#single-register .flex aside > .container {
	background-color: #d9d3cd;
	padding: 40px;
	margin-left: 40px;
}


#single-register .flex aside .icon {
	width: 40px;
	margin-bottom: 15px;

}


#single-register .flex aside h2 {
	font-size: 1.8em;
	margin-top: 0;
	line-height: 1.2;
}

#single-register .flex aside .description {
	margin-bottom: 30px;
}


#single-register .content > .container.flex {
	display: flex;
}


#single-register .content .main {
	width: 75%;
	padding-right: 10%;
}

#single-register .item-register.categorias a:hover {
	text-decoration: underline;
}

#single-register .content aside {
	width: 25%;
}

#single-register .content aside ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#single-register .content aside .top,
#single-register .content aside .bottom,
#single-register .content aside .out .box-aside {
	padding: 25px 35px 35px 35px; 
}

#single-register .content aside .box-aside .title {
	font-size: 1.8em;
	font-family: 'Lora', serif;
	font-weight: 400;
	font-style: italic;
	margin-bottom: 10px;
}

#single-register .content aside .box-aside.box-autores,
#single-register .content aside .box-aside.box-ubicacion,
#single-register .content aside .box-aside.box-informantes {
	list-style: none;
	padding: 0;
	margin: 0 0 10px 0;
}



#single-register .content aside .box-informantes a:hover,
#single-register .content aside .box-ubicacion a:hover {
	text-decoration: underline;

}

#single-register .content aside .area b {
	color: #b45f66;
}

#single-register .content aside .box-aside.box-informantes li:first-of-type {
		border-top: 1px solid #a5a5a5;
	}

#single-register .content aside .box-aside.box-informantes li {
	display: flex;
	border-bottom: 1px solid #a5a5a5;
	justify-content: space-between;
	padding: 5px 2px;
}

#single-register .content aside .box-aside.box-autores li {
	margin-bottom: 10px;
}


#single-register .content .temas .active {
	background-color: #eedcc2;
	padding: 1px 3px;
}
	


#single-register .content aside .top {
	background-color: #fff;
	
	position:relative;
	width: 100%;
	overflow:hidden;
	clip-path: polygon(
	0 30px,	30px 0,
	calc(100% - 30px) 0, 100% 30px,
	100% 100%, 
	0% 100%
	)
	
}

#single-register aside .fecha b {
	color: #b45f66;
}

#single-register .content aside .box-aside {
	font-family: 'Lora', serif; 
	font-weight: 400; 
}

#single-register .content aside .box-aside.box-autores .labor {
	font-size: 1em;
	color: #7f454a;	
}

#single-register .content aside .bottom {
	background-color: #faf6f1;
	position:relative;
	width: 100%;
	overflow:hidden;
	clip-path: polygon( 0px 0px, 100% 0, 100% calc(100% - 30px) , calc(100% - 30px) 100%, 30px 100% ,0 calc(100% - 30px)  );
}



#single-register .box-video-marker {
	padding: 20px 0;	
}

#single-register .box-video-marker .title-video-marker {
	font-family: 'Lora', serif;
	font-weight: 400;
	color: #000;
	font-size: 1.6em;
	margin-bottom: 10px;
}

#single-register .box-video-marker .box-buttons {
	font-family: 'Lora', serif;
	font-weight: 400;
	display: inline-flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
	margin: 0;
	
}

#single-register .box-video-marker .box-buttons button {
	background-color: #b45f66;
	border: none;
	color: #fff;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 4px;
	padding: 0 5px 2px 5px;
	cursor: pointer;
	font-size: 1.2em;
}

#single-register .box-video-marker .box-buttons button.active {
	background-color: #e4c562;
	color: #000;
}

#single-register .box-video-marker .box-buttons button.active:hover {
	background-color: #e5cf89;
	color: #000;
}

#single-register .box-video-marker .box-buttons button.active span {
	color: #222;
}

#single-register .box-video-marker .box-buttons button:hover {
	background-color: #bd6a70;
}

#single-register .box-video-marker .box-buttons button span {
	color: #deb8bb;
	font-size: 0.9em;
}

.divider-lock {
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: space-between;
	color: #b45f66;
	font-size: 1.2em;
	line-height: 1.1;
	padding: 20px 0 40px;
}

.divider-lock .lock {
	width: 120px;
}

.divider-lock .box-line {
	display: flex;
	align-items: center;
	width: 100%;
	padding: 0 10px;
}

.divider-lock .line {
	height: 1px;
	background-color: #b45f66;
	width: 100%;
	margin-top: 2px;
}

#single-register h1 {
	color: #b45f66;
	font-size: 3.4em;
}

#single-register .content .rasgo {
	background-color: tomato;
}

#single-register .box-linguistic-features {
	margin-bottom: 50px;
}

#single-register .box-linguistic-features h2 {
	font-size: 2em;
}

#single-register .content .main .linguistic-features {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 1.2em;
	font-weight: 300;
}

#single-register .content .main .linguistic-features li {
	display: inline-flex;
}

#single-register .content .main .linguistic-features a {
	text-decoration: underline;
}

#single-register aside {
	width: 30%;
}

#single-register ul.fields {
    padding: 0;
    margin: 0;
    list-style: none;
}

#single-register ul.fields li {
	margin-bottom: 30px;
}

#single-register ul.fields li .label {
	font-size: 2em;
}

#single-register ul.fields li .value {
	font-size: 1.2em;
}

.control-buttons .btn {
    display: inline-block;
    padding: 10px 20px;
    cursor: pointer;
    font-size: 1.2em;
}

.control-buttons > div {
	width: 100%;

}

.autosave {
	display: none;
}

.control-buttons .btn-autosave {
    background-color: #F44336;
}

.control-buttons .btn-draft {
    background-color: transparent;
    border: 1px solid #fff;
    color: #fff;
}

.control-buttons .btn-publish {
    background-color: #323748;
    color: #fff;
    border: 1px solid #323748;
    margin-left: 10px;
}


.control-buttons .btn-unlock {
    background-color: #d85757;
    color: #fff;
    border: 1px solid #d85757;
}


.group.second,
.field.second {
	/* display: none;  */
}


/*------------------------------------*\
    Form add register
\*------------------------------------*/


textarea, select, input, button { outline: none; }


form.register {
}

form.register .group {
	margin-bottom: 60px;
	
}

form.register .group-title {
    font-size: 2.5em;
    margin-bottom: 10px;
    font-weight: 400;
}

form.register ul {
	list-style: none;
	position: relative;
	padding: 0;
	margin: 0;
}

form.register ul li {
	padding: 10px 10px 10px 10px;
    border: 2px solid transparent;
    border-radius: 5px;
    margin: 0 0 5px 0;
}

form.register ul li.error {
    border: 2px solid #d85757;
}



form.register ul li:not(.radio) label {
	display: block;
}

form.register ul li textarea {
	width: 100%;
	resize: vertical;
	border: 1px solid #cccccc;
	font-size: 1.3em;

}

form.register ul li.radio label {
	display:inline;
	margin-left: 3px;
}

form.register ul li .radio-title,
form.register ul li label {
    font-size: 1.3em;
    margin-bottom: 10px;
}

form.register .radio-options {
	display: flex;
}

form.register .radio-option {
	margin-right: 20px;
}


form.register ul input[type=text],
form.register ul input[type=number],
form.register ul input[type=date_picker],
form.register ul select {
	width: 100%;
	display: block;
	font-size: 1.3em;
	padding: 4px 6px;
	border: 1px solid #c3c3c3;
    border-radius: 4px;
}


form.register ul input[type=date_picker]:before {
	content: 'A';
	display: block;
	position: absolute;
	right: 0;
	top: 0;
}


form.register .index-number {
	position: absolute;
    left: -22px;
    /* top: 50%; */
    background-color: #fff;
    padding: 8px;
    width: 36px;
    text-align: center;
    height: 36px;
    border: 1px solid #e8e4e4;
    border-radius: 50%;
    font-weight: 600;
    box-shadow: 3px 3px 4px #00000017;
    color: #6d6d6d;
}



.box-top {
	display: flex;
	align-items: center;
}

.box-top .logo {
	width: 160px;
}


/*------------------------------------*\
    FOOTER
\*------------------------------------*/


footer.main {
	background-color: #d9d3cd;
	padding: 10px 0;
	width: 100%;
}

footer.main .container {
	display: flex;
	align-items: center;
	justify-content: space-between;
}

footer.main nav.nav-footer ul {
	display: flex;
	list-style: none;
	padding: 0;
}

footer.main nav.nav-footer ul li {
	margin-right: 15px;
}

footer.main .stilogolab {
    display: flex;
    align-items: center;
}

footer.main .stilogolab .item-logo {
	width: 100px;
	margin: 0 0 4px 10px;
}

/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/

@media only screen and (max-width:1336px) {


}


@media only screen and (max-width:1024px) {

	main#equipo section .container {
		display: flex;
		align-items: flex-start;
	}
	
	/* burger */
	
	button.ham {
		display: block;
	}
	
	header.main nav.main ul.menu {
		display: none;
	}
	
	.log-out {
		margin-right: 50px;
	}


	/* Single */
	
	#single-register .content > .container.flex {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	#single-register .content .main {
		width: 100%;
		padding: 0;
	}
	
	#single-register .content aside {
		width: 100%;
	}
}

@media only screen and (max-width:768px) {
	
	main#equipo section .container .content.part1 {
		margin: 0;
		padding-left: 60px;
	}
	
	main#equipo section .container {
		flex-wrap: wrap;
	}
	
	main#equipo section .container .image {
		display: none;

	}
	
	main#contacto form#contact {
		width: 100%;
	}
	
	main#contacto .box-form .flex {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}
	
	main#contacto section .container aside {
		margin-left: 0;
		margin-bottom: 30px;
		width: 100%;
	}
	
	main#contacto section .container aside .image {
		display: none;
	}
	
	#advanced-search .flex {
		flex-wrap: wrap;
	}
	
	#advanced-search .flex form {
		width: 100%;
		margin-bottom: 30px;
	}
	
	#advanced-search .flex aside {
		width: 100%;
	}
	
	#advanced-search .flex aside > .container {
		margin-left: 0;
	}

	main#comarcas > .container > ul > li > ul {
		grid-template-columns: 1fr;
	}
	
	
	
}

@media only screen and (max-width:540px) {

	/* Home - General */
	
	main#home section.home-intro .box-image {
		widows: 100%;
	}
	
	main#home section.home-intro .box-image {
		padding-top: 150%;
		width: 100%;
	}
	
	main#home section.home-intro > .container {
		flex-wrap: wrap;
	}
	
	main#home section.home-intro .box-text {
		margin-bottom: 20px;
	}
	
	main#home section.home-intro h1 {
		font-size: 2.7em;
	}
	
	
	main#home .subtitle-general-dark,
	main#home section.home-intro .subtitle {
		font-size: 1.8em;
	}
	
	main#home h2.title-general-dark,
	main#home section.home-map h2 {
		font-size: 2em;
	}
	
	main#home .subtitle-general {
		font-size: 1.6em;
	}
	
	/* Categories */
	
	main#home section.home-categories {
		padding: 20px 0 20px 0;
	}
	

	
 

	main#home .grid-item {
		width: 100%;
	}
	main#home section.home-categories ul .box-child {
		display: block;
		position: relative;
		left: auto;
		transform: none;
		max-width: none;
		padding: 0;
		margin: 0;
		top: auto;
		width: 100%;
		margin-bottom: 10px;
	}
	
	main#home section.home-categories ul .box-child > .container {
		background-color:transparent;
		padding: 0;
		border-radius: 0;
	}
	
	main#home section.home-categories ul .box-child > .container::before {
		display: none;
	}
	
	/* Single */
	
	#single-register h1 {
		line-height: 1.1;
		font-size: 2.7em;
	}
	
	#single-register .content aside {
		margin-bottom: 40px;
	}
	
	/* footer */
	
	footer.main .container {
		display: block;
	}
	
	footer.main .stilogolab {
		flex-wrap: wrap;
		justify-content: center;
	}
	
	footer.main nav.nav-footer ul {
		flex-wrap: wrap;
	}
	
	footer.main nav.nav-footer ul li {
		width: 100%;
		text-align: center;
	}
	
	main#home section.latest-registers .item {
		width: 100%;
	}
	
	
}

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

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

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
	
	
	#single-register ul.fields li .label {
	    font-size: 1em;
	}
	
	#print {
		display: none;
	}
	
	
}