/*
  Theme Name: Western Forestry Conservation
  Author: Design by Carl Clark. Code by Nora McDougall-Collins
  Version: 21.10
  Template: twentyfourteen 
  Version: 3.8
*/

/* ****************
 * Table of Contents:
 *
 * 1.0 - Tag rewrites - Line 59
 * 2.0 - Containers - Line 714
 * 4.0 - Header - Line 740
 *   4.1 - #site-header and .site-header - Line 748
 *   4.2 - Search - Line 801
 *   4.3 - Sponsor header - 857
 * 5.0 - Navigation - Line 934
 * 6.0 - Content - Line 1119
 *   6.1 - Post Thumbnail
 *   6.2 - Entry Header - Line 1168
 *   6.3 - Entry Meta
 *   6.4 - Entry Content - Line 1324
 *     6.4.1 -  page - Line 1326
 *     6.4.2 - Home Page Content - Line 1328
 *     6.4.2.1 - Home Conference Left Column - Line 1358
 *     6.4.2.2 - Home Conference Right Column - Line 1383
 *     6.4.3 - Conference Page General - Line 1506
 *     6.4.3.1 - Grasslands Conference - Line 1615
 *	   6.4.3.2 - Field Tech Conference - Line 1635
 *     6.4.3.3 - International Workshop Forest Products Conference - Line 1671
 *     6.4.3.4 - Five Needle Pine Conference - Line 1817
 *     6.4.3.5 - 2020 North American Forest and Conservation Nursery Tech Webinar Series - Line 1869
 *     6.4.4 - Past Conferences - Line 2495
 *     6.4.5 - Container Manuals - Line 2666
	   6.4.7 Category Pages - Line 2714
       6.4.7 Default Pages *-Line 2751
 *   6.5 - Galleries
 *   6.6 - Post Formats
 *   6.7 - Post/Image/Paging Navigation
 *   6.8 - Attachments
 *   6.9 - Archives/Category Pages - Line 3209
 *   6.10 - Contributor Page
 *   6.12 - Full-width
 *   6.13 - Singular
 *   6.14 - Comments
 * 7.0 - Sidebar - Line 3578
 *   7.1 - Widgets
 *   7.2 - Content Sidebar Widgets
 * 8.0 - Footer - Line 4236
 *   8.1 - Left Footer Column - Line 4248
 * 9.0 - Featured Content
 * 10.0 - Multisite
 * 11.0 - Media Queries - Line 4722
 *    11.1 - <401 - Line 4761
 * 12.0 - Print
 * -----------------------------------------------------------------------------
 */

/* ******************* TAG REWRITES ******************* */

body,
button,
input,
select,
textarea 
{
	color: #2b2b2b;
	background: #f5f5f5;
	font-family: Lato, sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
} /*2/23/18 - Melinda moved background rule*/

a 
{
	color: #24890d;
	text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 
{
	clear: both;
	font-weight: 700;
	margin: 36px 0 12px;
}

h1 
{
	font-size: 26px;
	line-height: 1.5;
} /* 3/23/21 Nora set line height */

h2 
{
	font-size: 24px;
	line-height: 1.5;
} /* 3/23/21 Nora set line height */

h3 
{
	font-size: 22px;
	line-height: 1.5;
} /* 3/23/21 Nora set line height */

h4 
{
	font-size: 20px;
	line-height: 1.5;
} /* 3/23/21 Nora set line height */

h5 
{
	font-size: 18px;
	line-height: 1.5;
} /* 3/23/21 Nora set line height */

h6 
{
	font-size: 16px;
	line-height: 1.5;
}

.wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

blockquote.alignright,
img.alignright {
	margin: 7px 0 7px 24px;
}

.wp-caption.alignright 
{
	margin: 7px 0 7px 14px;
}

blockquote.aligncenter,
img.aligncenter,
.wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}

.site-content blockquote.alignleft,
.site-content blockquote.alignright {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding-top: 17px;
	width: 50%;
}

.site-content blockquote.alignleft p,
.site-content blockquote.alignright p {
	margin-bottom: 17px;
}

/* 4/6/21 wp-caption removed */

.wp-caption-text 
{
	font-size: 16px;
} /* 4/6/21 Nora changed from 12 */


/* Assistive text */

.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute;
}



/* ******************* 2.0 CONTAINERS ****************** */

.site 
{
	margin: 0 auto;
	padding: 0;
	max-width: 1200px;
	position: relative;
	background-color: #fff;
} /* 2/24/14 Nora changed width from 1260 */

.main-content 
{
	box-sizing: content-box;
	width: 100%;
} /* 1/19/21 There were two instances of this layer with different rules.
      - The other was in the Content section with the padding
      - Nora added box-sizing and combined the layers
      - I had to remove the padding because it affected the home page
  */

.main-content .site-content
{
	margin: 0 auto;
	width: 100%;
	margin-top: -40px;
} /* 3/3/14 Nora changed 
     4/1/14: Nora changed margin-top to move content up
  */


/* ***************** 4.0 Header ****************** */

/* Ensure that there is no gap between the header and
   the admin bar for WordPress versions before 3.8. */
#wpadminbar {
	min-height: 32px;
}

