/*
Theme Name: Sustainable Forestry Initiative, Jr.
Description: SFI's Wordpress Theme.
Author: Surge Interactive, Inc
Version: 1.0.1
*/

/* --------------------------------------
		General
---------------------------------------*/
* {
	margin:0;padding:0;
}
html {
	background: #c6c9cb;
	height:100%;
}
body {
	font: 13px Arial, sans-serif;
	height:100%;
	padding:15px;
}
#wrapper {
	width:901px;
	padding-left:13px;
	background: #fff url('images/background.png') repeat-y;
	min-height:100%;
	height: auto !important;
	height: 100%;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: -2.5em;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
a {
	color:#000;
	text-decoration: none;
}
/* --------------------------------------
		Random Logo
---------------------------------------*/
/**
 * OMG, let's style all h1s as if there could only be one.
 * maybe I should have used highlander as the class name?
 */
 
h1,
.h1 {
	height:217px;
	width:199px;
	float:left;
	background-color:#b69464;
	
}
/**
 * no h2?!?
 */
h3{
	color:#4b545d;
	margin-bottom:10px;
}
/**
 * a11y contrast
 * even though the link text is sr-only, applying this color to the link means it technically has 
 * insufficient contrast.
 * to fix, simply get rid of this style rule.
 */
/*
h1 a,
.h1 a {
color:#b69464;
}
*/
/**
 This selector is problematic.
*/
/* h1 span { */
.h1 .random-bg-pic {
	position:absolute;
	height:217px;
	width:199px;
	background:url('random.php') no-repeat;
}
#content hr{
	color:#fff;
	clear:both;
}

/* --------------------------------------
		Header
---------------------------------------*/
#header {
	float:left;
	width:702px;
	height:237px;
	margin-top:0px;
	margin-bottom:0px;
	background-color: #fff;
	background-image: url(images/header.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin-right:0px;
	padding-right:0px;
	}
	.sf-menu {
		background: url('images/navigation.jpg') no-repeat;
	}
	#header ul {
		float:right;
		margin-top:146px;
		padding-left:20px;
		width: 360px;
		height: 49px;
		list-style:none;
	
		}
		#header ul ul {
			width:auto;
			height:auto;
		}
		#header ul a {
			font: bold 13px Arial, sans-serif;
			text-decoration: none;
			/**
			 * a11y: contrast
			 */
			/* color: #6d6f71; */
			/* color: #6b6d6f; */ /* AA */
            color: #4f5152; /* AAA */
		}
		#header ul li ul li:first-child {
		padding-top: 0px;
		}
/* --------------------------------------
		Left Column
---------------------------------------*/
#sidebar {
	float:left;
	width: 199px;
	}
	#sidebar #sidemenu {
		padding-right:10px;
		list-style:none;
	}
	#sidebar #sidemenu a {
		color: #5a6770;
		display: block;
		}
	#sidebar #sidemenu li {
		color: #5a6770;
		padding: 0px 0 5px 0px;
		margin-left:4px;
		font-weight: bold;
		}
	#sidebar #sidemenu li a {
		border-bottom: 1px solid #cdd3cf;
		padding-bottom:4px;
	}
	#sidebar #sidemenu li li a {
		border-bottom:0px;
		padding:0;
	}
	#sidebar #sidemenu li li {
		font-weight:500;
		padding: 3px 0 3px;
		margin-left:12px;
		border-bottom: 1px solid #cdd3cf;
	}
	#sidebar #sidemenu li ul {
		margin-top:0px;
		list-style:none;
	}
	#sidebar #sidemenu .current_page_item > a:first-child , #sidebar #sidemenu a:hover {
		color: #941027 !important;
		/*font-weight: bold;*/
	}
	#sidebar #sidemenu .current_page_item .firstChild {
		color: #941027 !important;
		font-weight: bold;
	}
	#login {
		background: #f8f0e4;
		width: 170px;
		margin: 10px 0 0 0;
		padding: 10px;
		font-weight:900;
		/**
		 * a11y contrast
		 */
		/* color:#93928f; */
		/* color: #6d6d6a; */ /* AA */
		/* color: #50504e; */ /* AAA */
		/* just use the same color as for lost password */
        color: #4f5152; /* AAA+ */
	}
	#login ul li{
		margin-left:15px;
	}
	#login ul li a{
		color:#951128;
		font-weight:normal;
	}
	/**
	 * a11y: h3 without h2
	 * use a class to style the h2 however you want
	 */
	#sidebar #login h3,
	#sidebar #login .heading {
		font: 18px Georgia, "Times New Roman", Times, serif;
		color: #941128;
		font-weight:500;
		margin-bottom:7px;
	}
	#loginform {
		font-weight:500;
	}
	#loginform fieldset{
		border:0px;
	}
	#loginform input {
		margin-top:3px;
	}
	#login_button {
		display:inherit;
		float:right;
		margin-top:10px;
	}
	#login_now { 
		color:#237819;
		text-decoration:underline;
		font-weight:900;
		margin-top:3px;
		margin-left:10px;
		margin-bottom:10px;
		display:block;
        }
	#lost_password,
	#loginform #lost_password {
        /**
         * a11y: contrast
         */
        /* color:#898883; */
        color: #4f5152; /* AAA+ */
		text-decoration:underline;
		font-weight:900;
		margin-top:3px;
		margin-left:10px;
		display:block;
	}
