/* ----------------------  E X T R A   P A D D I N G / M A R G I N   C L A S S E S   -- */

/* ----------------------------------------------------------------  P A D D I N G   -- */
.pl-0, .px-0, .p-0	{padding-left:   0em !important;}
.pr-0, .px-0, .p-0	{padding-right:  0em !important;}
.pt-0, .py-0, .p-0	{padding-top:    0em !important;}
.pb-0, .py-0, .p-0	{padding-bottom: 0em !important;}

.pl-1, .px-1, .p-1	{padding-left:   1em !important;}
.pr-1, .px-1, .p-1	{padding-right:  1em !important;}
.pt-1, .py-1, .p-1	{padding-top:    1em !important;}
.pb-1, .py-1, .p-1	{padding-bottom: 1em !important;}

.pl-2, .px-2, .p-2	{padding-left:   2em !important;}
.pr-2, .px-2, .p-2	{padding-right:  2em !important;}
.pt-2, .py-2, .p-2	{padding-top:    2em !important;}
.pb-2, .py-2, .p-2	{padding-bottom: 2em !important;}

.pl-3, .px-3, .p-3	{padding-left:   3em !important;}
.pr-3, .px-3, .p-3	{padding-right:  3em !important;}
.pt-3, .py-3, .p-3	{padding-top:    3em !important;}
.pb-3, .py-3, .p-3	{padding-bottom: 3em !important;}

.pl-4, .px-4, .p-4	{padding-left:   4em !important;}
.pr-4, .px-4, .p-4	{padding-right:  4em !important;}
.pt-4, .py-4, .p-4	{padding-top:    4em !important;}
.pb-4, .py-4, .p-4	{padding-bottom: 4em !important;}

.pl-5, .px-5, .p-5	{padding-left:   5em !important;}
.pr-5, .px-5, .p-5	{padding-right:  5em !important;}
.pt-5, .py-5, .p-5	{padding-top:    5em !important;}
.pb-5, .py-5, .p-5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
.ml-0, .mx-0, .m-0	{margin-left:   0em !important;}
.mr-0, .mx-0, .m-0	{margin-right:  0em !important;}
.mt-0, .my-0, .m-0	{margin-top:    0em !important;}
.mb-0, .my-0, .m-0	{margin-bottom: 0em !important;}

.ml-1, .mx-1, .m-1	{margin-left:   1em !important;}
.mr-1, .mx-1, .m-1	{margin-right:  1em !important;}
.mt-1, .my-1, .m-1	{margin-top:    1em !important;}
.mb-1, .my-1, .m-1	{margin-bottom: 1em !important;}

.ml-2, .mx-2, .m-2	{margin-left:   2em !important;}
.mr-2, .mx-2, .m-2	{margin-right:  2em !important;}
.mt-2, .my-2, .m-2	{margin-top:    2em !important;}
.mb-2, .my-2, .m-2	{margin-bottom: 2em !important;}

.ml-3, .mx-3, .m-3	{margin-left:   3em !important;}
.mr-3, .mx-3, .m-3	{margin-right:  3em !important;}
.mt-3, .my-3, .m-3	{margin-top:    3em !important;}
.mb-3, .my-3, .m-3	{margin-bottom: 3em !important;}

.ml-4, .mx-4, .m-4	{margin-left:   4em !important;}
.mr-4, .mx-4, .m-4	{margin-right:  4em !important;}
.mt-4, .my-4, .m-4	{margin-top:    4em !important;}
.mb-4, .my-4, .m-4	{margin-bottom: 4em !important;}

.ml-5, .mx-5, .m-5	{margin-left:   5em !important;}
.mr-5, .mx-5, .m-5	{margin-right:  5em !important;}
.mt-5, .my-5, .m-5	{margin-top:    5em !important;}
.mb-5, .my-5, .m-5	{margin-bottom: 5em !important;}


