/* NROCRC Stylesheet */
/* Brian Pirie – www.chromaticnorth.com */



/* ---------------------------------------------------------------------------------- */
/* CSS RESET */

* {
	margin: 0;
	padding: 0;
	border: 0;
}



/* ---------------------------------------------------------------------------------- */
/* FONT FACES */

@font-face {
    font-family: 'deliciousbold';
    src: url('../fonts/delicious-bold-webfont.woff2') format('woff2'),
         url('../fonts/delicious-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'deliciousbold_italic';
    src: url('../fonts/delicious-bolditalic-webfont.woff2') format('woff2'),
         url('../fonts/delicious-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'delicious_heavyregular';
    src: url('../fonts/delicious-heavy-webfont.woff2') format('woff2'),
         url('../fonts/delicious-heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'deliciousitalic';
    src: url('../fonts/delicious-italic-webfont.woff2') format('woff2'),
         url('../fonts/delicious-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'deliciousroman';
    src: url('../fonts/delicious-roman-webfont.woff2') format('woff2'),
         url('../fonts/delicious-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'delicious_smallcapsregular';
    src: url('../fonts/delicious-smallcaps-webfont.woff2') format('woff2'),
         url('../fonts/delicious-smallcaps-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



/* ---------------------------------------------------------------------------------- */
/* FONT SIZING HIERARCHY */

/* S: 13/18px */

.small, footer, .home-news .event-when {
	font-size: 0.8125em;
	line-height: 1.3846153846153846em;
}

/* M: 16/24px */

body {
	font-family: georgia;
	font-size: 1em;
	line-height: 1.5em;
	-webkit-text-size-adjust: 100%;
}

/* L: 21/28px */

.category-title, .introtext {
	font-size: 1.3125em;
	line-height: 1.33333333333333em;
}

/* XL: 26/36px */

h2, .label-title {
	font-size: 1.625em;
	line-height: 1.3846153846153846em;
}

/* XXL: 42/48px */

h1 {
	font-size: 2.625em;
	line-height: 1.1428571428571428em;
}

/* XXXL: 68/72px */

.xxxl {
	font-size: 4.25em;
	line-height: 1.0588235294117647em;
}



/* ---------------------------------------------------------------------------------- */
/* RESPONSIVE LAYOUT */

/* Use border-box for fixed-width padding on fluid columns */

* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box; *behavior: url(/scripts/boxsizing.htc);
}

/* Rows as containers for columns that get stacked on small screens */

.row {
	max-width: 960px;
	min-width: 768px; /* Fallback for no media queries */
	margin: 0 auto;
	padding: 0 12px; /* Additional outer padding in addition to gutters on each column */
}

.column, .columns {
	float: left;
	min-height: 1px;
	padding: 0 12px; /* Gutters stay fixed width, while columns are fluid in width */
	position: relative;
}
 
.one.column { width: 8.33%; }
.two.columns { width: 16.66%; }
.three.columns { width: 25%; }
.four.columns { width: 33.33%; }
.five.columns { width: 41.66%; }
.six.columns { width: 50%; }
.seven.columns { width: 58.33%; }
.eight.columns { width: 66.66%; }
.nine.columns { width: 75%; }
.ten.columns { width: 83.33%; }
.eleven.columns { width: 91.66%; }
.twelve.columns { width: 100%; }

/* Clear containers to full height of tallest floated element */

.row:before, .row:after,
.category-row:before, .category-row:after;
clearfix:before, .clearfix:after {
	content: "";
	display: table;
}

.row:after, .category-row:after, .clearfix:after {
	clear: both;
}

.row, .category-row, .clearfix {
	zoom: 1;
	width: 100%;
	overflow: hidden;
}

/* Right-align last column */

[class*="column"] + [class*="column"]:last-child { float: right; }
[class*="column"] + [class*="column"].end { float: left; }

/* Support for nesting */

.row .row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -12px;
}

/* Responsive high-DPI (retina) images */

img {
	-ms-interpolation-mode: bicubic;
	max-width: 100%;
	height: auto;
}



/* COLLAPSE LAYOUT FOR SMALL SCREENS E.G. MOBILE PHONES */

@media only screen and (max-width: 767px) {
	/* Make rows full width and unfloat columns so they are stacked */
	
	.row {
		width: auto;
		min-width: 0;
		margin-left: 0;
		margin-right: 0;
		padding: 0;
	}
 
	.column, .columns {
		width: auto !important;
		float: none;
	}

	.column:last-child, .columns:last-child {
		float: none;
	}
 
	.column:before, .columns:before, .column:after, .columns:after {
		content: "";
		display: table;
	}
	.column:after, .columns:after {
		clear: both;
	}

	[class*="column"] + [class*="column"]:last-child { float: none; }

	/* Elements that don't appear on small screens */
	.not-small-screen {
		display: none;
	}
}



/* ---------------------------------------------------------------------------------- */
/* LAYOUT POSITIONING, SIZING, GENERAL STYLING */


/* HEADER AREA */

header {
	height: 3em;
}


/* MAIN MENU */

#menu-bar {
	height: 3em;
	font-family: 'deliciousbold';
	text-transform: uppercase;
}

ul.main-menu {
	float: right;
	list-style: none;
}

ul.main-menu li {
	float: left;
	padding-left: 1em;
	height: 3em;
	line-height: 3em;
}

.main-menu a:link, .main-menu a:visited, .main-menu a:hover, .main-menu a:active {
	display: block;
	margin-top: 0.5em;
	height: 2em;
	line-height: 2em;
	padding-left: .5em;
	padding-right: .5em;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: background .15s ease-out;
	-webkit-transition: background .15s ease-out;
}

.main-menu img {
	width: 24px;
	height: 16px;
	vertical-align: -10%;
}



/* SECTION MENU */

#sidebar h2 {
	margin-top: .5em;
}

ul.section-menu {
	list-style: none;
	font-family: 'deliciousbold';
	text-transform: uppercase;
}

ul.section-menu li {
	display: block;
	width: 100%;
	margin-bottom: 0.5em;
}

.section-menu a:link, .section-menu a:visited, .section-menu a:hover, .section-menu a:active  {
	display: block;
	width: 100%;
	padding: 0.25em 0.5em 0.25em;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration: none;
	background: #f0f0f0;
}


/* LOGO ROW */

#logo-area {
	padding-top: 1em;
	padding-bottom: 1em;
}

#logo {
	float: left;
	width: 18em;
	margin-bottom: 1em;
}

#donate-area {
	float: right;
	position: relative;
	width: 10em;
}

