@CHARSET "UTF-8";

/* ----------------------------------------------------------------------------------------- Main Settings */

html,
html.gluts {
	width: 100%;
	font-size:10px;
}
body,
body.gluts {
	width: 100%;
	margin:0;
	padding: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);
	overflow-x:hidden;
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	text-rendering: geometricPrecision;
	word-wrap: break-word;
	-webkit-font-smoothing: antialiased;
}
.gluts,
.gluts *,
.gluts *:before,
.gluts *:after {
	position: relative;
	box-sizing: border-box;
	white-space: normal;
}
.gluts :focus,
.gluts * :focus {
	outline: none;
}
.gluts,
.gluts section,
.gluts div,
.gluts img {
	display: block;
}
.gluts header ::-moz-selection,
.gluts img::-moz-selection {
	background: transparent;
}
.gluts header ::selection,
.gluts img::selection {
	background: transparent;
}

/* ----------------------------------------------------------------------------------------- Images */

.gluts img {
	max-width: 100%;
	width: auto;
	max-height: 100%;
	height: auto;
	border-style: none;
}
.gluts .alignleft {
	max-width: calc(50% - var(--col-hor-margin)) !important;
	float: left;
	margin-top: 0;
	margin-left: 0;
	margin-right: calc(var(--col-hor-margin) * 2);
}
.gluts .alignright {
	max-width: calc(50% - var(--col-hor-margin)) !important;
	float: right;
	margin-top: 0;
	margin-right: 0;
	margin-left: calc(var(--col-hor-margin) * 2);
}
.gluts .aligncenter,
.gluts .alignnone {
	max-width: 100% !important;
	margin-top: 0;
	margin-left: auto;
	margin-right: auto;
}
.gluts .section-page-content .alignleft, 
.gluts .section-page-content .alignright, 
.gluts .section-page-content .aligncenter, 
.gluts .section-page-content .alignnone {
	margin-bottom: var(--col-hor-margin);
}
.gluts .alignleft img,
.gluts .alignright img,
.gluts .aligncenter img,
.gluts .alignnone img  {
	width: 100%;
}
.gluts .wp-caption > a {
	display: block;
	z-index: 1;
}
.gluts .wp-caption-text {
	width: 100%;
	padding: 0.6rem 1.5rem;
	font-size: var(--small-font-size);
	line-height: var(--small-line-height);
	color: #fff;
	background-color: var(--color-dark);
}

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

@media (max-width:768px) {

	/* Main Settings */
	html,
	html.gluts {
		font-size:9px;
	}
	/* Images */
	.gluts .alignleft,
	.gluts .alignright,
	.gluts .aligncenter,
	.gluts .alignnone  {
		width: 100%;
		max-width: 100% !important;
		float: unset;
		margin-left: 0;
		margin-right: 0;
	}

}