/*** reset ***/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption{
	margin: 0px;
	padding: 0px;
	border: 0px;
	outline: 0px;
}

html, body{
	box-sizing: border-box;
	font-weight: normal;
}

html{
	height: 100%;
}

body, input, textarea, button, select{
	-webkit-appearance: none; 
	-moz-appearance: none; 
	appearance: none; 
}

h1, h2, h3, h4, h5, h6{
	font-weight: 600;
}

header, footer, section, article, aside, main, nav{
	display: block;
}

img{
	border: none;
	width: auto;
	max-width: 100%;
}

input, textarea, select{
	outline: none;
	box-shadow: none;
	border-radius: 0;
	box-sizing: border-box;
}
	
textarea{
	resize: vertical;
}

a{
	color: inherit;
	text-decoration: none;
	outline: 0;
}

ol, ul{
    list-style: none;
	margin: 0;
    padding: 0;
    padding: 0;
}

/*** reset ***/


/*** formatting ***/

.color-white{ color: #ffffff; }
.color-green{ color: #5FA53E; }
.color-red{ color: #E51D1D; }
.color-grey{ color: #808080; }
.color-black{ color: #000000; }

.background-white{ background-color: #ffffff; }
.background-grey{ background-color: #C4C4C4; }
.background-lightgray{ background-color: #D9D9D9; }
.background-black{ background-color: #000000; }


.left{ text-align: left; }
.center{ text-align: center; }
.right{ text-align: right; }

.uppercase{ text-transform: uppercase; }
.line-through{ text-decoration: line-through; }

.float-left{ float: left; }
.float-right{ float: right; }
.clear{ clear: both; }

.pre{ white-space: pre-line; }
.pre-wrap{ white-space: pre-wrap; }
.nowrap{ white-space: nowrap; }
.break-word{ word-break: break-word; }
.overflow-hidden{ overflow: hidden; }


.weight1{ font-weight: 100; }
.weight2{ font-weight: 200; }
.weight3{ font-weight: 300; }
.weight4{ font-weight: 400; }
.weight5{ font-weight: 500; }
.weight6{ font-weight: 600; }
.weight7{ font-weight: 700; }
.weight8{ font-weight: 800; }
.weight9{ font-weight: 900; }

.line0-9-5{ line-height: 0.95em; }
.line1{ line-height: 1.0em; }
.line1-1{ line-height: 1.1em; }
.line1-2{ line-height: 1.2em; }
.line1-3{ line-height: 1.3em; }
.line1-4{ line-height: 1.4em; }
.line1-5{ line-height: 1.5em; }
.line1-6{ line-height: 1.6em; }
.line1-7{ line-height: 1.7em; }
.line1-8{ line-height: 1.8em; }
.line1-9{ line-height: 1.9em; }
.line2{ line-height: 2.0em; }

.scale1{ transform: scale(1.0); }
.scale1-1{ transform: scale(1.1); }
.scale1-2{ transform: scale(1.2); }
.scale1-3{ transform: scale(1.3); }
.scale1-4{ transform: scale(1.4); }
.scale1-5{ transform: scale(1.5); }

div + div.p{ margin-top: 0.5em; }
div + div.pp{ margin-top: 1.0em; }
div + div.ppp{ margin-top: 1.5em; }

div + div.o{ margin-left: 0.5em; }
div + div.oo{ margin-left: 1.0em; }
div + div.ooo{ margin-left: 1.5em; }

.margin-auto{ margin: 0em auto; }
.border-box{ box-sizing: border-box; }

.box-shadow-0-5{ box-shadow: 0em 0em 0.5em rgba(0, 0, 0, 0.1); }
.box-shadow-1{ box-shadow: 0em 0em 1.0em rgba(0, 0, 0, 0.1); }


.border-radius-50p{ border-radius: 50%; }
.border-radius-0-5{ border-radius: 0.5em; }
.border-radius-1{ border-radius: 1.0em; }
.border-radius-1-5{ border-radius: 1.5em; }
.border-radius-2{ border-radius: 2.0em; }

.border-bottom-white{ border-bottom: 1px solid #ffffff; }
.border-bottom-orange{ border-bottom: 1px solid var(--color-orange); }
.border-right-orange{ border-right: 1px solid var(--color-orange); }

.border-center-brown{
	background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), var(--color-brown) calc(50%), rgba(0,0,0,0) calc(50% + 1px) );
}

.border-center-white{
	background: linear-gradient(180deg, rgba(0,0,0,0) calc(50% - 1px), #ffffff calc(50%), rgba(0,0,0,0) calc(50% + 1px) );
}


.width-50{ width: 50%; }
.width-100{ width: 100%; }
.width-auto{ width: auto; }

.height-33{ height: 33%; }
.height-50{ height: 50%; }
.height-100{ height: 100%; }
.height-auto{ height: auto; }
.min-height-50{ min-height: 50%; }

.position-relative{ position: relative; }

.block{
	display: block;
	box-sizing: border-box;
	vertical-align: middle;
}

.iblock{
	display: inline-block;
	box-sizing: border-box;
	vertical-align: middle;
}

.monochrome{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
	filter: gray;
}

/*** formatting ***/


/*** booster ***/

.flex-parent{
	display: flex !important;
	box-sizing: border-box;
}

.flex-parent.direction-row{
	flex-direction: row;
}
.flex-parent.direction-row-reverse{
	flex-direction: row-reverse;
}
.flex-parent.direction-column{
	flex-direction: column;
}

.flex-parent.wrap{
	flex-wrap: wrap;
}

.flex-parent .flex-spacer{
	flex: 1 0 auto;
}

.flex-center{
	display: flex;
	flex-direction: column;
	justify-content: center;
}
.flex-bottom{
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
}




.middle{
	display: inline-block;
	vertical-align: middle;
	box-sizing: border-box;
	width: 100%;
	border: 0em;
}

.helper-middle{
    display: inline-block;
    vertical-align: middle;
	box-sizing: border-box;
    height: 100%;
    width: 0em;
	border: 0em;
}



.ratio-inner{
	position: relative;
	height: 0;
	border: none;
}

.ratio-content{
	position: absolute;
	top: 0em;
	right: 0em;
	bottom: 0em;
	left: 0em;
}

.ratio-150{ padding-top: 150%; }
.ratio-140{ padding-top: 140%; }
.ratio-130{ padding-top: 130%; }
.ratio-120{ padding-top: 120%; }
.ratio-110{ padding-top: 110%; }
.ratio-100{ padding-top: 100%; }
.ratio-90{ padding-top: 90%; }
.ratio-85{ padding-top: 85%; }
.ratio-80{ padding-top: 80%; }
.ratio-75{ padding-top: 75%; }
.ratio-70{ padding-top: 70%; }
.ratio-65{ padding-top: 65%; }
.ratio-60{ padding-top: 60%; }
.ratio-55{ padding-top: 55%; }
.ratio-50{ padding-top: 50%; }
.ratio-45{ padding-top: 45%; }
.ratio-40{ padding-top: 40%; }
.ratio-38{ padding-top: 38%; }
.ratio-37{ padding-top: 37%; }
.ratio-35{ padding-top: 35%; }
.ratio-30{ padding-top: 30%; }
.ratio-25{ padding-top: 25%; }
.ratio-20{ padding-top: 20%; }
.ratio-10{ padding-top: 10%; }
.ratio-16-9{ padding-top: 56.25%; }

.rotate0{ transform: rotate(0deg); }
.rotate90{ transform: rotate(90deg); }
.rotate180{ transform: rotate(180deg); }
.rotate270{ transform: rotate(270deg); }



.container, .frame{
	box-sizing: border-box;
	width: 100%;
	max-width: 1920px;
	margin: 0em auto;
}

.container{
	padding: 0em 1em;
}

.anticontainer{
	margin: 0em -1em;
}

@media screen and (min-width: 600px){
	.container{ padding: 0em 4vw; }
	.anticontainer{ margin: 0em -4vw; }
}

@media screen and (min-width: 1920px){
	.container{ padding: 0em 4em; }
	.anticontainer{ margin: 0em -4em; }
}


[style^='background-image: url'], .background-image{
	background-repeat: no-repeat;
	background-position: 50% 50%;
	background-size: cover;
}

[style^='background-image: url'].contain, .background-image.contain{
	background-size: contain;
}

[style*='/image/no-image.svg'], [style*='/wp-content/themes/afina/assets/images/no-image.svg'], .no_image{
	background-size: 4em !important;
}

[data-switch]:not(.active){
	display: none !important;
}

a[name]{
	position: relative;
	display: block;
	float: left;
	top: -5.5em;
}

[data-delay]:after{
	content: ' (' attr(data-delay) ')';
}