/*
 Theme Name:   Generic Child
 Description:  A child theme, based on Generic. A fully responsive, SEO-ready, schema-ready, social-media-ready, accessibility-ready, translation-ready, and jQuery-ready starter theme for designers and developers, which comes with its own built-in, lightweight CSS grid (https://generic.tools/grid/).
 Author:       WPMU Authors
 Template:     generic
 Tags:         black, green, white, light, dark, two-columns, three-columns, left-sidebar, right-sidebar, fixed-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready, accessibility-ready, responsive-layout, infinite-scroll, post-slider, design, food, journal, magazine, news, photography, portfolio, clean, contemporary, dark, elegant, modern, professional, sophisticated
 Text Domain:  generic
*/

/* TODO Remove Extraneous code, indicated by "REMOVE", remove this line when complete */
/* NPCDC logo /wp-content/images/NPDClogo.png
img 
 */

/* Northfield Presbyterian Church NPCDC
Headline color: #08A672
a url color: #42B68F



 */

/* Disable Transitions */
* {
    -o-transition-property: none !important;
    -moz-transition-property: none !important;
    -ms-transition-property: none !important;
    -webkit-transition-property: none !important;
    transition-property: none !important;
}

/* Variables 
-------------------------------------------------- 
-------------------------------------------------- */
:root {
--color-primary-0: ;	/* Main Primary color | Navigation level 2 Background  */
--color-primary-1: ;
--color-primary-2: ;
--color-primary-3: ;
--color-primary-4: ;
/* menu ul li a */
--color-secondary-1-0: #d12a5c;	/* Navigation */
--color-secondary-1-1: #08A672; /* Navigation a hover */
--color-secondary-1-2: ;
--color-secondary-1-3: ;
--color-secondary-1-4: ;

--color-secondary-2-0: ;	/* Main Secondary color (2) */
--color-secondary-2-1: ;
--color-secondary-2-2: ;
--color-secondary-2-3: ;
--color-secondary-2-4: ;

/* Northfield Presbyterian Church */
--color-containerbackground: #fff; /* workspace background color header footer background color */
/* End Northfield Presbyterian Church */

--color-contentbackground: #F1F1F1; /* content background color */								

								/* text colors */
--color-text-reverse: #fff;
--color-text-anchor: #d12a5c; /* NPCDC "Links"" */
--color-text-anchor-hover: #08A672;
--color-npcdc-site-title: #006D49; /* NPCDC "Site Title Dark Green*/
--color-npcdc-site-title: #08A672; /* NPCDC "Site Title Dark Green*/
--color-npcdc-site-title: #49CA9F; /* NPCDC "Site Title Green*/
--color-npcdc-text-emphasis: #49CA9F; /* NPCDC "Site Title Green*/
--color-npcdc-compliment: #528CC8; /* NPCDC "Compliment Color*/
--color-npcdc-shadow: #80582B; /* NPCDC "Shadow Color*/


--color-text-anchorunderline: #528CC8; /* NPCDC "Compliment Color */

--text-headings: ArialRoundedMTBold;
/* text font size */
--text-nav-font-size: 2.5rem;
--text-nav-font-size-lineheight: 2.75rem;
--text-size: 1.7rem;
--text-size-smallscreen: 1.7rem;
--text-lineheight: 2.5rem;
}


