@CHARSET "UTF-8";

/* ----------------------------------------------------------------------------------------- Typography */

.gluts h1 { font-size: var(--h1-font-size); }
.gluts h2 { font-size: var(--h2-font-size); }
.gluts h3 { font-size: var(--h3-font-size); }
.gluts h4 { font-size: var(--h4-font-size); }
.gluts h5 { font-size: var(--h5-font-size); }
.gluts h1,
.gluts h2,
.gluts h3,
.gluts h4,
.gluts h5 {
	max-width: 100%;
	display: block;
	margin: 0;
	font-family: var(--title-font);
	line-height: var(--title-line-height);
	font-weight: var(--title-font-weight);
	letter-spacing: var(--title-letter-spacing);
	text-transform: var(--title-text-transform);
	color: var(--color-title);
}
.gluts,
.gluts body,
.gluts p {
	max-width: 100%;
	display: block;
	margin: 0;
	font-family: var(--p-font);
	font-size: var(--p-font-size);
	line-height: var(--p-line-height);
	letter-spacing: var(--p-letter-spacing);
	font-weight: var(--p-font-weight);
	color: var(--color-p);
	transition: color 0.2s, background-color 0.2s, opacity 0.2s, border 0.2s;
}
.gluts a {
	max-width: 100%;
	display: inline-block;
	font-size: inherit;
	font-family: inherit;
	line-height: inherit;
	font-weight: inherit;
	text-decoration: none;
	color: var(--color-link);
	text-decoration: none;
	white-space: normal;
	cursor: pointer;
	transition: color 0.2s, background-color 0.2s, opacity 0.2s, border 0.2s;
}
.gluts h1 a,
.gluts h2 a,
.gluts h3 a,
.gluts h4 a,
.gluts h5 a {
	color: var(--color-title);
}
.gluts a:hover,
.gluts h1 a:hover,
.gluts h2 a:hover,
.gluts h3 a:hover,
.gluts h4 a:hover,
.gluts h5 a:hover {
	color: var(--color-link-hover);
}
.gluts strong,
.gluts b {
	max-width: 100%;
	font-weight: 700;
}
.gluts blockquote {
	max-width: 100%;
	margin-left: 0;
	margin-right: 0;
	padding-left: calc(var(--col-hor-margin) * 2);
	font-style: italic;
}
.gluts blockquote:before {
	content: "";
	display: inline-block;
	position: absolute;
	width: 0.5rem;
	height: 100%;
	top: 0;
	left: 0;
	background-color: var(--color-title);
}
.gluts span {
	max-width: 100%;
	line-height: inherit;
}
.gluts small,
.gluts .small-p {
	max-width: 100%;
	font-size: var(--small-font-size);
	line-height: var(--small-line-height);
}
.gluts ul {
	max-width: 100%;
	margin-top: 0;
	margin-bottom: 0;
	padding-left: 2rem;
}
.gluts li { 
	max-width: 100%;
}
.gluts abbr[title] {
	max-width: 100%;
	text-decoration: none;
}
.gluts .screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.gluts .txt-center, 
.gluts .txt-center * {
	text-align: center;
}
.gluts .txt-right,
.gluts .txt-right * {
	text-align: right;
}
.gluts .txt-justify,
.gluts .txt-justify * {
	text-align: justify;
}
.gluts .txt-align-last-center,
.gluts .txt-align-last-center * {
	text-align-last: center;
}
.gluts .uppercase,
.gluts .uppercase * {
	text-transform: uppercase;
}

/* ----------------------------------------------------------------------------------------- Txt Light */

.gluts .txt-light,
.gluts .txt-light h1,
.gluts h1.txt-light,
.gluts .txt-light h2,
.gluts h2.txt-light,
.gluts .txt-light h3,
.gluts h3.txt-light,
.gluts .txt-light h4,
.gluts h4.txt-light,
.gluts .txt-light h5,
.gluts h5.txt-light,
.gluts .txt-light p,
.gluts p.txt-light,
.gluts .txt-light a,
.gluts a.txt-light,
.gluts .txt-light i,
.gluts i.txt-light,
.gluts .txt-light svg,
.gluts svg.txt-light,
.gluts .txt-light select,
.gluts select.txt-light,
.gluts .txt-light textarea,
.gluts textarea.txt-light,
.gluts .txt-light input:not(.default-button),
.gluts input:not(.default-button).txt-light {
	color: #fff;
}

/* Input Placeholder */

.gluts .txt-light ::placeholder { color: #fff !important; }
.gluts .txt-light ::-webkit-input-placeholder { color: #fff !important; }
.gluts .txt-light ::-moz-placeholder { color: #fff !important; }
.gluts .txt-light :-ms-input-placeholder { color: #fff !important; }
.gluts .txt-light :-moz-placeholder { color: #fff !important; }

/* Inputs */

.gluts select.txt-light,
.gluts option.txt-light,
.gluts textarea.txt-light,
.gluts input:not(.default-button).txt-light,
.gluts .txt-light select,
.gluts .txt-light option,
.gluts .txt-light textarea,
.gluts .txt-light input:not(.default-button) {
	color: #fff !important;
}

/* ----------------------------------------------------------------------------------------- Main Footer */

.gluts #main-footer h1,
.gluts #main-footer h2,
.gluts #main-footer h3,
.gluts #main-footer h4,
.gluts #main-footer h5,
.gluts #main-footer h1 a,
.gluts #main-footer h2 a,
.gluts #main-footer h3 a,
.gluts #main-footer h4 a,
.gluts #main-footer h5 a {
	color: var(--main-footer-color-title)
}
.gluts #main-footer a:hover,
.gluts #main-footer h1 a:hover,
.gluts #main-footer h2 a:hover,
.gluts #main-footer h3 a:hover,
.gluts #main-footer h4 a:hover,
.gluts #main-footer h5 a:hover {
	color: var(--main-footer-color-link-hover);
}
.gluts #main-footer p { color: var(--main-footer-color-p) }
.gluts #main-footer a { color: var(--main-footer-color-link) }

/* ----------------------------------------------------------------------------------------- @Media - Max Width 768 */

@media (max-width:768px) {

	/* Titles Mobile */
	
	.gluts h1 { font-size: var(--h1-font-size-mobile); }
	.gluts h2 { font-size: var(--h2-font-size-mobile); }
	.gluts h3 { font-size: var(--h3-font-size-mobile); }
	.gluts h4 { font-size: var(--h4-font-size-mobile); }
	.gluts h5 { font-size: var(--h5-font-size-mobile); }
}

/* ----------------------------------------------------------------------------------------- @Media - Max Width 768 */