#donate-area img {
	z-order: -1;
	position: absolute;
	right: 0;
/*
	width: 10em;
	top: .75em;
*/
	width: 7em;
	top: 0em;
}

#donate-button {
	position: absolute;
	right: 0;
	top: 3.25em;
	font-family: 'deliciousbold';
	text-transform: uppercase;
}

a#donate-button:link, a#donate-button:visited,
a#donate-button:hover, a#donate-button:active {
	display: block;
	height: 2em;
	line-height: 2em;
	padding-left: 1em;
	padding-right: 1em;
	text-decoration: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	transition: background .15s ease-out;
	-webkit-transition: background .15s ease-out;
}



/* FOOTER */

html, body, * html #page {
	height: 100%;
}

#page {
	min-height: 100%;
	position: relative;
}

.content {
	padding-bottom: 2em;
}

#content-area {
	padding-bottom: 13em;
	overflow: hidden;
	width: 100%;
}

#content-area:after {
	content: " ";
	display: block;
	clear: both;
}

footer {
	position: absolute;
	width: 100%;
	bottom: 0;
	height: 13em;
	color: white;
	clear: both;
    font-family: 'deliciousroman';
	padding-top: 1em;
}

.footer-title {
    font-family: 'delicious_heavyregular';
	font-size: 1.5em;
	margin-bottom: .25em;
}