/* Webfont: ConcertOne-Regular */@font-face {
    font-family: 'ConcertOne';
    src: url('fonts/ConcertOne-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/ConcertOne-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/ConcertOne-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/ConcertOne-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/ConcertOne-Regular.svg#ConcertOne-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: PassionOne-Regular */@font-face {
    font-family: 'PassionOne';
    src: url('fonts/PassionOne-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/PassionOne-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/PassionOne-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/PassionOne-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/PassionOne-Regular.svg#PassionOne-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: Ultra-Regular */@font-face {
    font-family: 'Ultra';
    src: url('fonts/Ultra-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/Ultra-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/Ultra-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/Ultra-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/Ultra-Regular.svg#Ultra-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: AbrilFatface-Regular */@font-face {
    font-family: 'AbrilFatface';
    src: url('fonts/AbrilFatface-Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/AbrilFatface-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/AbrilFatface-Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/AbrilFatface-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/AbrilFatface-Regular.svg#AbrilFatface-Regular') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: URWGroteskT-Regu */@font-face {
    font-family: 'URWGroteskT';
    src: url('fonts/URWGroteskT-Regu.eot'); /* IE9 Compat Modes */
    src: url('fonts/URWGroteskT-Regu.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/URWGroteskT-Regu.woff') format('woff'), /* Modern Browsers */
         url('fonts/URWGroteskT-Regu.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/URWGroteskT-Regu.svg#URWGroteskT-Regu') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: URWGroteskT-BoldExtrWide */@font-face {
    font-family: 'URWGroteskTExtWid';
    src: url('fonts/URWGroteskT-BoldExtrWide.eot'); /* IE9 Compat Modes */
    src: url('fonts/URWGroteskT-BoldExtrWide.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/URWGroteskT-BoldExtrWide.woff') format('woff'), /* Modern Browsers */
         url('fonts/URWGroteskT-BoldExtrWide.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/URWGroteskT-BoldExtrWide.svg#URWGroteskT-BoldExtrWide') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}
/* Webfont: AbrilFatface-Condensed */@font-face {
    font-family: 'AbrilFatfaceCond';
    src: url('fonts/AbrilFatface-Condensed.eot'); /* IE9 Compat Modes */
    src: url('fonts/AbrilFatface-Condensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/AbrilFatface-Condensed.woff') format('woff'), /* Modern Browsers */
         url('fonts/AbrilFatface-Condensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/AbrilFatface-Condensed.svg#AbrilFatface-Condensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}
/* Webfont: AbrilFatface-MediumCondensed */@font-face {
    font-family: 'AbrilFatfaceMedCond';
    src: url('fonts/AbrilFatface-MediumCondensed.eot'); /* IE9 Compat Modes */
    src: url('fonts/AbrilFatface-MediumCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/AbrilFatface-MediumCondensed.woff') format('woff'), /* Modern Browsers */
         url('fonts/AbrilFatface-MediumCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/AbrilFatface-MediumCondensed.svg#AbrilFatface-MediumCondensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: BaskervilleSSi-BoldCondensed */@font-face {
    font-family: 'BaskervilleSSiCond';
    src: url('fonts/BaskervilleSSi-BoldCondensed.eot'); /* IE9 Compat Modes */
    src: url('fonts/BaskervilleSSi-BoldCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BaskervilleSSi-BoldCondensed.woff') format('woff'), /* Modern Browsers */
         url('fonts/BaskervilleSSi-BoldCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/BaskervilleSSi-BoldCondensed.svg#BaskervilleSSi-BoldCondensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: bold;
    text-rendering: optimizeLegibility;
}

/* Webfont: URWGroteskT-Ligh */@font-face {
    font-family: 'URWGroteskTLight';
    src: url('fonts/URWGroteskT-Ligh.eot'); /* IE9 Compat Modes */
    src: url('fonts/URWGroteskT-Ligh.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/URWGroteskT-Ligh.woff') format('woff'), /* Modern Browsers */
         url('fonts/URWGroteskT-Ligh.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/URWGroteskT-Ligh.svg#URWGroteskT-Ligh') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}

/* Webfont: BarristerSSiCondensed */@font-face {
    font-family: 'BarristerSSiCond';
    src: url('fonts/BarristerSSiCondensed.eot'); /* IE9 Compat Modes */
    src: url('fonts/BarristerSSiCondensed.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/BarristerSSiCondensed.woff') format('woff'), /* Modern Browsers */
         url('fonts/BarristerSSiCondensed.ttf') format('truetype'), /* Safari, Android, iOS */
         url('fonts/BarristerSSiCondensed.svg#BarristerSSiCondensed') format('svg'); /* Legacy iOS */
    font-style: normal;
    font-weight: normal;
    text-rendering: optimizeLegibility;
}



/* 10:27 AM 8/6/2025 Added for Northfield Presbyterian Day Care */

	/* Webfont: ArialRoundedMTBold */@font-face {
		font-family: 'ArialRoundedMTBold';
		src: url('fonts/ArialRoundedMTBold.eot'); /* IE9 Compat Modes */
		src: url('fonts/ArialRoundedMTBold.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('fonts/ArialRoundedMTBold.woff') format('woff'), /* Modern Browsers */
			 url('fonts/ArialRoundedMTBold.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('fonts/ArialRoundedMTBold.svg#ArialRoundedMTBold') format('svg'); /* Legacy iOS */
		font-style: normal;
		font-weight: bold;
		text-rendering: optimizeLegibility;
	}
		/* FOR REFERENCE ONLY Webfont: PlayFairDisplay-Regular */		
		/* Webfont: PlayfairDisplay-Regular */@font-face {
		font-family: 'PlayfairDisplay';
		src: url('PlayfairDisplay-Regular.eot'); /* IE9 Compat Modes */
		src: url('PlayfairDisplay-Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
			 url('PlayfairDisplay-Regular.woff') format('woff'), /* Modern Browsers */
			 url('PlayfairDisplay-Regular.ttf') format('truetype'), /* Safari, Android, iOS */
			 url('PlayfairDisplay-Regular.svg#PlayfairDisplay-Regular') format('svg'); /* Legacy iOS */
		font-style: normal;
		font-weight: normal;
		text-rendering: optimizeLegibility;
	}




/* Styles from Skeleton CSS
-------------------------------------------------- 
-------------------------------------------------- */
/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 124rem;
  margin: 0 auto;
  padding: 0 20px;
  padding: 0 0;
  box-sizing: border-box;
	}
.column, .columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }
  
/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 100%%;
    padding: 1em; padding: 0em; }
}
/* For devices larger than 550px *//* For devices larger than 750px */
@media (min-width: 750px) {
  .container { /* Originally 80% */
    width: 80%; width: 100%; }
  .column, .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0;}

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }

}


/* Base Styles
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/* NOTE
html is set to 62.5% so that all the REM measurements throughout Skeleton
are based on 10px sizing. So basically 1.5rem = 15px :) 
*/
html {
  font-size: 62.5%; }
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen-Sans,Ubuntu,Cantarell,"Helvetica Neue",sans-serif;font-size:var(--text-size);color:#444;line-height:1.9;word-spacing: .06rem;letter-spacing: -.007rem; word-wrap:break-word;background:#222}
body{background: var(--color-containerbackground);}
body{background-image: url("/wp-content/images/bg.png");}



/* Typography
–––––––––––––––––––––––––––––––––––––––––––––––––– */


h1, h2, h3, h4, h5, h6 {
  margin-top: .5em;
  margin-bottom: 2rem;
  font-weight: 600; }
h1 { font-size: 4.0rem; line-height: 1.52;  letter-spacing: 0rem;}
h2 { font-size: 3.6rem; line-height: 1.75; }
h3 { font-size: 3.0rem; line-height: 1.8;  }
h4 { font-size: 2.4rem; line-height: 1.85; }
h5 { font-size: 1.8rem; line-height: 2;  }
h6 { font-size: 1.5rem; line-height: 2.1;}
.page #content p, .single-post #content p{font-size:var(--text-size);line-height:var(--text-lineheight);}


/* Northfield Presbyterian Church NPCDC */
/* Styles used in Wordpress as "Additional CSS Classes */

/* Add space on top of paragrapch */
div .add1emtop {margin-top:1em;}
div .add1embottom {margin-bottom:1em;}
div .add2emtop {margin-top:2em;}
div .add2embottom {margin-bottom:2em;}
div .add3emtop {margin-top:3em;}
div .add3embottom {margin-bottom:3em;}
/* Center Content */
div .centercontent {width:100%; margin: auto;}
div .width90pctcentercontent {width:90%; margin: auto;}
div .width768centercontent {width:768px; margin: auto;}


h1, h2, h3, h4, h5, h6 { font-family: ArialRoundedMTBold;word-spacing: -.33rem;color:#49CA9F;}
h1, h2, h3, h4, h5, h6 { font-family: BarristerSSiCond;}


/* #site-title {margin-top:2%;} */
#site-title {margin-top:28rem;position: relative;}
#site-title h1,
#site-title a {
 /* position:absolute; */
 /* top:-200px; */
 /* margin-top:0%; */
 display:inline;
 font-size:48px;
 font-weight:normal;
 color: var(--color-npcdc-site-title);
 text-decoration:none;
 margin-bottom:0;
 /* font-family: ArialRoundedMTBold; */
 /* font-family: BaskervilleSSiCond; */
 font-family: BarristerSSiCond;
 text-shadow: none;
 text-shadow: 2px 2px 3px var(--color-npcdc-shadow);
}

/* From style.css generic-child parent line #86 search field mods */
#search{float:right}
/* change image from find-light.png to find-light-dark.png
npcdc change width from 36 to 48*/
#search .search-field{width:28px;height:36px;color:transparent;padding:10px;border-color:transparent;margin-top:0;background-color:
#transparent;background-image:url(images/find-light-dark.png);cursor:pointer;position:relative;top:-24rem;}
#search .search-field:focus{width:200px;color:#000;border-color:#007acc;cursor:text}
.widget-container .search-field{width:100%}
.error404 .entry-content .search-field, .search .entry-content .search-field{width:200px;margin-top:30px}
.error404 .entry-content .search-field, .search .entry-content .search-field, .widget-container .search-field{background-color:#f6f6f6}
.search-field{background:url(images/find.png) no-repeat 98% center / 24px auto}


/* From style.css generic-child parent line #78 */
#menu ul.sub-menu a, #menu ul.children a{width:200px;font-size:14px;color:#333;color:var(--color-secondary-1-0);text-align:left;line-height:20px;padding:15px;border:1px solid #eee;background:#fff;/* DK 20250821_0308 */ Left:6em;top:-2em;}
/* From style.css generic-child parent line #56 */
img, video, audio, table, select, textarea{max-width:100% !important;height:auto}
/* From style.css generic-child parent line #72 */
#menu ul, #menu li, #menu a{position:relative;display:inline;list-style:none;margin:0;padding:0;top: -8rem;position: relative;}
/* From style.css generic-child parent line #60 */
#header, #container, #footer{padding:5%}
#container {padding-top:0%;}
/* From style.css generic-child parent line #69 */
#menu{margin-top:20px;float:right}
/* From style.css generic-child parent line #75 */
#menu a{display:inline-block;font-size:18px;color:var(--color-text-anchor);text-align:right;text-decoration:none;line-height:33px;padding-bottom:10px;margin-top:-1px;margin-right:25px}
/* From style.css generic-child parent line #76 */
#menu a:hover, #menu a:focus{color:var(--color-text-anchor-hover);text-decoration:none}
/* From style.css generic-child parent line #82 */
@media(min-width:769px)
{#logo-container{display:block;height:35px;margin-bottom:10px;}.desktop{display:block}
#logo-container {display:block;height:35px;margin-bottom:10px;top: -10.5rem;position: relative;}}

#menu .menu-toggle:hover, #menu .menu-toggle:focus{color:var(--color-text-anchor);}

@media(max-width:768px){
							#header, #footer{text-align:center}
							#content, #sidebar{width:100%;padding:0}
							#branding, #menu, #menu div:first-of-type, #search{float:none}
							#search{margin-top:20px}
							#search .search-field{width:100%;color:#000;border-color:#8a8a8a;cursor:text}
							#search .search-field:focus{width:100%}
							#menu.toggled{width:100%;height:100%;bottom:0;overflow-x:hidden;overflow-y:auto;z-index:1000}
							#menu .menu-toggle{display:inline-block}
							#menu ul{display:none}
							#menu.toggled ul, #menu.toggled ul.sub-menu, #menu.toggled ul.children{display:block;position:relative;top:0;left:0;padding:0 0 10px 0;margin:0}
							#menu.toggled ul.sub-menu, #menu.toggled ul.children{padding-bottom:0}
							#menu.toggled a, #menu.toggled ul.sub-menu a, #menu.toggled ul.children a{display:inline-block;width:100%;font-size:18px;/* nav text color */color:var(--color-text-anchor);text-align:center;line-height:20px;padding:15px 0 5px;border:0;margin:0;background:none;/* 20250820 */font-weight:bold;text-decoration:underline;}
							#menu.toggled ul.sub-menu a, #menu.toggled ul.children a{color: var(--color-secondary-1-0);top: 1em;position: relative;left: 0em;} 

							.box-4, .box-5, .box-6{width:50%}
							.mobile{display:block}
							#menu ul, #menu li, #menu a{top:0;}
							#menu .menu-icon {color:var(--color-text-anchor);}
	
	
#site-title {margin-top:28rem;margin-top:22rem;position: relative;}
#site-title h1,
#site-title a {
 display:inline;
 font-size:48px;
 /* 20250820 */line-height:36px;
 font-weight:normal;
 color: var(--color-npcdc-site-title);
 text-decoration:none;
 margin-bottom:0;
 font-family: BarristerSSiCond;
 text-shadow: none;
 text-shadow: 2px 2px 3px var(--color-npcdc-shadow);
}
	
	
	
	
	
	}



/* NPCDC Mods NPCDC start */

  #header  { 
    background-image: url("/wp-content/images/StageBackground.png"); 
	background-repeat:no-repeat;
	background-size: auto 65px;
	background-size: auto;
	background-position: 20% 100%;
	background-position-y: bottom;
	background-color:#fff;
  }

/* If the browser window is 768px or smaller */
/* @media only screen and (max-width: 768px) { */
@media(max-width: 768px) {
							/* Reset search field to default position */
							#search .search-field{position:relative;top: 0rem;width:24rem;}

							#header {
							/* 	background-image: url("/wp-content/images/StageBackground.jpg"); */
								background-image: url("/wp-content/images/StageBackground_MQ_Max480w.png");
								background-image: url("/wp-content/images/StageBackground_MQ_Max768w.png");
								background-repeat:no-repeat;
								background-size: auto;
								background-position: 50% 0%;
								/* background-position-y:bottom; */
								/* background-position-y: 100%; */
								background-color:#fff;
								/* background-position-y: 90%; */
								/* background-position-y: 83%; */
								/* background-position-y: 100%; */
								/* padding-top:1em; */
								}
}

#site-description,
#copyright,
#copyright a, .site-description {
 color:var(--color-npcdc-site-title);
 font-family: URWGroteskTLight;
 font-size: var(--text-nav-font-size);
 line-height: 2.75em;
 text-decoration-skip-ink: auto;
 text-shadow: none;
 text-shadow: 2px 2px 3px var(--color-npcdc-shadow);
}
	
#copyright,
#copyright a, .site-description {
	font-size: 1.75rem;
	 text-shadow: 1px 0px 1px var(--color-npcdc-shadow);
}	
	


#site-description a, {
 color: var(--color-npcdc-site-title); /* NPCDC */
 font-family: var(--text-headings);
 font-size: var(--text-nav-font-size);
 line-height: 1.25em;
/*  text-decoration-skip-ink: auto;  */ 
 text-shadow: 2px 2px 3px var(--color-npcdc-shadow);
}
a {text-shadow: none;}

/* end NPCDC  */

.textblock {display:block;}
.textinline{display:inline;}
.textitalic{font-style:italic;}
.aligncenter {text-align:center;}

/* Images
–––––––––––––––––––––––––––––––––––––––––––––––––– */



/* Links
–––––––––––––––––––––––––––––––––––––––––––––––––– */
a {
  text-decoration:none; color:var(--color-text-anchor); }
#container a {
	text-decoration:none;
	border-bottom: var(--color-text-anchorunderline) 0.125em solid;
	text-underline-offset: 1.5px;
	text-decoration-skip-ink: auto;
	} /* Underlines links in main content (but avoiding styling navigation) */
#container a:hover { cursor: pointer; }



/* Larger than phablet */
@media (min-width: 550px) {
/*   h1 { font-size: 5.0rem; }
  h2 { font-size: 4.2rem; }
  h3 { font-size: 3.6rem; }
  h4 { font-size: 3.0rem; }
  h5 { font-size: 2.4rem; }
  h6 { font-size: 1.5rem; } */
}

/* White text with shadow */
  h3.shadowedwhite {
    color: #fff;
    text-shadow: 2px 2px 6px #000;
  }

/* Buttons
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button,
button,
input[type="submit"],
input[type="reset"],
input[type="button"] {
  display: inline-block;
  height: 38px;
  padding: 0 30px;
  color: #555;
  text-align: center;
  font-size: 11px;
  font-weight: 600;
  line-height: 38px;
  letter-spacing: .1rem;
  text-transform: uppercase;
  text-decoration: none;
  white-space: nowrap;
  background-color: transparent;
  border-radius: 4px;
  border: 1px solid #bbb;
  cursor: pointer;
  box-sizing: border-box; }
.button:hover,
button:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:hover,
.button:focus,
button:focus,
input[type="submit"]:focus,
input[type="reset"]:focus,
input[type="button"]:focus {
  color: #333;
  border-color: #888;
  outline: 0; }
.button.button-primary,
button.button-primary,
input[type="submit"].button-primary,
input[type="reset"].button-primary,
input[type="button"].button-primary {
  color: #FFF;
  background-color: #33C3F0;
  border-color: #33C3F0; }
.button.button-primary:hover,
button.button-primary:hover,
input[type="submit"].button-primary:hover,
input[type="reset"].button-primary:hover,
input[type="button"].button-primary:hover,
.button.button-primary:focus,
button.button-primary:focus,
input[type="submit"].button-primary:focus,
input[type="reset"].button-primary:focus,
input[type="button"].button-primary:focus {
  color: #FFF;
  background-color: #1EAEDB;
  border-color: #1EAEDB; }

/* Forms
–––––––––––––––––––––––––––––––––––––––––––––––––– */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea,
select {
  height: 38px;
  padding: 6px 10px; /* The 6px vertically centers text on FF, ignored by Webkit */
  background-color: #fff;
  border: 1px solid #D1D1D1;
  border-radius: 4px;
  box-shadow: none;
  box-sizing: border-box; }
/* Removes awkward default styles on some inputs for iOS */
input[type="email"],
input[type="number"],
input[type="search"],
input[type="text"],
input[type="tel"],
input[type="url"],
input[type="password"],
textarea {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none; }
textarea {
  min-height: 65px;
  padding-top: 6px;
  padding-bottom: 6px; }
input[type="email"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input[type="text"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
textarea:focus,
select:focus {
  border: 1px solid #33C3F0;
  outline: 0; }
label,
legend {
  display: block;
  margin-bottom: .5rem;
  font-weight: 600; }
fieldset {
  padding: 0;
  border-width: 0; }
input[type="checkbox"],
input[type="radio"] {
  display: inline; }
label > .label-body {
  display: inline-block;
  margin-left: .5rem;
  font-weight: normal; }
/* Fix Particpants DB Forms */
tr.text-line:nth-child(1) > th:nth-child(1) {
 width: 20%;
}



/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: disc; }
ol {
  list-style: decimal inside; }
ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem;
  font-size: 90%; }
li {
  margin-bottom: 1rem; }

#bulletmarker ul{list-style: disc; padding-left: 1.5rem; margin: 1.5rem 1.5rem 1.5rem 3rem; font-size: 90%; }

ul{list-style: disc; padding-left: 1.5rem; margin: 1.5rem 1.5rem 1.5rem 3rem; font-size: 90%; }
/* redefine theme style from generic (line #47) */
.entry-content ul li, .widget-container ul li, .comment-body ul li{list-style: disc;}

/* Code
–––––––––––––––––––––––––––––––––––––––––––––––––– */
code {
  padding: .2rem .5rem;
  margin: 0 .2rem;
  font-size: 90%;
  white-space: nowrap;
  background: #F1F1F1;
  border: 1px solid #E1E1E1;
  border-radius: 4px; }
pre > code {
  display: block;
  padding: 1rem 1.5rem;
  white-space: pre; }


/* Tables
–––––––––––––––––––––––––––––––––––––––––––––––––– */
th,
td {
  padding: 12px 15px;
  text-align: left;
  border-bottom: 1px solid #E1E1E1; }
th:first-child,
td:first-child {
  padding-left: 0; }
th:last-child,
td:last-child {
  padding-right: 0; }

.homedaysvolunteers table, td, th {  
  border: 0px solid #ddd;
  text-align: left;
}
.homedaysvolunteers table {
	border-collapse: collapse;
	width: 100%;
}
.homedaysvolunteers th, td, tr {
  padding: 15px !important;
}



/* Spacing
–––––––––––––––––––––––––––––––––––––––––––––––––– */
button,
.button {
  margin-bottom: 1rem; }
input,
textarea,
select,
fieldset {margin-bottom: 1.5rem; }
pre,
blockquote,
dl,
figure,
table,
p,
ul,
ol,
form {margin-bottom: 2.5rem; }
p {margin-top: 0; }

.wrap.pdb-signup form {margin:0 1em 0 1em;}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-max-full-width {
  max-width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */
/*
Note: The best way to structure the use of media queries is to create the queries
near the relevant code. For example, if you wanted to change the styles for buttons
on small devices, paste the mobile query code up in the buttons section and style it
there.
*/


/* Larger than mobile */
@media (min-width: 400px) {}

/* Modify CSS of parent Generic style sheet */
@media(max-width:480px){
	#header, #container, #footer
	{padding: .5em;}
	.wp-caption, input, textarea, .button{
		width:100% !important
	}
	input[type="checkbox"], input[type="radio"]{
		width:auto !important
	}
	.box-2, .box-3, .box-4, .box-5, .box-6, .boxes .box-6:nth-child(5), .boxes .box-6:nth-child(6), .box-2-3, .box-1-3{
		width:100%
	}
}

/* Larger than phablet (also point when grid becomes active) */
@media (min-width: 550px) {
/* Fix Particpants DB Forms */
tr.text-line:nth-child(1) > th:nth-child(1) {
 width: 20%;
}
}

/* Larger than tablet */
@media (min-width: 750px) {
}

/* Larger than desktop */
@media (min-width: 1000px) {}

/* Larger than Desktop HD */
@media (min-width: 1200px) {}

/* End Styles from Skeleton
-------------------------------------------------- 
-------------------------------------------------- 
 */