@media (min-width:993px) {
/* ----------------------------------------------------------------  P A D D I N G   -- */
	.pl-l0, .px-l0, .p-l0	{padding-left:   0em !important;}
	.pr-l0, .px-l0, .p-l0	{padding-right:  0em !important;}
	.pt-l0, .py-l0, .p-l0	{padding-top:    0em !important;}
	.pb-l0, .py-l0, .p-l0	{padding-bottom: 0em !important;}

	.pl-l1, .px-l1, .p-l1	{padding-left:   1em !important;}
	.pr-l1, .px-l1, .p-l1	{padding-right:  1em !important;}
	.pt-l1, .py-l1, .p-l1	{padding-top:    1em !important;}
	.pb-l1, .py-l1, .p-l1	{padding-bottom: 1em !important;}

	.pl-l2, .px-l2, .p-l2	{padding-left:   2em !important;}
	.pr-l2, .px-l2, .p-l2	{padding-right:  2em !important;}
	.pt-l2, .py-l2, .p-l2	{padding-top:    2em !important;}
	.pb-l2, .py-l2, .p-l2	{padding-bottom: 2em !important;}

	.pl-l3, .px-l3, .p-l3	{padding-left:   3em !important;}
	.pr-l3, .px-l3, .p-l3	{padding-right:  3em !important;}
	.pt-l3, .py-l3, .p-l3	{padding-top:    3em !important;}
	.pb-l3, .py-l3, .p-l3	{padding-bottom: 3em !important;}

	.pl-l4, .px-l4, .p-l4	{padding-left:   4em !important;}
	.pr-l4, .px-l4, .p-l4	{padding-right:  4em !important;}
	.pt-l4, .py-l4, .p-l4	{padding-top:    4em !important;}
	.pb-l4, .py-l4, .p-l4	{padding-bottom: 4em !important;}

	.pl-l5, .px-l5, .p-l5	{padding-left:   5em !important;}
	.pr-l5, .px-l5, .p-l5	{padding-right:  5em !important;}
	.pt-l5, .py-l5, .p-l5	{padding-top:    5em !important;}
	.pb-l5, .py-l5, .p-l5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
	.ml-l0, .mx-l0, .m-l0	{margin-left:   0em !important;}
	.mr-l0, .mx-l0, .m-l0	{margin-right:  0em !important;}
	.mt-l0, .my-l0, .m-l0	{margin-top:    0em !important;}
	.mb-l0, .my-l0, .m-l0	{margin-bottom: 0em !important;}

	.ml-l1, .mx-l1, .m-l1	{margin-left:   1em !important;}
	.mr-l1, .mx-l1, .m-l1	{margin-right:  1em !important;}
	.mt-l1, .my-l1, .m-l1	{margin-top:    1em !important;}
	.mb-l1, .my-l1, .m-l1	{margin-bottom: 1em !important;}

	.ml-l2, .mx-l2, .m-l2	{margin-left:   2em !important;}
	.mr-l2, .mx-l2, .m-l2	{margin-right:  2em !important;}
	.mt-l2, .my-l2, .m-l2	{margin-top:    2em !important;}
	.mb-l2, .my-l2, .m-l2	{margin-bottom: 2em !important;}

	.ml-l3, .mx-l3, .m-l3	{margin-left:   3em !important;}
	.mr-l3, .mx-l3, .m-l3	{margin-right:  3em !important;}
	.mt-l3, .my-l3, .m-l3	{margin-top:    3em !important;}
	.mb-l3, .my-l3, .m-l3	{margin-bottom: 3em !important;}

	.ml-l4, .mx-l4, .m-l4	{margin-left:   4em !important;}
	.mr-l4, .mx-l4, .m-l4	{margin-right:  4em !important;}
	.mt-l4, .my-l4, .m-l4	{margin-top:    4em !important;}
	.mb-l4, .my-l4, .m-l4	{margin-bottom: 4em !important;}

	.ml-l5, .mx-l5, .m-l5	{margin-left:   5em !important;}
	.mr-l5, .mx-l5, .m-l5	{margin-right:  5em !important;}
	.mt-l5, .my-l5, .m-l5	{margin-top:    5em !important;}
	.mb-l5, .my-l5, .m-l5	{margin-bottom: 5em !important;}
}

