:root {
  --cc-color-dark: #2b2b2b;
  --cc-color-black: #212121;
  --cc-color-green: #859755;
  --cc-color-muted: #EDEDED;
  --cc-color-blue: #293A63;
  --cc-color-gray: #4D4D4D;
  --cc-color-powder: #5F727F;
  --cc-color-purple: #3B3950;
  --cc-color-copper: #855737;
  --cc-color-pink: #D17280;
  --cc-color-red: #A84150;
  --cc-color-white: #fff;
}
html {min-width: 300px;min-height: 300px;}

/* Custom Font Declaration */
	/* marker */
	@font-face {
	font-family: "stephileregular";
	src: url("../fonts/stephile-script-webfont.woff2") format("woff2"),
		url("../fonts/stephile-script-webfont.woff") format("woff");
	font-weight: normal;
	font-style: normal;
	}

	/* Playfair *//*
	@font-face {
		font-family: 'playfair_displaybold_italic';
		src: url('../fonts/playfairdisplay-bolditalic-webfont.woff2') format('woff2'),
			url('../fonts/playfairdisplay-bolditalic-webfont.woff') format('woff');
		font-weight: normal;
		font-style: normal;
	}*/


/* Utility Classes */
.cc-disp-inline {display: inline;}
.cc-disp-block {display: block;}
.cc-disp-inline-block {display: inline-block;}
.cc-disp-flex {display: flex;}
.cc-disp-inline-flex {display: inline-flex;}
.cc-disp-grid {display: grid;}
.cc-disp-inline-grid {display: inline-grid;}
.cc-disp-none {display: none;}
.cc-uppercase {text-transform: uppercase;}
.cc-padding-x1 {padding-left: 1px; padding-right: 1px;}
.cc-padding-x2 {padding-left: 2px; padding-right: 2px;}
.cc-padding-x4 {padding-left: 4px; padding-right: 4px;}
.cc-padding-x8 {padding-left: 8px; padding-right: 8px;}
.cc-padding-x10 {padding-left: 10px; padding-right: 10px;}
.cc-padding-x16 {padding-left: 16px; padding-right: 16px;}
.cc-padding-y1 {padding-top: 1px; padding-bottom: 1px;}
.cc-padding-y2 {padding-top: 2px; padding-bottom: 2px;}
.cc-padding-y4 {padding-top: 4px; padding-bottom: 4px;}
.cc-padding-y8 {padding-top: 8px; padding-bottom: 8px;}
.cc-padding-y10 {padding-top: 10px; padding-bottom: 10px;}
.cc-padding-y16 {padding-top: 16px; padding-bottom: 16px;}
.cc-padding-1 {padding: 1px;}
.cc-padding-2 {padding: 2px;}
.cc-padding-4 {padding: 4px;}
.cc-padding-8 {padding: 8px;}
.cc-padding-10 {padding: 10px;}
.cc-padding-16 {padding: 16px;}
.cc-padding-t1 {padding-top: 1px;}
.cc-padding-t2 {padding-top: 2px;}
.cc-padding-t4 {padding-top: 4px;}
.cc-padding-t8 {padding-top: 8px;}
.cc-padding-t10 {padding-top: 10px;}
.cc-padding-t16 {padding-top: 16px;}
.cc-padding-r1 {padding-right: 1px;}
.cc-padding-r2 {padding-right: 2px;}
.cc-padding-r4 {padding-right: 4px;}
.cc-padding-r8 {padding-right: 8px;}
.cc-padding-r10 {padding-right: 10px;}
.cc-padding-r16 {padding-right: 16px;}
.cc-padding-b1 {padding-bottom: 1px;}
.cc-padding-b2 {padding-bottom: 2px;}
.cc-padding-b4 {padding-bottom: 4px;}
.cc-padding-b8 {padding-bottom: 8px;}
.cc-padding-b10 {padding-bottom: 10px;}
.cc-padding-b16 {padding-bottom: 16px;}
.cc-padding-l1 {padding-left: 1px;}
.cc-padding-l2 {padding-left: 2px;}
.cc-padding-l4 {padding-left: 4px;}
.cc-padding-l8 {padding-left: 8px;}
.cc-padding-l10 {padding-left: 10px;}
.cc-padding-l16 {padding-left: 16px;}

