/*
Theme Name: Los Viajes de Ali
Theme URI: https://losviajesdeali.com/
Description: Tema hijo de GeneratePress para Los Viajes de Ali
Author: Carlos Longarela
Author URI: mailto:carlos@longarela.eu
Template: generatepress
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: los-viajes-de-ali
*/

:root {
	--global-content-width: 1440px;
	--stroke-1: url('svg/stroke-1.svg');
	--stroke-2: url('svg/stroke-2.svg');
	--color-link-1: #004ecd;
	--europe: #396eb3;
	--asia: #56b85a;
	--africa: #e29c04;
	--america: #8974f1;
	--oriente: #ee5565;
	--espana: #dc1051;
	--general-item: #6cd2cc;
	--business: #4C3957;
}

.site-header .site-branding .main-title {
	text-shadow: 2px 2px 6px #0000009c;
	letter-spacing: 2px;
}

@media screen and (max-width: 782px) {
	.site-header .site-branding .main-title {
		font-size: 34px;
		letter-spacing: normal;
	}
}

.custom-text-1 {
	position: relative;
	display: inline-block;
}

.custom-text-1::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: -6px;
	width: 100%;
	height: 15px;
	background-repeat: no-repeat;
	background-size: contain;
	background-image: var(--stroke-1);
}

.custom-text-2 {
	background: linear-gradient(to right,#ff6b30 0,rgba(255,107,48,0.01) 100%);
	border-radius: 8px;
	background-repeat: no-repeat;
	background-position-y: 0.85em;
}

.cl-link-animated {
	text-decoration: none;
	border-bottom: 2px solid var(--color-link-1);
	background-color: transparent;
	background-size: 100% 3px, 0% 80%;
	transition: color .3s, border-bottom .9s, text-shadow .3s, background-color .9s cubic-bezier(.15,.75,.4,1);
}

.cl-link-animated:hover {
	border-bottom: 0;
	color: #fff !important;
	background-color: var(--color-link-1);
	text-shadow: 0 0 5px var(--color-link-1),
		0 0 25px var(--color-link-1),
		0 0 50px var(--color-link-1),
		0 0 100px var(--color-link-1);
}


/* Mailchimp form */
.mc4wp-form-fields {
	display: flex;
	justify-content: center;
}

.cl-frm-mailchimp {
	max-width: 600px;
	display: flex;
	flex-direction: column;
	box-shadow: 3px 3px 6px #c5c1c1;
	padding: 1em;
}

.cl-frm-mailchimp .cl-row {
	display: flex;
	flex-direction: row;
	margin-bottom: 1em;
}

.cl-frm-mailchimp .cl-row label {
	flex: 1;
	font-weight: bold;
}

.cl-frm-mailchimp .cl-row .cl-agree {
	font-size: 14px;
	font-weight: 400;
	line-height: 1.4;
}

.cl-frm-mailchimp .cl-row input[type="email"],
.cl-frm-mailchimp .cl-row input[type="text"] {
	background-color: transparent;
	padding: 0.5em 1em;
	flex: 2;
}

.cl-social-share {
	display: flex;
	gap: 2em;
}

.cl-share-icons {
	width: 30px;
	height: 30px;
}


.cl-share-icons::before {
	content: '';
	display: inline-block;
	position: absolute;
	width: 30px;
	height: 30px;
	background-repeat: no-repeat;
	background-size: contain;
}

.cl-share-icons:hover {
	filter: opacity(0.5);
}

.cl-share-fb::before {
	background-image: url('svg/ico-fb.svg');
}

.cl-share-x::before {
	background-image: url('svg/ico-x.svg');
}

.cl-share-pinterest::before {
	background-image: url('svg/ico-pinterest.svg');
}

.cl-share-ln::before {
	background-image: url('svg/ico-ln.svg');
}

.cl-share-whas::before {
	background-image: url('svg/ico-whats.svg');
}

/** Pagination */
.cl-pages {
	gap: 5px;
}

.cl-pages .gb-button-text {
	background-color: var(--contrast-2);
	color: var(--base);
	padding: 10px 15px;
}

.cl-pages .gb-button-text.gb-block-is-current {
	color: rgb(148, 147, 147);
}

.cl-pages .gb-button-text:first-child {
	border-radius: 10px 0 0 10px;
}

.cl-pages .gb-button-text:last-child {
	border-radius: 0 10px 10px 0;
}

/*** Post ***/
.post-modified-info {
	padding: 1em 2em;
	background-color: #f0f8ff96;
	width: fit-content;
	font-weight: bold;
	box-shadow: 3px 3px 2px rgb(0 0 0 / 11%);
}

/*** Menu ***/
.cl-menu-destacado a,
.cl-menu-destacado a:visited,
.cl-menu-destacado a:active {
	height: 35px;
	display: flex;
	align-items: center;
	background-color: #dc1051 !important;
	color: #fff !important;
	border-radius: 8px;
	margin-left: 1em;
}

.cl-menu-destacado a:hover {
	background-color: #ff0055 !important;
}

.tos-wrapper.tos-fixed {
	z-index: 10000;
}

/* Home */
.cl-home-last-posts .post-term-item,
.cl-home-featured .post-term-item,
.cl-home-tips .post-term-item {
	padding: 4px 8px;
	border-radius: 3px;
}

.cl-home-last-posts .term-europa,
.cl-home-featured .term-europa,
.cl-home-tips .term-europa {
	background-color: var(--europe);
}

.cl-home-last-posts .term-asia,
.cl-home-featured .term-asia,
.cl-home-tips .term-asia {
	background-color: var(--asia);
}

.cl-home-last-posts .term-africa,
.cl-home-featured .term-africa,
.cl-home-tips .term-africa {
	background-color: var(--africa);
}

.cl-home-last-posts .term-america,
.cl-home-featured .term-america,
.cl-home-tips .term-america {
	background-color: var(--america);
}

.cl-home-last-posts .term-oriente,
.cl-home-featured .term-oriente,
.cl-home-tips .term-oriente {
	background-color: var(--oriente);
}

.cl-home-last-posts .term-espana,
.cl-home-featured .term-espana,
.cl-home-tips .term-espana {
	background-color: var(--espana);
}


.kb-search-icon svg {
	color: #ccc;
}


/** Estilos generales en posts **/
.single-post .wp-block-image {
	margin-block: 1em;
}

.single-post .wp-block-media-text .wp-block-list,
.single-post .wp-block-latest-posts {
	margin-left: 0;
}

.single-post .wp-block-image {
	display: grid;
	justify-content: center;
}

.wp-block-image .wp-element-caption,
.wp-block-image figcaption {
	font-size: 16px;
	font-style: italic;
}

.single-post .wp-block-list {
	margin-left: 1em;
}