.footer-social a {
	text-decoration: none;
	font-size: 24px;
	padding-right: 6px;
}

@media only screen and (max-width: 767px) {
	a.other-locations {
		display: block;
		margin-bottom: 1.5em;
	}
}

#search-box {
	margin-bottom: 1em;
}

#search-input {
	height: 3em;
	padding-left: .5em;
	width: 100%;
}

#sponsor-carousel {
	width: 100%;
	height: 5em;
}

#sponsor-carousel .slide {
	width: 10em;
	height: 5em;
}

#rainbow {
	margin-top: 2em;
	margin-bottom: 1em;
}

#facebook, #twitter {
	font-size: 1.25em;
}

#facebook img, #twitter img {
	vertical-align: middle;
}

#facebook {
	margin-top: .25em;
}



/* SEARCH RESULTS */

.ajaxSearch_result {
	margin-top: 20px;
}

a.ajaxSearch_resultLink {
	text-decoration: underline;
	font-size: 16px;
}

.ajaxSearch_highlight {
	font-weight: bold;
}



/* HEADINGS, INTROTEXT, ETC */

h1 {
	margin-bottom: .5em;
	font-family: 'delicious_heavyregular';
	font-weight: normal;
}

h2 {
	margin-top: 2em;
	margin-bottom: .5em;
	font-family: 'delicious_heavyregular';
	font-weight: normal;
}

.location-info h2 {
	margin-top: 0;
}

h3 {
	margin-top: 1em;
	margin-bottom: .5em;
	font-family: 'delicious_heavyregular';
	font-weight: normal;
}

.introtext {
	padding-bottom: 1em;
}

.content ul li {
	margin-left: 1.5em;
	list-style: disc outside;
}



/* HOME PAGE CAROUSEL */

#home-carousel {
	margin-bottom: 1.5em;
	width: 100%;
	height: 16em;
}

#home-carousel .slide {
	height: 16em;
	width: 100%;
}

#home-carousel .slide a {
	display: block;
	position: relative;
}

.label-top-left {
	display: block;
	position: absolute;
	left: 0.5em;
	width: 50%;
	top: 0.5em;
}

.label-top-right {
	display: block;
	position: absolute;
	width: 50%;
	right: 0.5em;
	top: 0.5em;
	text-align: right;
}

.label-bottom-left {
	display: block;
	position: absolute;
	width: 50%;
	left: 0.5em;
	bottom: 0.25em;
}

.label-bottom-right {
	display: block;
	position: absolute;
	width: 50%;
	right: 0.5em;
	bottom: 0.25em;
	text-align: right;
}

a .label-black {
	color: black;
}

a .label-white {
	color: white;
}

.label-title {
	display: block;
	font-family: 'deliciousbold';
	line-height: 100%;
	margin-bottom: 0.25em;
	z-index: 1000;
}

.label-intro {
	display: block;
	font-family: 'delicious_heavyregular';
	margin-bottom: 1em;
	line-height: 100%;
	z-index: 1000;
}

.label-more {
	font-family: 'deliciousbold';
	color: white;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: .25em .5em;
	text-transform: uppercase;
	z-index: 1000;
}

.generic-slide img {
	display: block;
	min-width: 960px;
}

#slide-main img {
	display: block;
	width: 480px;
	margin-left: auto;
	margin-right: auto;
}



/* CATEGORY LIST */

.category-row {
	width: auto;
	max-width: none;
	min-width: 0;
	margin: 0 -12px;
}

.category-summary {
	width: 25%;
	float: left;
	margin-bottom: 1.5em;
	padding: 0 12px;
}

.category-summary a:link, .category-summary a:visited,
.category-summary a:hover, .category-summary a:active {
	display: block;
	text-decoration: none;
	color: white;
}