@media (min-width:601px) and (max-width: 992px) {
/* ----------------------------------------------------------------  P A D D I N G   -- */
	.pl-m0, .px-m0, .p-m0	{padding-left:   0em !important;}
	.pr-m0, .px-m0, .p-m0	{padding-right:  0em !important;}
	.pt-m0, .py-m0, .p-m0	{padding-top:    0em !important;}
	.pb-m0, .py-m0, .p-m0	{padding-bottom: 0em !important;}

	.pl-m1, .px-m1, .p-m1	{padding-left:   1em !important;}
	.pr-m1, .px-m1, .p-m1	{padding-right:  1em !important;}
	.pt-m1, .py-m1, .p-m1	{padding-top:    1em !important;}
	.pb-m1, .py-m1, .p-m1	{padding-bottom: 1em !important;}

	.pl-m2, .px-m2, .p-m2	{padding-left:   2em !important;}
	.pr-m2, .px-m2, .p-m2	{padding-right:  2em !important;}
	.pt-m2, .py-m2, .p-m2	{padding-top:    2em !important;}
	.pb-m2, .py-m2, .p-m2	{padding-bottom: 2em !important;}

	.pl-m3, .px-m3, .p-m3	{padding-left:   3em !important;}
	.pr-m3, .px-m3, .p-m3	{padding-right:  3em !important;}
	.pt-m3, .py-m3, .p-m3	{padding-top:    3em !important;}
	.pb-m3, .py-m3, .p-m3	{padding-bottom: 3em !important;}

	.pl-m4, .px-m4, .p-m4	{padding-left:   4em !important;}
	.pr-m4, .px-m4, .p-m4	{padding-right:  4em !important;}
	.pt-m4, .py-m4, .p-m4	{padding-top:    4em !important;}
	.pb-m4, .py-m4, .p-m4	{padding-bottom: 4em !important;}

	.pl-m5, .px-m5, .p-m5	{padding-left:   5em !important;}
	.pr-m5, .px-m5, .p-m5	{padding-right:  5em !important;}
	.pt-m5, .py-m5, .p-m5	{padding-top:    5em !important;}
	.pb-m5, .py-m5, .p-m5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
	.ml-m0, .mx-m0, .m-m0	{margin-left:   0em !important;}
	.mr-m0, .mx-m0, .m-m0	{margin-right:  0em !important;}
	.mt-m0, .my-m0, .m-m0	{margin-top:    0em !important;}
	.mb-m0, .my-m0, .m-m0	{margin-bottom: 0em !important;}

	.ml-m1, .mx-m1, .m-m1	{margin-left:   1em !important;}
	.mr-m1, .mx-m1, .m-m1	{margin-right:  1em !important;}
	.mt-m1, .my-m1, .m-m1	{margin-top:    1em !important;}
	.mb-m1, .my-m1, .m-m1	{margin-bottom: 1em !important;}

	.ml-m2, .mx-m2, .m-m2	{margin-left:   2em !important;}
	.mr-m2, .mx-m2, .m-m2	{margin-right:  2em !important;}
	.mt-m2, .my-m2, .m-m2	{margin-top:    2em !important;}
	.mb-m2, .my-m2, .m-m2	{margin-bottom: 2em !important;}

	.ml-m3, .mx-m3, .m-m3	{margin-left:   3em !important;}
	.mr-m3, .mx-m3, .m-m3	{margin-right:  3em !important;}
	.mt-m3, .my-m3, .m-m3	{margin-top:    3em !important;}
	.mb-m3, .my-m3, .m-m3	{margin-bottom: 3em !important;}

	.ml-m4, .mx-m4, .m-m4	{margin-left:   4em !important;}
	.mr-m4, .mx-m4, .m-m4	{margin-right:  4em !important;}
	.mt-m4, .my-m4, .m-m4	{margin-top:    4em !important;}
	.mb-m4, .my-m4, .m-m4	{margin-bottom: 4em !important;}

	.ml-m5, .mx-m5, .m-m5	{margin-left:   5em !important;}
	.mr-m5, .mx-m5, .m-m5	{margin-right:  5em !important;}
	.mt-m5, .my-m5, .m-m5	{margin-top:    5em !important;}
	.mb-m5, .my-m5, .m-m5	{margin-bottom: 5em !important;}
}

