/*   ----------------       extra padding/margin classes       ------------- */
.p-0 {padding: 0   !important;}
.p-1 {padding: 1em !important;}
.p-2 {padding: 2em !important;}
.p-3 {padding: 3em !important;}
.p-4 {padding: 4em !important;}
.p-5 {padding: 5em !important;}

.px-0 {padding-left: 0   !important; padding-right: 0   !important;}
.px-1 {padding-left: 1em !important; padding-right: 1em !important;}
.px-2 {padding-left: 2em !important; padding-right: 2em !important;}
.px-3 {padding-left: 3em !important; padding-right: 3em !important;}
.px-4 {padding-left: 4em !important; padding-right: 4em !important;}
.px-5 {padding-left: 5em !important; padding-right: 5em !important;}

.pl-0 {padding-left: 0   !important;}
.pl-1 {padding-left: 1em !important;}
.pl-2 {padding-left: 2em !important;}
.pl-3 {padding-left: 3em !important;}
.pl-4 {padding-left: 4em !important;}
.pl-5 {padding-left: 5em !important;}

.pr-0 {padding-right: 0   !important;}
.pr-1 {padding-right: 1em !important;}
.pr-2 {padding-right: 2em !important;}
.pr-3 {padding-right: 3em !important;}
.pr-4 {padding-right: 4em !important;}
.pr-5 {padding-right: 5em !important;}

.py-0 {padding-top: 0   !important; padding-bottom: 0   !important;}
.py-1 {padding-top: 1em !important; padding-bottom: 1em !important;}
.py-2 {padding-top: 2em !important; padding-bottom: 2em !important;}
.py-3 {padding-top: 3em !important; padding-bottom: 3em !important;}
.py-4 {padding-top: 4em !important; padding-bottom: 4em !important;}
.py-5 {padding-top: 5em !important; padding-bottom: 5em !important;}

.pt-0 {padding-top: 0   !important;}
.pt-1 {padding-top: 1em !important;}
.pt-2 {padding-top: 2em !important;}
.pt-3 {padding-top: 3em !important;}
.pt-4 {padding-top: 4em !important;}
.pt-5 {padding-top: 5em !important;}

.pb-0 {padding-bottom: 0   !important;}
.pb-1 {padding-bottom: 1em !important;}
.pb-2 {padding-bottom: 2em !important;}
.pb-3 {padding-bottom: 3em !important;}
.pb-4 {padding-bottom: 4em !important;}
.pb-5 {padding-bottom: 5em !important;}

.m-0 {margin: 0   !important;}
.m-1 {margin: 1em !important;}
.m-2 {margin: 2em !important;}

.mx-0 {margin-left: 0 !important; margin-right: 0 !important;}
.mx-1 {margin-left: 1em !important; margin-right: 1em !important;}
.mx-2 {margin-left: 2em !important; margin-right: 2em !important;}

.ml-0 {margin-left: 0 !important;}
.ml-1 {margin-left: 1em !important;}
.ml-2 {margin-left: 2em !important;}

.mr-0 {margin-right: 0 !important;}
.mr-1 {margin-right: 1em !important;}
.mr-2 {margin-right: 2em !important;}

.my-0 {margin-top: 0 !important; margin-bottom: 0 !important;}
.my-1 {margin-top: 1em !important; margin-bottom: 1em !important;}
.my-2 {margin-top: 2em !important; margin-bottom: 2em !important;}

.mt-0 {margin-top: 0 !important;}
.mt-1 {margin-top: 1em !important;}
.mt-2 {margin-top: 2em !important;}

.mb-0 {margin-bottom: 0 !important;}
.mb-1 {margin-bottom: 1em !important;}
.mb-2 {margin-bottom: 2em !important;}