#site-header 
{
	position: relative;
	z-index: 3;
	height: 90px;
	padding: 50px 0 0 30px;
	background: -webkit-linear-gradient(left, white 50%, #679130); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(left, white 50%, #679130); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(left, white 50%, #679130); /* For Firefox 3.6 to 15 */
    background: linear-gradient(to right, white 50%, #679130); /* Standard syntax */
} /* 2/24/14: Nora added a background gradient, height and padding
       - The padding and height together make 140 per Carl's design
	   - The padding keeps the 90px logo image down
	   - This is the full header with the background
  */
  
#site-header img
{
	float: left;
	width: 604px;
} /* 3/2/14 Nora added */

.site-header 
{
	position: relative;
	width: 100%;
	z-index: 4;
	/* background: #000; */
} /* 2/24/14: Nora changed width */

.header-main 
{
	min-height: 48px;
	padding: 0 10px;
	/* background: #000; */
}

.site-title 
{
	float: right;
	font-size: 18px;
	font-weight: 700;
	line-height: 48px;
	margin: 0;
	/* background: #000; */
	color: #000;
}

.site-title a,
.site-title a:hover {
	color: #fff;
}

/* ***** Search in the header ***** */

.search-submit 
{
	display: none;
} /* 4/6/21 This removes the search button. The field works on enter */

#site-header .search-box-wrapper 
{
	float: right;
	width: 250px;
	margin: -20px 50px 0 0;
	z-index: 2;
	/* background: #000; */
} /* 3/2/14 Nora moved up and added longtail selector, float, width and margin
     10/11/18 Melinda changed top margin from -110px to -20px and right margin from 98px to 50px to make search viewable
  */
  
#site-header .search-box 
{
	width: 200px;
} /* 3/2/14 Nora removed rules */

.search-box .search-field 
{
	float: right;
    width: 150px;
    background-color: #eff9e1;
	border-top: 2px solid #999;
	border-bottom: 1px solid #ccc;
	font-size: 16px;
	padding: 2px 2px 3px 6px;
} /* 3/2/14 Nora moved 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

/* ORIGINAL SEARCH STYLES NOT CHANGED */

.search-toggle {
	background-color: #24890d;
	cursor: pointer;
	float: right;
	height: 48px;
	margin-right: 38px;
	text-align: center;
	width: 48px;
}

.search-toggle:hover,
.search-toggle.active {
	background-color: #41a62a;
}

.search-toggle:before {
	color: #fff;
	content: "\f400";
	font-size: 20px;
	margin-top: 14px;
}

.search-toggle .screen-reader-text {
	left: 5px; /* Avoid a horizontal scrollbar when the site has a long menu */
}

/* ********** 4.3 Sponsor Header ********** */

#SponsorTopBar
{
	height: 25px;
	padding-bottom: 3px;
	background: #679130;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	font-weight: bold;
	color: #eff9e1;
	text-transform: uppercase;
} /* 11/29/15 Nora added per Carl's design with adjustments to height and padding */

#SponsorBottomBar
{
	height: 29px;
	padding: 2px 0;
	background: #679130;
	text-align: center;
	font-size: 18px;
	font-family: Calibri;
	font-weight: bold;
	color: #faa61a;;
	text-transform: uppercase;
} /* 11/29/15 Nora added per Carl's design 
     11/30/15 Nora changed color to yellow
  */

#LogoBlock
{
	clear: both;
	width: 1100px;
	margin: 0 auto;
	margin-top: 20px;
	margin-bottom: 20px;
	text-align: center;
} /* 6/19/15 Nora added 
       - This is for sponsor logos and links at the top of the upcoming conference pages
	 10/27/15 Nora added width
	 11/29/15 Nora moved from Upcoming Conferences. This may be used for either type of conference. 
  */
 
#LogoBlock #FirstSponsorRow
{
	position: relative;
	margin-top: 40px;
	vertical-align: middle;
	font-size: 24px;
	font-family: Calibri;
	font-weight: bold;
	font-style: italic;
	color: #679130;
} /* 11/3/15 Nora added 
     11/29/15 Nora removed background color
  */
 
#TitleSponsorLogo img
{
	margin-top: -40px;
	max-width: 400px;
	vertical-align: middle;
} /* 10/27/15 Nora added */

#SecondRowSponsors
{
} /* 10/27/15 Nora added to even up row */

#SecondRowSponsors img
{
	margin: 0 25px 20px 25px;
	max-height: 75px;
} /* 6/19/15 Nora added to give space between logos 
     4/20/18 Melinda changed max-height to 75px (from 50px) for 2018 Joint Nursery Meeting
  */



/* *******************  5.0 NAVIGATION ******************* */

#TopNavigation
{
	width: 100%;
	background: #679130;
	margin: 0;
	padding:0 0 0 60px;
	height: 34px;
} /* 3/2/14 Nora added */

.site-navigation ul, #TopNavigation ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	background: transparent;
} /* 3/2/14 Nora added new seletors */

.site-navigation .nav-menu li, #TopNavigation .nav-menu li
{
	width: auto;
	height: 34px;
	margin: 0;
	padding: 5px 0 0 0;
	background: transparent;
	float: left;
} /* 
     3/2/14 Nora changed per Carl's design 
     7/19/18 Melinda added float left - responsive menu taking over, was displaying vertically after fix below
  */

#TopNavigation .nav-menu li > a
{
   width: auto;
   height: 29px;
   padding: 5px 20px 0 20px;
   margin: -5px;
   background: transparent;
   font-weight: bold;
} /* 3/2/14 Nora changed per Carl's design */

#TopNavigation .nav-menu li:hover > a
{
   padding: 5px 20px 0 20px;
   color: #fff2d8;
   text-decoration: underline;
} /* 3/2/14 Nora changed per Carl's design 
     3/16/21 Nora changed link rollover color for ADA compliance from #faa61a. This is trying a darker color
     3/25/21 Nora changed link rollover color to something lighter from 6d4706 and added underline

  */

.site-navigation ul ul, 
#TopNavigation ul ul
{
	width: auto;
	height: auto;
	margin: -15px 0 0;
	box-shadow: 3px 3px 3px rgba(0,0,0,0.2);
	 -moz-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
	 -webkit-box-shadow: 3px 3px 3px rgba(0,0,0,0.5);
    background: none;
} /* 3/6/14: Nora added shadow and background */

#TopNavigation ul ul.sub-menu li
{
	width: auto;
	height: auto;
	margin: 0;
    padding: 5px 5px 0 5px;
	background: #d5e9bb;
	border-bottom: 1px solid #679130;
} /* 3/6/14 Nora added background and border */

#TopNavigation ul ul.sub-menu li > a 
{
  white-space: nowrap;
  width: inherit;
  color: #4c6b23;
} /* 3/6/14 Nora added color per Carl's design */

#TopNavigation ul ul.sub-menu li > a:hover
{
  color: #000;
} /* 3/6/14: Nora added */


.site-navigation a, #TopNavigation a
{
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #eff9e1;
	display: block;
	text-transform: capitalize;
} /* 
     3/2/14 Nora added TopNavigation and changed to Carl's design 
	 7/19/18 Melinda changed diplay from none to block, menu was not displaying after responsive menu took over
  */


.site-navigation a:hover 
{
	color: #41a62a;
}

.site-navigation .current_page_item > a,
.site-navigation .current_page_ancestor > a,
.site-navigation .current-menu-item > a,
.site-navigation .current-menu-ancestor > a {
	color: #55d737;
	font-weight: 900;
}

/* Primary Navigation */

.primary-navigation {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	font-size: 16px;
	/* padding-top: 24px; */
} /* 3/9/21 Nora changed font-size from 12 for ADA compliance */

.primary-navigation.toggled-on {
	/* padding: 72px 0 36px; */
}

.primary-navigation .nav-menu {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	display: block;
}

.primary-navigation.toggled-on .nav-menu {
	display: block;
}

.primary-navigation a {
	padding: 7px 0;
}

/* Secondary Navigation */

.secondary-navigation {
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	font-size: 16px;
	margin: 48px 0;
} /* 3/9/21 Nora changed font-size from 12 for ADA compliance */

.secondary-navigation a {
	padding: 9px 0;
}

.menu-toggle 
{
} /* 3/2/14 Nora removed rules */

.menu-toggle:before 
{
} /* 3/2/14 Nora removed rules */

/* ***** MOTTO ***** */

#Motto .site-description, 
#Motto #custom_post_widget-2
{
	float: right;
	width: 650px;
	margin: 0 50px 0 0;
	font-family: Calibri;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.5;
	color: #3d6904;
	text-align: right;
} /* 3/2/14 Nora moved, made visible and set to Carl's design 
     3/12/15 Nora added selectors for Content Type instead of Text Widget
	 	- changed top margin from 40px
	 4/14/15 Nora changed width from 525 to stop the wrapping
	 5/4/15 Nora changed width from 550 to stop the wrapping
    3/9/21 Nora changed font-size from 12 for ADA compliance
    3/23/21 Nora changed layer width to accommodate later font size
    5/12/21 Nora changed color from 679130 for ADA compliance
  */

/* ******************** 6.0 Content *******************  */

#content
{
	background: #fff;
} /* 10/25/19 Nora added */

.content-area 
{
	box-sizing: border-box;
	width: 100%;
	float: left;
	padding: 24px 20px 30px 20px;
	background: #fff;
} /* 3/3/14 Nora reduced padding 
     10/25/19 Nora added background color
     1/19/21 Nora changed padding-top to padding
       - Nora added box-sizing
     3/24/21 This layer also has the #primary specifier
       - Nora added right, bottom and left padding
       - Changed content-box to border-box
  */
  
#content h1#HomePageTitle
{
	margin: 0 0 0 50px;
} /* 8/11/15 Nora added to move title away from left margin on the home page */

.hentry 
{
	margin: 0 auto; /* 48px; */
	max-width: 1000px;
} /* 4/13/14 Nora removed top/bottom margin to tighten page 
        - This seems to be the area around the listings
     4/9/21 Nora resized from 674
        - This was affecting all the category pages
  */
  
.site-content .entry-header,
.site-content .entry-content,
.site-content .entry-summary,
.site-content .entry-meta,
.page-content {
	margin: 0 auto;
	max-width: 1000px;
}

.site-content .entry-header 
{
	background-color: transparent;
	padding: 0 10px 12px;
} /* 4/9/21 Nora changed background from fff */

.site-content .entry-summary img
{
	width: 200px;
	float: left;
	margin: -20px 25px 0 0;
} /* 4/9/21 Nora added for Upcoming Workshops category page */

.site-content .entry-summary p
{
	font-size: 16px;
	color: black;
} /* 3/15/19 Melinda added to fix search results page 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

.page-content {
	margin-bottom: 48px;
}

/**
 * 6.1 Post Thumbnail
 * -----------------------------------------------------------------------------
 */

.post-thumbnail {
	background: #b2b2b2 url(images/pattern-light.svg) repeat fixed;
	display: block;
	position: relative;
	width: 100%;
	z-index: 0;
}

a.post-thumbnail:hover {
	background-color: #999;
}

.full-width .post-thumbnail img {
	display: block;
	margin: 0 auto;
}


/* ********** 6.2 Entry Header *********  */

#ConferenceContent  h1, 
.archive-header h1.archive-title  
{
	width: 100%;
	margin-left: 50px;
	font-family: Lato, sans-serif;
	font-size: 26px;
	color: #000;
	/* background: #000; */
} /* 3/11/14 Nora added to format title on  page 
     4/13/14: Nora changed margin from 100 to 75
	 4/28/14: This controls the home page title
	 3/15/19: Melinda added page-title to fix search page titles
	 4/8/19: Melinda moved .content-area . site-content to fix formatting on inside upcoming event pages
	 4/8/21: Nora changed color from 679130 to match other pages;
	   - Changed font-size from 28
	   - Changed font from Arial

  */
  
#ConferenceContent .content-area .site-content
{
	width: 100%;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #040504;
}  /* 4/8/19: Melinda added to fix formatting on inside upcoming event pages 
      3/9/21 Nora changed font-size from 12 for ADA compliance
  */

.entry-header {
	position: relative;
	z-index: 1;
}

.site-content h1.entry-title 
{
	font-size: 33px;
	font-weight: bold;
	line-height: 1.0909090909;
	margin: 25px 0 0 0;
	text-transform: capitalize;
}

.category-recorded-webinars .site-content .has-post-thumbnail .entry-header
{
   margin-bottom:  0;
   padding-bottom:  0;
} /* 9/20/21 Nora added to tighten grid boxes */

.category-recorded-webinars .site-content h2.entry-title 
{
	text-align:  center;
	font-size:  20px;
	line-height: 1.4;
	margin: 15px 0 10px;
} /* 9/20/21 Nora added to tighten grid boxes */

.category-recorded-webinars .site-content .entry-summary p
{
	line-height: 1.4;
	margin-top: 10px;
} /* 9/20/21 Nora added to tighten grid boxes */

.entry-title a {
	color: #2b2b2b;
}

.entry-title a:hover {
	color: #41a62a;
}

.site-content .has-post-thumbnail .entry-header {
	padding-top: 24px;
}


/* ********** 6.3 Entry Meta ********* */

.entry-meta 
{
	display: none;
	clear: both;
	color: #767676;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;
} /* 3/13/14 Nora added display none to remove post category and other extraneous information 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

.entry-meta a {
	color: #767676;
}

.entry-meta a:hover {
	color: #41a62a;
}

.sticky .entry-date {
	display: none;
}

.cat-links {
	font-weight: 900;
	text-transform: uppercase;
}

.cat-links a {
	color: #2b2b2b;
}

.cat-links a:hover {
	color: #41a62a;
}

.byline {
	display: none;
}

.single .byline,
.group-blog .byline {
	display: inline;
}

.site-content .entry-meta {
	background-color: #fff;
	margin-bottom: 8px;
}

.site-content footer.entry-meta {
	margin: 24px auto 0;
	padding: 0 10px;
}

/* Tag links style */

.entry-meta .tag-links a {
	background-color: #767676;
	border-radius: 0 2px 2px 0;
	color: #fff;
	display: inline-block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.2727272727;
	margin: 2px 4px 2px 10px;
	padding: 3px 7px;
	position: relative;
	text-transform: uppercase;
} /* 3/9/21 Nora changed font-size from 12 for ADA compliance */

.entry-meta .tag-links a:hover {
	background-color: #41a62a;
	color: #fff;
}

.entry-meta .tag-links a:before {
	border-top: 10px solid transparent;
	border-right: 8px solid #767676;
	border-bottom: 10px solid transparent;
	content: "";
	height: 0;
	position: absolute;
	top: 0;
	left: -8px;
	width: 0;
}

.entry-meta .tag-links a:hover:before {
	border-right-color: #41a62a;
}

.entry-meta .tag-links a:after {
	background-color: #fff;
	border-radius: 50%;
	content: "";
	height: 4px;
	position: absolute;
	top: 8px;
	left: -2px;
	width: 4px;
}


/* ********** 6.4 ENTRY CONTENT **********  */

/* ***** 6.4.1  PAGE CONTENT **** */

/* ***** 6.4.2 HOME PAGE CONTENT ***** */
#content #HomePageConferences
{
	box-sizing: border-box;
	width: 1100px;
	margin: 0 25px 20px 25px;
	border: none;
	/* border: 1px solid #900; */
} /* 4/23/14: Nora re-added 
     1/3/16 Nora tried changing the width from 1000 and the side margins from 100px
	   - somewhere there is a border rule that has to be overriden here
	 3/24/21 Some of the inside pages are having spacing problems. They are being affected by coding added for other pages.
	   - Nora added box-sizing and cut the side margins from 50px to accommodate padding on the outer layer
  */
  
#content #HomePageConferences #WatchList li
{
	margin-bottom: 5px;
	font-size: 16px;
	line-height: 1.2;
	text-align: left;
} /* 1/12/17 Nora added because of the changing amount of text
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */
  
#content #HomePageConferences .HomePageCellNote
{
	margin-top: 5px;
	font-size: 16px;
	line-height: 1.1;
	font-style: italic;
} /* 1/8/17 Nora added 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

#content #HomePageConferences .RightBorderLayer,
#content #HomePageConferences .ConferenceBlockLeft
{
	clear: left;
	width: 525px;
	float: left;
	height: 300px;
	padding: 20px 0 20px 20px;
	background: url(https://westernforestry.org/wp-content/uploads/2017/01/WesternForestryHomeConferenceShadow500.jpg) no-repeat center bottom;
} /* 4/23/14 Nora added 
      - This is for the left column - the border is on the right
	 5/13/17 Nora added ConferenceBlockLeft selector to switch from tables
	   - added clear, width, float padding and background
  */

#content #HomePageConferences .HomeLeftCell
{
	border-right: 1px solid #ccc;
	padding-right: 50px;
	/* background: #000; */
} /* 4/23/14: Nora re-added 
     1/1/16 Nora added padding bottom with moving buttons
	 2/6/17 Nora removed margin-right and added the 40px back into the width
	 5/13/17 This is being rolled into ConferenceBlockLeft
  */

#content #HomePageConferences .HomeRightCell
{
	width: 500px;
	float: right;
	height: 300px;
	margin-left: 40px;
	padding: 20px 0;
	background: url(https://westernforestry.org/wp-content/uploads/2017/01/WesternForestryHomeConferenceShadow500.jpg) no-repeat center bottom;
	/* background: #000; */
} /* 4/23/14: Nora re-added 
     1/1/16 Nora added padding bottom with moving buttons
	 5/13/17 Nora added float and background for layer replacing tables
  */

#content #HomePageConferences .HomeConferenceTitle
{
	height: 50px;
	overflow: hidden;
	margin-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	/* border: 1px solid #ccc; */
} /* 4/23/14: Nora re-added */

#content #HomePageConferences .HomePageConferenceLogo
{
	margin-bottom: 10px;
} /* 4/23/14: Nora re-added 
     10/28/16 Nora resized to accommodate webinar series logo
	 1/1/16 Nora changed with 400 to max min width
  */

#content #HomePageConferences .HomePageConferenceLogo img
{
	min-width: 300px;
	max-width: 300px;
} /* CEV 20140909 
     10/28/16 It looks like Chuck added this to keep the varying proportions of the images true 
	 12/31/16 Nora changed from 100% to move buttons
  */

#content #HomePageConferences .HomeLeftText
{
	width: 100%; 
	float: left; 
	height: 75px;
	overflow: hidden;
	font-size: 18px;
	color: black;
} /* 
     4/23/14: Nora re-added 
     3/15/19: Melinda added font-size and color
  */

#content #HomePageConferences .HomeRightText
{
	width: 100%; 
	float: right; 
	height: 75px;
	overflow: hidden;
	font-size: 18px;
	color: black;
} /* 
    4/23/14: Nora re-added 
	3/15/19: Melinda added font-size and color
  */

#content #HomePageConferences .HomeConferenceButtons
{
	width: 100px;
	height: 140px;
	float: right;
	border-radius: 5px;
	text-align: center;
	padding: 5px;
	background: #eee;
} /* 12/31/16 Nora added to move registration button beside logo 
     2/7/17 Nora added height per conversation with Richard
	   - Nora added margin
	 10/11/18 Melinda removed left border, increased width of gray background
  */


#content #HomePageConferences .ConferenceRegistrationButton
{
	margin: 0 auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 70px;
	height: auto;
	background: #b11116;
	border-radius: 5px;
	box-shadow: 0 0 2px 2px #888888;
} /* 4/23/14: Nora re-added 
      8/31/16 Nora added border radius
	  1/1/16 Nora changed background, width, height, margin-top per smaller button layout
	  2/7/17 Nora changed the bottom margin from 15
	  4/3/18 Melinda changed height to auto to accomodate mult. registration options
	  10/11/18 Melinda changed margin to 0 auto to center register button
  */

#content #HomePageConferences .ConferenceRegistrationButton:hover
{
	opacity: .7;
}/* 3/9/18: Melinda added*/
  
#content #HomePageConferences .ConferenceRegistrationButton a
{
	display: block;
	width: 70px;
	height: auto;
	padding: 8px 0;
	color: #fff;
	font-size: 16px;
	line-height: 1.2;
	font-weight: bold;
	text-shadow: 3px 3px 2px 2px #888888;
} /* 4/23/14: Nora re-added 
     3/9/18: Melinda added block element plus width and height
	 4/3/18: Melinda changed height to auto to accomodate mult. registration options
	 3/9/21 Nora changed font-size from 12 for ADA compliance
  */

#content #HomePageConferences .ConferenceRegistrationButton a:hover
{
	color: #000;
} /* 4/23/14: Nora re-added */

.WebinarPDFLink
{
	width: 70px;
} /* 8/30/16 Nora added 
     8/31/16 There has been a problem with the PDF image sitting where it should be
	 12/31/16 Nora added margin top for new placement of buttons
  */
  
.HomePageText
{
	margin: 10px;
	font-size: 16px;
	line-height: 1.2;
	text-align: justify;
	
} /* 8/30/16 Nora added to format text under webinar series 
     1/8/17 Nora changed font from 12
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */


#ConferenceServices p
{
	margin: 0 auto;
	width: 80%;
} /* 4/12/15 Nora added to keep text from edges of cell

/* ********** 6.4.3 CONFERENCE PAGE GENERAL ******** */

.entry-content p img.alignright
{
	margin-right: 0 !important;
} /* 4/12/17 Nora added 
       - Adding an image to the body pushes the image past the space alloted for the <p> for some reason.
	   - It is being overriden by core WordPress code, probably in the database
  */

#ConferenceContent
{
	margin-bottom: 20px;
	padding-bottom: 20px;
	background: url(images/WesternForestryConferenceShadow.jpg) no-repeat center bottom;
} /* 3/23/14: Nora added to add space below columns 
       - background image and padding-bottom per Carl's design
	 10/29/15 Moved from below
  */


#ConferenceContent #ConferenceTitle
{
	display: block;
	width: 1200px;
	text-align: center;
	font-family: Calibri;
	font-weight: bold;
	font-size: 18px;
	color: #000;
} /* 3/6/14 Nora added per Carl design 
     6/19/15 Nora added full width because title isn't stretching all the way across
  */

#ConferenceTitle h1.entry-title,
#PastConferenceTitle h1.entry-title
{
    width: 1000px;
	margin: 0 75px 25px 75px;
	padding-bottom: 10px;
    border-bottom: 1px solid #ddd;
} /* 3/15/14 Nora added 
     3/19/14: Nora added spacing and float to accommodate Register button,
	 4/26/15 Nora added selector to format past conferences per Amanda's email
	   Increased width from 775
	 11/30/15 Nora moved this from above and merged with another layer definition from 6/19/15
	   - Removed width 900
	   - added bottom padding
  */
  
#UpcomingConferenceLeftColumn,
#PastConferenceLeftColumn
{
	width: 43%;
	float: left;
	margin-left: 75px;
	font-family: Calibri;
	color: #000;
} /* 3/15/14 Nora added 
     3/19/14 Nora added font info
	 4/7/14 Nora changed background color per Richard's choice
	 4/26/15 Nora added past conference to rearrange structure per Amanda's email
  */
  
#UpcomingConferenceAgendaWide,
#PastConferenceAgendaWide
{
	width: 800px;
	float: left;
	margin-left: 75px;
	font-family: Calibri;
	color: #000;
} /* 6/15/15 Nora added per discussion with Amanda to have two columns on the wide table pages */

#Schedule ul
{
	list-style: none;
} /* 2/29/16 Nora added to format linear schedule */

#Schedule ul li
{
	border-bottom: 1px solid #000;
	padding-bottom: 5px;
	font-size: 18px;
	font-weight: bold;
	color: #360;
} /* 2/29/16 Nora added to format linear schedule */

#Schedule ul ul li
{
	border-bottom: none;
	font-size: 16px;
	font-weight: bold;
	color: #000;
} /* 2/29/16 Nora added to format linear schedule 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

#Schedule ul ul ul
{
	list-style: disc;
} /* 2/29/16 Nora added to format linear schedule */

#Schedule ul ul ul li
{
	border-bottom: none;
	font-size: 16px;
	font-weight: normal;
	color: #000;
} /* 2/29/16 Nora added to format linear schedule 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

/* ***** 6.4.3.1 GRASSLANDS CONFERENCE ***** */
#GrasslandSummitNav li
{
	list-style: none;
	width: auto;
	padding-right: 15px;
	float: left;
}/* 9/22/17 Melinda added */

#GrasslandSummitNav li a
{
	text-decoration: none;
	color: #4965af;
}/* 9/22/17 Melinda added */

#GrasslandSummitNav li a:hover
{
	color: #000;
}/* 9/22/17 Melinda added */

#GrasslandSummitPresentationTable
{
	width: 400px;
	margin-top: 0;
}/* 4/23/18 Melinda added */

#GrasslandSummitSpeakerColumn
{
	float: left;
	width: 140px;
	font-size: 16px;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font-size from 12 for ADA compliance
  */

.GrasslandSummitSpeakerColumnTitle
{
	padding: 0 10px;
	background-color: #175E91;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

#GrasslandSummitPresentationThemeColumn
{
	float: left;
	width: 260px;
	font-size: 16px;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

.GrasslandSummitPresentationThemeColumnTitle
{
	padding: 0 10px;
	background-color: #175E91;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

.TableValue
{
	
}/* 4/23/18 Melinda added */

/* ***** 6.4.3.2 FIELD TECH CONFERENCE ***** */
#FieldTechNav li
{
	list-style: none;
	width: auto;
	padding-right: 15px;
	float: left;
}/* 9/29/17 Melinda added - top navigation for Field Tech reg. info */

#FieldTechNav li a
{
	text-decoration: none;
	color: #00a3cc;
}/* 9/29/17 Melinda added */

#FieldTechNav li a:hover
{
	color: #000;
}/* 9/29/17 Melinda added */

/* ***** 6.4.3.3 INTERNATIONAL WORKSHOP FOREST PRODUCTS ***** */
#InternationalForestProductsNav ul
{
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background-color: #d4e7f7;
}/* 4/27/18 Melinda added */

#InternationalForestProductsNav li
{
	
	float: left;
	border-right: 1px solid #ccc;
}/* 4/17/18 Melinda added 
    4/20/18 Melinda added padding and border for button look
	4/24/18 Melinda added background-color, changed border to border-right
	4/27/18 Melinda moved list-style, width: auto, background-color to ul
 */

#InternationalForestProductsNav li a
{
	display: block;
	padding: 5px 10px;
	text-decoration: none;
	color: #4965af;
}/* 4/17/18 Melinda added 
    4/27/18 Melinda added display and padding
*/

#InternationalForestProductsNav li a:hover
{
	color: #000;
}/* 4/17/18 Melinda added */

#InternationalForestProdProgramTable
{
	width: 700px;
	margin-top: 0;
}/* 4/23/18 Melinda added */

#InternationalForestProdTimeColumn
{
	float: left;
	width: 100px;
	font-size: 16px;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

.InternationalForestProdTimeColumnTitle
{
	padding: 0 10px;
	background-color: #175E91;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

#InternationalForestProdPresentationColumn
{
	float: left;
	width: 600px;
	font-size: 16px;
	text-align: left;
} /* 4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

.InternationalForestProdPresentationColumnTitle
{
	padding: 0 10px;
	background-color: #175E91;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
} /*  
     4/23/18 Melinda added 
     3/9/21 Nora changed font size for ADA compliance
  */

.TableValue
{
	
}/* 4/23/18 Melinda added */

/* ***** 6.4.3.4 FIVE NEEDLE PINE CONFERENCE ***** */
#FiveNeedleNav li
{
	list-style: none;
	width: auto;
	padding-right: 15px;
	float: left;
}/* 2/25/19 Melinda added */

#FiveNeedleNav li a
{
	text-decoration: none;
	color: #4965af;
}/* 2/25/19 Melinda added */

#FiveNeedleNav li a:hover
{
	color: #000;
}/* 2/25/19 Melinda added */

/* ***** 6.4.3.5 2020 NORTH AMERICAN FOREST AND CONSERVATION NURSERY TECH WEBINAR SERIES ***** */
#ConferenceAgenda a.RecordedWebinarButton
{
    width: auto; 
	text-align: center; 
	text-decoration: none;
	padding: 5px;
	background-color: #90b65a; 
	border-radius: 5px; 
	color: black;	
}/* 8/10/20 Melinda added to format new PDF button for webinar recordings*/

#ConferenceAgenda a.RecordedWebinarButton:hover
{
	background-color: #4e7014; 
	color: #fff;	
}/* 8/10/20 Melinda added to format new PDF button for webinar recordings*/

/* ***** SECTION OF UPCOMING CONFERENCES AT THE BOTTOM OF THE INDIVIDUAL CONFERENCE PAGES ***** */
  
#ConferenceInfoTitle
{
	font-size: 24px;
	font-weight: bold;
	color: #679130;
	text-transform: capitalize;
	text-align: center;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
} /* 8/22/15 Nora added to format title of bottom section for upcoming conferences 
        - Nora changed this from a class to ID
  */

#UpcomingConferencesTeasers
{
	margin: 0 75px;
	font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;	
} /* 3/23/13 Nora added 
     8/21/15 This is the whole area below the main title
  */

#IndividualUpcomingConferencesLeftColumn .ConferenceTitle, 
#IndividualUpcomingConferencesRightColumn .ConferenceTitle
{
	padding-top: 15px;
	font-size: 18px;
	font-weight: bold;
} /* 3/23/14 Nora added 
 	 8/21/15 Nora removed word page from selectors as confusing
	 8/21/14 Nora changed font size from 20 and added bold
  */

#IndividualUpcomingConferencesLeftColumn
{
	width: 485px;
	float: left;
	margin-bottom: 25px;
	padding-right: 15px;
	font-size: 16px;
	color: #000;
} /* 3/23/14 Nora added 
     4/3/14 Nora added margin bottom for white space
	 8/21/15 Nora removed word page from selectors as confusing
	 3/9/21 Nora changed font size for ADA compliance
  */
  
#IndividualUpcomingConferencesRightColumn
{
	width: 485px;
	float: right;
	margin-bottom: 25px;
	padding-left: 15px;
	font-size: 16px;
	color: #000;
} /* 8/22/14 Nora's Note: not exactly sure why this disappeared
     3/9/21 Nora changed font size for ADA compliance
  */

/* ********** UPCOMING CONFERENCES ********** */

/* ***** UPCOMING CONFERENCES WITH DEFAULT LAYOUT *****/
#DefaultSize
{
	width: 80%;
	min-width: 600px;
	margin: 0 auto;
} /* 3/8/22 Nora added after discussion with Melinda */


/* *** REGISTRATION BUTTONS ***/
#PageConferences .ConferenceRegistrationButton
{
	float: right;
	width: 75px;
	margin: 0 40px 10px 0;
	padding: 5px;
	background: #aa1018;
	border-bottom: 4px solid #333;
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
} /* 
	 4/11/14: Nora added for smaller  page buttons
	 10/23/15 Nora added "small" because registration button is interferring with the conferenc logos.
	 3/9/21 Nora changed font size for ADA compliance
  */ 
  
 
#ConferenceContent .ConferenceRegistrationButton a
{
	display: block;
	width: 200px;
	margin: 0 auto;
	margin-bottom: 20px;
	padding: 3px;
	background: #aa1018;
	border: 1px solid #333;
	border-radius: 5px;
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
	text-decoration: none;
} /* 3/19/14 Nora added 
     3/23/13 Nora changed width to auto to accommodate all buttons
	   - add bottom border
	   - make text smaller
	 4/10/14: Nora added margin to keep away from form
	 4/11/16 Previously, the buttons were only used with the conference template.
	   - The new setup for Field Tech uses a default template
  */
  
.FullPageConferenceRegistrationButton a
{
	display: block;
	width: 200px;
	float: right;
	padding: 3px;
	margin-top: -30px;
	background: #aa1018;
	border: 1px solid #333;
	border-radius: 5px;
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
	text-decoration: none !important;
} /* 4/12/17 Nora added for new Field Tech setup 
       - Currently, this page uses the default (full width) template
	   - The selector will be added in the post body
  */

.FullPageConferenceRegistrationButtonCenter a
{
	display: block;
	width: 200px;
	padding: 3px;
	margin-left: auto;
	margin-right: auto;
	background: #aa1018;
	border: 1px solid #333;
	border-radius: 5px;
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
	text-decoration: none !important;
} /* 5/30/18 Melinda added for Internation Workshop-China event
       - Currently, this page uses the default (full width) template
  */
  
#ConferenceContent #UpcomingConferenceAgendaWide .ConferenceRegistrationButton a
{
	float: right;
	width: 75px;
	margin: 0 auto;
	margin-top: 10px;
	padding: 3px;
	background: #aa1018;
	border: 1px solid #333;
	border-radius: 5px;
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	line-height: 1;
	text-decoration: none;
} /* 10/27/15 Nora added for wide table button
  */

.ConferenceRegistrationButton a:hover,
.FullPageConferenceRegistrationButton a:hover,
.FullPageConferenceRegistrationButtonCenter a:hover 
{
   color: #faa61a;
} /* 3/20/14 Nora added
     4/12/17 Nora added FullPage ..
  */ 
  
#ConferenceContent .ConferenceRegistrationButton a:hover
{
	opacity: .6;
	color: #000;
} /* 8/18/15 Nora added to make button respond to rollover */

/* * LINKS FOR MULTIPLE REGISTRATION OPTIONS * */

#ConferenceContent #RegistrationLinks
{
	font-size: 16px;
	margin: 10px 10px 10px 0;
} /* 8/12/14 This is the registration link list 
     3/9/21 Nora changed font size for ADA compliance
  */

#ConferenceContent #RegistrationLinks ul
{
	list-style: none;
} /* 8/12/14 This is the registration link list */

#ConferenceContent #RegistrationLinks li
{
	margin: 0 0 10px 0;
} /* 8/12/14 This is the registration link list */

#ConferenceContent #RegistrationLinks a
{
	margin-right: 10px;
	padding: 2px;
	background: #aa1018;
    border-radius: 5px;
	color: #fff;
	font-weight: bold;
} /* 8/12/15 Nora added to make links more button-like */

#ConferenceContent #RegistrationLinks a:hover
{
	opacity: .75;
} /* 8/12/15 Nora added to make links more button-like */

#ConferenceContent #MultipleConferenceRegistrationLinks
{
	float: right;
	width: 450px;
	margin: 0  25px 10px 0;
	border: 1px solid #ccc;
	border-radius: 10px;
} /* 8/11/15 Nora added to hold multiple registrations together 
     8/18/15 Nora changed right margin from 100 after adding registration links to right column
  */

#ConferenceContent #ConferenceRegistrationButtonMultiple
{
	width: 440px;
	padding: 5px;
	border-bottom: 2px solid #333;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-family: Calibri;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	color: #000;
	text-align: center;
	line-height: 1;
} /* 
	 8/11/15 Nora added as a header for multiple registration options
	 3/9/21 Nora changed font size for ADA compliance
  */


/* ***** UPCOMING CONFERENCE LEFT COLUMN ** */
  
#UpcomingConferenceLeftColumn #Agenda
{
  margin-bottom: 20px;
  padding: 20px;
  background:#dbd29f; /* #679130; */
  font-size: 16px;
} /* 4/14/14 Nora added to move color from Balance Block, 12/12/19 Melinda changed font-size */

#UpcomingConferenceLeftColumn #Agenda .Time, 
#UpcomingConferenceLeftColumn #Agenda .Title
{
	font-size: 18px;
	color: #442c1c;
	font-weight: bold; 
} /* 9/15/17 Melinda added, 9/18/17 Melinda added font-weight, 12/12/19 Melinda changed font-size */

#primary .entry-content h2.BlueSubTitle
{
	border-bottom: 1px solid #999;
	padding-bottom: 10px; 
	color: #4965af;
}/* 9/15/17 Melinda added - for Grasslands Workshop*/

#UpcomingConferenceAgendaWide #LeftColumnTitle
{
  padding-left: 25px;
  background:#dbd29f; /* #679130; */
  font-size: 20px;
  font-weight: bold;
  text-align: center;
} /* 6/15/15 Nora added per discussion with Amanda */

#UpcomingConferenceAgendaWide #BasicInformationWide
{
	margin-left: 25px;
	font-size: 16px;
} /* 6/15/15 Nora added to indent dates and location 
     3/9/21 Nora changed font size for ADA compliance
  */

#UpcomingConferenceAgendaWide td.Date
{
	padding-left: 25px;
	font-weight: bold;
	font-size: 16px;
	background-color: #f3e2a9;
} /* 6/15/15 Nora added to format areas of the table */

#UpcomingConferenceAgendaWide td.Subtitle
{
	font-weight: bold;
	font-size: 16px;
} /* 6/15/15 Nora added to format areas of the table 
     3/9/21 Nora changed font size for ADA compliance
  */
  
#LeftBalanceBlock
{

} /* 4/1/14 Nora added */
  
#UpcomingConferenceLeftColumn a
{
	color: #666; /* CEV 20140909  Was #FFF */
	text-decoration: underline;
} /* 3/23/14 Nora added
  */
  
#UpcomingConferenceLeftColumn #LeftColumnImage
{
	text-align: center;
	margin-bottom: 15px;
} /* 3/25/14 Nora added to format image at the top of the left column */

#UpcomingConferenceLeftColumn #LeftColumnImage img,
#PastConferenceLeftColumn #LeftColumnImage img
{
	width: 475px;
}/* 3/15/19 Melinda added */
  
#UpcomingConferenceLeftColumn #LeftColumnTitle,
#PastConferenceLeftColumn #LeftColumnTitle
{
	font-family: Arial;
	font-size: 20px;
	color: #000;
} /*  3/19/14 Nora added font info
      4/7/14: Nora changed font color
  */
  
#UpcomingConferenceLeftColumn #ConferenceAgenda
{
	margin-top: 20px;
} /* 3/21/14 Nora added */

#UpcomingConferenceLeftColumn #ConferenceAgenda table
{
} /* 3/21/14 Nora added */

#UpcomingConferenceLeftColumn #ConferenceAgenda td
{
	min-width: 50px;
	/* border: none;  CEV 20140909 Removed to see cell borders better */
	padding-right: 10px;
} /* 3/21/14 Nora added */

#UpcomingConferenceAgendaWide #MulticoloredTable td
{
	border: 1px solid #ddd;
} /* 7/6/15 Nora added to remove inline styles */

/* 8/17/15 Moved these from the bottom of the right column section */


/* ***** UPCOMING CONFERENCE RIGHT COLUMN ***** */

#UpcomingConferenceRightColumn
{
	clear: right;
	width: 40%;
	float: right;
	margin: 10px 75px 0 0;
} /* 3/15/14 Nora added */

#UpcomingConferenceRightColumnNarrow
{
	width: 250px;
	float: right;
	margin-right: 40px;
	padding: 10px;
	background: #eee;
} /* 6/22/15 Nora added */

#UpcomingConferenceRightColumn h3
{
	width: 475px;
	float: left;
	padding-top: 10px;
	border-top: 2px solid #ccc;
    font-size: 18px;
    font-weight: bold;
} /* 5/25/15 Nora added to space the form title 
     8/17/15 Nora changed margin-top from 75 on moving the form to the bottom of the right column
	    - Nora added border top on moving the form to the bottom of the right column
		- Nora changed width from 400 so top border would match bottom border on form
	 8/22/15 Nora removed the top and bottom margin which were causing overlap between the title and the form
  */ 
  
#UpcomingConferenceRightColumnNarrow h3
{
	margin-top: 0;
	font-size: 18px;
	text-align: center;
} /* 6/22/15 Nora added
     6/24/15 Nora added font size and center
  */
  
#UpcomingConferenceRightColumn .ConferenceInfoTitle
{
	font-size: 20px;
	font-weight: bold;
	color: #679130;
	text-transform: capitalize;
} /* 8/21/15 Nora replaced 
     - This is the text in About the ...
  */
  
#RightColumnImageAndText
{
	background: #eee;
	padding: 10px;
	margin-bottom: 20px;
} /* 1/24/17 Nora added per discussion with Richard and Melinda */

#RightColumnImageAndText
{
	background: #ddd;
	padding: 10px;
	margin-bottom: 20px;
} /* 2/14/17 Nora added per discussion with Richard and Melinda */

#AdditionalImageAndText
{
	clear:  both;
	background: #eee;
	margin: 20px 0;
	border-radius: 10px;
	border: 1px solid #999;
} /* 2/14/17 Nora added per discussion with Richard and Melinda 
     10/21/21 Nora added clear to avoid the optional links overlapping this layer 
  */

#AdditionalEventTitle
{
	background: #999;
	height: 25px;
	padding: 3px;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	border-radius: 10px 10px 0 0;
} /* 2/14/17 Nora added for UX 
     2/21/17 Nora added font-size per Melinda email
  */

  
#RightColumnImage
{
	text-align: center;
	margin-bottom: 10px;
} /* 8/1/16 Nora added 
     1/24/17 removed max-width so I could add text-align per Richard's request
	 2/14/17 This is also used by the Additional imagage and text
  */

#RightColumnImageText
{
	margin: 10px;
} /* 8/1/16 Nora added 
	 2/14/17 This is also used by the Additional image and text
  */
  
/* ** UPCOMING CONFERENCES RIGHT COLUMN FORM ** */

/* 8/17/15 Note that previously Custom Contact Forms was installed */

#UpcomingConferenceRightColumn .customcontactform,
#UpcomingConferenceRightColumn #ninja_forms_form_12_cont
{
	margin: 0 0 10px 0;
	padding: 10px;
	border-bottom: 2px solid #ccc;
	font-size: 16px;
} /* 4/6/14: Nora added to format question form 
     10/13/14 Nora switched border to bottom only per phone call with Richard
	 6/1/15 Nora switched padding bottom from 50px
	 3/9/21 Nora changed font size for ADA compliance
  */
  
#UpcomingConferenceRightColumnNarrow .ninja-forms-required-items
{
	margin-top: -20px;
	font-size: 16px;
	text-align: center;
} /* 6/24/15 Nora added 
     3/9/21 Nora changed font size for ADA compliance
  */

#UpcomingConferenceRightColumn #ninja_forms_form_12_cont .field-wrap
{
  margin-bottom: 0;
} /* 
     6/1/15 Nora added to tighten form
  */
  
#UpcomingConferenceRightColumnNarrow label
{
	margin-bottom: 0;
	font-size: 16px;
} /* 6/24/15 Nora added to tighten form 
     3/9/21 Nora changed font size for ADA compliance
  */

#UpcomingConferenceRightColumn #ninja_forms_form_12_cont input
{
  height: 25px;
  width: 150px;
  margin: -5px 0 0 0;
  padding: 3px;
} /* 
     6/1/15 Nora added Ninja form selector
  */
  
#UpcomingConferenceRightColumnNarrow #ninja_forms_form_12_cont .field-wrap
{
	margin-bottom: 0;
} /* 6/24/15 Nora added to tighten */

#UpcomingConferenceRightColumnNarrow #ninja_forms_form_12_cont input
{
  height: 25px;
  width: 150px;
  margin: -5px 0 0 0;
  padding: 3px;
} /* 
     6/1/15 Nora added Ninja form selector
	 6/24/15 Nora added to allow narrow version to be tigther than the wide version
  */
  
#UpcomingConferenceRightColumn #ninja_forms_form_12_cont .textarea-wrap
{
  float:right;
  width: 250px;
  margin-top: -120px;
} /* 
     6/1/15 Nora added to tighten form
  */
  
#UpcomingConferenceRightColumn #ninja_forms_form_12_cont textarea
{
  height: 75px;
} /* 
     6/1/15 Nora added to tighten form
  */
  
#UpcomingConferenceRightColumnNarrow #ninja_forms_form_12_cont textarea
{
  height: 50px;
} /* 
     6/24/15 Nora added to tighten form
  */

#UpcomingConferenceRightColumn #ninja_forms_form_12_cont .submit-wrap, 
#UpcomingConferenceRightColumnNarrow #ninja_forms_form_12_cont .submit-wrap
{
  margin-top: 10px;
} /* 
     6/1/15 Nora added to tighten form
  */
  
#UpcomingConferenceRightColumn #ninja_forms_field_23_div_wrap
{
	float: left;
	width: 150px;
	margin-top: -75px;
} /* 8/14/15 Nora added to move the submit form left beside the phone number */


#UpcomingConferenceRightColumn #ninja_forms_form_12_cont input[type=submit]
{
  padding-top: 3px;
} /* 
     6/1/15 Nora added to tighten form
  */
  
#UpcomingConferenceRightColumn #ninja_forms_field_25_div_wrap
{
	float: right;
	width: 250px;
	margin-top: -50px;
} /* 8/14/15 Nora added to move phone number to the right of the submit button */

#UpcomingConferenceRightColumn .customcontactform div
{
  height: 25px;
  margin-bottom: 8px;
} /* 4/6/14: Nora added to tighten form
  */

#UpcomingConferenceRightColumn .customcontactform h4 + div + div
{
  width: 45%;
  float: right;
  margin-top: -40px;
} /* 4/6/14: Nora added to move second field beside first field */

#UpcomingConferenceRightColumn .customcontactform h4 + div + div + div + div + div
{
  width: 45%;
  float: right;
  margin-top: -70px;
} /* 4/6/14: Nora added to move second field beside first field */


#UpcomingConferenceRightColumn .customcontactform .submit
{
  clear: right;
  width: auto;
  float: right;
  margin-right: 25px;
} /* 4/6/14: Nora added to move second field beside first field */

/* ** CONFERENCE RIGHT COLUMN FIELDS ** */

#IndividualPageUpcomingConferencesRightColumn
{
	width: 485px;
	float: right;
	padding-left: 15px;
	font-size: 16px;
	color: #000;
} /* 3/23/14 Nora added 
     3/9/21 Nora changed font size for ADA compliance
  */

#IndividualPageUpcomingConferencesRightColumn #HowToSponsor,
#UpcomingConferenceRightColumn #HowToSponsor
{
	background: #eee;
	padding: 5px;
	font-size: 16px;
} /* 10/5/15 Nora added 
     10/28/16 Nora changed font from 12 per Melinda's request
     3/9/21 Nora changed font size for ADA compliance
  */

#UpcomingConferenceRightColumn #HowToSponsor p
{
	background: #eee;
	padding: 5px;
	font-size: 16px;
	margin-bottom: 0;
} /* 10/5/15 Nora added 
     10/28/16 Nora changed font from 12 per Melinda's request
     3/9/21 Nora changed font size for ADA compliance
  */


#IndividualPageUpcomingConferencesRightColumn .ConferenceInformation
{
  padding-bottom: 10px;
  background: url(images/WesternForestryConferenceShadow.jpg) no-repeat center bottom;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  font-weight: normal;
  color: #000;
} /* 3/22/14 Nora added 
     8/17/15 Nora changed padding-bottom from 30
     3/9/21 Nora changed font size for ADA compliance
  */


#IndividualPageUpcomingConferencesRightColumn .ConferenceTitle
{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 24px;
	color: #4c6b23;
} /* 3/22/14 Nora added */

#UpcomingConferenceRightColumnNarrow .ConferenceTitle
{
	margin-top: 15px;
	font-size: 18px;
} /* 7/6/15 Nora added to accommodate the smaller size column */

#UpcomingConferenceRightColumnNarrow .ConferenceInformation
{
	font-size: 16px;
	line-height: 1.3;
} /* 7/6/15 Nora added to accommodate the smaller size column 
     3/9/21 Nora changed font size for ADA compliance
  */

/* ***** FIELD TECH TABLE ***** */
td em.FieldTechTableWorkshopTitle
{
	font-size: 16px;
} /* 9/8/17 Melinda added */


#FieldTechTable
{
} /* 2/9/17 Nora added */

#FieldTechYellowCell
{
	height: 30px;
	background: #FC0;
	border: 1px solid 3ccc;
} /* 1/24/17 Nora added */

.FieldTechBlank
{
	border: none;
} /* 2/9/17 Nora added 
     - These cells disappear on the page
  */

.FieldTechDay
{
	background: #F93;
	border: 1px solid 3ccc;
} /* 1/24/17 Nora added */

.FieldTechTime
{
	border: 1px solid 3ccc;
} /* 1/24/17 Nora added */

.FieldTechPeach
{
	background: #F96;
} /* 2/9/17 Nora added */

.FieldTechPink
{
	background: #fcc;
} /* 2/9/17 Nora added */

.FieldTechSageLetter
{
	background: #996;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
} /* 2/9/17 Nora added */

.FieldTechBlueLetter
{
	background: #69F;
	font-weight: bold;
	font-size: 16px;
	text-align: center
} /* 2/13/17 Nora added */

.FieldTechOliveLetter
{
	background: #990;
	font-weight: bold;
	font-size: 16px;
	text-align: center;
} /* 2/13/17 Nora added */

.FieldTechSageText
{
	background: #CC9;
	text-align: center;
} /* 2/13/17 Nora added */

.FieldTechBlueText
{
	background: #9CF;
	text-align: center;
} /* 2/13/17 Nora added */

.FieldTechOliveText
{
	background: #CC6;
	text-align: center;
} /* 2/13/17 Nora added */




/* ***** 6.4.4 WORKSHOP SERIES ***** */
#WorkshopSeriesBanner
{
	width: 1100px;
	margin: 0 auto;
	margin-bottom: 20px;
	border-bottom: 5px solid #26ace2;
	text-align: center;
} /* 8/4/16 Nora added */

#WorkshopSeriesBanner #WorkshopSeriesBannerTitle
{
	width: 475px;
	height: 60px;
	background: url(https://westernforestry.org/wp-content/uploads/2016/08/Herbicide-Arrow-small.png);
	font-size: 36px;
	color: #FFF;
	text-transform: uppercase;
} /* 8/10/16 Nora added to put arrow behind the title */

#WorkshopSeriesBanner #SeriesBannerImage
{
	width: auto;
	margin: 0 auto;
	margin-bottom: 20px;
} /* 8/8/16 Nora added */

#WorkshopSeriesInfo
{
	width: 1000px;
	margin: 0 auto;
} /* 8/31/16 Nora added to hold intro text and registration button side by side */

#WorkshopSeriesInfo #WorkshopIntro
{
	width: 75%;
	float: left;
} /* 8/31/16 Nora added to hold text to the left */

#WorkshopSeriesInfo #WorkshopIntro h1
{
	margin-left: 0;
} /* 8/31/16 Nora added. For some reason the title is picking up about an inch of left margin */

#WorkshopSeriesInfo #RegistrationButton
{
	float: right;
	width: 150px;
	margin: 20px 10px 10px 10px;
	background: #aa1018;
	border: 1px solid #333;
	border-radius: 5px;
	text-align: center;
} /* 8/31/16 Nora added 
       - some of the rules are copied from the main upcoming webinars
	   - Richard said he would prefer having the button in its own column
  */
  
#WorkshopSeriesInfo #RegistrationButton:hover
{
	opacity: .8;
} /* 8/31/16 Nora added to make the button rollover effect */

#WorkshopSeriesInfo #RegistrationButton a
{
	color: #fff;
	font-weight: bold;
} /* 8/31/16 Nora added */


#WorkshopSessions
{
   width: 1000px;
   margin: 0 auto;
   -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
} /* 8/7/16 Nora added */

.WorkshopSession
{
	margin-bottom: 10px;
} /* 8/20/16 Nora added */

.WorkshopSessionTitle
{
	border-top: 2px solid #26ace2;
	padding-top: 3px;
	font-weight: bold;
	text-transform: uppercase;
	color: #26ace2;
} /* 8/7/16 Nora added; 12/1/17 Melinda added border-top */

.WorkshopSessionTitle .Program
{
	color: #8ec643;
} /* 8/20/16 Nora added */


/* ***** 6.4.5 PAST CONFERENCES ***** */

#PastConferences
{
	margin: 0 75px;
	/* margin-top: -40px; */
} /* 4/13/14: Nora added to tighten Past Conferences page */

#PastConferences h1,
#PastConferenceTitle h1
{
	color: #006;
} /* 4/25/15 Nora added per email from Amanda for main Past Conferences page
     4/26/15 Nora added per email from Amanda for individual past conferences page
  */

#PastConferences .RightColumn
{
	width:45%;
	float: right;
}/* 11/9/18 Melinda added */
	
#PastConferences .LeftColumn
{
	width: 45%;
	float: left;
}/* 11/9/18 Melinda added */  

#PastConferences h2.PastConferenceYear
{
   margin-top: 30px;
   padding-bottom: 5px;
   border-bottom: 1px solid #ddd;
} /* 2/3/16 Nora added to separate years
  */

#PastConferences .archive-title
{
	font-size: 32px;
	font-weight: bold;
	margin: 0;
	padding-bottom: 0;
} /* 4/13/14: Nora added */
  
/* ***** HOME PAST CONFERENCES PAGE ****** */  

#PastConferences .PastConferenceColumns
{
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
	margin-bottom: 25px;
} /* 4/25/15 Nora added */

#PastConferences .PastConferenceListing
{
	margin: 0 0 15px 10px;
} /* 4/17/14 Nora added to format the listing block 
     4/25/15 Nora removed border and changed margin
  */

#PastConferences .PastConferenceTitle a
{
	color: #006;
	font-weight: bold;
	font-size: 20px;
} /* 4/25/15 Nora added per email from Amanda */

#PastConferences .TypeFieldDate
{
	margin-left: 10px;
	font-size: 16px;
} /* 4/25/15 Nora added per Amanda email */

#PastConferences .TypeFieldLocation
{
	margin-left: 10px;
	font-size: 16px;
} /* 4/25/15 Nora added per Amanda email */

/* ***** INDIVIDUAL PAST CONFERENCES PAGES ***** */
/* 4/26/15 Nora's Note: some of the layers are the same as the Upcoming Conferences and can be found there */

#PastConferenceLeftColumn #Agenda
{
  margin-bottom: 20px;
  padding: 20px;
  background:#dcdef4; /* #679130; */
  font-size: 16px;
} /* 4/14/14 Nora added to move color from Balance Block 
     3/9/21 Nora changed font size for ADA compliance
  */

#PastConferenceRightColumn
{
	clear: right;
	width: 40%;
	float: right;
	margin: 10px 75px 0 0;
} /* 10/27/17 Melinda copied from right column */

#PastConferenceRightColumn .ConferenceInfoTitle
{
	color: #006;
	font-weight: bold;
	font-size: 18px;
	
} /* 10/27/17 Melinda added */


/* *** OLD? *** */
/* 8/18/15 Nora's Note: the #PageConferences layer might not be in use any more */

.content-area #PageConferences .PageConferenceLogo
{
	display: block;
	height: 110px;
	overflow: hidden;
	margin: 0 0 20px 0;;
} /* 4/12/14 Nora added 
       - Removed style for just image
	 4/17/14: Nora changed height from 165 to acommodate size discussed in meeting
  */
  
.content-area #PageConferences .PageConferenceLogo img
{
	vertical-align: middle;
} /* 4/13/14 Nora added to center image vertically */

#PageConferences .ConferenceButtons
{
	margin-top: 20px;
	height: 80px;
} /* 4/11/14 Nora added to position button row */
  
#PageConferences .ConferenceRegistrationButton a
{
	color: #fff;
	text-decoration: none;
} /* 3/20/14 Nora added */

.content-area td div.LeftCell
{
	border-right: 1px solid #ccc;
	padding: 0 20px 0 20px; /* 20px 20px 0 20px; */
	margin-bottom: 15px
} /* 3/8/14 Nora added 
     4/10/14: Nora changed padding and margin to tighten page
  */

.content-area td div.RightCell
{
	padding: 0 20px 0 20px; /* 20px 20px 0 20px; */
	margin-bottom: 15px
} /* 3/8/14 Nora added 
     4/10/14: Nora changed padding and margin to tighten page
  */

.content-area td .PDFLink
{
	width: 70px;
	height: 54px;
	padding: 10px 15px 0 0;
} /* 3/8/14 Nora added 
     12/31/16 Nora changed to move buttons to the right of the image
  */

.content-area td .More
{
	width: 100px;
	float: right;
} /* 3/8/14 Nora added */

.content-area td .More a
{
	font-family: Calibri;
	font-weight: bold;
	font-size: 18px;
	color: #925310;
} /* 3/8/14 Nora added */

/* ***** 6.4.5 CONTAINER MANUALS ***** */

#ManualCoverPhoto
{
	width: 120px;
	float: left;
	height: 180px;
	margin-top: -20px;
	text-align: center;
} /* 10/10/14 Nora added to put cover image to the left of the text */

#OrderButton
{
	margin-top: -20px;
} /* 10/10/14 Nora added */

#TableOfContent
{
	clear: left;
	margin-top: 20px;
	font-size: 24px;
	font-weight: bold;
} /* 10/10/14 Nora added to move content under intro */

#SeedManualChapters
{
	width: 800px;
} /* 10/11/14 Nora added to hold left and right floats together */

#ColumnLeft
{
  float: left;
  width: 350px;
} /* 10/11/14 Nora added per classes added by Larry/Natalie */

#ColumnRight
{
  float: right;
  width: 350px;
} /* 10/11/14 Nora added per classes added by Larry/Natalie */


.ChapterTitle
{
	font-size: 16px;
	font-weight: bold;
} /* 10/11/14 Nora added to format seed manual chapters */

/* ********** CATEGORY PAGES ********** */

h1.archive-header
{
	margin-bottom: 0;
	/* background: #000; */
}  /* 10/29/15 Need to find out how tall the title is 
        - This layer is too wide, but not too tall
  */

#content article.category-upcoming-conferences
{
	width: 1000px;
	margin: 0 auto;
	margin-top: 0;
	margin-bottom: 0;
	border-bottom: 1px solid #000;
	/* background: #900; */
} /* 10/29/15 Testing the layer 
      - The layer has a bit of padding, but is not tight up against the title
	  - The category seems to stretch all the way across the screen. Set width and center to fix.
  */  

#content article.category-upcoming-conferences h1
{
	/*margin-top: -35px;*/
	font-size: 24px;
} /* 10/29/15 This text is larger than the page title 
       - fixed the gap between the previous border and the title
  */
  
#content article.category-upcoming-conferences .entry-summary
{
	margin-top: -15px;
} /* 10/29/15 Nora added to bring content closer to title */

.category-recorded-webinars article
{
	box-sizing:  border-box;
	width: 30%;
	float:  left;
	margin: 10px;
	padding:  10px;
	border:  1px solid #ccc;
	border-radius:  10px;
} /* 7/15/21 Nora added for grid format 
     7/20/21 Nora added box sizing for 3 to fit across the page
  */

.category-recorded-webinars article .site-content .has-post-thumbnail .entry-header,
.category-recorded-webinars article .site-content .entry-header,
.category-recorded-webinars article .site-content .entry-header h2.entry-title
 {
 	padding-top: 0;
 	margin-top:  0;
 	font-size:  20px;
 	text-align: center;
} /* 7/15/21 Nora added for grid format */

/* ********** DEFAULT PAGES ********** */

#LeftContent
{
	width: 820px;
	float: left;
} /* 11/5/15 Nora added for pages with a right sidebar 
     1/19/21 Nora added left side margin
       - changed width from 850 to accommodate left side margin
     3/25/21 Nora removed left margin for general margins/padding added to outer layers
  */

#LeftContent .hentry .entry-content
{
	border-right: 1px solid #ccc;
} /* 11/5/15 Nora added for pages with a right sidebar */

#content article
{
	margin-top: 40px;
} /* 4/14/15 Nora added to move the article down away from the green words below the banner */

article .post-thumbnail
{
	display: none;
} /* 4/14/15 Nora added to turn off feature image on actual pages */

.entry-content table,
.comment-content table 
{
	font-size: 16px;
	line-height: 1.2857142857;
	margin-bottom: 24px;
} /* 3/9/21 Nora changed font size for ADA compliance */

.entry-content th,
.comment-content th {
	font-weight: 700;
	padding: 8px;
	text-transform: uppercase;
}

.entry-content td,
.comment-content td {
	padding: 8px;
}

.entry-content .edit-link 
{
	clear: both;
	display: block;
	font-size: 16px;
	font-weight: 400;
	line-height: 1.3333333333;
	text-transform: uppercase;
} /* 3/9/21 Nora changed font size for ADA compliance */

.entry-content .edit-link a {
	color: #767676;
	text-decoration: none;
}

.entry-content .edit-link a:hover {
	color: #41a62a;
}

/* Mediaelements */

.hentry .mejs-container {
	margin: 12px 0 18px;
}

.hentry .mejs-mediaelement,
.hentry .mejs-container .mejs-controls {
	background: #000;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-loaded,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	background: #fff;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-current {
	background: #24890d;
}

.hentry .mejs-controls .mejs-time-rail .mejs-time-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total {
	background: rgba(255,255,255,.33);
}

.hentry .mejs-container .mejs-controls .mejs-time {
	padding-top: 9px;
}

.hentry .mejs-controls .mejs-time-rail span,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,
.hentry .mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current {
	border-radius: 0;
}

.hentry .mejs-overlay-loading {
	background: transparent;
}

/* Page links */

.page-links 
{
	clear: both;
	font-size: 16px;
	font-weight: 900;
	line-height: 2;
	margin: 24px 0;
	text-transform: uppercase;
} /* 3/9/21 Nora changed font size for ADA compliance */

.page-links a,
.page-links > span {
	background: #fff;
	border: 1px solid #fff;
	display: inline-block;
	height: 22px;
	margin: 0 1px 2px 0;
	text-align: center;
	width: 22px;
}

.page-links a {
	background: #000;
	border: 1px solid #000;
	color: #fff;
	text-decoration: none;
}

.page-links a:hover {
	background: #41a62a;
	border: 1px solid #41a62a;
	color: #fff;
}

.page-links > .page-links-title {
	height: auto;
	margin: 0;
	padding-right: 7px;
	width: auto;
}


/**
 * 6.5 Gallery
 * -----------------------------------------------------------------------------
 */

.gallery {
	margin-bottom: 20px;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width:         calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width:         calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width:         calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width:         calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width:         calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width:         calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width:         calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width:         calc(11.1% - 4px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n) {
	margin-right: 0;
}

.gallery-caption 
{
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #fff;
	font-size: 16px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
} /* 3/9/21 Nora changed font size for ADA compliance */

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}


/**
 * 6.6 Post Formats
 * -----------------------------------------------------------------------------
 */

.format-aside .entry-content,
.format-aside .entry-summary,
.format-quote .entry-content,
.format-quote .entry-summary,
.format-link .entry-content,
.format-link .entry-summary {
	padding-top: 0;
}

.site-content .format-link .entry-title,
.site-content .format-aside .entry-title,
.site-content .format-quote .entry-title {
	display: none;
}


/**
 * 6.7 Post/Image/Paging Navigation
 * -----------------------------------------------------------------------------
 */

.nav-links {
	-webkit-hyphens: auto;
	-moz-hyphens:    auto;
	-ms-hyphens:     auto;
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	hyphens:         auto;
	word-wrap: break-word;
}

.post-navigation,
.image-navigation {
	margin: 24px auto 48px;
	max-width: 474px;
	padding: 0 10px;
}

.post-navigation a,
.image-navigation .previous-image,
.image-navigation .next-image {
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	padding: 11px 0 12px;
	width: 100%;
}

.post-navigation .meta-nav 
{
	color: #767676;
	display: block;
	font-size: 16px;
	font-weight: 900;
	line-height: 2;
	text-transform: uppercase;
} /* 3/9/21 Nora changed font size for ADA compliance */

.post-navigation a,
.image-navigation a 
{
	color: #2b2b2b;
	display: block;
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7142857142;
	text-transform: none;
} /* 3/9/21 Nora changed font size for ADA compliance */

.post-navigation a:hover,
.image-navigation a:hover {
	color: #41a62a;
}

/* Paging Navigation */

.paging-navigation .page-numbers 
{
	border-top: 5px solid transparent;
	display: inline-block;
	font-size: 16px;
	font-weight: 900;
	margin-right: 1px;
	padding: 7px 16px;
	text-transform: uppercase;
} /* 3/9/21 Nora changed font size for ADA compliance 
     4/6/21 Nora changed font size from 14 for ADA compliance
  */


/* **********  6.9 POST CATEOGRIES **********  */

.archive-header,
.page-header 
{
	/* margin: 24px auto; */
	/* max-width: 474px; */
	text-align: left;
	/* background: #000; */
} /* 4/13/14: This was aligned in the center, but there is no indication of why here */

.archive-title,
.page-title 
{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-weight: 900;
	line-height: 1.5;
	/* background: #000; */
}

.taxonomy-description,
.author-description 
{
	color: #767676;
	font-size: 16px;
	line-height: 1.2857142857;
	padding-top: 18px;
} /* 3/9/21 Nora changed font size for ADA compliance */


/**
 * 6.14 Comments
 * -----------------------------------------------------------------------------
 */
/* *** ADA *** */
.comment-author .avatar {
	border: 1px solid rgba(0, 0, 0, 0.1);
	height: 18px;
	padding: 2px;
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
}

.bypostauthor > article .fn:before {
	content: "\f408";
	margin: 0 2px 0 -2px;
	position: relative;
	top: -1px;
}

.says {
	display: none;
}

/* 4/6/21 Nora removed comment layers for site speed */

.comment-notes,
.comment-awaiting-moderation,
.logged-in-as 
{
	font-size: 16px;
} /* 4/6/21 Nora changed font size from 14 for ADA compliance */

.form-allowed-tags,
.form-allowed-tags code 
{
	font-size: 16px;
	line-height: 1.5;
} /* 4/6/21 Nora changed font size from 14 for ADA compliance */

.comment-navigation 
{
	font-size: 16px;
} /* 4/6/21 Nora changed font size from 14 for ADA compliance */


/* ***************** 7.0 Sidebars ******************** */

#RightSidebar
{
	width: 275px;
	float: right;
	margin: 30px 30px 0 0;
} /* 11/5/15 Nora added for pages with right sidebar */


/* Secondary */

#secondary {
	background-color: #000;
	border-top: 1px solid #000;
	border-bottom: 1px solid rgba(255, 255, 255, 0.2);
	clear: both;
	color: rgba(255, 255, 255, 0.7);
	margin-top: -1px;
	padding: 0 10px;
	position: relative;
	z-index: 2;
}

/* Primary Sidebar */

.primary-sidebar {
	padding-top: 48px;
}

.secondary-navigation + .primary-sidebar {
	padding-top: 0;
}

/* Content Sidebar */

.content-sidebar {
	border-top: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	color: #767676;
	padding: 48px 10px 0;
}


/**
 * 7.2 Content Sidebar Widgets
 * -----------------------------------------------------------------------------
 */

.content-sidebar .widget a {
	color: #24890d;
}

.content-sidebar .widget a:hover {
	color: #41a62a;
}

.content-sidebar .widget pre {
	border-color: rgba(0, 0, 0, 0.1);
}

.content-sidebar .widget mark,
.content-sidebar .widget ins {
	color: #2b2b2b;
}

.content-sidebar .widget abbr[title] {
	border-color: #2b2b2b;
}

.content-sidebar .widget fieldset {
	border-color: rgba(0, 0, 0, 0.1);
}

.content-sidebar .widget blockquote {
	color: #767676;
}

.content-sidebar .widget blockquote cite {
	color: #2b2b2b;
}

.content-sidebar .widget li > ol,
.content-sidebar .widget li > ul {
	margin-left: 18px;
}

.content-sidebar .widget table,
.content-sidebar .widget th,
.content-sidebar .widget td {
	border-color: rgba(0, 0, 0, 0.1);
}

.content-sidebar .widget del {
	color: #767676;
}

.content-sidebar .widget hr {
	background-color: rgba(0, 0, 0, 0.1);
}

.content-sidebar .widget .wp-caption {
	color: #767676;
}

.content-sidebar .widget .widget-title {
	border-top: 5px solid #000;
	color: #2b2b2b;
	font-size: 14px;
	font-weight: 900;
	margin: 0 0 18px;
	padding-top: 7px;
	text-transform: uppercase;
}

.content-sidebar .widget .widget-title a {
	color: #2b2b2b;
}

.content-sidebar .widget .widget-title a:hover {
	color: #41a62a;
}

/* List Style Widgets*/

.content-sidebar .widget_archive li,
.content-sidebar .widget_categories li,
.content-sidebar .widget_links li,
.content-sidebar .widget_meta li,
.content-sidebar .widget_nav_menu li,
.content-sidebar .widget_pages li,
.content-sidebar .widget_recent_comments li,
.content-sidebar .widget_recent_entries li,
.content-sidebar .widget_categories li ul,
.content-sidebar .widget_nav_menu li ul,
.content-sidebar .widget_pages li ul {
	border-color: rgba(0, 0, 0, 0.1);
}

/* Calendar Widget */

.content-sidebar .widget_calendar caption {
	color: #2b2b2b;
	font-weight: 900;
}

.content-sidebar .widget_calendar thead th {
	background-color: rgba(0, 0, 0, 0.02);
}

.content-sidebar .widget_calendar tbody a,
.content-sidebar .widget_calendar tbody a:hover {
	color: #fff;
}

/* Ephemera widget*/

.content-sidebar .widget_twentyfourteen_ephemera .widget-title {
	line-height: 1.2857142857;
	padding-top: 1px;
}

.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
	background-color: #000;
	color: #fff;
	margin: -1px 9px 0 0;
	padding: 6px 0 9px;
	text-align: center;
	vertical-align: middle;
	width: 36px;
}

.content-sidebar .widget_twentyfourteen_ephemera .video.widget-title:before {
	content: "\f104";
}

.content-sidebar .widget_twentyfourteen_ephemera .audio.widget-title:before {
	content: "\f109";
}

.content-sidebar .widget_twentyfourteen_ephemera .image.widget-title:before {
	content: "\f473";
}


/* ***************** 8.0 Footer ****************  */

#FooterColumns
{
	display: table;
	width: inherit;
	height: auto;
	margin: 25px 75px 0 75px;
} /* 3/9/14 Nora added 
     4/13/14: Nora changed margins to space the footer
  */

#FooterColumns h2,
#LeftFooterColumn h2,
#CenterFooterColumn h2,
#RightFooterColumn h2
{
  font-size: 20px;
  color: #000;
  margin-top: 15px;
} /* 7/15/21 Nora added for ADA compliance 
     7/20/21 Nora added margin-top and font-size
  */

#FooterColumns label
{
	color: #000;
} /* 7/20/21 Nora added */

#FooterColumns a,
#LeftFooterColumn li a
{
	font-family: Calibri;
	font-size: 18px;
	font-weight: bold;
	color: #000;
} /* 3/9/14 Nora added to format top level menu items in footer menu 
     4/20/21 Nora changed color from #eff9e1 for ADA compliance
     7/6/21 Nora moved LeftFooterColumn li a and added specifiers to be more broad per ADA compliance
  */

#LeftFooterColumn
{
	box-sizing: border-box;
	display: table-cell;
	width: 31%;
	padding-right: 25px;
	vertical-align: top;
} /* 3/9/14 Nora added 
     5/4/21 Nora added box-sizing
  */

#LeftFooterColumn li a:hover
{
	text-decoration: underline;
} /* 
     4/20/21 Nora added underline user feedback
  */

#LeftFooterColumn ul
{
    margin-left: 0;
    padding-left: 10px;
    max-width: 200px;
} /* 
     4/21/21 Nora added. Removing extra CSS code lost the borders
     5/4/21 Nora added max-width to avoid wide underlines
  */

#LeftFooterColumn li
{
	list-style: none;
	border-bottom: 1px solid #999;
	margin-bottom: 20px;
} /* 3/9/14 Nora added to remove border-bottom from footer menu 
     4/21/21 Nora added list style. The footer menu has started showing bullets
       - Added border here after trying several other positions
     7/6/21 Added margin bottom after removing it from the submenu
  */


#LeftFooterColumn li .sub-menu
{
	margin: 0 0 10px 20px;
} /* 4/21/21 Nora added to provide hierarchy clues on menu
     7/6/21 Nora removed 20px of bottom padding.
       - It was doubling up with the margin spacing 
  */

#LeftFooterColumn li .sub-menu a
{
	font-size: 16px;
} /* 4/21/21 Nora added to provide hierarchy clues on menu
  */

#LeftFooterColumn li .sub-menu li
{
	border-bottom: none;
	margin-bottom:  0;
} /* 5/4/21 Nora added to remove borders on each menu item
     7/6/21 Added margin-bottom override
  */  

#LeftFooterColumn form
{
	float: left;
	width: 200px;
	margin-left: 09px;
} /* 4/21/21 Nora added to format form after adding ADA compliance coding 
     5/4/21 Removed width because it was affecting the title
     7/20/21 Nora removed text center
       - added width
     7/27/21 Nora changed margin-left from 30px
  */

#LeftFooterColumn input[type="text"]
{
	float:  left;
	padding: 5px;
	width: 100px;
	font-size: 12px;
} /* 3/11/14 Nora added 
     7/20/21 Nora added float
     7/27/21 Nora changed width from 125
  */

#LeftFooterColumn input[type="submit"]
{
  float:  right;
  padding: 5px 10px;
  margin:  -25px 20px 0 0;
} /* 3/11/14 Nora added 
     7/20/21 Nora added float
       - reduced left-right padding from 10px
  */

#LeftFooterColumn h1.widget-title
{
	font-size: 16px;
	font-weight: 700;
	line-height: 1.7142857142;
	margin: 0 0 10px 0;
	text-transform: uppercase;
} /* 3/11/14 Nora added */

#CenterFooterColumn
{
	display: table-cell;
	width: 33%;
	vertical-align: top;
} /* 3/9/14 Nora added */

#CenterFooterColumn .widget_custom_post_widget
{
	margin-bottom: 0;
	/* background: #000; */
} /* 4/9/14 Nora added */

#CenterFooterColumn .customcontactform,
#CenterFooterColumn #ninja_forms_form_5_cont
{
	width: 100%;
	margin: -20px 0 0 0;
	padding-top: 0;
	/* background: #000; */
} /* 4/9/14 Nora added 
     1/5/14 Nora switched to Ninja forms for security and dashboard submission list
  */

#CenterFooterColumn h1, 
#CenterFooterColumn .customcontactform h4,
#CenterFooterColumn #ninja_forms_form_5_cont h2
{
	margin-bottom: 10px;
	font-size: 16px;
	color: #fff;
	text-transform: uppercase;
} /* 4/9/14 Nora added 
     1/5/14 Nora switched to Ninja forms for security and dashboard submission list
  */
  
#CenterFooterColumn .field-wrap
{
	margin-bottom: 10px;
} /* 1/5/14 Nora added to tighten form */

#CenterFooterColumn input
{
	margin: -5px 0 -15px 0;
} /* 4/10/14 Nora added to shorten form 
     1/5/14 Nora switched to Ninja forms for security and dashboard submission list
	 3/25/15 Nore removed textarea to try to put space between field and submit.
  */
  
#CenterFooterColumn textarea
{
	height: 50px;
} /* 1/5/14 Nora added to reduce the actual size of the textarea */

#CenterFooterColumn #ninja_forms_form_8 #nf_submit_8 input[type="submit"],
#CenterFooterColumn #ninja_forms_form_8 #nf_submit_8 #ninja_forms_field_12
{
	width: 100px;
	/* margin: 25px 25px 0 0; */
} /* 4/10/14 Nora added to shorten form 
     3/25/15 Nora's Note: The button is overlapping the text area
	   - removed float and width as they are not needed
	   - can't get the button below the text area, even important doesn't work
  */

#CenterFooterColumn .customcontactform h4 + div + div + div + div + div
{
  width: 100px;
  float: right;
  margin-top: -130px;
  line-height: 1.3;
  font-size: 11px;
  color: #000;
} /* 4/6/14: Nora added to move captcha to the right to reduce the length of the form */

 #CenterFooterColumn .nf-response-msg p:first-child
 {
   font-size: 24px;
   font-weight: bold;
   color: #000;
   text-transform: capitalize;
 } /* 10/17/20 Nora added to format success message title 
      10/21/20 Nora added text-transform. The all caps is difficult to read
   */

 #CenterFooterColumn .nf-response-msg p
 {
   font-size: 18px;
   color: #000;
   line-height: 1.4;
 } /* 10/17/20 Nora added to format success message 
      10/21/20 Nora added line height
   */

#RightFooterColumn
{
	display: table-cell;
	width: 33%;
	padding-left: 50px;
	text-align: center;
} /* 3/9/14 Nora added to format the third column in the footer */

#RightFooterColumn p > img
{
	margin-bottom: 0;
	padding-bottom: 0;
} /* 3/10/14 Nora added to tighten space between logo and text 
     3/22/15 Nora removed just p for Site Ground move. The right column is in a Content block instead of in a menu
  */

#RightFooterColumn #custom_post_widget-4 p a
{
	display: block;
	margin: 20px 0;
} /* 3/10/14 Nora added to tighten space between logo and text */


#RightFooterColumn .widget_nav_menu h1.widget-title
{
	margin-top: -40px;
	padding-top: 0;
	font-family: Calibri;
	font-size: 16px;
	text-transform: none;
} /* 3/12/14 Nora added to tighten space between logo and text */

#RightFooterColumn .widget_nav_menu ul
{
	margin-top: -20px;
	padding-top: 10px;
} /* 3/12/14 Nora added to tighten space above links */

#RightFooterColumn .widget_nav_menu ul li
{
	border: 0;
	list-style: inside;
	padding: 0;
} /* 3/12/14 Nora added to format links in right column */

#RightFooterColumn .widget_nav_menu ul li a
{
	display: block;
	width: 100%;
	font-size: 16px;
	word-break: keep-all;
} /* 3/12/14 Nora added to tighten space above links */


#FooterContactInfo
{
	margin-top: 10px;
	text-align: center;
	font-family: Calibri;
	font-weight: bold;
	font-size: 16px;
	color: #000;
} /* 3/10/14 Nora added to format area below page */

#Copyright
{
	font-size: 10px;
} /* 3/10/14 Nora added */


#supplementary {
	padding: 0 10px;
}

.site-footer,
.site-info,
.site-info a 
{
  color: #000;
} /* 7/6/21 Nora changed color for ADA compliance */

.site-footer 
{
	clear: both;
	border-top: 30px solid #4c6b23;
	background: -webkit-linear-gradient(#679130, #8cc63f); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#679130, #8cc63f); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#679130, #8cc63f); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#679130, #8cc63f); /* Standard syntax */
	font-size: 16px;
	position: relative;
	z-index: 3;
} /* 3/8/14 Nora changed 
     3/18/14: Nora added clear both
     4/21/21 Nora changed font from 12px for ADA compliance
  */

.footer-sidebar {
	padding-top: 48px;
}

.site-info {
	padding: 15px 10px;
}

#supplementary + .site-info {
	border-top: 1px solid rgba(255, 255, 255, 0.2);
}

.site-info a:hover {
	color: #41a62a;
}


/**
 * 9.0 Featured Content
 * -----------------------------------------------------------------------------
 */

.featured-content {
	background: #000 url(images/pattern-dark.svg) repeat fixed;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	position: relative;
	width: 100%;
}

.featured-content-inner {
	overflow: hidden;
}

.featured-content .hentry {
	color: #fff;
	margin: 0;
	max-width: 100%;
	width: 100%;
}

.featured-content .post-thumbnail,
.featured-content .post-thumbnail:hover {
	background: transparent;
}

.featured-content .post-thumbnail {
	display: block;
	position: relative;
	padding-top: 55.357142857%;
	overflow: hidden;
}

.featured-content .post-thumbnail img {
	left: 0;
	position: absolute;
	top: 0;
}

.featured-content .entry-header {
	background-color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	min-height: 96px;
	overflow: hidden;
	padding: 24px 10px;
}

.featured-content a {
	color: #fff;
}

.featured-content a:hover {
	color: #41a62a;
}

.featured-content .entry-meta {
	color: #fff;
	font-size: 11px;
	font-weight: 700;
	line-height: 1.0909090909;
	margin-bottom: 12px;
}

.featured-content .cat-links {
	font-weight: 700;
}

.featured-content .entry-title {
	font-size: 18px;
	font-weight: 300;
	line-height: 1.3333333333;
	margin: 0;
	text-transform: uppercase;
}


/* Slider */

.slider .featured-content .hentry {
	-webkit-backface-visibility: hidden;
	display: none;
	position: relative;
}

.slider .featured-content .post-thumbnail {
	padding-top: 55.49132947%;
}

.slider-control-paging {
	background-color: #000;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	list-style: none;
	margin: -24px 0 0 0;
	position: relative;
	width: 100%;
	z-index: 3;
}

.slider-control-paging li {
	float: left;
	margin: 2px 4px 2px 0;
}

.slider-control-paging li:last-child {
	margin-right: 0;
}

.slider-control-paging a {
	cursor: pointer;
	display: block;
	height: 44px;
	position: relative;
	text-indent: -999em;
	width: 44px;
}

.slider-control-paging a:before {
	background-color: #4d4d4d;
	content: "";
	height: 12px;
	left: 10px;
	position: absolute;
	top: 16px;
	width: 12px;
}

.slider-control-paging a:hover:before {
	background-color: #41a62a;
}

.slider-control-paging .slider-active:before,
.slider-control-paging .slider-active:hover:before {
	background-color: #24890d;
}

.slider-direction-nav {
	clear: both;
	list-style: none;
	margin: 0;
	position: relative;
	width: 100%;
	z-index: 3;
}

.slider-direction-nav li {
	border-color: #fff;
	border-style: solid;
	border-width: 2px 1px 0 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;
	float: left;
	text-align: center;
	width: 50%;
}

.slider-direction-nav li:last-child {
	border-width: 2px 0 0 1px;
}

.slider-direction-nav a {
	background-color: #000;
	display: block;
	font-size: 0;
	height: 46px;
}

.slider-direction-nav a:hover {
	background-color: #24890d;
}

.slider-direction-nav a:before {
	color: #fff;
	content: "\f430";
	font-size: 32px;
	line-height: 46px;
}

.slider-direction-nav .slider-next:before {
	content: "\f429";
}

.slider-direction-nav .slider-disabled {
	display: none;
}


/**
 * 10.0 Multisite
 * -----------------------------------------------------------------------------
 */

.site-main .widecolumn {
	padding-top: 72px;
	width: auto;
}
.site-main .mu_register,
.widecolumn > h2,
.widecolumn > form {
	margin: 0 auto 48px;
	max-width: 474px;
	padding: 0 30px;
}

.site-main .mu_register #blog_title,
.site-main .mu_register #user_email,
.site-main .mu_register #blogname,
.site-main .mu_register #user_name {
	font-size: inherit;
	width: 90%;
}

.site-main .mu_register input[type="submit"],
.widecolumn #submit {
	font-size: inherit;
	width: auto;
}


/* **************** 11.0 Media Queries ******************* */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See http://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}

@viewport {
	width: device-width;
}

/* ***************** <=500 ***************** */
@media screen and (min-width: 300px) and (max-width: 500px) 
{
  /* ********** CONTAINERS ********** */
  body
  {
	border: 4px solid #ccc;
  } /* 10/25/17 Nora added for responsive testing 
       8/20/19 Nora changed the color from purple
	*/

	.site
	{
		width: 100%;
		max-width: 500px;
	} /* 5/30/17 Nora added 
	     6/22/18 Melinda changed width to 100% and max-width to 500px
	  */

	#site-header 
	{
       padding: 10px;
	   height: 110px;
	} /* 10/25/17 Nora added to tighten banner per discussion with Richard and Melinda 
          - padding top changed from 50
		 6/22/18 Melinda added height 110px, changed padding to 10px
	  */

	#site-header img
	{
	  width: 100%;
	  height:  auto;
	} /* 5/4/21 Nora added to make logo fit.
	      - It has been resizing correctly for some time, but now it's full size on the <=500
	      - Possibly a theme update caused the problem
          6/2/21 Nora added height to see if it will put the height into proportion
	  */
	
    #site-header .search-box-wrapper 
    {
	  width: 250px;
	  margin: 0 auto;
	  margin-top: 10px;
	  z-index: 2;
	  /* background: #000; */
    } /* 5/31/17 Nora copied from 401 */	
	  
	#TopNavigation
    {
	   position: relative;
	   z-index: 100;
	   display: block;
	   margin-bottom: 25px;
	   padding:0 0 0 15px;
	   height: 20px;
	   color: #fff;
	   font-weight: bold
    } /* 5/31/17 Nora added 
         10/25/17 Nora added height and margin-bottom per discussion with Richard and Melinda
         11/8/17 The word Menu should be showing, but it's not. 
           - Added color to see if that shows the word menu
           - Added left padding.
           - Moved content rule to ::before
         1/26/21 Changed the font color to white from black for easier reading
           - Added bold
      */

    #TopNavigation::before
    {
         content: "Menu";
    } /* 11/8/17 Nora added */
  
    #TopNavigation .nav-menu,
    #TopNavigation .menu-top-navigation-container, 
	.primary-navigation .nav-menu
    {
	  display: none; 
    } /* 5/31/17 Nora added
      */
	  
    #TopNavigation:hover .nav-menu, 
    #TopNavigation:hover .menu-top-navigation-container
    {
	  display: block;
	  background: #fff;
	  border: 1px solid #999;
	  width: 155px;
	  margin-top: -2px;
    } /* 5/31/17 Nora added
         2/2/21 Nora added margin top 
           - changed color from #000
           - changed width from 150 to accommodate Upcoming Conferences
      */

	#TopNavigation .nav-menu li 
	{
		float: none;
		height: 30px;
	}/* 10/26/18 Melinda added
      */

    #TopNavigation .nav-menu li:hover
	{
	  background: #666;
	  color: #c3cfce;
	} /* 2/2/21 Nora added to make rollover more responsive
	    3/16/21 Nora changed background color from c3cfce for ADA
      */

    #TopNavigation .nav-menu li:hover a
	{
	  text-decoration: none;
	} /* 3/30/21 Nora added 
      */
	 
	.site-navigation a, 
    #TopNavigation a
    {
	  margin-bottom: 0;
	  padding: 0;
	  font-size: 12px;
	  color: #000;
    } /* 5/31/17 Nora copied from default
      */

    #TopNavigation a:hover
    {
	  color: #000;
    } /* 2/2/21 Nora changed from orange
      */

    #Motto
    {
    	display: none;
    } /* 10/25/17 Nora added per discussion with Richard and Melinda */

    /* ********** <=500 CONTENT ********** */
    .site-content .entry-header
    {
        box-sizing: border-box;
        width: 100%;
    	  max-width: 500px;
    } /* 4/14/21 Nora added */

    .site-content .has-post-thumbnail .entry-header 
    {
       padding-top: 0;
    } /* 4/14/21 Nora added */

    h2.entry-title
    {
    	margin-top: 0;
    } /* 4/14/21 This is to tighten top from default */

    #content article.category-upcoming-conferences .entry-summary
    {
    	margin-top: 0;
    } /* 4/14/21 to override default -15 margin-top */

    /* ****** <=500 HOME PAGE ***** */

	#content h1#HomePageTitle
	{
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		margin-top: 15px;
		font-size: 22px;
        line-height: 1.2;
		text-align: center;
	} /* 10/26/18 Melinda added 
	  */
	
    #content #HomePageConferences
    {
	  width: 100%;
	  max-width: 500px;
	  margin: 0 auto;
	  border: none;
	  /* border: 1px solid #900; */
    } /* 
	     6/2/17 Nora copied from default
	     6/22/18 Melinda added margin: 0 auto
	     8/20/19 Nora changed width to 100, added max-width and padding
      */
  
    #content #HomePageConferences .ConferenceBlockLeft
    {
	 clear: left;
	 box-sizing: content-box;
	 width: 100%;
	 max-width: 500px;
	 float: none;
	 height: 300px;
	 margin-bottom: 10px;
	 padding: 10px 0;
	 background: none;
	 border-bottom: 1px solid #ddd;
    } /* 5/14/17 Nora copied from default 
         10/25/17 Nora changed width to max-width
         - left only top padding
         12/15/20 Nora added content box and changed max-width from 330 to 500
      */

     #content #HomePageConferences .HomeLeftCell
    {
    	width: 100%;
    	max-width: 500px;
    	margin: 0 10px;
		background: none;
    	border-right: 0;
    	padding-right: 0;
    	text-align: center;
    } /* 10/25/17 Nora added to remove right border on single column listings 
	     2/23/18 Melinda added background none
	     8/20/19 Nora added width, max-width, text-align
	  */

    #content #HomePageConferences .HomeRightCell
    {
	  clear: both;
	  width: 100%;
      width: 100%;
      max-width: 500px;
      margin: 0 10px;
	  float: left;
	  height: auto;
	  max-height: none;
	  padding:0;
	  background: none;
	  border-bottom: 1px solid #ddd;
	  text-align: center;
	  /* background: #000; */
    } /* 6/2/17 Nora copied from default
         10/25/17 Nora changed width to max-width
         11/8/17 Nora overrode default width and height
		 3/22/19 Melinda changed max-height to none
		 1/5/20 Nora added text-align to see if logos center in <=500
		   - This is at a higher level than maybe it should be
      */

	#content #HomePageConferences .RightBorderLayer
	{
		background: none;
		max-width: 330px;
		height: auto;
	}/* 2/23/18 Melinda added
	    3/22/19 Melinda added height auto
	*/

	  
    #content #HomePageConferences .PlaceholderCell
    {
    	display: none;
    } /* 11/17/17 Nora added
          - there is no reason to have this in the single column view
      */
	  
    #content #HomePageConferences .HomeConferenceTitle
    {
	  width: 90%;
	  height: auto;
	  overflow: hidden;
	  margin-bottom: 5px;
	  font-size: 18px;
	  font-weight: bold;
	  line-height: 1.2;
	  text-align: center;
	  /* border: 1px solid #ccc; */
    } /* 6/2/17 Nora copied from default */
	  /* 3/22/19 Melinda changed height to none because titles were being cut off 
         3/9/21 Nora added width because titles are pushing cell width
	  */
	
	#content #HomePageConferences .HomePageConferenceLogo
	{
		margin: 0 auto;
		margin-top: 20px;
		margin-bottom: 20px;
	} /* 12/22/20 Nora added to center logos 
         1/12/21 It may be the pdf icon that is pushing the photo to the left
	  */

	#content #HomePageConferences .HomePageConferenceLogo img,
	#content #HomePageConferences .HomePageConferenceLogo a
    {
	  max-width: 300px !important;
	  min-width: 200px;
	  margin: 0 auto;
    } /* 6/2/17 Nora copied from 401 
         8/20/19 Nora added margin
      */
	
	#content #HomePageConferences .HomeConferenceButtons
    {
	  width: 300px;
	  margin: 0 auto;
	  height: 30px;
	  clear: both;
	  border-left: none;
	  float: none;
	  text-align: center;
	  padding: 5px;
	  background: none;
	  /* border: 1px solid #909; */
    } /* 6/2/17 Nora copied from default   
         11/1/17 Nora changed height from 60px
		 3/22/19 Melinda added clear both
      */
	
	#content #HomePageConferences .ConferenceRegistrationButton
    {
	  margin: 0;
	  width: 70px;
	  height: auto;
	  float: left;
	  background: #b11116;
	  border-radius: 5px;
	  text-align: center;
	  padding: 0;
    } /* 6/2/17 Nora copied from default  
         11/1/17 Nora reset margin. The margin: none did not reset the default;
      */
	  
	#content #HomePageConferences .ConferenceRegistrationButton a
	{
		margin: 0;
		padding: 0;
	}
	
	.HomeConferenceButtons .PDFLink,
	.HomeConferenceButtons .WebinarPDFLink
    {
	  width: 55px;
      float: right;
	  padding: none;
	  margin-right: 20px;
    } /* 6/2/17 Nora copied from default   
	     4/13/18 Melinda added .WebinarPDFLink, and float right
	  */

	.HomeConferenceButtons .PDFLink img, 
	.HomeConferenceButtons .WebinarPDFLink img
	{
		max-height: 40px;
		float: right;
		width: 44px;
	}
	  /* 4/13/18 Melinda added */
	
	#content #HomePageConferences .HomeLeftText,
	#content #HomePageConferences .HomeRightText
	{
		font-size: 14px;
	}
	  /* 4/13/18 Melinda added 
	     3/22/19 Melinda added content & home page conferences
	  */
	  
	.HomePageText
	{
		margin-top: -20px;
	}/* 10/26/18 Melinda added */
	
	.HomeRightCell p,
	.HomePageText
	{
		font-size: 14px;
		color: black;
	}/* 3/22/19 Melinda added for conference services & webinar  */
	
	/* ********** <=500 CATEGORY PAGES ********** */
	#content article.category-upcoming-conferences
	{
		width: 100%;
		max-width: 500px;
	} /* 4/14/21 Nora added to fix Upcoming Conferences and other category pages using the default template */

	/********** <=500 PAGES ***********/
	#LeftContent, 
	#LeftContent .hentry .entry-content p
	{
		width: 100%;
		max-width: 450px;
		margin-left: 0;
	} /* 12/21/18 Melinda added 
	     1/19/21 Nora added margin-left to override default
	  */
	
	#LeftContent .hentry .entry-content
	{
		border-right: 0;
	}/* 12/21/18 Melinda added */
	
	#RightSidebar
	{
		float: none;
		text-align: center;
		margin: 0 auto;
		margin-bottom: 30px;
	} /* 12/21/18 Melinda added 
         1/19/21 Nora added margins
	  */
	
	#custom_post_widget-5
	{
		margin: 0 auto;
	}/* 12/21/18 Melinda added */

	/********** <=500 CONFERENCE INSIDE PAGE ***********/
	#ConferenceContent #ConferenceTitle
	{
		width: 100%;
		margin: 0;
		text-align: center;
	}/* 10/26/18 Melinda added */
	
	#ConferenceTitle h1.entry-title, 
	#PastConferenceTitle h1.entry-title
	{
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}/* 10/26/18 Melinda added 
	    11/9/18 Melinda changed width to 90% from 100%
	 */
	
	#LogoBlock
    {
	    width: 100%;
		max-width: 500px;
	    margin: 0 auto;
	    margin-top: 20px;
	    margin-bottom: 20px;
    }   /* 12/13/18 Melinda added */
	
	#SecondRowSponsors
    {
		width: 100%;
		max-width: 500px;
    }    /* 12/13/18 Melinda added */

    #SecondRowSponsors img
    {
	    margin: 0 10px 20px 10px;
	    max-height: 50px;
    } /* 12/13/18 Melinda added */
	
	#UpcomingConferenceLeftColumn, 
	#PastConferenceLeftColumn 
	{
        width: 100%;
        float: none;
		margin-left: 0;
	}/* 10/26/18 Melinda added */
	
	#UpcomingConferenceLeftColumn #LeftColumnImage img,
	#PastConferenceLeftColumn #LeftColumnImage img
	{
	    width: 100%;
		max-width: 400px;
		min-width: 250px;
	}/* 10/26/18 Melinda added 
	    3/15/19 Melinda added PastConferenceLeftColumn img*/
	
	#UpcomingConferenceRightColumn
	{
        width: 90%;
        float: none;
		margin: 0 auto;
	}/* 10/31/18 Melinda added 
	    11/2/18 Melinda changed width to 90% and margin 0 auto */
	
	#UpcomingConferenceRightColumn h3
	{
        width: 100%;
        float: none;
		margin-left: 0;
	}/* 10/31/18 Melinda added */
	
	#IndividualUpcomingConferencesLeftColumn
	{
		width: 100%;
        float: none;
		margin-bottom: 15px;
	}/* 10/31/18 Melinda added */
	
	#IndividualUpcomingConferencesRightColumn
	{
		width: 100%;
        float: none;
		padding-left: 0;
		padding-right: 15px;
	}/* 10/31/18 Melinda added */
	
	#UpcomingConferencesTeasers
	{
		margin: 0 15px;
	}/* 11/9/18 Melinda added */
	
	/********** <=500 PAST CONFERENCES INSIDE PAGE ***********/
	#PastConferences
	{
		width: 90%;
		margin: 0 auto;
	}/* 11/2/18 Melinda added */
	
	#PastConferences h1
	{
		font-size: 14px;
	}/* 11/2/18 Melinda added */
	
	#PastConferences .PastConferenceTitle a
	{
		font-size: 16px;
		line-height: 1.2px;
	}/* 11/2/18 Melinda added */
	
	#PastConferences .RightColumn
	{
		width: 100%;
		float: none;
	}/* 11/9/18 Melinda added */
	
	#PastConferences .LeftColumn
	{
		width: 100%;
		float: none;
	}/* 11/9/18 Melinda added */
	
	
  /********** <=500 FOOTER ***********/
	
	.site-footer
	{
       box-sizing:  border-box;
       width: 100%;
       max-width: 500px;
	} /* 7/27/21 Nora added */

	#FooterColumns
     {
       box-sizing:  border-box;
       width: 100%;
       max-width: 500px;	  
	  padding: 10px;
	  margin:  0;
     } /* 11/17/17 Nora added 
         5/4/21 Nora changed margin from 25
         7/27/21 Nora changed margin to padding and reduced from 15
      */

     #FooterColumns h2
     {
       font-size:  20px;
       text-align:  center;
     } /* 7/6/21 Nora added to make titles fit into the columns */

	#LeftFooterColumn
	{
	  box-sizing:  border-box;
	  width: 40%;
	  padding: 0;
	}	/* 6/22/18 Melinda added 
             5/4/21 Nora added padding left to override default
             7/27/21 Nora changed width from 48%
	    */
	
	#RightFooterColumn
	{
	  width: 45%;
       padding-left:  10px;
	}  /* 6/22/18 Melinda added 
           7/27/21 Nora added padding to override default 50px
	  */
     
     #RightFooterColumn #custom_post_widget-3
     {
       display:  none;
     } /* 7/27/21 Nora added to balance columns */
	
    #CenterFooterColumn
    {
    	display: none;
    } /* 11/20/17 Nora added per discussion with Richard 
	     6/22/18 Melinda changed to CenterFooterColumn
	 */
}

@media screen and (min-width: 501px) and (max-width: 800px) 
{
  .site 
  {
	max-width: 800px;
	border: 1px solid #900;
  } /* 
       5/13/17 Nora copied from default 
       6/29/18 Melinda changed max-width to 800
	*/
  
  #site-header 
  {
	padding: 10px 0 0 30px;
	height: 120px;
  } /* 5/13/17 Nora copied from default 
       3/16/18 Melinda removed height 
	   6/28/18 Melinda added height 120px
	*/
  
  #site-header img
  {
	max-width: 500px;
	margin: 0 auto;
	margin-bottom: 10px;
  } /* 5/13/17 Nora copied from default 
       3/16/18 Melinda changed max-width
       6/28/18 Melinda changed max-width from 350 to 500px	   
	*/

  #site-header .search-box-wrapper 
  {
	width: 250px;
	margin: 0 auto;
	z-index: 2;
	/* background: #000; */
  } /* 5/13/17 Nora copied from default */

 #TopNavigation
  {
	padding-left: 10px;
	height: 20px;
  } /* 5/13/17 Nora copied from default 
       3/16/18 Melinda added padding-left and height */
  
 #TopNavigation::before
    {
         content: "Menu";
    } /* 3/16/18 Melinda copied from <400px size */
  
 #TopNavigation .nav-menu
    {
	  display: hidden;
    } /* 3/16/18 Melinda copied from <400px size */
	  
 #TopNavigation:hover .nav-menu
    {
	  display: block;
	  background: #fff;
	  border: 1px solid #000;
	  width: 150px;
    } /* 3/16/18 Melinda copied from <400px size */
	
.site-navigation a, 
 #TopNavigation a
    {
	  margin-bottom: 0;
	  padding: 0;
	  font-size: 12px;
	  color: #000;
    } /* 3/16/18 Melinda copied from <400px size */
	
 #content h1#HomePageTitle
    {
	  margin: 30px 0 0 0;
	  text-align: center;
      font-size: 22px;
      line-height: 1.2;
    } /* 
	     3/16/18 Melinda copied from <400px size 
		 6/29/18 Melinda changed margin size
	  */
	
 #Motto
    {
    	display: none;
    } /* 3/16/18 Melinda copied from <400px size */

  /* ****** 501-800 SIZE HOME PAGE ***** */

    #content #HomePageConferences
    {
	  max-width: 800px;
	  margin: 0 auto;
	  border: none;
	  /*border: 1px solid #900;*/
    } /* 
	     6/22/18 Melinda copied from 300-500 size
		 6/29/18 Melinda changed max-width to 800
      */
  
    #content #HomePageConferences .ConferenceBlockLeft
    {
	 clear: left;
	 max-width: 780px;
	 float: none;
	 height: 300px;
	 margin: 0 auto;
	 margin-bottom: 10px;
	 padding: 10px 0;
	 background: none;
	 border-bottom: 1px solid #ddd;
    } /* 
	     6/22/18 Melinda copied from 300-500 size
	     6/29/18 Melinda added margin: 0 auto
      */

     #content #HomePageConferences .HomeLeftCell
    {
    	max-width: 780px;
		text-align: center;
		background: none;
		margin: 0 auto;
    	border-right: 0;
    	padding-right: 0;
    } /* 
	     6/22/18 Melinda copied from 300-500 size
		 6/29/18 Melinda changed max-width to 780, added text-align center, added margin 0 auto
	  */

    #content #HomePageConferences .HomeRightCell
    {
	  clear: both;
	  max-width: 780px;
	  float: none;
	  height: auto;
	  max-height: 370px;
	  margin: 0 auto;
	  margin-bottom: 10px;
	  padding: 10px 10px 10px 0;
	  background: none;
	  border-bottom: 1px solid #ddd;
	  /* background: #000; */
    } /* 
	     6/22/18 Melinda copied from 300-500 size
		 6/29/18 Melinda added margin: 0 auto and max-width 780 and deleted margin-left: 0 and changed float to none
      */

	#content #HomePageConferences .RightBorderLayer
	{
		background: none;
		float: none;
		max-width: 780px;
		text-align: center;
		margin: 0 auto;
	}/* 
	     6/22/18 Melinda copied from 300-500 size 
		 6/29/18 Melinda added text-align center and margin 0 auto
	 */

	  
    #content #HomePageConferences .PlaceholderCell
    {
    	display: none;
    } /* 6/22/18 Melinda copied from 300-500 size
      */
	  
    #content #HomePageConferences .HomeConferenceTitle
    {
	  height: 40px;
	  overflow: hidden;
	  margin-bottom: 5px;
	  font-size: 16px;
	  font-weight: bold;
	  line-height: 1.2;
	  text-align: center;
	  /* border: 1px solid #ccc; */
    } /* 6/22/18 Melinda copied from 300-500 size */
	
	#content #HomePageConferences .HomePageConferenceLogo
    
	{
	  max-width: 780px;
	  width: auto;
	  text-align: center;
	  margin: 0 auto;
    }/* 
	     6/22/18 Melinda copied from 300-500 size
		 6/29/18 Melinda changed margin size
     */
	
	#content #HomePageConferences .HomePageConferenceLogo img
    {
	  max-width: 500px !important;
	  min-width: 400px;
	  margin: 0 auto;
    } /* 6/22/18 Melinda copied from 300-500 size
      */
	
	#content #HomePageConferences .HomeConferenceButtons
    {
	  max-width: 780px;
	  margin: 0 auto;
	  height: 30px;
	  border-left: none;
	  float: none;
	  text-align: center;
	  padding: 5px;
	  background: none;
	  /* border: 1px solid #909; */
    } /* 
	     6/22/18 Melinda copied from 300-500 size
		 6/29/18 Melinda changed max-width, added margin 0 auto
      */
	
	#content #HomePageConferences .ConferenceRegistrationButton
    {
	  margin: 0 auto;
	  width: 70px;
	  height: auto;
	  float: left;
	  background: #b11116;
	  border-radius: 5px;
	  text-align: center;
	  padding: 0;
    } /* 
	     6/22/18 Melinda copied from 300-500 size
		 6/29/18 Melinda added margin 0 auto and text-align center
      */
	  
	#content #HomePageConferences .ConferenceRegistrationButton a
	{
		margin: 0;
		padding: 0;
	}
	
	.HomeConferenceButtons .PDFLink,
	.HomeConferenceButtons .WebinarPDFLink
    {
	  width: 55px;
      float: right;
	  padding: none;
	  margin-right: 20px;
    } /* 6/22/18 Melinda copied from 300-500 size
	  */

	.HomeConferenceButtons .PDFLink img, 
	.HomeConferenceButtons .WebinarPDFLink img
	{
		max-height: 40px;
		float: right;
		width: 44px;
	}
	  /* 6/22/18 Melinda copied from 300-500 size */
	
	.HomeLeftText,
	.HomeRightText
	{
		font-size: 14px;
	}
	  /* 6/22/18 Melinda copied from 300-500 size */
	  
	.HomePageText
	{
		margin-bottom: 25px;
	} /* 6/29/18 Melinda added */
	  
	  
	/* ***** FOOTER ***** */
	
	#FooterColumns
    {
	  margin: 25px;
    } /* 6/22/18 Melinda copied from 300-500 size 
      */
	#LeftFooterColumn
	{
	  box-sizing:  border-box;
	  width: 48%;
	}	/* 6/22/18 Melinda copied from 300-500 size */
	
	#RightFooterColumn
	{
		width: 48%;
	}  /* 6/22/18 Melinda copied from 300-500 size */
	
    #CenterFooterColumn
    {
    	display: none;
    } /* 6/22/18 Melinda copied from 300-500 size
	 */
}

@media screen and (min-width: 801px) and (max-width: 1200px)
{
	.site-content .entry-header {
		padding-right: 30px;
		padding-left: 30px;
	}

	.site-content .has-post-thumbnail .entry-header {
		margin-top: -48px;
	}
	
		.header-main {
		padding-right: 0;
	}
}