/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

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

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans:wght@400;700&family=Noto+Serif:wght@400;700&family=PT+Serif:wght@400;700&display=swap');

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
:root {
	--color-primario: #103F88;
	--color-primario-soft: rgba(16, 63, 136, 0.25);
	--color-secundario: #F0A53E;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:400 18px/1.4 'PT Serif', Helvetica, Arial, sans-serif;
	color: var(--color-primario);
}
/* clear */
.clear:before,
.clear:after {
    content:' ';
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}
img {
	max-width:100%;
	vertical-align:bottom;
	height: auto;
}
a {
	color: var(--color-primario);
	text-decoration:none;
}
a:hover {
	/*color: var(--color-secundario);*/
	font-weight: bold;
}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

h1 { 
	font-family: 'Noto Sans', sans-serif;
	font-size: clamp(2rem, 1.3077rem + 3.4615vw, 4rem); 
	line-height: 1.15em; 
	font-weight:100; 
	letter-spacing: -1px;
}
h2 { 
	font-size: clamp(2rem, 1.3077rem + 3.4615vw, 4rem); 
	line-height: 1.15em; 
	margin: 0; 
	font-family: 'Noto Serif', serif;
	font-weight: 700;
	font-style: italic;
}
h3 { 
	font-family: 'Noto Sans', sans-serif;
	font-size: clamp(1rem, 0.6538rem + 1.7308vw, 2rem); 
	line-height: 1.15em;
	font-weight: 500;
}
h4 { 
	font-family: 'Noto Sans', sans-serif;
	margin: 0;
	font-weight: 500;
}
.title {
	text-align: center;
	background-color: var(--color-primario);
	color: #fff;
	margin: 0;
	padding: 20px;
	border-bottom: 1px solid #fff;
}
.flex {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.pattern {
	/*background-image: 
    repeating-linear-gradient( 
		45deg, 
		var(--color-primario), 
		var(--color-primario) 15px,
		 #fff 15px, 
		 #fff 30px
	);*/
	background-image: url(img/pattern2.png);
	background-repeat: repeat;
	background-attachment: fixed;
	background-size: 30px;
}
.wpcf7-submit,
.button {
	border: 0;
	text-transform: uppercase;
	color: #fff;
	padding: 10px 15px;
	background-color: var(--color-primario);
}
.has-drop-cap:not(:focus)::first-letter {
	margin: .05em .05em 0 0 !important;
	font-family: 'Noto Sans', sans-serif;
}

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

/* wrapper */
.wrapper {
	max-width:1280px;
	width:95%;
	min-height: calc(100vh - 100px);
	box-sizing: border-box;
	margin: 2.5% auto 2.5%;
	position:relative;
	display: grid;
	grid-template-columns: 100%;
	border: 1px solid var(--color-primario);
  	grid-gap: 1px;
  	background-color: var(--color-primario);
}
/* header */
.header {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	background-color: #fff;     
}
.name { 
	width: 70%;
	padding: 20px;
	letter-spacing: -1px;
}
.name h1 {
	line-height: 0.9em;
	margin-bottom: 10px;
}
.name h3 {
	line-height: 1.5em;
	margin-top: 0px;
}

/* nav */
.menu {
	height: 0;
	overflow: hidden;
	padding: 0;
}
.menu.is-active {
	height: 100%;
	overflow: auto;
	padding: 20px;
}
.menu ul {
	padding: 0;
}
.menu ul li {
	list-style-type: none;
}
.menu ul li a {
	color: var(--color-primario);
}
.menu li.current-menu-item a { font-weight: bold;}
.hamburger { 
	width: 30%;
	text-align: center;
}
.hamburger-inner,
.hamburger-inner:before,
.hamburger-inner:after {
	background-color: var(--color-primario) !important;
}
nav {
	width: 100%;
	background-color: var(--color-primario-soft);
	border-bottom: 1px solid #fff;
}

.twitter { 
	color: var(--color-primario);
}
.twitter.desktop {
	display: none;
}
.menu ul { 
	margin-bottom: 0;
}
.twitter.phone {
	display: block;
	padding: 0;
}
/* main */
main {
	width: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
	background-color: #fff;
	padding: 0;
}
main section {
	width: 100%;
	
}
main section article {padding: 20px;}

/* sidebar */

/* footer */
.footer {
	align-self: flex-end;
	width: 100%;
	border-top: 1px solid #fff;
}
.info-footer {
	display: block;
	width: 100%;
	align-self: flex-end;
	padding: 20px;
	text-align: center;
	border-top: 1px solid var(--color-primario);
}
.info-footer > div {
	padding: 80px 20px;
	border: 1px solid var(--color-primario);
	background-color: var(--color-primario-soft);
}
.info-footer h3 { margin-top: 0;}
.info-footer .button { 
	display: inline-block; 
	margin: auto;
}
.franja { 
	color: #fff; 
	background: var(--color-primario); 
	border-top: 1px solid #fff; 
	padding: 20px 0;
}

/*------------------------------------*\
    PAGES
\*------------------------------------*/
/* HOME */
.home-intro > div {
	width: 100%;
}
.home-intro div.pattern {
	min-height: 3em;
	border-bottom: 1px solid var(--color-primario);
	background-attachment: inherit;
	background-size: 50px;
}
.hello { 
	display: none; 
	position: absolute;
	color: #fff;
	background: var(--color-primario);
	text-transform: uppercase;
	line-height: 4em;
	border-radius: 100%;
	width: 4em;
	text-align: center;
	border: 1px solid #fff;
	font-weight: bold;
	font-size: 2em;
}
.home-intro div.pattern:hover .hello { 
	display: block;
}
.home-intro div.content {
	padding: 20px;;
}

article h2 a {
	display: block;
}
.post-thumb {
	display: none;
	position: absolute;
	z-index: 99999;
	border: 1px solid var(--color-primario);
}
.post-thumb:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 100%;
	border: 1px solid var(--color-primario);
	background-image: repeating-linear-gradient( 45deg, var(--color-primario), var(--color-primario) 2px, #fff 4px, #fff 8px );
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: -1;
}
.post-thumb img { border: 1px solid var(--color-primario);}
article.post:hover .post-thumb { display: block;}
body.home main section {
	padding: 0;
}
body.home main section article { padding: 0;}
body.home main section article h2 a{ 
	padding: 20px;
	border-bottom: 1px solid var(--color-primario);
}
body.home main section article h2 a:hover {
	background-color: var(--color-primario-soft);
}
body.home main section article:last-of-type h2 a { border-bottom:0;}
/*CATEGORIA*/
.archive main > section { padding: 0;}
body.archive main section article { padding: 0;}
body.archive main section article h2 a{ 
	padding: 20px;
	border-bottom: 1px solid var(--color-primario);
}
body.archive main section article h2 a:hover {
	background-color: var(--color-primario-soft);
}
body.archive main section article:last-of-type h2 a {
	border-bottom: 0;
}

.intro-text {
	vertical-align: top;
	background: #e9e9e9;
	padding: 20px;
	margin-bottom: 2em;
}
.intro-text p {
	margin-top: 0;
}
/*PAGINAS*/
.foto { position: relative;}
.foto:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 100%;
	border: 1px solid var(--color-primario);
	background-image: repeating-linear-gradient( 45deg, var(--color-primario), var(--color-primario) 2px, #fff 4px, #fff 8px );
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 0;
}
.foto img { 
	border: 1px solid var(--color-primario);
	z-index: 1;
	position: relative;
}
/*CONTACTO*/
.wpcf7-form-control-wrap {
	display: block;
	margin-bottom: 20px;
	position: relative;
}
.wpcf7-form-control-wrap:before {
	content: '';
	display: inline-block;
	height: 100%;
	width: 100%;
	background: var(--color-primario-soft);
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 0;
}
.wpcf7-form-control-wrap input,
.wpcf7-form-control-wrap textarea {
	border: 1px solid var(--color-primario);
	padding: 10px;
	color:  var(--color-primario);
	max-width: 100%;
	position: relative;
	z-index: 0;
}
.wpcf7-form-control-wrap input.wpcf7-not-valid {
	border-color: red;
	border-width: 2px;
}
.wpcf7-not-valid-tip { 
	display: none !important;
}
.wpcf7-form-control-wrap input::placeholder,
.wpcf7-form-control-wrap textarea::placeholder {
	color:  var(--color-primario);
	opacity: 1;
}
.wpcf7-form-control-wrap textarea {
	resize: none;
}
.wpcf7-response-output {
	border: 1px dashed var(--color-primario) !important;
	color:  var(--color-primario);
	background:  var(--color-primario-soft);
	padding: 10px !important;
}
/*------------------------------------*\
    IMAGES
\*------------------------------------*/



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


/*
@font-face {
	font-family:'Alegreya';
	src:url('fonts/Alegreya-Medium.eot');
	src:url('fonts/Alegreya-Medium.eot?#iefix') format('embedded-opentype'),
		url('fonts/Alegreya-Medium.woff') format('woff'),
		url('fonts/Alegreya-Medium.ttf') format('truetype'),
		url('fonts/Alegreya-Medium.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

@font-face {
	font-family:'Nunito';
	src:url('fonts/Nunito-Regular.eot');
	src:url('fonts/Nunito-Regular.eot?#iefix') format('embedded-opentype'),
		url('fonts/Nunito-Regular.woff') format('woff'),
		url('fonts/Nunito-Regular.ttf') format('truetype'),
		url('fonts/Nunito-Regular.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}*/

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

@media only screen and (min-width:320px) {

}
@media only screen and (min-width:480px) {

}
@media only screen and (min-width:768px) {
	.wrapper {
		grid-template-columns: 25% auto;
		margin: 50px auto ;
	}
	.header {
	}
	main {
	}
	.hamburger { 
		display: none !important;
	}
	nav { 
		background: #fff;
		position: sticky;
		top: 0;
	}
	.menu { 
		height: 100%;
		overflow: auto;
	}
	.menu ul { margin: 0;}
	.menu ul li a {
		display: block;
		color: var(--color-primario);
		padding: 20px;
		border-bottom: 1px solid var(--color-primario);
		text-transform: uppercase;
	}
	.menu ul li.current-menu-item a,
	.menu ul li a:hover {
		background: var(--color-primario-soft);
	}
	.twitter.desktop {
		display: block;
		padding: 20px;
	}
	.twitter.phone {
		display: none;
	}
	.name { 
		width: 100%;
		border-bottom: 1px solid var(--color-primario);
		background: var(--color-primario-soft);
	}
	.home-intro > div {
		width: 50%;
	}
	.home-intro div.pattern {
		border-right: 1px solid var(--color-primario);
		border-bottom: 0;

	}
	.intro-text {
		columns: 2;
	}
	body.archive main section article:last-of-type h2 a {
		border-bottom: 1px solid var(--color-primario);
	}
	
}
@media only screen and (min-width:1024px) {

}
@media only screen and (min-width:1140px) {

}
@media only screen and (min-width:1280px) {

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

}

/*------------------------------------*\
    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 {

}

/*------------------------------------*\
    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;
	}
}