/*
Theme Name: Kodens Theme
Theme URI: http://kodens.es/
Author: Kodens
Author URI: https://kodens.es
Description: Description
Version: 1.0.0
Text Domain: kdtheme
*/
@import 'rich-text.css';

/**
* General
*/


	html { scroll-behavior:smooth; font-size: 95%; font-display: optional; padding: 0; margin:0;}
	body {
		color: #495057;
		padding: 0;
		margin:0;
		}
	
	body a { color: #062846; text-decoration: underline; }
	body a:hover { text-decoration: underline; color: #e97e30; }
	body p a { color: #062846; text-decoration: underline; }
	body p a:hover { text-decoration: underline; color: #e97e30 }
	.broken_link, body a.broken_link {text-decoration: underline !important;}

	.clearfix { clear: both; }

	.indexed-title {display: block;width: 0px;height: 0px;position: relative;top: -100px;}

	.strong, .bold { font-weight: bold; }
	
	.align-bottom { vertical-align: bottom!important; }
	.alignleft { display: inline; float: left; margin-right: 1.5em; }
	.alignright { display: inline; float: right; margin-left: 1.5em; }
	.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

	.screen-reader-text {position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }

	.roll-opacity { transition: opacity 0.5s; opacity: 1; }
	.roll-opacity:hover {opacity: 0.5;}
	.roll-rotate { transition: transform 0.5s;}
	.roll-rotate:hover {transform: rotate(180deg); }
	.roll-scale {transition: transform 0.3s;}
	.roll-scale:hover {transform: scale(1.05);}

	.flip-x { transform: scaleX(-1); display: inline-block; }

	.ajax-loader {display: none; position: fixed;top: 0px;left: 0;width: 100%;height: 100%;background: #fff center center no-repeat;background-image: url(img/ajax-loader-big.gif);z-index: 9999;}

	.visible-active { display: none; }
	.active .visible-active { display: block; }
	.hidden-active { }
	.active .hidden-active { display: none; }

	/* "Small" significa que la pantalla sea <= 1200 */
	.visible-small-inline,
	.visible-small-inline-block,
	.visible-small { display: none; }
	.hidden-small { }

	.page-title {color:#7DBAE9; font-family: Helvetica-bold; font-size: 34px; padding: 0px;}

	.visible-mobile { display:none; }
	.hidden-mobile { display: block; }

	@media screen and (max-width: 767px) {
		.visible-mobile { display:block; }
		.hidden-mobile { display: none; }
	}


	@media screen and (max-width: 1200px) {
		.visible-small { display: block; }
		.visible-small-inline { display: inline; }
		.visible-small-inline-block { display: inline-block; }
		.hidden-small { display: none; }
	}

	@media print {
		.no-print,
		.no-print * { display: none !important; }
	}

	/* Deshabilitamos el wpadminbar en mobile */
	@media screen and (max-width: 767px) { 
		html[lang] {margin-top:0!important;}
		html #wpadminbar { display: none; }
	}



/**
* Font weights
*/
	a:hover, a:focus {}
	strong, .bold, .text-bold, .text-strong{font-weight: bold; }
	.light{font-weight: 300;}
	
/**
* Link
*/
	a.link{ font-weight: bold}
	a.link:hover{text-decoration: none; font-weight: bold}
	a.link-underline{ text-decoration: underline;}

/**
* new2022
*/
	
  .posts-container.is-loading:after {
		content: "";
		height: 100px;
		background: url('img/ajax-loader-big.gif') no-repeat center center;
		display: block;
  }
  .post-navigation {overflow: hidden; height: 0; width: 0; font-size: 0;position: absolute !important; top: 50%;}

  .blogmain {position: relative;}
	.blogmain,
	.blogmain * {box-sizing: border-box;}

/**
* Grid
*/
	
  .main {}
	.blogmain .container {max-width: 1046px !important;width: 100%;padding: 0 15px !important; margin: 0 auto;}
	.blogmain .container-narrow { max-width: 940px; margin:0 auto; }
	.wp-block-columns { }
	.wp-block-columns.has-background { padding: 0 }
	.wp-block-column { }

	.archivegrid {}
	.archivegrid__row { display: flex; flex-wrap: wrap; margin: 0 -15px; }
	.archivegrid__col { flex: 0 0 33.333333%; padding: 0 15px; }
	.archivegrid__col--wide { flex: 0 0 100%; }

	@media screen and (max-width: 991px) {
		.archivegrid {}
		.archivegrid__row {}
		.archivegrid__col {flex-basis: 50%}
	}

	@media screen and (max-width: 767px) {
		.archivegrid {}
		.archivegrid__row {}
		.archivegrid__col {}
		.archivegrid .postcard3__excerpt { display:none; }
	}



/**
* Cat list
*/
	.catlist {margin-bottom: 23px;overflow: auto;white-space: nowrap;padding-left: 2px;padding-bottom: 10px;}
	input[type=text].catlist__search {font-style: normal;font-weight: 500;font-size: 14px;line-height: 24px;color: #495057;border: 0 none !important;outline: 0 none !important;box-shadow: none !important;width: 0px;/* display: inline-block; */display: none;transition: width 0.5s;padding: 0;}
	input[type=text].catlist__search.active {width: 150px;display: inline-block;}
	input[type=text].catlist__search::-webkit-input-placeholder { color: #212529; }
	input[type=text].catlist__search:-ms-input-placeholder { color: #212529; }
	input[type=text].catlist__search::placeholder { color: #212529; }


	.catlist__item {/* outline: #E9ECEF 1px solid !important; */box-shadow: 0 0 0 1px #E9ECEF;border-radius: 20px;padding: 7px 18px;margin: 2px 0;margin-right: 2px;display: inline-block;vertical-align: middle;color: #495057;font-weight: 500;text-align: center;font-size: 14px;text-decoration: none !important;min-width: 40px;height: 38px;white-space: nowrap;}
	.catlist__item:hover,
	.catlist__item:active,
	.catlist__item.active {color: #062846;/* outline: #0B518C 2px solid !important; */box-shadow: 0 0 0 2px #0b518c;}
	.catlist__item--condensed {padding: 7px 7px;}
	.catlist__icon {display: inline-block;vertical-align: middle;max-width: 30px; width: auto; height: auto; }

/**
* Reading time
*/
	.readingtime {font-style: normal;font-weight: 500;font-size: 12px;line-height: 18px;color: #062846;background-color: #E2EFF9;display: inline-block;padding: 3px 6px;border-radius: 4px;vertical-align: middle;}

	@media screen and (max-width: 991px) {
		.readingtime { }
	}

/**
* Featured
*/
	.featured {background: #F3F6F9;padding-top: 49px;padding-bottom: 90px;margin-bottom: 104px;}


/**
* Banner
*/
	.banner1 {}
	.banner1 img {max-width: 100%;}

/**
* Banner 2
*/
	.banner2 {width: 100%;min-height: 132px;background: url(./img/banner-bg.webp) no-repeat center center;background-size: cover;display: block;padding-top: 20px;padding-bottom: 20px;text-align: center;color: white;font-size: 16px;text-decoration: none;display: flex;flex-direction: column;justify-content: center;align-items: center;}
	.banner2__text {display: block;text-transform: uppercase;margin-bottom: 20px;font-weight: 600;} 
	.banner2 img {}

/**
* Breadcrumbs
*/ 
	.breadcrumbs {font-size: 14px;font-weight: 300;color: #DEE2E6;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.breadcrumbs a {color: inherit !important;text-decoration: none !important; cursor: default; }
	.breadcrumbs a[href] { cursor: pointer; transition: all 0.5s; }
	.breadcrumbs a[href]:hover { opacity: 0.5; }
	.breadcrumbs *[class*="icon-"] {vertical-align: middle;color: inherit;}
	.breadcrumbs *[class*="icon-"]:before { color:inherit }
	.breadcrumbs__sep {vertical-align: middle;display: inline-block;}
	.breadcrumbs__sep path { fill: #343A40; }

	@media screen and (max-width: 991px) {
		.breadcrumbs {}
		.breadcrumbs a {}
		.breadcrumbs *[class*="icon-"] {}
		.breadcrumbs *[class*="icon-"]:before { }
	}

	@media screen and (max-width: 767px) {
		.breadcrumbs { font-size: 14px; line-height: 24px; }
		.breadcrumbs a {}
		.breadcrumbs *[class*="icon-"] {}
		.breadcrumbs *[class*="icon-"]:before { }
	}



/**
* Buttons
*/
	.btn1 {font-style: normal;font-weight: 500;font-size: 16px;line-height: 32px;color: #0B518C;background: white;border-radius: 6px;padding: 6px 21px;text-decoration: none !important;}
	.btn1 *[class*="icon-"] {font-size: 16px;vertical-align: middle;margin-left: 2px;}

	.btn2 {font-style: normal;font-weight: 500;font-size: 16px;line-height: 32px;color: #0B518C;border-radius: 6px;padding: 6px 21px;text-decoration: none !important;}
	.btn2 *[class*="icon-"] {font-size: 16px;vertical-align: middle;margin-left: 2px;}

	.btn3 {font-style: normal;font-weight: 500;font-size: 16px;line-height: 32px;color: #0B518C;border-radius: 6px;padding: 6px 51px;text-decoration: none !important;background: #ed5637;color: white !important;}
	.btn3 *[class*="icon-"] {font-size: 16px;vertical-align: middle;margin-left: 2px;}
	.btn3 img { vertical-align: middle; }

/**
* Hero 1
*/ 
	.hero1 {min-height: 379px;padding-top: 49px;position: relative;margin-bottom: 49px;}
	.hero1__background {background: no-repeat center center;background-size: cover;position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index: 1;}
	.hero1__veil {background: rgba(6, 40, 70, 0.45);position: absolute;z-index: 2;top: 0;left: 0;width: 100%;height: 100%;}
	.hero1__content {padding-top: 50px;padding-bottom: 50px;color: white;}
	.hero1__breadcrumbs {}
	.hero1__breadcrumbs .breadcrumbs__sep path { fill: #DEE2E6; }
	.hero1__title {color: white !important;font-size: 36px !important;font-weight: bold !important;line-height: 52px !important;min-height: 214px !important;display: flex !important;flex-direction: column !important;justify-content: center !important;margin-bottom: 0 !important;margin-top: 0 !important;}
	.hero1__title .editbutton {}
	.hero1__date {display: inline-block;font-weight: 500;font-size: 12px;line-height: 150%;color: inherit;text-transform: uppercase;}
	.hero1__categories { color: white; }
	.hero1__categories .catname {color: inherit;text-decoration: none;}

	@media screen and (max-width: 991px) {
		.hero1 {}
		.hero1__background {}
		.hero1__veil {}
		.hero1__content {}
		.hero1__breadcrumbs {}
		.hero1__title {}
		.hero1__title .editbutton {}
		.hero1__categories { }
		.hero1__categories .catname {}
	}
	@media screen and (max-width: 767px) {
		.hero1 { height: 448px; }
		.hero1__background {}
		.hero1__veil {}
		.hero1__content {}
		.hero1__breadcrumbs {}
		.hero1__title { font-size: 28px !important; line-height: 40px !important; min-height: auto !important; margin-top: 30px !important; margin-bottom: 20px !important; }
		.hero1__title .editbutton {}
		.hero1__categories { }
		.hero1__categories .catname {}
	}

/**
* Hero 2
*/ 
	.hero2 {position: relative;margin-bottom: 49px;padding-top: 40px;}
	.hero2__background {background: no-repeat center center;background-size: cover;width: 100%;height: 500px;z-index: 1;}
	.hero2__content { margin-bottom: 30px; }
	.hero2__breadcrumbs { color: #868E96; }
	.hero2__title {color: #343A40 !important;font-size: 36px !important;font-weight: bold !important;line-height: 52px !important;display: flex !important;flex-direction: column !important;justify-content: center !important;margin: 20px 0 !important;}
	.hero2__title .editbutton {}
	.hero2__date {display: inline-block;font-weight: 500;font-size: 12px;line-height: 150%;color: #343A40;text-transform: uppercase;}
	.hero2__categories {color: #868E96;/* margin-bottom: 20px; */}
	.hero2__categories .catname {color: inherit;text-decoration: none;}

	@media screen and (max-width: 767px) {
		.hero2 { padding-top: 20px; }
		.hero2__background { height: 125px; }
		.hero2__content {}
		.hero2__breadcrumbs { }
		.hero2__title {font-size: 28px !important; line-height: 40px !important; }
		.hero2__title .editbutton {}
		.hero2__categories {}
		.hero2__categories .catname {}
	}

/**
* Hero 3
*/ 
	.hero3 {position: relative;margin-bottom: 49px;padding-top: 40px;}
	.hero3__content {}
	.hero3__breadcrumbs { color: #868E96; }
	.hero3__title {color: #343A40 !important;font-size: 36px !important;font-weight: bold !important;line-height: 52px !important;display: flex !important;flex-direction: column !important;justify-content: center !important;margin: 20px 0 !important;}
	.hero3__title .editbutton {}
	.hero3__date {display: inline-block;font-weight: 500;font-size: 12px;line-height: 150%;color: #343A40;text-transform: uppercase;}
	.hero3__categories {color: #868E96;/* margin-bottom: 20px; */}
	.hero3__categories .catname {color: inherit;text-decoration: none;}

	@media screen and (max-width: 767px) {
		.hero3 { padding-top: 20px; }
		.hero3__content {}
		.hero3__breadcrumbs { }
		.hero3__title {font-size: 28px !important; line-height: 40px !important; }
		.hero3__title .editbutton {}
		.hero3__categories {}
		.hero3__categories .catname {}
	}


/**
* Post content
*/
	.postcontent {display: flex;}
	.postcontent__sidebar {flex: 0 0 28%;position: relative;}
	.postcontent__sticky {position: sticky;top: 100px;}
	.postcontent__chicha {flex: 0 0 72%;padding-left: 30px;}
	.postcontent__banner { margin-bottom: 30px; }
	.postcontent__mainimage { max-width: 100%; height: auto; }

	@media screen and (max-width: 767px) {
		.postcontent {flex-wrap: wrap;display: block;}
		.postcontent__sidebar { flex-basis: 100%; }
		.postcontent__sidebar .socialbuttons {/* text-align: center; */}
		.postcontent__sticky {}
		.postcontent__chicha { flex-basis: 100%; padding-left: 0; }
	}

/**
* Post index
*/
	.postindex {border: 1px solid #DEE2E6;border-radius: 4px;padding: 22px;margin: 0;padding-left: 35px;padding-bottom: 0px;margin-bottom: 18px; counter-reset: indexcount; list-style:none;}
	.postindex li {font-style: normal;font-weight: 300;font-size: 14px;line-height: 24px;color: #343A40;margin-bottom: 12px;padding-bottom: 0;position: relative;}
	.postindex li[data-level=h1],
	.postindex li[data-level=h2] { counter-increment: licount; }
    .postindex li[data-level=h1]:before,
    .postindex li[data-level=h2]:before {content: counter(licount) ".";display: block;position: absolute;top: 1px;left: -17px;}

	.postindex li[data-level=h3],
	.postindex li[data-level=h4],
	.postindex li[data-level=h5],
	.postindex li[data-level=h6] {font-size: 12px;line-height: 20px;margin-top: -10px;margin-bottom: 10px;}

	.postindex li a {color: inherit;text-decoration: none;transition: all 0.5s;}
	.postindex li a.active {font-weight: bold;}

/**
* Socialbuttons
*/	
	.socialbuttons {padding-bottom: 20px;}
	.socialbuttons__item {color: #C4C4C4;display: inline-flex;font-size: 10px;text-decoration: none !important;background: #C4C4C4;width: 32px;height: 32px;vertical-align: middle;border-radius: 50%;color: white !important;font-size: 18px;align-content: center;justify-content: center;align-items: center;float: left;margin-right: 10px;}
	.socialbuttons__item:hover { background: #062846; }
	.socialbuttons__item .fab {}

	@media screen and (max-width: 767px) {
		.socialbuttons { text-align: center; }
		.socialbuttons__item { float: none; margin: 0 5px; }
		.socialbuttons__item:hover {}
		.socialbuttons__item .fab {}
	}


/**
* Posthead
*/
	.posthead {margin-bottom: 50px;display: inline-block;}
	.posthead__date,
  .posthead__reviewer{/*! display: inline-block; */font-weight: 500;font-size: 12px;line-height: 19px;color: #343A40;margin-right: 29px;text-transform: uppercase;}
	.posthead__author {font-weight: 500;font-size: 12px;line-height: 19px;color: #343A40 !important;display: inline-block;margin-right: 29px;text-decoration: none !important; margin-bottom: 10px;}
	.posthead__author__image {width: 32px;height: 32px;border-radius: 50%;vertical-align: middle;margin-right: 3px;}
	.posthead__readingtime { }
  .posthead__revision { display: flex; align-items: center; font-size: 12px; margin: 10px auto 0;justify-content: center;}
  .posthead__revision img {margin-right: 5px; width: 18px;}

	@media screen and (max-width: 767px) {
		.posthead {margin-bottom: 20px;text-align: center;display: block;}
		.posthead__date { margin-right: 10px; }
		.posthead__author { margin-right: 0; margin-bottom: 10px; }
		.posthead__author__image {}
		.posthead__readingtime { }
	}


/**
* Paginación
*/
	.navigation {margin-top: 50px;margin-bottom: 100px;text-align: center;font-size: 16px;font-weight: 500;}
	.navigation ul {padding-left: 0px;}
	.navigation li a,
	.navigation li a:hover,
	.navigation li.active a,
	.navigation li.disabled { color: #fff; text-decoration:none; }
	.navigation li a:hover { text-decoration: underline; }
 	.navigation li { display: inline; }
	
	.navigation li a,
	.navigation li a:hover,
	.navigation li.active a,
	.navigation li.disabled {border-radius: 3px;cursor: pointer;padding: 12px;padding: 0.75rem;color: #0B518C;}
	
	.navigation li a:hover,
	.navigation li.active a {color: #062846;}

/**
* No results
*/
	.search { }
	.search__noresults {font-size: 16px;opacity: 0.8;}
    .search__noresults li a { text-decoration: none !important; color:inherit !important; }
    .search__noresults__title {font-weight: bold;font-size: 30px;}

/**
* Fixes a plantilla
*/
	.caja-localizacion form .campo-buscador button { text-indent: -9999px !important; }

/**
* Reviewer popup
*/

.mfp-content {
	background: #ffffff;
	max-width: 600px;
	margin: 0 auto;
	padding-top: 40px;
	border-radius: 10px;
}
.reviewer-popup {
	padding: 0 20px 20px 20px;
}
.reviewer-popup__wrapper {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.reviewer-popup__image {
	flex: 0 0 130px;
	width: 130px;
	height: 130px;
	position: relative;
	margin-right: 20px;
	overflow: hidden;
	border-radius: 50%;
}
.reviewer-popup__image img {
	display: block;
	position: absolute;
	min-width: 100%;
	min-height: 100%;
	top: 0;
	left: 0;
	transform: translateX(-50%), translateY(-50%);
}
.reviewer-popup__content {
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.reviewer-popup__name {
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 10px;
}
.reviewer-popup__url,
.reviewer-popup__birthdate,
.reviewer-popup__email,
.reviewer-popup__address {
	font-weight: 500;
	font-size: 12px;
	line-height: 19px;
	color: #343A40;
	margin-right: 29px;
	text-transform: uppercase;	
	margin: 2px 0;
}
.reviewer-popup__description {
	margin-top: 20px;
	flex: 0 0 100%;
}
.reviewer-popup__description .richtext p {
	line-height: 1.5;
	font-size: 16px;
}

/**
* Info message
*/

.info-message {
	background: #F4FBFF;
	margin-bottom: 60px;
}
.info-message__content {
	display: flex;
	padding: 30px 20px;
}
.info-message__icon {
	flex: 0 auto;
	margin-right: 15px;
	width: 35px;
}
.info-message__icon img {
	max-width: 100%;
}
.info-message__text {
	flex: 1;
	color: #062846;
	font-style: normal;
	font-weight: 400;
	font-size: 16px;
	line-height: 30px;
}