/* --------------------------------------
		Main Content Area
---------------------------------------*/
#content {
	margin-left:209px;
	height:auto !important;
	height:550px;
	min-height:550px;
	
	width:455px;
	}
	#content h2 {
	font-size:24px;
	font: 24px Georgia, "Times New Roman", Times, serif;
	color:#951128;
	padding-top: 20px;
	padding-right: 25px;
	padding-bottom: 20px;
	padding-left: 0px;
	}
	#content h3{
		padding-left:0px;
	}
	#content h2.green a{
		color:#456a15;
	}
	#content p {
	padding-top: 0;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 5px;
	}
	#content a {
		color:#951128;
	}
	
	#content ul,#content ol{
	 padding-left:40px;
		padding-right:10px;
	}
	#content ul li,#content ol li{
	 padding-bottom:10px;	padding-right:10px;
	}
	#content .introtext{
		color:#4b545d;
	}
	#content .alignright{
		float:right;
		padding-left:15px;
		padding-bottom:15px;
		border:none;
	}
		#content .alignleft{
		float:left;
		margin-right:15px;
		margin-bottom:15px;
		border:none;

	}
	#content blockquote ul li{
		padding-bottom:2px;
	}
	#content blockquote ul{
		margin-bottom:18px;
	}
	#content ul.contentnav{
	padding-left:20px;
	padding-right:20px;
	margin-bottom:20px;
	list-style-type: none;		
	}
	#content ul.contentnav li{
		border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding:3px;
	}
	#content ul.contentnav li.current_page_item a{
		color:#941027;
	}
	#content ul.contentnav li a{
		color:#495b63;
		font-weight:bold;
	}
	#content .ddsg-wrapper p{
		display:none;
	}
/* --------------------------------------
		Right Column
---------------------------------------*/
#rightcolumn {
	float:right;
	background:#e6e9dc;
	border:0px solid #000;
	margin-right:22px !important;
	margin-right:11px;
	margin-bottom:20px;
	width:180px;
	padding:10px;
	}
	#rightcolumn h3 {
		color:#607924;
		font-size:24px;
		font-weight:500;
		margin-bottom:10px;
	}
	#rightcolumn ul {
		margin-top:10px;
		margin-left:20px;
	}
	#rightcolumn ul li {
		margin-bottom:10px;
	}
	#rightcolumn ul li a {
		color:#951128;
		font-weight:900;
	}
	
	
/* --------------------------------------
		Footer
---------------------------------------*/

	#footer ul {
		
		list-style:none;
		padding-top:9px;
	}
	#footer ul li {
		display:inline;
	}
	#footer a {
		font-size:90%;
	color: #666;
	border-right:2px solid #cdd3cf;
	padding:0 15px;
	}
	#footer ul .last a {
		border:0px;
	}
	#footer, .push {
	height:35px;
		width:701px;
		margin:0 auto;
		
	}
	#footer {
	text-align:center;
	margin-top:-42px;
	background:#f5f5f5;
	color: #cdd3cf;
	font-weight:normal;
	clear:both;
	width:914px;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #FFF;
}