@media (max-width:600px) {
/* ----------------------------------------------------------------  P A D D I N G   -- */
	.pl-s0, .px-s0, .p-s0	{padding-left:   0em !important;}
	.pr-s0, .px-s0, .p-s0	{padding-right:  0em !important;}
	.pt-s0, .py-s0, .p-s0	{padding-top:    0em !important;}
	.pb-s0, .py-s0, .p-s0	{padding-bottom: 0em !important;}

	.pl-s1, .px-s1, .p-s1	{padding-left:   1em !important;}
	.pr-s1, .px-s1, .p-s1	{padding-right:  1em !important;}
	.pt-s1, .py-s1, .p-s1	{padding-top:    1em !important;}
	.pb-s1, .py-s1, .p-s1	{padding-bottom: 1em !important;}

	.pl-s2, .px-s2, .p-s2	{padding-left:   2em !important;}
	.pr-s2, .px-s2, .p-s2	{padding-right:  2em !important;}
	.pt-s2, .py-s2, .p-s2	{padding-top:    2em !important;}
	.pb-s2, .py-s2, .p-s2	{padding-bottom: 2em !important;}

	.pl-s3, .px-s3, .p-s3	{padding-left:   3em !important;}
	.pr-s3, .px-s3, .p-s3	{padding-right:  3em !important;}
	.pt-s3, .py-s3, .p-s3	{padding-top:    3em !important;}
	.pb-s3, .py-s3, .p-s3	{padding-bottom: 3em !important;}

	.pl-s4, .px-s4, .p-s4	{padding-left:   4em !important;}
	.pr-s4, .px-s4, .p-s4	{padding-right:  4em !important;}
	.pt-s4, .py-s4, .p-s4	{padding-top:    4em !important;}
	.pb-s4, .py-s4, .p-s4	{padding-bottom: 4em !important;}

	.pl-s5, .px-s5, .p-s5	{padding-left:   5em !important;}
	.pr-s5, .px-s5, .p-s5	{padding-right:  5em !important;}
	.pt-s5, .py-s5, .p-s5	{padding-top:    5em !important;}
	.pb-s5, .py-s5, .p-s5	{padding-bottom: 5em !important;}

/* ------------------------------------------------------------------  M A R G I N   -- */
	.ml-s0, .mx-s0, .m-s0	{margin-left:   0em !important;}
	.mr-s0, .mx-s0, .m-s0	{margin-right:  0em !important;}
	.mt-s0, .my-s0, .m-s0	{margin-top:    0em !important;}
	.mb-s0, .my-s0, .m-s0	{margin-bottom: 0em !important;}

	.ml-s1, .mx-s1, .m-s1	{margin-left:   1em !important;}
	.mr-s1, .mx-s1, .m-s1	{margin-right:  1em !important;}
	.mt-s1, .my-s1, .m-s1	{margin-top:    1em !important;}
	.mb-s1, .my-s1, .m-s1	{margin-bottom: 1em !important;}

	.ml-s2, .mx-s2, .m-s2	{margin-left:   2em !important;}
	.mr-s2, .mx-s2, .m-s2	{margin-right:  2em !important;}
	.mt-s2, .my-s2, .m-s2	{margin-top:    2em !important;}
	.mb-s2, .my-s2, .m-s2	{margin-bottom: 2em !important;}

	.ml-s3, .mx-s3, .m-s3	{margin-left:   3em !important;}
	.mr-s3, .mx-s3, .m-s3	{margin-right:  3em !important;}
	.mt-s3, .my-s3, .m-s3	{margin-top:    3em !important;}
	.mb-s3, .my-s3, .m-s3	{margin-bottom: 3em !important;}

	.ml-s4, .mx-s4, .m-s4	{margin-left:   4em !important;}
	.mr-s4, .mx-s4, .m-s4	{margin-right:  4em !important;}
	.mt-s4, .my-s4, .m-s4	{margin-top:    4em !important;}
	.mb-s4, .my-s4, .m-s4	{margin-bottom: 4em !important;}

	.ml-s5, .mx-s5, .m-s5	{margin-left:   5em !important;}
	.mr-s5, .mx-s5, .m-s5	{margin-right:  5em !important;}
	.mt-s5, .my-s5, .m-s5	{margin-top:    5em !important;}
	.mb-s5, .my-s5, .m-s5	{margin-bottom: 5em !important;}
}

