/* --------------------------------------------|
|                                              |
|  Component Style attributes                  |
|                                              |
|-------------------------------------------- */

/* ---------------------------------------------------------|
|  style-stripes|Stripes in the Background                  |
|--------------------------------------------------------- */

.style-stripes {
	background-image: url('data:image/svg+xml;charset=utf8,<svg xmlns="http://www.w3.org/2000/svg" width="100%" height="100%"><defs><pattern id="pattern" patternUnits="userSpaceOnUse" width="9.5" height="9.5" patternTransform="rotate(135)"><line x1="0" y="0" x2="0" y2="9.5" stroke="%23CDDAD6" stroke-width="1"/></pattern></defs><rect width="100%" height="100%" fill="url(%23pattern)" opacity="1"/></svg>');
}

/* -----------------------------------------------------------------------------|
|  style-data-show-mobile|Show only on small viewports                          |
|----------------------------------------------------------------------------- */

@media screen and (min-width: 769px) {
	.style-data-show-mobile {
		display: none !important;
	}
}

/* ---------------------------------------------------------|
|  style-title-hidden|Hide title                            |
|--------------------------------------------------------- */

.style-title-hidden [class*="title"]:not(.block),
.style-title-hidden > h1,
.style-title-hidden .block__header,
.style-title-hidden .section__header,
.style-title-hidden .page__header,
.style-title-hidden .slider__intro {
	display: none;
}

/* ---------------------------------------------------------|
|  style-highlight|Accentuated appearance                   |
|--------------------------------------------------------- */

.area.style-highlight {
	color: var(--color-light);
	background-color: var(--color-accent);
	padding: 40px;
}

.block.style-highlight {
	color: var(--color-light);
	background-color: var(--color-accent);
}

/* ---------------------------------------------------------|
|  style-right|Alignment                                    |
|--------------------------------------------------------- */

.style-right {
    text-align: right;
}

.style-right > * {
    margin-left: auto;
}