@media (min-width:993px) {
	.p-l0 {padding: 0 !important;}
	.p-l1 {padding: 1em !important;}
	.p-l2 {padding: 2em !important;}

	.px-l0 {padding-left: 0 !important; padding-right: 0 !important;}
	.px-l1 {padding-left: 1em !important; padding-right: 1em !important;}
	.px-l2 {padding-left: 2em !important; padding-right: 2em !important;}

	.pl-l0 {padding-left: 0 !important;}
	.pl-l1 {padding-left: 1em !important;}
	.pl-l2 {padding-left: 2em !important;}

	.pr-l0 {padding-right: 0 !important;}
	.pr-l1 {padding-right: 1em !important;}
	.pr-l2 {padding-right: 2em !important;}

	.py-l0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.py-l1 {padding-top: 1em !important; padding-bottom: 1em !important;}
	.py-l2 {padding-top: 2em !important; padding-bottom: 2em !important;}

	.pt-l0 {padding-top: 0 !important;}
	.pt-l1 {padding-top: 1em !important;}
	.pt-l2 {padding-top: 2em !important;}

	.pb-l0 {padding-bottom: 0 !important;}
	.pb-l1 {padding-bottom: 1em !important;}
	.pb-l2 {padding-bottom: 2em !important;}

	.m-l0 {margin: 0 !important;}
	.m-l1 {margin: 1em !important;}
	.m-l2 {margin: 2em !important;}

	.mx-l0 {margin-left: 0 !important; margin-right: 0 !important;}
	.mx-l1 {margin-left: 1em !important; margin-right: 1em !important;}
	.mx-l2 {margin-left: 2em !important; margin-right: 2em !important;}

	.ml-l0 {margin-left: 0 !important;}
	.ml-l1 {margin-left: 1em !important;}
	.ml-l2 {margin-left: 2em !important;}

	.mr-l0 {margin-right: 0 !important;}
	.mr-l1 {margin-right: 1em !important;}
	.mr-l2 {margin-right: 2em !important;}

	.my-l0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.my-l1 {margin-top: 1em !important; margin-bottom: 1em !important;}
	.my-l2 {margin-top: 2em !important; margin-bottom: 2em !important;}

	.mt-l0 {margin-top: 0 !important;}
	.mt-l1 {margin-top: 1em !important;}
	.mt-l2 {margin-top: 2em !important;}

	.mb-l0 {margin-bottom: 0 !important;}
	.mb-l1 {margin-bottom: 1em !important;}
	.mb-l2 {margin-bottom: 2em !important;}
}

@media (min-width:601px) and (max-width: 992px) {
	.p-m0 {padding: 0 !important;}
	.p-m1 {padding: 1em !important;}
	.p-m2 {padding: 2em !important;}

	.px-m0 {padding-left: 0 !important; padding-right: 0 !important;}
	.px-m1 {padding-left: 1em !important; padding-right: 1em !important;}
	.px-m2 {padding-left: 2em !important; padding-right: 2em !important;}

	.pl-m0 {padding-left: 0 !important;}
	.pl-m1 {padding-left: 1em !important;}
	.pl-m2 {padding-left: 2em !important;}

	.pr-m0 {padding-right: 0 !important;}
	.pr-m1 {padding-right: 1em !important;}
	.pr-m2 {padding-right: 2em !important;}

	.py-m0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.py-m1 {padding-top: 1em !important; padding-bottom: 1em !important;}
	.py-m2 {padding-top: 2em !important; padding-bottom: 2em !important;}

	.pt-m0 {padding-top: 0 !important;}
	.pt-m1 {padding-top: 1em !important;}
	.pt-m2 {padding-top: 2em !important;}

	.pb-m0 {padding-bottom: 0 !important;}
	.pb-m1 {padding-bottom: 1em !important;}
	.pb-m2 {padding-bottom: 2em !important;}

	.m-m0 {margin: 0 !important;}
	.m-m1 {margin: 1em !important;}
	.m-m2 {margin: 2em !important;}

	.mx-m0 {margin-left: 0 !important; margin-right: 0 !important;}
	.mx-m1 {margin-left: 1em !important; margin-right: 1em !important;}
	.mx-m2 {margin-left: 2em !important; margin-right: 2em !important;}

	.ml-m0 {margin-left: 0 !important;}
	.ml-m1 {margin-left: 1em !important;}
	.ml-m2 {margin-left: 2em !important;}

	.mr-m0 {margin-right: 0 !important;}
	.mr-m1 {margin-right: 1em !important;}
	.mr-m2 {margin-right: 2em !important;}

	.my-m0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.my-m1 {margin-top: 1em !important; margin-bottom: 1em !important;}
	.my-m2 {margin-top: 2em !important; margin-bottom: 2em !important;}

	.mt-m0 {margin-top: 0 !important;}
	.mt-m1 {margin-top: 1em !important;}
	.mt-m2 {margin-top: 2em !important;}

	.mb-m0 {margin-bottom: 0 !important;}
	.mb-m1 {margin-bottom: 1em !important;}
	.mb-m2 {margin-bottom: 2em !important;}
}