/* ----------------------------  R E S P O N S I V E   T E X T   A L I G N M E N T   -- */

@media (min-width:993px) { 
	.y3-l-left-align{text-align:left !important;}
	.y3-l-right-align{text-align:right !important;}
	.y3-l-justify{text-align:justify !important;}
	.y3-l-center{text-align:center !important;}
}

@media (min-width:601px) and (max-width: 992px) {
	.y3-m-left-align{text-align:left !important;}
	.y3-m-right-align{text-align:right !important;}
	.y3-m-justify{text-align:justify !important;}
	.y3-m-center{text-align:center !important;}
}

@media (max-width:600px) {
	.y3-s-left-align{text-align:left !important;}
	.y3-s-right-align{text-align:right !important;}
	.y3-s-justify{text-align:justify !important;}
	.y3-s-center{text-align:center !important;}
}

/* --------------------------------------------------------  M O R E   C O L O R S   -- */

.y3-clay, .y3-hover-clay:hover{color:#fff!important;background-color:#B0512E!important}
.y3-text-clay, .y3-hover-text-clay:hover{color:#B0512E!important}
.y3-border-clay, .y3-hover-border-clay:hover{border-color:#B0512E!important}

.y3-dark-clay, .y3-hover-dark-clay:hover{color:#fff!important;background-color:#8E4125!important}
.y3-text-dark-clay, .y3-hover-text-dark-clay:hover{color:#8E4125!important}
.y3-border-dark-clay, .y3-hover-border-dark-clay:hover{border-color:#8E4125!important}

.y3-light-clay, .y3-hover-light-clay:hover{color:#fff!important;background-color:#D06D49!important}
.y3-text-light-clay, .y3-hover-text-light-clay:hover{color:#D06D49!important}
.y3-border-light-clay, .y3-hover-border-light-clay:hover{border-color:#D06D49!important}


.y3-trans,.y3-hover-trans:hover{color:#fff!important;background-color:#0000!important}


/* --------------  C U S T O M   B R E A K   P O I N T   F O R   Y 3 - M O B I L E   -- */
@media (max-width:768px){
	.w3-dropdown-hover.y3-mobile .w3-dropdown-content,
	.w3-dropdown-click.y3-mobile .w3-dropdown-content {
		position:relative;
	}
	.y3-mobile {
		display:block;
		width:100% !important;
	}
	.w3-bar-item.y3-mobile,
	.w3-dropdown-hover.y3-mobile,
	.w3-dropdown-click.y3-mobile {
		text-align:center;
	}
	.w3-dropdown-hover.y3-mobile,
	.w3-dropdown-hover.y3-mobile .w3-btn,
	.w3-dropdown-hover.y3-mobile .w3-button,
	.w3-dropdown-click.y3-mobile,
	.w3-dropdown-click.y3-mobile .w3-btn,
	.w3-dropdown-click.y3-mobile .w3-button {
		width:100%;
	}
}


/* flex-based grid */
/* inspired by http://flexboxgrid.com */
.y3-flex-container  {display: flex; flex-wrap: wrap;}
.y3-flex-container-nowrap  {display: flex; flex-wrap: nowrap;}
.y3-flex-items-center {justify-content: center;}
.y3-flex-items-space-between {justify-content: space-between;}


.y3-flex  {flex-basis: 100%; max-width: 100%; padding-right: 0.5rem; padding-left: 0.5rem;}
.y3-flex.s1  {flex-basis:  8.33333%; max-width:  8.33333%}
.y3-flex.s2  {flex-basis: 16.66666%; max-width: 16.66666%}
.y3-flex.s3  {flex-basis: 24.99999%; max-width: 24.99999%}
.y3-flex.s4  {flex-basis: 33.33333%; max-width: 33.33333%}
.y3-flex.s5  {flex-basis: 41.66666%; max-width: 41.66666%}
.y3-flex.s6  {flex-basis: 49.99999%; max-width: 49.99999%}
.y3-flex.s7  {flex-basis: 58.33333%; max-width: 58.33333%}
.y3-flex.s8  {flex-basis: 66.66666%; max-width: 66.66666%}
.y3-flex.s9  {flex-basis: 74.99999%; max-width: 74.99999%}
.y3-flex.s10 {flex-basis: 83.33333%; max-width: 83.33333%}
.y3-flex.s11 {flex-basis: 91.66666%; max-width: 91.66666%}
.y3-flex.s12 {flex-basis: 99.99999%; max-width: 99.99999%}

.y3-flex.order-s-1, .y3-flex.order-1 {order:1}
.y3-flex.order-s-2, .y3-flex.order-2 {order:2}
.y3-flex.order-s-3, .y3-flex.order-3 {order:3}
.y3-flex.order-s-4, .y3-flex.order-4 {order:4}
.y3-flex.order-s-5, .y3-flex.order-5 {order:5}
.y3-flex.order-s-6, .y3-flex.order-6 {order:6}


@media (min-width:601px){
	.y3-flex.m1  {flex-basis:  8.33333%; max-width:  8.33333%}
	.y3-flex.m2  {flex-basis: 16.66666%; max-width: 16.66666%}
	.y3-flex.m3  {flex-basis: 24.99999%; max-width: 24.99999%}
	.y3-flex.m4  {flex-basis: 33.33333%; max-width: 33.33333%}
	.y3-flex.m5  {flex-basis: 41.66666%; max-width: 41.66666%}
	.y3-flex.m6  {flex-basis: 49.99999%; max-width: 49.99999%}
	.y3-flex.m7  {flex-basis: 58.33333%; max-width: 58.33333%}
	.y3-flex.m8  {flex-basis: 66.66666%; max-width: 66.66666%}
	.y3-flex.m9  {flex-basis: 74.99999%; max-width: 74.99999%}
	.y3-flex.m10 {flex-basis: 83.33333%; max-width: 83.33333%}
	.y3-flex.m11 {flex-basis: 91.66666%; max-width: 91.66666%}
	.y3-flex.m12 {flex-basis: 99.99999%; max-width: 99.99999%}
	
	.y3-flex.order-m-1 {order:1}
	.y3-flex.order-m-2 {order:2}
	.y3-flex.order-m-3 {order:3}
	.y3-flex.order-m-4 {order:4}
	.y3-flex.order-m-5 {order:5}
	.y3-flex.order-m-6 {order:6}
}

@media (min-width:993px){
	.y3-flex.l1  {flex-basis:  8.33333%; max-width:  8.33333%}
	.y3-flex.l2  {flex-basis: 16.66666%; max-width: 16.66666%}
	.y3-flex.l3  {flex-basis: 24.99999%; max-width: 24.99999%}
	.y3-flex.l4  {flex-basis: 33.33333%; max-width: 33.33333%}
	.y3-flex.l5  {flex-basis: 41.66666%; max-width: 41.66666%}
	.y3-flex.l6  {flex-basis: 49.99999%; max-width: 49.99999%}
	.y3-flex.l7  {flex-basis: 58.33333%; max-width: 58.33333%}
	.y3-flex.l8  {flex-basis: 66.66666%; max-width: 66.66666%}
	.y3-flex.l9  {flex-basis: 74.99999%; max-width: 74.99999%}
	.y3-flex.l10 {flex-basis: 83.33333%; max-width: 83.33333%}
	.y3-flex.l11 {flex-basis: 91.66666%; max-width: 91.66666%}
	.y3-flex.l12 {flex-basis: 99.99999%; max-width: 99.99999%}

	.y3-flex.order-l-1 {order:1}
	.y3-flex.order-l-2 {order:2}
	.y3-flex.order-l-3 {order:3}
	.y3-flex.order-l-4 {order:4}
	.y3-flex.order-l-5 {order:5}
	.y3-flex.order-l-6 {order:6}
}

.y3-middle {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.y3-hidden  {
	overflow: hidden;
}


.y3-hide {
	display: none;
}
/* ------------------------------------------------------  T E X T   &   F O N T S   -- */
.y3-extrasmall {font-size:10px;line-height:1.1;}
.y3-small {font-size:12px;line-height:1.2;}
.y3-normal {font-size:15px;line-height:1.5;}
.y3-large {font-size:18px;line-height:1.8;}
.y3-extralarge {font-size:24px;line-height:2;}

.y3-hyphens {
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  -ms-hyphens: auto;
  hyphens: auto;
}

.y3-link  {
	color:#3f51b5; /* w3-indigo */
	font-weight: 500;
}

.y3-nobr { white-space:nowrap; }
/* ----------------------------------------------------------------  A N I M A T E   -- */

.y3-animate-opacity-fast {
	animation:opac 0.4s
	}
	@keyframes opac {
	 from{opacity:0} to{opacity:1}
}

.y3-animate-BgFadeIn {
	animation-name: BgFadeIn;
	animation-duration: .5s;
	animation-delay: 0.1s;
	animation-timing-function: ease-in;
	animation-fill-mode: forwards;
}
@keyframes BgFadeIn {
	from { background-color: transparent;}
	to { background-color: inherent; visibility:visible;}
}

/* --------------------------------------------------------------------  C A R D S   -- */

.y3-cards-same-height  {
	height: 100% !important;
}

/* --------------------------------------------------------------------  L I S T S   -- */
/* https://stackoverflow.com/a/13037482 */
/* ensures that the outline styled bullet points stay in line with the text */
.y3-float-container ul  {
		padding-left: 1em;
    	overflow: hidden;
}


/* --------------------------------------------------------------------  I C O N S   -- */


/* source: https://css.gg/icons --> icon: vercel (mod.) */
.y3-triangle {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 0px;
  height: 0px;
  border-left: 15px solid transparent;
  border-right: 15px solid transparent;
  border-bottom: 18px solid currentColor;
  --scale: 0.4;
  --shift: -2px; 
  /* scale    shift  (zur Orientierung)
     1    -->  2px 
     0.75 -->  4px
     0.5  -->  6px
     0.25 --> 12px 
*/
}

.y3-triangle-up {
  transform: rotate(0deg) scale(var(--scale)) translateY(calc(var(--shift) * 1));
}


.y3-triangle-left {
  transform: rotate(-90deg) scale(var(--scale)) translateX(calc(var(--shift) * -1));
}

.y3-triangle-right {
  transform: rotate(90deg) scale(var(--scale)) translateX(calc(var(--shift) * 1));
}

.y3-triangle-down {
  transform: rotate(180deg) scale(var(--scale)) translateY(calc(var(--shift) * -1));
}

/* ---------------------------------------------------------------------- */

/* source: https://css.gg/icons --> icon: menu (mod.) */
.y3-bars {
  transform: scale(.7) translateY(-5px);
}
.y3-bars,
.y3-bars::after,
.y3-bars::before {
  box-sizing: border-box;
  position: relative;
  display: inline-block;
  width: 20px;
  height: 3px;
  border-radius: 3px;
  background: currentColor;
}
.y3-bars::after,
.y3-bars::before {
  content: "";
  position: absolute;
  top: -7px;
  left: 0px;
  
}
.y3-bars::after {
  top: 7px;
}