.category-title {
	display: block;
	height: 2.5em;
	padding: .25em .5em .25em;
	margin-top: -0.5em;
/*    font-family: 'delicious_heavyregular'; */
	font-family: 'deliciousbold';
	line-height: 100%;
}



/* MAIN COVID PAGE */

.covid-section {
}

#covid-section-logo {
	padding-top: 2em;
	text-align: center;
}

#covid-section-logo #logo {
	float: none;
	display: inline-block;
}

#covid-section-connect {
	position: relative;
}

.covid-section-connect-heading {
	font-family: 'deliciousbold';
	margin-top: 2em;
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 2px;
	color: white;
}

.covid-section-connect-text {
	text-align: center;
	color: white;
}

.covid-section-connect-text h2 {
	margin-top: 0;
}

#covid-section-connect-image {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-image: url(../images/banners/phone-in-hand.jpg); /* phone-in-hand.jpg */
	background-size: cover;
	background-repeat: no-repeat;
}

#covid-section-connect-backdrop {
	position: absolute;
	left: 0;
	top: 0;
	right: 0;
	bottom: 0;
	background-color: #81b822;
	opacity: 0.75;
}

#covid-section-connect #donate-button {
	padding: .5em;
	font-size: 26px;
	position: relative;
	right: auto;
	top: auto;
	margin: 1em auto;
	width: 8em;
	text-align: center;
	line-height: normal;
}

.covid-social-links {
	text-align: center;
	margin-bottom: 1em;
}

.covid-social-links a:link, .covid-social-links a:visited,
.covid-social-links a:hover, .covid-social-links a:active {
	display: inline-block;
	border-radius: 100%;
	width: 1.75em;
	height: 1.75em;
	line-height: 1.75em;
	background-color: #81b822;
	color: white;
	font-size: 36px;
	margin: .25em;
}

.covid-ads {
	margin: 1em auto;
	width: 652px;
	overflow: hidden;
}

@media only screen and (max-width: 640px) {
	.covid-ads {
		width: 328px;
	}
}

.covid-ads div {
	width: 300px;
	margin: 0 12px;
	float: left;
}

#covid-section-news {
}

#covid-section-news h1, #covid-section-resources h1, #covid-section-help h1 {
	margin-top: 1em;
	margin-bottom: 1em;
	text-align: center;
}

#covid-section-resources {
	background-color: #f7f7f7;
}

.new-container {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
}

.covid-summary {
	flex: 0 0 32%;
	box-sizing: border-box;
	padding: 12px 12px;
	background-color: black;
}

@media (max-width: 640px) {
  .covid-summary {
	flex: 0 0 100%; /* Full width on small screens */
  }
}

.covid-summary a:link, .covid-summary a:visited,
.covid-summary a:hover, .covid-summary a:active {
	display: block;
	text-decoration: none;
	color: white;
}

.covid-summary-text {
}

.covid-summary-title {
	font-family: 'deliciousbold';
	font-size: 26px;
	line-height: 28px;
	margin-bottom: 8px;
}

.covid-summary-intro {
}

.covid-summary-more {
	font-family: 'deliciousbold';
	display: block;
	border-radius: 3px;
	background-color: #81b822;
	width: 60px;
	text-align: center;
}

#covid-summary-470, #covid-summary-494  {
	text-align: right;
}



/* GENERAL NEWS PAGE */

#content-area .event-when {
}



/* HOME NEWS BOX */

.home-highlights {
	padding-top: 1em;
	padding-bottom: 3em;
}

.home-highlights .news-item a {
	font-size: 1.333em;
	text-decoration: none;
	font-family: 'deliciousbold';
}

.home-highlights .news-intro {
}

.home-highlights .news-item, .home-highlights .event {
	padding-top: .5em;
	padding-bottom: .5em;
	border-top: 1px solid white;
}

.home-highlights .news-item:first-child, .home-highlights .event:first-child  {
	border-top: none;
}

.home-highlights .event a {
	font-size: 1.333em;
	text-decoration: none;
	font-family: 'deliciousbold';
}