/* Colors */
.cc-bg-transparent {background-color: transparent;}
.cc-bg-dark {background-color: var(--cc-color-dark);}
.cc-bg-black {background-color: var(--cc-color-black);}
.cc-bg-green {background-color: var(--cc-color-green);}
.cc-bg-muted {background-color: var(--cc-color-muted);}
.cc-bg-blue {background-color: var(--cc-color-blue);}
.cc-bg-gray {background-color: var(--cc-color-gray);}
.cc-bg-powder {background-color: var(--cc-color-powder);}
.cc-bg-purple {background-color: var(--cc-color-purple);}
.cc-bg-copper {background-color: var(--cc-color-copper);}
.cc-bg-pink {background-color: var(--cc-color-pink);}
.cc-bg-red {background-color: var(--cc-color-red);}
.cc-bg-white {background-color: var(--cc-color-white);}
.cc-txt-dark {color: var(--cc-color-dark);}
.cc-txt-black {color: var(--cc-color-black);}
.cc-txt-green {color: var(--cc-color-green);}
.cc-txt-muted {color: var(--cc-color-muted);}
.cc-txt-blue {color: var(--cc-color-blue);}
.cc-txt-gray {color: var(--cc-color-gray);}
.cc-txt-powder {color: var(--cc-color-powder);}
.cc-txt-purple {color: var(--cc-color-purple);}
.cc-txt-copper {color: var(--cc-color-copper);}
.cc-txt-pink {color: var(--cc-color-pink);}
.cc-txt-red {color: var(--cc-color-red);}
.cc-txt-white {color: var(--cc-color-white);}

/* backgrounds */
.cc-bg-youth-3 { background-image:url(../img/bg/bg-youth-3.png)}
.cc-bg-distress-2 {background-image:url(../img/bg/bg-distress-2.png)}
.cc-bg-distress-3 {background-image:url(../img/bg/bg-distress-3.png)}
.cc-bg-distress-4 {background-image:url(../img/bg/bg-distress-4.png)}
.cc-bg-distress-5 {background-image:url(../img/bg/bg-distress-5.png)}
.cc-bg-distress-6 {background-image:url(../img/bg/bg-distress-6.png)}
.cc-bg-distress-7 {background-image:url(../img/bg/bg-distress-7.png)}
.cc-bg-distress-8 {background-image:url(../img/bg/bg-distress-8.png)}
.cc-bg-distress-9 {background-image:url(../img/bg/bg-distress-9.png)}
.cc-bg-distress-10 {background-image:url(../img/bg/bg-distress-10.png)}
.cc-bg-distress-11 {background-image:url(../img/bg/bg-distress-11.png)}
.cc-bg-topo-1 {background-image:url(../img/bg/bg-topo-1.jpg)}
.cc-bg-topo-2 {background-image:url(../img/bg/bg-topo-2.jpg)}
.cc-bg-topo-3 {background-image:url(../img/bg/bg-topo-3.jpg)}
.cc-bg-topo-4 {background-image:url(../img/bg/bg-topo-4.jpg)}
.cc-bg-topo-5 {background-image:url(../img/bg/bg-topo-5.jpg)}
.cc-bg-topo-6 {background-image:url(../img/bg/bg-topo-6.jpg)}
.cc-bg-topo-7 {background-image:url(../img/bg/bg-topo-7.jpg)}
.cc-bg-topo-8 {background-image:url(../img/bg/bg-topo-8.jpg)}
.cc-bg-topo-9 {background-image:url(../img/bg/bg-topo-9.jpg)}
.cc-bg-youth-1 {background-image:url(../img/bg/bg-youth-1.png)}
.cc-bg-youth-2 {background-image:url(../img/bg/bg-youth-2.png)}
.cc-bg-distress-1 {background-image:url(../img/bg/bg-distress-1.png)}
.cc-bg-repeat {background-repeat:repeat}
.cc-bg-cover {background-size:cover}
.cc-bg-fixed {background-attachment:fixed}

/* hide utilities */
/* hide width down */
@media (max-width:639px){.h-sd{display:none!important}}
@media (max-width:959px){.h-md{display:none!important}}
@media (max-width:1199px){.h-ld{display:none!important}}
@media (max-width:1599px){.h-xld{display:none!important}}
/* hide width up */
@media (min-width:640px){.h-s{display:none!important}}
@media (min-width:960px){.h-m{display:none!important}}
@media (min-width:1200px){.h-l{display:none!important}}
@media (min-width:1600px){.h-xl{display:none!important}}


/* animations */
@keyframes infinite-move-horizontal {0%{background-position:0 0}100%{background-position:100% 0}}
@keyframes infinite-move-vertical {0%{background-position:0 0}100%{background-position:0 100%}}
.cc-bg-infinite-horizontal {background-repeat:repeat-x;animation:infinite-move-horizontal 70s linear infinite;}
.cc-bg-infinite-vertical {background-repeat:repeat-y;animation:infinite-move-vertical 70s linear infinite;}
@media (max-width: 480px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 200s linear infinite;}}
@media (min-width: 481px) and (max-width: 768px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 160s linear infinite;}}
@media (min-width: 769px) and (max-width: 1024px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 120s linear infinite;}}
@media (min-width: 1025px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 90s linear infinite;}}
@media (min-width: 1400px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 70s linear infinite;}}
@media (min-width: 1600px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 50s linear infinite;}}
@media (min-width: 1900px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 30s linear infinite;}}
@media (min-width: 2200px) {.cc-bg-infinite-horizontal {animation: infinite-move-horizontal 20s linear infinite;}}