@media (max-width:600px) {
	.p-s0 {padding: 0 !important;}
	.p-s1 {padding: 1em !important;}
	.p-s2 {padding: 2em !important;}

	.px-s0 {padding-left: 0 !important; padding-right: 0 !important;}
	.px-s1 {padding-left: 1em !important; padding-right: 1em !important;}
	.px-s2 {padding-left: 2em !important; padding-right: 2em !important;}

	.pl-s0 {padding-left: 0 !important;}
	.pl-s1 {padding-left: 1em !important;}
	.pl-s2 {padding-left: 2em !important;}

	.pr-s0 {padding-right: 0 !important;}
	.pr-s1 {padding-right: 1em !important;}
	.pr-s2 {padding-right: 2em !important;}

	.py-s0 {padding-top: 0 !important; padding-bottom: 0 !important;}
	.py-s1 {padding-top: 1em !important; padding-bottom: 1em !important;}
	.py-s2 {padding-top: 2em !important; padding-bottom: 2em !important;}

	.pt-s0 {padding-top: 0 !important;}
	.pt-s1 {padding-top: 1em !important;}
	.pt-s2 {padding-top: 2em !important;}

	.pb-s0 {padding-bottom: 0 !important;}
	.pb-s1 {padding-bottom: 1em !important;}
	.pb-s2 {padding-bottom: 2em !important;}

	.m-s0 {margin: 0 !important;}
	.m-s1 {margin: 1em !important;}
	.m-s2 {margin: 2em !important;}

	.mx-s0 {margin-left: 0 !important; margin-right: 0 !important;}
	.mx-s1 {margin-left: 1em !important; margin-right: 1em !important;}
	.mx-s2 {margin-left: 2em !important; margin-right: 2em !important;}

	.ml-s0 {margin-left: 0 !important;}
	.ml-s1 {margin-left: 1em !important;}
	.ml-s2 {margin-left: 2em !important;}

	.mr-s0 {margin-right: 0 !important;}
	.mr-s1 {margin-right: 1em !important;}
	.mr-s2 {margin-right: 2em !important;}

	.my-s0 {margin-top: 0 !important; margin-bottom: 0 !important;}
	.my-s1 {margin-top: 1em !important; margin-bottom: 1em !important;}
	.my-s2 {margin-top: 2em !important; margin-bottom: 2em !important;}

	.mt-s0 {margin-top: 0 !important;}
	.mt-s1 {margin-top: 1em !important;}
	.mt-s2 {margin-top: 2em !important;}

	.mb-s0 {margin-bottom: 0 !important;}
	.mb-s1 {margin-bottom: 1em !important;}
	.mb-s2 {margin-bottom: 2em !important;}
}



@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;}
}
/* more colors */
.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}

/* custom break point for y3-mobile */
@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%;
	}
}

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