/* var(--e-global-color-primary)
var(--e-global-color-secondary)
var(--e-global-color-text)
var(--e-global-color-accent) */

/* Hide the Category by slug */
a[href*="category-name-to-hide/"] {
    display: none !important;
}

.navNode {
    position: absolute;
    pointer-events: none;
    bottom: 100%;
    padding: 0;
    gap: 0px 0px;
}

.maxWidth800 {
    max-width: 800px !important;
}

#hn {
	width: 100% !important;
	transition: all .3s;
}

#hn.scrolled {
	padding: 15px 0;
}

#hn .node1 {
	max-width: 170px;
	width: 27%;
}

#hn .node1 img {
	width: 100%;
}

#s0 {}

#s1 {}

#s2 .node1::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: var(--e-global-color-4a756c5);
	pointer-events: none;
}

#s2 .node1::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s2 .node2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 60px;
	height: 60px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s2 .node2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s3 {}

#s4 .node1::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: 100%;
	width: 60px;
	height: 60px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s4 .node1::after {
	content: "";
	display: block;
	position: absolute;
	bottom: -30px;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s5 .node1::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: var(--e-global-color-4a756c5);
	pointer-events: none;
}

#s5 .node1::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s5 .node2::before {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	left: 100%;
	width: 60px;
	height: 60px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s5 .node2::after {
	content: "";
	display: block;
	position: absolute;
	bottom: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s6 {}

#s7 {}

#s8 .node1::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: 100%;
	width: 60px;
	height: 60px;
	background-color: var(--e-global-color-4a756c5);
	pointer-events: none;
}

#s8 .node1::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s8 .node2::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: -60px;
	width: 60px;
	height: 60px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s8 .node2::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background-color: var(--e-global-color-4a756c5);
	pointer-events: none;
}

#s9 .node1::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: -60px;
	width: 60px;
	height: 60px;
	background-color: var( --e-global-color-4a756c5 );
	pointer-events: none;
}

#s9 .node1::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s10 {}

#s11 .node1::before {
	content: "";
	display: block;
	position: absolute;
	top: -60px;
	left: 0;
	width: 60px;
	height: 60px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s11 .node1::after {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: -30px;
	width: 30px;
	height: 30px;
	background-color: var( --e-global-color-7dec600 );
	pointer-events: none;
}

#s12 {}

#fn {}

/* call to action hover */
.comment-form .form-submit input[type="submit"] {
    background-color: var(--e-global-color-4a756c5);
    font-family: var(--e-global-typography-text-font-family), Sans-serif;
    font-size: var(--e-global-typography-text-font-size);
    font-weight: var(--e-global-typography-text-font-weight);
    line-height: var(--e-global-typography-text-line-height);
    fill: var(--e-global-color-7f15e37);
    color: var(--e-global-color-7f15e37);
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var(--e-global-color-7f15e37);
    border-radius: 2px 2px 2px 2px;
}

.comment-form .form-submit input[type="submit"]:hover {
    background-color: var(--e-global-color-4a756c5);
    color: var(--e-global-color-2ed972a);
    border-color: var(--e-global-color-2ed972a);
}

/* extras */
.comment-form .logged-in-as,
.comment-form .comment-notes,
.comment-form label[for="comment"],
.comment-metadata time::after,
.comment-metadata .comment-edit-link {
    display: none !important;
}

/* data e editar */
.comment-metadata time {
    pointer-events: none !important;
    color: var(--e-global-color-text) !important;
}

/* data e editar */
#comments .comment .comment-body,
#comments .pingback .comment-body {
    padding-inline-start: 0;
    padding-inline-end: 0;
}

.loopNode1 img {
/* 	object-fit: contain; */
}