/* YooTheme Elements */
	/* Navbar */
	@media (max-width: 1200px) and (min-width: 640px) {
		.uk-navbar-right .uk-navbar-nav {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
			justify-content: flex-end;
		}

	.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 30px;}
	.uk-navbar-right .uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {max-width:85px;line-height: 1.1;font-size: 14px;}
	.uk-search-icon {display: none;}
	}
	@media (max-width: 640px) {.uk-navbar-item, .uk-navbar-nav>li>a, .uk-navbar-toggle {min-height: 80px;}}

	.pco_groups_menu_item .el-title {font-size:11px;line-height:1.15;padding-top:3px}
	.pco_groups_menu_item  .el-meta {font-size:11px;line-height:1.15;padding-top:3px}
	.pco_groups_menu_item {padding-bottom:13px}
	.pco_events_menu_item .el-title {font-size:11px;line-height:1.15;padding-top:3px}
	.pco_events_menu_item  .el-meta {font-size:11px;line-height:1.15;padding-top:3px}
	.pco_events_menu_item {padding-bottom:13px}


	/* Links & Buttons */
	.el-link {line-height:1.25;padding:10px 18px}
	.uk-grid .el-item:hover .el-link, 
	.uk-panel:hover .el-link {transform:scale(1.05);transition:all ease .2s;}
	footer .uk-panel:hover .el-link,
	.uk-dropbar .uk-panel:hover .el-link {transform:none}
	.uk-card-default .el-link {background-color:var(--cc-color-white);color:var(--cc-color-dark)}
	.uk-card-default .el-link:hover {background-color:var(--cc-color-dark);color:var(--cc-color-white)}
	.uk-panel.uk-tile-default:hover .el-link {background-color:var(--cc-color-white);color:var(--cc-color-dark)}

	/* Small color block tags */
	.grid-tag-title-green .el-title {
		text-transform: uppercase;padding: 0 10px;display: inline-block;margin:0 0 10px;
		color: var(--cc-color-dark) !important;
		background-color: var(--cc-color-green);
	}
	.grid-tag-title-dark .el-title {
		text-transform: uppercase;padding: 0 10px;display: inline-block;margin:0 0 10px;
		color: var(--cc-color-white) !important;
		background-color: var(--cc-color-dark);
	}
	.tag {text-transform: uppercase;padding: 0 10px;display: inline-block;margin:0 0 10px;}
	.tag-green {
	color: var(--cc-color-black);
	background-color: var(--cc-color-green);
	}
	.tag-dark {
	color: var(--cc-color-white);
	background-color: var(--cc-color-dark);
	}

	/* Top Toolbar */
	.tm-toolbar-default .uk-icon-link {color: var(--cc-color-green)!important}



/* Plugin Elements */
	/* WPMU Dev */
	.hustle-inline-content .hustle-social {padding:0!important}
	.hustle-inline-content .hustle-social:before {content: "Share This:";padding:3px 12px 0 0}
	@media (max-width:1259px){.hustle-ui.hustle-inline .hustle-inline-content{text-align: center;}}


/* Specific Implementations */
	/* Service Times */
	.service-times-element .el-image {position:absolute;top:16px;right:20px;display:none;}
	@media (min-width:250px){.service-times-element .el-image {display: block;}}
	@media (min-width:1200px){.service-times-element .el-image {top:50px;right:65px}}



	/* Glitch Text Effects */
	.glitch {display: grid; grid-template-columns: 1fr;}
	.glitch span {
	font-weight: bold; grid-row-start: 1; grid-column-start: 1;
	--stack-height: calc(100% / var(--stacks) - 1px);
	--inverse-index: calc(var(--stacks) - 1 - var(--index));
	--clip-top: calc(var(--stack-height) * var(--index));
	--clip-bottom: calc(var(--stack-height) * var(--inverse-index));
	clip-path: inset(var(--clip-top) 0 var(--clip-bottom) 0);
	animation: stack 340ms cubic-bezier(.46,.29,0,1.24) 1 backwards calc(var(--index) * 120ms), glitch 2s ease infinite 2s alternate-reverse;
	}
	.glitch span:nth-child(odd) {--glitch-translate: 8px;}
	.glitch span:nth-child(even) {--glitch-translate: -8px;}
	@keyframes stack {
	0% {opacity: 0; transform: translateX(-50%); text-shadow: -2px 3px 0 red, 2px -3px 0 blue;}
	60% {opacity: 0.5; transform: translateX(50%);}
	80% {transform: none; opacity: 1; text-shadow: 2px -3px 0 red, -2px 3px 0 blue;}
	100% {text-shadow: none;}
	}
	@keyframes glitch {
	0% {text-shadow: -2px 3px 0 red, 2px -3px 0 blue; transform: translate(var(--glitch-translate));}
	2% {text-shadow: 2px -3px 0 red, -2px 3px 0 blue;}
	4%, 100% {text-shadow: none; transform: none;}
	}
	@media (max-width: 768px) {.glitch span {font-size: 3rem;}}
	@media (max-width: 480px) {.glitch span {font-size: 2rem;}}