/*---------------
NEWSLETTER STYLES
----------------*/
#content #newsletters{
	width: 430px;
	clear:right;
	
}
#content div.newsletter{
	display:inline;
	clear:right;
	width:430px;
	margin-top:20px;
	margin-bottom:0px;
}
#content #newsletters img{
	border: 1px solid #999;	
	margin-right:10px;
	margin-left:10px;
	margin-bottom:10px;
	
}
#content #newsletters br{
	clear:both;
	display:block;
}
.clear{
	clear:both;
}

/**
 * screen reader only
 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}


/**
 * Global Inline Styles from the old site
 */
body {
	--wp--preset--color--black: #000000;
	--wp--preset--color--cyan-bluish-gray: #abb8c3;
	--wp--preset--color--white: #ffffff;
	--wp--preset--color--pale-pink: #f78da7;
	--wp--preset--color--vivid-red: #cf2e2e;
	--wp--preset--color--luminous-vivid-orange: #ff6900;
	--wp--preset--color--luminous-vivid-amber: #fcb900;
	--wp--preset--color--light-green-cyan: #7bdcb5;
	--wp--preset--color--vivid-green-cyan: #00d084;
	--wp--preset--color--pale-cyan-blue: #8ed1fc;
	--wp--preset--color--vivid-cyan-blue: #0693e3;
	--wp--preset--color--vivid-purple: #9b51e0;
	--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgba(6,147,227,1) 0%,rgb(155,81,224) 100%);
	--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);
	--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgba(252,185,0,1) 0%,rgba(255,105,0,1) 100%);
	--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgba(255,105,0,1) 0%,rgb(207,46,46) 100%);
	--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
	--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);
	--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);
	--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);
	--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);
	--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);
	--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);
	--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);
	--wp--preset--duotone--dark-grayscale: url('#wp-duotone-dark-grayscale');
	--wp--preset--duotone--grayscale: url('#wp-duotone-grayscale');
	--wp--preset--duotone--purple-yellow: url('#wp-duotone-purple-yellow');
	--wp--preset--duotone--blue-red: url('#wp-duotone-blue-red');
	--wp--preset--duotone--midnight: url('#wp-duotone-midnight');
	--wp--preset--duotone--magenta-yellow: url('#wp-duotone-magenta-yellow');
	--wp--preset--duotone--purple-green: url('#wp-duotone-purple-green');
	--wp--preset--duotone--blue-orange: url('#wp-duotone-blue-orange');
	--wp--preset--font-size--small: 13px;
	--wp--preset--font-size--medium: 20px;
	--wp--preset--font-size--large: 36px;
	--wp--preset--font-size--x-large: 42px;
	--wp--preset--spacing--20: 0.44rem;
	--wp--preset--spacing--30: 0.67rem;
	--wp--preset--spacing--40: 1rem;
	--wp--preset--spacing--50: 1.5rem;
	--wp--preset--spacing--60: 2.25rem;
	--wp--preset--spacing--70: 3.38rem;
	--wp--preset--spacing--80: 5.06rem;
}
:where(.is-layout-flex) {
	gap: 0.5em;
}
body .is-layout-flow > .alignleft {
	float: left;
	margin-inline-start: 0;
	margin-inline-end: 2em;
}
body .is-layout-flow > .alignright {
	float: right;
	margin-inline-start: 2em;
	margin-inline-end: 0;
}
body .is-layout-flow > .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}
body .is-layout-constrained > .alignleft {
	float: left;
	margin-inline-start: 0;
	margin-inline-end: 2em;
}
body .is-layout-constrained > .alignright {
	float: right;
	margin-inline-start: 2em;
	margin-inline-end: 0;
}
body .is-layout-constrained > .aligncenter {
	margin-left: auto !important;
	margin-right: auto !important;
}
body .is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)) {
	max-width: var(--wp--style--global--content-size);
	margin-left: auto !important;
	margin-right: auto !important;
}
body .is-layout-constrained > .alignwide {
	max-width: var(--wp--style--global--wide-size);
}
body .is-layout-flex {
	display: flex;
}
body .is-layout-flex {
	flex-wrap: wrap;
	align-items: center;
}
body .is-layout-flex > * {
	margin: 0;
}
:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}
.has-black-color {
	color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-color {
	color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-color {
	color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-color {
	color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-color {
	color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-color {
	color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-color {
	color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-color {
	color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-color {
	color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-color {
	color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-color {
	color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-color {
	color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-background-color {
	background-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-background-color {
	background-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-background-color {
	background-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-background-color {
	background-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-background-color {
	background-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-background-color {
	background-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-background-color {
	background-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-background-color {
	background-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-background-color {
	background-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-background-color {
	background-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-background-color {
	background-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-black-border-color {
	border-color: var(--wp--preset--color--black) !important;
}
.has-cyan-bluish-gray-border-color {
	border-color: var(--wp--preset--color--cyan-bluish-gray) !important;
}
.has-white-border-color {
	border-color: var(--wp--preset--color--white) !important;
}
.has-pale-pink-border-color {
	border-color: var(--wp--preset--color--pale-pink) !important;
}
.has-vivid-red-border-color {
	border-color: var(--wp--preset--color--vivid-red) !important;
}
.has-luminous-vivid-orange-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-orange) !important;
}
.has-luminous-vivid-amber-border-color {
	border-color: var(--wp--preset--color--luminous-vivid-amber) !important;
}
.has-light-green-cyan-border-color {
	border-color: var(--wp--preset--color--light-green-cyan) !important;
}
.has-vivid-green-cyan-border-color {
	border-color: var(--wp--preset--color--vivid-green-cyan) !important;
}
.has-pale-cyan-blue-border-color {
	border-color: var(--wp--preset--color--pale-cyan-blue) !important;
}
.has-vivid-cyan-blue-border-color {
	border-color: var(--wp--preset--color--vivid-cyan-blue) !important;
}
.has-vivid-purple-border-color {
	border-color: var(--wp--preset--color--vivid-purple) !important;
}
.has-vivid-cyan-blue-to-vivid-purple-gradient-background {
	background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;
}
.has-light-green-cyan-to-vivid-green-cyan-gradient-background {
	background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;
}
.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;
}
.has-luminous-vivid-orange-to-vivid-red-gradient-background {
	background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;
}
.has-very-light-gray-to-cyan-bluish-gray-gradient-background {
	background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;
}
.has-cool-to-warm-spectrum-gradient-background {
	background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;
}
.has-blush-light-purple-gradient-background {
	background: var(--wp--preset--gradient--blush-light-purple) !important;
}
.has-blush-bordeaux-gradient-background {
	background: var(--wp--preset--gradient--blush-bordeaux) !important;
}
.has-luminous-dusk-gradient-background {
	background: var(--wp--preset--gradient--luminous-dusk) !important;
}
.has-pale-ocean-gradient-background {
	background: var(--wp--preset--gradient--pale-ocean) !important;
}
.has-electric-grass-gradient-background {
	background: var(--wp--preset--gradient--electric-grass) !important;
}
.has-midnight-gradient-background {
	background: var(--wp--preset--gradient--midnight) !important;
}
.has-small-font-size {
	font-size: var(--wp--preset--font-size--small) !important;
}
.has-medium-font-size {
	font-size: var(--wp--preset--font-size--medium) !important;
}
.has-large-font-size {
	font-size: var(--wp--preset--font-size--large) !important;
}
.has-x-large-font-size {
	font-size: var(--wp--preset--font-size--x-large) !important;
}

.wp-block-navigation a:where(:not(.wp-element-button)) {
	color: inherit;
}

:where(.wp-block-columns.is-layout-flex) {
	gap: 2em;
}

.wp-block-pullquote {
	font-size: 1.5em;
	line-height: 1.6;
}