
			/* styles for devtest */
			
			:root {
				/* fonts */
				--font-primary: 'Playfair Display', sans-serif;
				--font-secondary: 'Work Sans', sans-serif;
				/* backgrounds */
				--color-primary: #1A6942;
				--color-secondary: #008A41;
				--color-offset: #B08D40;
				--color-offset-text: #000000;
				--color-homebanner-gradient: #000;
				--color-body: #008A41;
				--color-footer: #1A6942;
				/* text colors */
				--color-primary-text: #FFFFFF;
				--color-secondary-text: #222222;
				--color-body-text: #222222;
				--color-footer-text: #FFFFFF;
				--color-heading-text: #1A6942;
				--color-homebanner-text: #FFFFFF;
				/* buttons */
				--btn-primary: #1A6942;
				--btn-primary-text: #FFFFFF;
				--btn-secondary: #333333;
				--btn-secondary-text: #FFFFFF;
			}
			@media (min-width: 0px) {
				body {
					font-family: var(--font-primary);
				}
				.identity-title-season,
				.nav-main-item-link {
					font-family: var(--font-secondary);
				}
				#topbar,
				.panel-title>a,
				.panel-title-anchor {
					background-color: var(--color-primary);
					color: var(--color-primary-text);
				}
				.mobile-action .fa,
				.identity-title,
				.nav-main-item-text,
				.auth .f.segments .segments-heading,
				/* mobile menu */
				.offcanvas-header .header-login,
				.offcanvas-header button .fa,
				.offcanvas-nav-item,
				.offcanvas-nav-item-child,
				/* mobile menu - active, hover, open */
				.offcanvas-nav-item:hover, 
				.offcanvas-nav-item:focus, 
				.offcanvas-nav-item:active, 
				.offcanvas-nav-item-child:hover, 
				.offcanvas-nav-item-child:focus, 
				.offcanvas-nav-item-child:active,
				.body-entries .entry-card .entry-card-caption h3,
				.body-entries .entry-card .entry-card-caption h4 {
					color: var(--color-primary-text);
				}
				.body-entries .entry-card .entry-card-caption {
					background-color: var(--color-primary);
				}
				.nav-main li.nav-main-item .nav-main-item-link:hover {
					background: var(--color-body);
				}
				.nav-main li.nav-main-item .nav-main-item-link:hover .nav-main-item-text {
					color: var(--color-body-text);
				}
				.home-preview-link {
					background: var(--color-secondary);
					color: var(--color-secondary-text);
				}
				.btn-primary {
					background-color: var(--btn-primary);
					color: var(--btn-primary-text);
					border-color: var(--btn-primary);
				}
				.btn-primary:hover {
					background-color: var(--color-body);
					border-color: var(--color-primary);
					color: var(--color-body-text);
				}
				.btn-secondary {
					background-color: var(--btn-secondary);
					color: var(--btn-secondary-text);
					border-color: var(--btn-secondary);
				}
				.btn-primary:hover {
					background-color: var(--color-body);
					border-color: var(--color-primary);
					color: var(--color-body-text);
				}
				.featured {
					background-color: var(--color-secondary);
					color: var(--color-secondary-text);
				}
					.featured-item {
						color: var(--color-secondary-text);
					}
					.featured-item:hover,
					.featured-item:active,
					.featured-item:focus {
						color: var(--color-offset);
					}
		
				main {
					background: #fff;
					color: #222;
				}
		
				.post-header {
					background: var(--color-secondary);
					color: #fff;
				}
					.post-header h1 {
						color: var(--color-secondary-text);
					}
		
				.h {
					margin-bottom: 0;
				}
				.h-wrap {
					background-color: var(--color-homebanner-gradient);
				}
					.h-wrap .h-picture {
						opacity: 0.5;
					}
				.h-title,
				.banner-title {
					color: var(--color-homebanner-text);
				}
				.h-text,
				.banner-desc {
					color: var(--color-homebanner-text);
				}
				.h-content .btn-primary,
				.banner .banner-cta .btn-primary.banner-btn {
					background-color: var(--color-offset);
					border-color: var(--color-offset);
					color: var(--color-offset-text);
				}
				.h-content .btn-primary:hover,
				.banner .banner-cta .btn-primary.banner-btn:hover {
					background-color: var(--btn-primary);
					border-color: var(--btn-primary);
					color: var(--btn-primary-text);
				}
		
				main h2,
				main h3,
				main h4,
				main h5,
				main h6,
				h2.h-heading,
				h3.h-heading,
				h4.h-heading {
					color: var(--color-heading-text);
				}
				.body-awards h4.h-heading,
				.body-awards h5.h-heading {
					padding: 16px 0;
				}
				
				.sidenav .nav > li.active > a,
				.sidenav .nav > li.active > a:hover {
					background: var(--color-primary);
					color: var(--color-primary-text);
				}
		
				.sponsors,
				.by {
					background: #fff;
				}
				.by a {
					color: #999;
				}
		
				.body-awards .h-heading .badge.desc {
					display: none;
				}
		
				footer {
					background: var(--color-footer);
					color: var(--color-footer-text);
				}
				footer .footer-heading,
				footer a,
				footer p,
				footer ul li,
				footer .contact-item,
				footer .contact-item-link {
					color: var(--color-footer-text);
				}
				footer a:hover,
				footer .contact-item-link:hover {
					color: var(--theme-body-text);
				}
				
				
				#offcanvas {
					background: var(--color-primary);
				}
			}
			@media (min-width: 768px) {
				.identity.wordmark .identity-title {
					color: var(--color-primary-text);
				}
				.nav-main .nav-main-item .nav-main-item-link:hover {
					background: var(--color-body);
					color: var(--color-body-text);
				}
					.nav-main .nav-main-item .nav-main-item-link:hover .nav-main-item-text {
						color: #fff;
					}
					/* hover and open menus */
					.nav-main .nav-main-item.show .nav-main-item-link[aria-expanded="true"] .nav-main-item-text,
					.nav-main .nav-main-item.show .nav-main-item-link:hover .nav-main-item-text {
						color: #333;
					}
					.nav-main li.nav-main-item.show .nav-main-item-child-menu.dropdown-menu li a:hover {
						background: var(--color-primary);
						color: var(--color-primary-text);
					}
			}
			@media (min-width: 992px) {
				.identity.wordmark .identity-img.logo-only {
					width: 320px;
				}
				/* logo position: beside */
				body.body-logo-beside .identity {
					padding-top: 12px;
				}
				body.body-logo-beside .header-inner {
					flex-direction: row;
				}
				body.body-logo-beside .identity.wordmark,
				body.body-logo-beside .identity.wordmark .identity-img.logo-only {
					flex-grow: 0;
					flex-shrink: 0;
					width: 200px;
				}
				body.body-logo-beside .nav-main {
					flex-grow: 1;
					flex-shrink: 1;
				}
			}
			@media (min-width: 1200px) {
				.identity-title {
					max-width: none;
				}
			}
			.sponsor-signup .list-group-item label input {height: 18px;} .label-text small { display: block; margin-top: 0.5em;}