/*
 Theme Name:   GeneratePress Child for Xilas
 Theme URI:    https://generatepress.com
 Description:  Default GeneratePress child theme
 Author:       Núria Ramoneda
 Author URI:   https://nuriaramoneda.cat
 Template:     generatepress
 Version:      0.1
*/

/* assessoria */
.at-list-asesoria {}
.list-crossed {}

/* general */
body {
	--font-size: 1.125rem; // 18px
	--line-height: 1.35;
	line-height: var(--line-height);
}

p {
	font-size: var(--font-size);
	line-height: 1.35;
	margin-bottom: 1.2em;
}

ul, ol {
	margin: 0 0 1.5em 1em;
}

ul li, ol li {
	margin-bottom: 0.5em;
	line-height: 1.3;
}

.at-no-list-points {
	list-style: none;
	padding-left: 0;
}

.main-navigation li {
	margin-bottom: 0;
}

.main-navigation.sticky-navigation-transition .navigation-branding img {
	width: 100px;
	height: auto;
	margin-top: -5px;
}

.site-header .main-navigation.navigation-stick.has-sticky-branding .inside-navigation.grid-container {
	padding-inline: 0;
}

img.emoji {
	display: inline !important;
	border: none !important;
	box-shadow: none !important;
	height: 1em !important;
	width: 1em !important;
	margin: 0 .05em !important;
	vertical-align: -0.1em !important;
	background: none !important;
	padding: 0 !important;
}

/* per arreglar que no surti el header sticky dos cops quan hi ha un header fet custom */
#site-navigation:not(.navigation-clone) {
	/* visibility: hidden;
	height: 0; */
}
.main-navigation .inside-navigation {
	padding-inline: 30px;
}

@media (max-width: 768px) {
	.site-header .site-logo img.header-image {
		width: 150px;
		height: auto;
	}
}
@media (min-width: 1230px) and (max-width: 1380px) {
	.hide1230 {
		display: none;
	}
}

@media (min-width: 1380px) {
	.site-logo {
		position: relative;
		top: -20px;
	}
}

/* Text Mark */
p mark {
	--mark-color: var(--accent);
	--mark-skew: 0.45em;
	--mark-height: 1em;
	--mark-overlap: 0.5em;

	padding-inline: var(--mark-overlap);
	margin-inline: calc(var(--mark-overlap) * -1);

	-webkit-box-decoration-break: clone;
	box-decoration-break: clone;
	background-color: transparent !important;
	background-image:
		linear-gradient(
			to bottom right,
			transparent 50%,
			var(--mark-color) 50%
		),
		linear-gradient(
			to right,
			var(--mark-color),
			var(--mark-color)
		),
		linear-gradient(
			to top left,
			transparent 50%,
			var(--mark-color) 50%
		)
	;
	background-size:
		var(--mark-skew) var(--mark-height),
		calc(100% - var(--mark-skew) * 2 + 1px) var(--mark-height),
		var(--mark-skew) var(--mark-height)
	;
	background-position:
		0 50%,
		50% 50%,
		100% 50%
	;
	background-repeat: no-repeat;
	color: inherit;
	color: white
}

/* Alternate mark styles for odd items in assessoria list */
.at-item-border-box:nth-child(odd) p mark,
.at-box-item-no-border:nth-child(odd) p mark  {
	background-image:
		linear-gradient(
			to top right,
			transparent 50%,
			var(--mark-color) 50%
		),
		linear-gradient(
			to left,
			var(--mark-color),
			var(--mark-color)
		),
		linear-gradient(
			to bottom left,
			transparent 50%,
			var(--mark-color) 50%
		)
	;
}

/* footer lists */

.at-menu-creu .gb-menu {
	list-style: none;
	padding-left: 0;
}
.at-menu-creu .gb-menu li {
	padding-left: 1.5em;
	margin-bottom: 0.5em;
	color: white;
}

.at-menu-creu .gb-menu li::before {
	content: '';
	position: absolute;
	left: 0;
	top: 7px;
	width: 1em;
	height: 1em;
	background-repeat: no-repeat;
	background-image: url("data:image/svg+xml;utf8,<?xml version='1.0' encoding='utf-8'?><svg aria-hidden='true' role='img' height='1em' width='1em' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path fill='%23ffffff' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'></path></svg>");
}

ul.at-list-columns {
	column-count: 2;
	column-gap: 2em;
}
@media (max-width: 600px) {
	ul.at-list-columns {
		column-count: 1;
	}
}


/** Newsletter form **/

.tnp-privacy-field a {
	color: var(--base-4);
}

.tnp.tnp-subscription input.tnp-submit {
	background-color: var(--accent) !important;
	color: white;
	border-radius: 25px;
	border: none;
	padding: 0.75em 1.5em;
	margin-top: 10px;
	font-size: 1rem;
	cursor: pointer;
	transition: background-color 0.3s ease;
}


/* Gforms styles */

body .gform_wrapper .gfield_label {
	font-weight: 600;
	margin-bottom: 0.5em;
}

.gform-theme--foundation form .gform_fields {
	row-gap: 20px;
}

.gform_required_legend {
	color: black;
	font-size: 0.75rem;
}

.gform_confirmation_message h2,
.gform_confirmation_message p
.gform_confirmation_message {
	color: black;
}

.gform-theme--framework .field_sublabel_above .gform-field-label--type-sub, 
.gform-theme--framework .gform-field-label:where(:not([class*=gform-field-label--type-])) {
	margin-bottom: 3px !important;
}

.gform-theme--foundation .gfield--type-stripe_creditcard-card .StripeElement {
	border-radius: 23px;
}

.gform-theme--foundation form .gform-body .gform_fields .ginput_container:not(.ginput_container_total) input
{
	border-radius: 23px;
	border: 1px solid transparent;
	border-top: none;
	border-bottom: 1px solid #DDD;
	box-shadow: inset 0 1px 2px rgba(0,0,0,.39), 0 -1px 1px #FFF, 0 1px 0 #FFF;
}