.home-highlights .event {
	width: 100%;
	overflow: hidden;
}

.home-highlights .event-when {
	float: left;
	text-align: center;
	width: 5em;
	margin-right: 1em;
}

.home-highlights .event-date {
	background: white;
	color: #185882;
	width: 5em;
	margin-left: 0em;
	height: 4.5em;
	padding-top: .5em;
	border-radius: 2px;
}

.home-highlights .event-day {
	font-size: 2.625em;
}

.home-highlights .event-time {
	padding-top: .25em;
	left: 0;
}

.home-news {
	position: relative;
	font-family: 'deliciousroman';
}

.home-news h2 {
	color: white;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	margin-top: 0;
	margin-bottom: .5em;
	background-color: #fdbd32;
	padding: .4em .5em .4em;
}

#home-news-bubblearrow {
	position: absolute;
	left: 1.5em;
	top: 3.5em;
	z-order: 10;
	width: 20px;
	height: 20px;
}

#home-news-content {
	padding: 0.25em .75em 1em;
}

#home-news-content a:link, #home-news-content a:visited, 
#home-news-content a:hover, #home-news-content a:active {
	color: white;
}

.more-news {
	display: block;
	margin-top: 1em;
    font-family: 'delicious_heavyregular';
}


/* SERVICE LIST */

.service-summary {
	margin-bottom: 1.5em;
}

.service-thumbnail {
	width: 33.3333%;
	float: left;
	padding-right: 12px;
}

.service-details {
	width: 66.6667%;
	float: left;
	padding-left: 12px;
}



/* ---------------------------------------------------------------------------------- */
/* SITE THEME COLORS */

/* BLUE */

a:link, a:visited, a:hover, a:active {
	color: #0a578a;
}


/* MAIN GREEN ELEMENTS */

header {
	background-color: #81b822;
}

.main-menu a:link, .main-menu a:visited, .main-menu a:hover, .main-menu a:active {
	color: white;
}

.main-menu li.active a:link, .main-menu li.active a:visited,
.main-menu li.active a:hover, .main-menu li.active a:active {
	background-color: #9aca27;
	color: white;
}

.main-menu a:hover, .main-menu a:active {
	background-color: #75ad20;
}

a#donate-button:link, a#donate-button:visited,
a#donate-button:hover, a#donate-button:active {
	color: white;
	background-color: #81b822;
}

a#donate-button:hover, a#donate-button:active {
	background-color: #9aca27;
}

.home-news h2, .label-more {
	background-color: #81b822;
}

#home-news-content h3 {
	color: white;
}

h1, .content h2, .content h3, #sidebar h2 {
	color: #81b822;
}


/* BLUE BACKGROUND */


.category-title, 
footer {
	background-color: #125784;
}

.section-menu li.active a:link, 
.section-menu li.active a:visited, 
.section-menu li.active a:hover, 
.section-menu li.active a:active,
#home-news-content {
	color: white;
	background-color: #125784;
}



/* FOOTER LINKS */

footer a:link, footer a:visited {
	color: white;
}

footer a:hover, footer a:active {
	color: #fdbd32;
}



/* GREY MARGIN */
body {
	background: #f8f8f8;
}

.row {
	background: white;
}

header .row, footer .row {
	background: transparent;
}




/* ---------------------------------------------------------------------------------- */
/* SPECIFIC MOBILE ADJUSTMENTS */

@media only screen and (max-width: 959px) {
	.category-title {
		font-size: 1em;
		line-height: 1em;
	}
}


