/*!
Theme Name: Pirineuweb-Kadence-Child
Theme URI: https://www.kadencewp.com/kadence-theme/
Template: kadence
Author: Kadence WP
Author URI: https://www.kadencewp.com/
Description: A child theme for the Kadence Theme.
Version: 1.0.0
License: GNU General Public License v3.0 (or later)
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Text Domain: pirineuweb-kadence-child
*/

/* Theme customization starts here
-------------------------------------------------------------- */
.site-top-header-wrap .site-container {
    width: 100%;
    max-width: 1290px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    box-sizing: border-box;
}

.site-top-header-inner-wrap {
    grid-template-columns: 1fr !important;
}

.site-header-top-section-left:empty,
.site-header-top-section-right:empty {
    display: none;
}

.site-header-top-section-center {
    width: 100%;
    justify-content: stretch;
}

.site-header-top-section-center .site-header-item,
.site-header-top-section-center .header-html,
.site-header-top-section-center .header-html-inner {
    width: 100%;
}

.capcalera-doble {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    box-sizing: border-box;
}

.capcalera-doble__esquerra {
    text-align: left;
}

.capcalera-doble__dreta {
    margin-left: auto;
    text-align: right;
}

/** Ratlla del títol, Fruit home **/
/* Paraula inclinada amb subratllat fúcsia */

.text-fruit {
	position: relative;
	display: inline-block;
	z-index: 0;
	isolation: isolate;
	overflow: visible;
	transform: rotate(-4deg);
	transform-origin: center;
	font-style: italic;
	margin-right: 0.12em;
}

/* Ratlla fúcsia */
.text-fruit::after {
	content: "";
	position: absolute;
	left: 1%;
	bottom: -0.25em;
	width: 108%;
	height: 7px;
	background: #f238a5;
	border-radius: 2px;
	clip-path: polygon(
		0 28%,
		20% 25%,
		42% 5%,
		64% 18%,
		82% 0,
		100% 14%,
		99% 75%,
		80% 65%,
		60% 88%,
		40% 72%,
		20% 95%,
		0 82%
	);
	transform: rotate(-5deg);
	transform-origin: left center;
	z-index: 100;
}

@media (max-width: 767px) {
	.text-fruit {
		overflow: visible;
	}

	.text-fruit::after {
		bottom: -0.05em;
		height: 4px;
	}
}