@media only screen and (max-width: 767px) {

	/* MAIN MENU */

	ul.main-menu li {
		font-size: 0.8125em;
		line-height: 1.3846153846153846em;
		padding-left: 0;
		padding-top: 0.5em;
		height: 3em;
		line-height: 3em;
	}

	.main-menu a:link, .main-menu a:visited, .main-menu a:hover, .main-menu a:active {
		height: 2em;
		line-height: 2em;
	}

	.main-menu img {
		display: none;
	}


	/* LOGO AREA */

	#logo {
		width: 10em;
	}

	#donate-area img {
		display: none;
	}

	#donate-button {
		top: 0;
	}


    /* FOOTER */

	footer {
		height: 30em;
	}

	#content-area {
		padding-bottom: 30em;
	}

	.mini-map {
		display: none;
	}


	/* HOME PAGE */

	#home-carousel, #home-carousel .slide {
		height: 12em;
	}

	.label-bottom-left , .label-bottom-right {
		top: 0.25em;
		bottom: auto;
	}


	/* SECTION MENU */
	.section-menu a:link, .section-menu a:visited, .section-menu a:hover, .section-menu a:active  {
		height: 3em;
		line-height: 2.5em;
	}
}


@media only screen and (max-width: 520px) {
	.category-summary {
		width: 50%;
	}
}


/* ---------------------------------------------------------------------------------- */
/* EARRS PAGE */

.earrs-header h2 {
	margin-bottom: 0;
	padding-bottom: 0;
}

.earrs-subtitle {
	margin-top: -1em;
	color: #81b822;
	font-family: 'deliciousbold';
	font-size: 1.618em;
	line-height: 1.8em;
}

.earrs-resource {
}

img.earrs-resource-logo {
	width: 12em;
}

.earrs-more {
	display: none;
}

.earrs-resource p {
	margin-bottom: 1em;
}

.earrs-resource ul {
	margin-left: 2em;
}

.earrs-resource-buttons {
	margin-top: .5em;
	margin-bottom: 3em;
	padding-top: 1em;
	border-top: 1px solid #eee;
	width: 100%;
	overflow: hidden;
}

a.earrs-button {
	text-decoration: none;
	display: block;
	background-color: #81b822;
	color: white;
	padding: 0.25em;
	font-family: 'deliciousbold';
	width: 6em;
	text-transform: uppercase;
	text-align: center;
	border-radius: 3px;
	margin-right: 1em;
	cursor: pointer;
}

.earrs-resource-buttons a.earrs-button {
	float: left;
}

	background-color: #81b822;
}

a.earrs-button:hover {
	background-color: #9aca27;
}

a.earrs-button.clicked {
	background-color: #eee !important;
	cursor: default;
}

.earrs-section {
	width: 100%:
	overflow: none;
	margin-top: 4em;
}

.call-to-action {
	background-color: #81b822;
	color: white;
	width: 100%;
	padding: 1em;
	text-align: center;
	margin-bottom: 2em;
}

.call-to-action h2 {
	color: white;
	margin: 0;
	margin-bottom: 1em;
}

.cta-prehead {
	font-family: 'deliciousbold';
	text-transform: uppercase;
}

a.cta-button {
	display: block;
	margin: 0 auto;
	width: 10em;
	color: white;
	text-decoration: none;
	padding: .25em;
	text-align: center;
	border: 3px solid white;
	border-radius: 4px;
	font-family: 'deliciousbold';
	text-transform: uppercase;
}




/* Job listings */

.job {
	margin-bottom: 24px;
}



/* Income tax form */

.questionnaire ul {
	margin-bottom: 1.5em;
}

.questionnaire ul li {
	margin-left: 1.5em;
}

.questionnaire p {
	margin-bottom: 1.5em;
}

.questionnaire input, .questionnaire textarea {
	border: 1px solid #ddd;
	padding: 8px;
	margin-bottom: 16px;
}

.questionnaire input[type=submit] {
	border: none;
	padding: .75em;
	border-radius: 4px;
	color: white;
	background-color: #81b822;
	font-size: 24px;
	cursor: pointer;
}


.questionnaire select {
	margin-bottom: 16px;
	display: block;
}
	
.form-explanation {
	font-style: italic;
	margin-bottom: 1.5em;
}

.conditional-section {
	display: none;
	padding: 1em;
	background-color: rgba(0,0,0,.05);
}