* {
	margin: 0px;
	padding: 0px;
	border-style: none;
	outline: none;
}
	
html, body { /*, .parallax-cont*/
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
}

.parallax-block {
	height: 350px;
	overflow: hidden;
	position: relative;
	width: 100%;
	z-index: 1;
}

#maincol > .parallax-block {
	margin-top: 25px;
}

.parallax-cont {
  position: relative;
  display: block;
  text-align: center;
  margin: 0;
  top: 35%;
  transform: translateY(-35%);
	width: 100%
  
}
.parallax-block h2 {
	font-family: 'Finger Paint', cursive;
	font-size: 60px;/*vw is Relative to 1% of the width of the viewport*/
	color: #ffffff; /*6c758e SOP light grey*/
	text-shadow: 1px 1px 7px #000000;	
}
.parallax-block h3 {
	float: none;
	font-size: 50px;
	font-weight: 300;
	line-height: 55px;
	text-transform: uppercase;
}
.parallax-block h3 a {
	color: #ffffff; 
	padding: 10px;
	text-shadow: 1px 1px 7px #000000;	
}

.parallax-block h3 a:hover {
}
.parallax-block p, .parallax-block li {
	font-size: 20px;
}
.parallax-block li {
	display: block;
	margin: 10px 0;
}
.parallax-block li a {
	background: #398e16; /*SOP green*/
	border-radius: 20px;
	color: #ffffff;
	margin-top: 7px;
	padding: 5px 50px;
	transition: all 0.23s ease-in-out 0s;
	width: 200px;
}
.parallax-block li a:hover {
	background-color:#322B54; /*SOP dk blue*/
	text-decoration: none;
}

.img-parallax {
  width: 100vmax;
  z-index: -1;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%,0);
  pointer-events: none
}
	


html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,li,ol,ul,
fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-style: normal;
	font-size: inherit;
	font-family: inherit;
	/*-moz-osx-font-smoothing: grayscale; firefox font smoothing???*/
	text-align: inherit;
}




.region_debug {
    z-index: -8;
}


.STRUCTURE {} /****************************************************************************/

#devsite {
    background: red;
    height: 20px;
	padding: 7px;
	position: fixed;
	left: 60%;
	top: 0;
    width: 150px;
	z-index: 9999;
}
body { 
    font-size:13px;  
    line-height: 21px;  
	font-family: 'Roboto', sans-serif;
	color: #210801; /*SOP text col*/
	background: url(../images/bg_tile.png) repeat #FFFFFF;
	width: 100%;
	z-index: 2000; /* IE fix */
	text-align: left;
}
#wrapper {
	background-color: transparent;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	padding-bottom: 0;
	z-index: 1900; /* IE fix */
	overflow: visible;
}
#header {
	background-color: transparent;
	float: left;
	margin-bottom: 17px;
	position: relative;
	width: 100%;
	z-index: 1850; /* IE fix */
}

#twocols {
	float: left;
	position: relative;
	min-height: 283px; /* IE7 fix: austinmatzko.com/2007/07/25/internet-explorer-7-float-bug/ */ 
	background-color: #FFF;
	width: 852px;
	margin-left: 24px;
}
#twocolclearer{
	clear: both;
	height: 0
}

#maincol {
	float: left;
	padding: 0;
	position: relative;
	margin-bottom: 26px;/*36px-10px for two col clearer*/
	margin-top: 26px;
	width: 100%;
}
.home #maincol {
	margin-bottom: 0;
	margin-top: 0;
}
.home #maincol p:last-child {
	display: none;
}
.home #maincol .introbox p:last-child {
    display: block;
}
	
#social {
	width: 520px;
	clear: both;
}

#footer {
	float: left;
	position: relative;
	margin-top: 20px;
	margin-bottom: 10px;
	overflow: visible;
	width: 100%;
	z-index: 100;
}
#footer ul {
    margin-left: 0;
}
#footer li {
	font-family: 'Roboto Condensed', sans-serif;
    list-style: outside none none;
    margin: 0 15px 5px 0;
    position: relative;
}
#inner_footer li:last-child {
	font-family: 'Roboto', sans-serif;
    font-size: 12px;
	margin-right: 0;
}
#inner_footer {
	float: left;
	background-color: #322B54;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 8px;
	behavior: url('/wp-content/themes/stampoutpoverty/scripts/PIE.htc');
	min-height: 72px; 
	padding: 0 0 12px 0;
	position: relative;
	width: 100%;
}
#inner_footer li {
	float: left;
}

/*removing_extra_bits_added_by_widget_css ****************************/

.list_widget .post {
    border-top: none;
}

body .list_widget {
    border-bottom: none !important;
}

/*MISC_TO_SORT ****************************************************************************/
.hidden {
	display: none;
}

.wf_debug {
	background: #FAFAFA;
	margin-top: 0;
	padding-bottom: 13px;
	margin-bottom: 30px;
}

.wf_debug h3 {
	font-weight: 700;
	color: #CCCCCC;
	background: #EEEEEE;
	padding: 2px 10px;
	margin-bottom: 13px
}

.wf_debug p {
	font-size: 10px;
	margin-top: 7px;
	margin-right: 5px;
	margin-left: 10px;
	color: #CCCCCC;
}


img {
    border: 0 none;
    height: auto;
    max-width: 100%; 
    vertical-align: middle;
}
img.attachment-large, img.size-large {
	width: 100%;
}



.alignleft, .aligncenter, .alignright  { /*img.alignleft*/
	float: left;
	display: block;
	position: relative;
	margin: 15px 0 15px 0;
	width: 100% !important;
}

.alignright { /* img.attachment-medium wp-post-image*/
	float: right;
}

/*.wp-post-image {top: -15px;}*/
#maincol .wp-caption {
	margin-bottom: 35px;
}
#maincol p.wp-caption-text {
	display: block;
	background-color: #d9d9df; 
	font-size: 10px;
	line-height: 13px;
	margin: 0;
	padding: 4px 6% 4px 6%;
}
/*#maincol blockquote p { OLD??
	float: left;
	display: block;
	position: relative;
	background-color: #d9d9df; 
	padding: 8px 16px 8px 16px;
	margin: 15px 0 10px 0; 
	font-size: 16px;
	font-style: italic;
}*/
blockquote.wp-block-quote, div.wp-block-feature-box {
	background-color: #d9d9df;
	float: left;
	margin-top: 25px;
	margin-bottom:25px;
	padding: 15px 3% 15px 3%;
	width: 82%;
}
#maincol blockquote.wp-block-quote p, div.wp-block-feature-box p {
	display: block;
	float: left;
	padding: 0;
	position: relative;
	margin: 8px 0 0 0; 
	width: 100%;
}
blockquote ul, div.wp-block-feature-box ul {
    float: left;
    margin: 8px 0 8px 0;
    width: 100%;
}

blockquote li, div.wp-block-feature-box li {
    margin: 3px 0 0 0; 
}

#maincol blockquote.wp-block-quote cite, div.wp-block-feature-box cite {
	float: left;
	display: block;
	position: relative;
	font-size: 11px;
}

._{}

.TYPOGRAPHY_GENERAL{} /****************************************************************************/


p, h1, h2, h3, h4, h5, h6, ul, ol, blockquote, div.wp-block-feature-box {
	margin-left: 6%;
	margin-right: 6%;
}

#slideshow p, #slideshow h4 {
	margin-left: 0;
	margin-right: 0;
}
p, li {
	margin-top: 10px;
	color: inherit;
}


h1 {
	color: #6c758e; /* SOPgrey#999999;/*SOP light grey*/
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 38px;
	font-weight: 700; /*roboto 700*/
	line-height: 41px;
	margin-top: 10px;
	margin-bottom: 17px;
	text-transform: uppercase;
}

h2 {
	color: #6c758e; /* SOPgrey#999999;/*SOP light grey*/	
	font-size: 20px; 
	font-weight: 700;
	line-height: 25px;
	margin-top: 25px;
	clear: left;
	text-transform: none;

}
.home h2 {
	font-size: 37px;
	font-family: 'Roboto Condensed', sans-serif;
	line-height: 38px;
	margin-top: 45px;
	text-transform: uppercase;
}

h3 {
	color: #6c758e; /*SOP light grey*/	
	font-size: 16px;
	font-family: 'Roboto', sans-serif;
	margin-top: 31px;
	font-weight: 700;
}


h4 {
	font-size: 14px; /* 0.85em */
	font-weight: 700;
	margin-top: 13px;
	margin-bottom: -3px;
}

#wrapper h5 {
	font-weight: 700;
}
	
sup { 
	font-size: 50%;
	top: 0;
}	
a , 
a:link, 
a:visited {
	text-decoration: none; 
	color: #398e16; /*SOP green*/
	/*color: inherit;*/
	font-size: inherit;
	font-weight: inherit;
	cursor: pointer;
	outline: none;
}



p a , 
p a:link, 
p a:visited 
li a , 
li a:link, 
li a:visited {
	/*font-weight: 700; */
}

#wrapper a:hover {
	text-decoration: underline; 
}
	
	
.anchor {
	position: absolute;
}
	
	
.inline li {
	display: inline;
}
	

#wrapper .warning {
	font-size: 14px;
	font-weight: 700;
	color: #990000;
	margin-top: 13px;
	margin-bottom: 26px;
}

small {
	font-size: 10px;
	margin-top: 10px;
}
.footnote {
  background-color: #bddbdf; /*SOP blue*/
  display: block;
  padding: 7px;
  font-size: 12px;
  margin-top: 10px;
}

.strike {
	text-decoration: line-through;
}

.clearboth {
	clear: both;
	height: 1px;
}

.dummy {
	background: #00A0C6; /* #208DAC */
}
	
strong, .major p, .major li {
	font-weight: 500; /*roboto medium no 500 for condensed*/
}
	
.more {
/*	margin-left: 13px */
}	



code {
	font: 700 1em "Courier New", Courier, mono;
	color: #666666; /* #848444; */
}

/* TYPOGRAPHY_MAINCOL /****************************************************************************/

#maincol p.intro, .home #maincol p.intro {
	font-size: 18px;
	font-weight: 500; /*roboto med*/
	margin-bottom: 10px;
	line-height: 26px;
}
.home #maincol p, .home #maincol h2 {
	text-align: center;
}

.introbox {
	background: #398e16; /*SOP green*/
    color: #ffffff;
	padding: 20px 0;
	margin-bottom: 30px;
    position: relative;
	text-transform: uppercase; 
    width: 100%;
}
#maincol .credit  {
	font-size: 14px;
	font-weight: 700; /*roboto 700*/
}

#maincol .library .intro {
	font-weight: normal;
	font-size: 13px;
	margin: 4px 6% 4px 6%;
}

#maincol .intro strong {
	color: #398e16; /*SOP green*/
}

#maincol strong {
	color: inherit;
}


#maincol em {
	font-style: italic;
}
#maincol .intro em {
	font-weight: 700;
}

#maincol li {
	margin-left: 15px;
}
#maincol ul.libBullet li {
    display: inline-block;
    margin: 5px 10px 0 0;
}
#maincol ul.libBullet a {
    background-color: #398e16; /*SOP green*/
    border-radius: 6px;	
	color: #ffffff;
    display: block;
    padding: 2px 12px;
}
#maincol ul.libBullet a:hover {
    background-color: #322B54; /*SOP dk blue*/
}



#maincol .arrowsdiv .posts .post,
#maincol .arrowsdiv .posts {
	border: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	width: 94%;
}


#maincol ul.arrows li,
#maincol .arrowsdiv .title {
	padding-left: 14px;
	margin-left: 0;
	background: url(../images/tri-bullet.png) no-repeat 0px 3px;
	list-style: none;
}
#maincol ul.arrows li a,
#maincol .arrowsdiv .title  {
	font-size: 16px;
	font-weight: 700;
	margin-top: 7px;
}

#maincol .arrowsdiv .title a {
	font-weight: normal;
}

#maincol>.post>.entry>ul>li {
	color: inherit;
	list-style-type: none;
	padding-left: 25px;
	padding-top: 0px;
	padding-bottom: 13px;
	margin-top: 0;
	background: url(../images/coloured_bullet_of2.jpg) no-repeat left top;
}

#maincol>.post>.entry>ul {
	margin-left: 0;
	margin-bottom: 26px;	
	margin-top: 13px
}
#maincol ol {
}


.home #maincol p { 
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	line-height: 26px;
	margin-top: 13px;
	margin-bottom: 8px;
}

#maincol p.singledate {
	margin-top: 24px;
}

#maincol span.linestarter { 
	display: block;
	color: #398e16; /*SOP green*/
	letter-spacing: 0.5px;
	position: relative;
	float: left;
	width: 520px;
}

#maincol .when {
	margin-top: 26px;
	text-transform: uppercase;
	margin-bottom: -10px;
	font-weight: 700;
}
#maincol div.two-up {
	position: relative;
	float: left;
	width: 240px;
	margin-bottom: 30px;
	margin-right: 20px;
}





/*Table ******************/


table {
	width: 100%;
	margin: 16px 0 16px 0;
}
th, td {
	padding: 6px 6% 6px 6%;
	text-align: left;
	vertical-align: top;
}
th h3, td h3 {
	padding: 0;
	margin: 0;
}
td {
	background: #e2e8e0; /*SOP light green*/ 
}
th {
	color: #ffffff;
	font-size: 15px;
	font-weight: 700;
	background: #398e16; /*SOP green*/ 
}

.TYPOGRAPHY_MAINCOL Update table{} /****************************************************************************/

#maincol #maincontent {
	width: 520px;
}
#maincol #maincontent div,
#maincol #maincontent br {
	display: none;
}

#maincol #maincontent table b,
#maincol #maincontent td+td {
	font-size: 11px;
	font-style: italic;
	display: block;
	margin-left: 8px;
}
#maincol #maincontent table {
	margin: 8px 0 8px 0;
}
#maincol #maincontent img {
	max-width: 400px;
}

._{}

.HEADER{} /****************************************************************************/


#maintenance {
	position: absolute;
	top: 0;
	left: 200px;
	background-color: #C00;
	color: #FFF;
	padding: 15px;
	padding-top: 0;
	z-index: 1000;
	font-size: 10px
}

#topnav {
	color: #00A0C6;
	float: right;
	margin: 10px 5px 0 0;
	font-size: 10px;
	/*width: 342px;*/
	width: 203px; /*post-GDPR*/
}


#topnav li {
	display: block;
	float: left;
	margin-left: 5px;
	margin-top: 7px;
}
li.social {
	background: #398e16 none repeat scroll 0 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	height: 32px;
	line-height: 32px;
	width: 32px;
	text-align: center;
}
 
li.social a, 
li.social a:link, 
li.social a:visited,
#bottomnav ul li.social a {
	color: #e2e8e0; /*SOP light green*/
    font-size: 26px;
	height: 100%
}
li.social a:hover,
#bottomnav ul li.social a:hover {
	color: #ffffff;
}
.social .fa {
    line-height: inherit;
}

#topnav .search {
	float: right;
	margin-top: 17px;
	position: relative;
}


#topnav li.sign_up, div.sign_up {
	background: #ffffff;
	border: 1px solid #322B54; /*SOP dk blue*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
    height: 30px;
    position: relative;
    width: 224px;
}

/* GDPR NEW SIGN UP THING FOR RICHARD TO TIDY */

#topnav li.newsup {
	
	background-color: #322B54;
    width: auto;
}
#topnav li.newsup a {
font-size: 14px;
font-family: 'Roboto Condensed', sans-serif;
margin: 15px 0 0 0px;
padding: 5px 8px 6px 8px;
}
#topnav li.newsup a:hover {
text-decoration: none;

}
/* ////////// */

div.sign_up {
    margin-bottom: 15px;
    margin-top: 15px;
}
#frontcol .sign_up {
    display: none;
}
#topnav li.sign_up label,
#signup_email_div label {
	display: none;
}


#signup_email_div { /** v6.12 ************************************/
	float: none;
	line-height: 11px;
	margin: 0;
	width: auto;
}


#topnav li.sign_up input#signup_email,
#frontcol .sign_up input#signup_email {
	border: none;
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
    color: #999;
    height: 26px;
    left: 0;
    line-height: 11px;
    padding: 2px 4px 2px 8px;
    position: absolute;
    top: 0;
    width: 138px;
}

#topnav li.sign_up input#do_formsend_top_sign-up,
#frontcol .sign_up input#do_formsend_top_sign-up {
	cursor: pointer;
	height: 32px;
	margin: 0;
	position: absolute;
	right: 0;
	top: -1px;
}

#topnav li.sign_up .form_errors   {
	margin: 0;
	position: absolute;
	bottom: 2px; 
	width: auto;
}
#topnav li.sign_up .form_errors p  {
	display: none;
}
#topnav li.sign_up .form_errors li  {
	list-style: none;
	font-size: 12px; 
}

#topnav li.sign_up #fsnote,
.sign_up #fsnote { /** NB: INVALID potential problem with 2 forms on page! *****************************************/
	display: none; 
}

a#logo {
	display: block;
    float: left;
    margin: 10px 30px 10px 18px;
    position: relative;
	width: 207px; /* 436 x 106 = 200% */
}
#strapline {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 29px;
	font-weight: 400;
	left: 250px;
    line-height: 34px;
	margin-top: 10px;
    position: absolute;
	text-align: center;
	text-transform: uppercase;
	top: 84px;
    width: 480px;
}
#strapline strong {
	font-weight: 700;
}
a#donate {
	background-color: #398e16; /*SOP green*/ 
	background-image: url(../images/donate-back.png);
	background-position:  center;
	background-repeat: no-repeat; 
	background-size: 94%;
	border-radius: 2px;
	color: #9ec885;
    display: block;
	font-family: 'Roboto Condensed', sans-serif; 
	font-size: 21px;
	font-weight: 700;
    height: 34px; /*60px;*/
	letter-spacing: 1px;
	padding-top: 12px;
    position: absolute;
    right: 27px;
	transform: rotate(7deg);
	text-align: center;
	text-transform: uppercase;
    width: 100px;
    z-index: 9999;
}
a#donate:hover {
	background-color: #9ec885;
	background-image: url(../images/donate-back2.png);
	color: #ffffff;
}

#searchform {
	border: 1px solid #398e16; /*SOP green*/
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
    clear: right;
    float: right;
    height: 32px;
    margin-top: 7px;
    position: relative;
    width: auto;
}

#searchform input#s {
	background: none repeat scroll 0 0 transparent;
	border-style: none;
	margin-right: 2px;
	width: 140px;
	height: 26px;
	padding-top: 3px;
	color: #398E16;
	font-style: italic;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 4px;
}

#searchsubmit {
	background: transparent;
	width: 15px;
	height: 15px;
	position: absolute;
	cursor: pointer;
	text-indent: -9999px;
}
.fa-search {
    color: #398e16; /*SOP green*/
    float: right;
    font-size: 25px;
    margin: -4px 5px 0 10px;
}

#menu2 .nav1 {
	display: none;
}

/* /////////////////// NAVIGATION /////////////////// */

#go-home {
    display: none;
}

.navbar-header {
	background-color: #322B54;
	-webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	border-radius: 8px;
	float: left;
	height: 42px;
	margin: 10px 0 0 0;
	width: 100%
}
 #navbar {
	background-color: #322B54; /*SOP dk blue*/
	float: left;
	padding-left: 24px;
	width: 876px;
	z-index: 9999;
}
.sticky { /* The sticky class is added to the navbar with JS when it reaches its scroll position */
  position: fixed;
  top: 0;
  width: 100%;
}

.sticky + .content { /* Add some top padding to the page content to prevent sudden quick movement (as the navigation bar gets a new position at the top of the page (position:fixed and top:0) */
	padding-top: 60px;
}
#navbar ul {
	margin-left: 0;
	margin-right: 0;
}
#navbar li {	 
	color: #bddbdf; /*SOP blue*/
	float: left;
	height: auto; /*RJL 2019 42px;*/ 
	list-style: none;
	margin-top: 0;
	padding-right: 3px;
}
#navbar li > a {
	color: #bddbdf; /*SOP blue*/
	display: inline-block;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 400;
	height: 22px;
	letter-spacing: .5px;
	line-height: 19px;
	padding: 10px 17px 10px 17px; 
	text-transform: uppercase;
}
#bottomnav {
    float: left;
	margin-top: 12px;
    width: 450px;
}
#bottomnav ul > li a {
	color: #ffffff;
    font-size: 14px;
}
#navbar li:hover > a {
	background-repeat: no-repeat;
    background-size: auto 150%;
	color: #9ec885; /*SOP light green*/
	text-decoration: none;
}
#navbar ul li.current-menu-ancestor, #navbar li.dropdown.active,
#navbar ul .current_page_item, #navbar ul.current_page_parent,
#bottomnav ul ul .current_page_item, #bottomnav ul ul .current_page_parent {
	background-color: #398e16; /*SOP green*/
	cursor: default;
}

#navbar .current_page_item > a, #navbar .current_page_parent > a,
#bottomnav ul ul .current_page_item a, #bottomnav ul ul .current_page_parent > a {
	color: #bddbdf; /*SOP blue*/
	cursor: default;
}

.dropdown-menu { /*was #navbar ul ul*/
	background-color: #9ec885;/*SOP light green*/
	-moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	box-shadow: 0px 3px 3px rgba(0,0,0,0.2);
	/*behavior: url(/stampoutpoverty/wp-content/themes/stampoutpoverty/scripts/PIE.htc);*/
    display: none;
    float: left;
	padding: 8px;
    position: absolute;
    width: 240px;
    z-index: 99999;
}
#navbar ul ul li.current-menu-ancestor.active {
    background-color: #9ec885; /*SOP light green*/
}
#navbar ul ul li.current-menu-ancestor.active > a {
	color: #398e16; /*SOP green*/
}
#navbar ul ul li,
#bottomnav ul ul li {
	padding: 0;
	font-size: 13px;
}
#navbar ul ul a,
#bottomnav ul ul a {
	color: #398e16; /*SOP green*/
    font-size: 14px;
    padding: 0 10px 0 10px;
    text-indent: 0;
    text-transform: none;
    width: 220px;
}
#navbar ul ul li:hover > a {
	color: #398e16; /*SOP green*/
	text-decoration: underline;
}
#navbar ul ul li.current_page_item:hover > a {
	color: #9ec885;/*SOP light green*/
}

.collapse {
	display: block;
}


.navbar-toggle {
	display: block;
}
.caret {
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top: 7px dashed;
    display: block;
    height: 0;
    margin-left: auto;
	margin-right: auto;
    width: 0;
}
#navbar .caret {
    vertical-align: middle;
}

#bottomnav ul .caret {
    float: right;
    margin: 6px 0 0 6px;
    position: relative;
    width: 0;
}
#navbar ul ul .dropdown-menu {
    box-shadow: none;
	width: 100%;
}

#navbar ul ul ul.dropdown-menu {
    display: block;
	position: relative;
}
#navbar ul ul ul.dropdown-menu li a {
    display: list-item;          /* This has to be "list-item"*/
	height: auto;
    list-style-type: disc;       
    list-style-position: inside; 
	padding: 3px 10px;
}
/*----------------------------------------------------------navbar*/

.navbar-header button {
	display: none;
}


.open > .dropdown-menu {
	  display: block;
  }



._{}

.FOOTER {} /****************************************************************************/



ul#actionmenu {
	color: #FFFFFF;
	margin-top: 5px;
	margin-left: 30px;
	
	display: none;
}

#footer #actionmenu a {
	color: #FFFFFF;
}

#actionmenu li {
	font-size: 12px;
	display: block;
	float: left;
	list-style-type: none;
	margin-top: 3px;
}

#footer_logo {
	float: left;
	margin: 18px 20px 0 20px;
	position: relative;	
}
#login_link, #credits {
	font-size: 09px;
	margin-top: 10px;
	position: relative;
}
#login_link {
	float: right;
	right: 0;
	margin-right: 24px;
	min-height: 10px;
	text-align: right;
	width: 60px;
}

#credits {
	float: left;
	left: 0;
	margin-left: 24px;
}


#bottomline { /*do we use this?*/
	width: auto;
	font-size: 10px;
	margin-right: 30px;
	margin-left: 30px;
	clear: both;
	margin-top: 30px;
	color: #FFFFFF;
	border-top: 1px solid #57AABE;
	padding-top: 13px
}

#bottomline a, 
#bottomline a:link, 
#bottomline a:visited {
	color: inherit;
}

#bottomnav ul a:hover {
	text-decoration: underline;
}

#bottomnav > ul > .current_page_item > a,
#bottomnav > ul > .current_page_parent > a {
	font-weight: 700;
	text-decoration: none;
	cursor: default;
}

#bottomnav ul {
	margin-bottom: 8px;
	text-align: center;
}

#bottomnav ul li.page_item,
#bottomnav ul li.menu-item {
    color: #398e16;
    display: inline-block;
    margin-right: 26px;
    margin-top: 5px;
    text-transform: uppercase;
}
#bottomnav ul li.page_item ul,
#bottomnav ul li.menu-item ul{
    text-align: left;
}


#web_credits span {
	display: none;
}

#footer .region_footer_address {
	color: #ffffff;
    float: left;
    margin: 2px 0 2px 0;
    position: relative;
    width: 61%;
}
#privacy-copyright {
	float: right;
	margin: 0 20px 0 0;
	width: 18%;
}
#privacy, #copyright {
	color: #999999;
    float: right;
    font-size: 10px;
	margin-top: 0;
}
#copyright {
	margin-top: 7px;
}

/******************************************************************************************************/
.google-maps {
    height: 0;
	margin-top: 35px;
    overflow: hidden;
    padding-bottom: 75%; /*This is the aspect ratio*/
	position: relative;
}
.google-maps iframe {
	height: 100% !important;
	left: 0;
	position: absolute;
	top: 0;
	width: 100% !important;
}
/* WIDGET_STYLES /////////////******************************************************************************************************/



/*REGIONS_AND_GENERAL /****************************************************************************/



/* region stuff not required*/


.region_top_right { /* div#twocol_header */ 
	margin-right: 30px;
}
.bloglink {
	background: url(../images/right_blog_green.png) no-repeat;
}
.librarylink {
	background: url(../images/right_book_green.png) no-repeat;
}
.bloglink, .librarylink {
	font-size: 13px;
}
#maincol .bloglink {
	margin-left: 23px;
	background-position: 0px 11px;
}
#maincol .library p.title {
	margin-top: .13px
}
.bloglink p, .librarylink p {
	margin: 2px  0 10px 6%;
	font-weight: 700;

}
		
.library p.date {
	display: none;
}


.vscroll_v1 .coverlink {
	width: 240px;
	top: 0px;
	left: auto;
	right: 0;
}


.region_shortcode { /* #wrapper .region_shortcode */ 
	margin-bottom: 0;
	margin-top: 20px;
	/*font-size: 90%; affects .blog*/
}






#wrapper .hwrap h2 {
	margin-top: 0;
}

.heading h2 {
	margin-top: 0;
}


.credits {
	display: block; 
	position: absolute;
	right: 4px;
	bottom: 4px;
	width: 21px;
	height: 15px;
	background-image: url(../images/camera4.png);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9000px;
	z-index: 150;	
}

div.attachment { /* occurs only in insert_items */
	position: relative; /* to allow placement of credits */
}


._{}


.blog {} /****************************************************************************/
#wrapper .blog .full .title { 
	font-size: 31px; 
	color: #398e16; /*SOP green*/
	margin-top: 10px;
	margin-bottom: 7px;
	font-weight: 700;
}
#wrapper .blog  .posts {
	/*see below*/
}
#wrapper .blog .full .post {/*see below*/
	padding-bottom: 26px;
	margin-bottom: 26px;
}
#maincol .blog { /*widgets was adding a line*/
    border-bottom: none;
}
#maincol .blog .post { /*widgets was adding a line*/
    border-top: none;
}

.LISTS {} /****************************************************************************/



.list_widget .date, .details {
	font-size: 12px;
	margin-top: 10px;
	color: #6c758e; /*SOP light grey*/
}

#wrapper .title {
	color: #398e16; /*SOP green*/
	font-size: 17px;
	font-weight: 700;
}
#wrapper .full .title {
  margin-top: 0;
}
#maincol .posts {
	border-top: 3px solid #6c758e; /*SOP light grey*/
	padding-top: 13px /*note +!! =2em total*/
}
#maincol .region_shortcode img, #maincol #jwplayer-1-div { 
	float: right;
	margin: 17px 6% 12px 17px;
	z-index: 60;
}

#maincol .post {/*.full*/
	position: relative;
	float: left;
	border-bottom: 3px solid #6c758e; /*SOP light grey*/
	padding-bottom: 9px;
	margin-bottom: 13px;
	width:100%;
}

#maincol .library img, .single-wf_library_post #maincol img {
	border: solid 1px #6c758e; /*SOP light grey*/
}

#maincol .titles .post,
#maincol .excerpts .post { /* based on h3 */
	padding-bottom: 13px;
	z-index: 1;
}

.title a, .title a:link, .title a:visited {
/*    color: inherit; */
    cursor: pointer;
    font-size: inherit;
    font-weight: inherit;
    text-decoration: none;
}

/*  excerpts and titles */

.excerpts .entry img {
	display: none;
}

.excerpts .post,
.titles .post {
	padding-bottom: 7px;	
}

.titles .title {
	margin-top: 6px;
	margin-bottom: 2px;
}

.excerpts.posts,
.titles.posts {
	margin-top: 0;
}

#maincol .title { 
	font-size: 19px;
	width: 88%;
}
#maincol .blog p.title { 
	margin-top: .5px;
}


/* PAGINATION */

.list_pag_div {
	  float: left;
	  text-align: center;
	  width: 100%
  }
  .list_pagination {
	  font-size: 16px;
	  margin-bottom: 20px;
	}

.list_pagination a, .list_pagination span {
    background: #999999;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
    margin-right: 9px;
    min-width: 26px;
    padding: 8px 12px;
    
}
.single-post #maincol .list_pagination a {
	font-size: 12px;
	margin: 10px 10px 0 0;
	padding: 4px 8px;
}

.list_pagination a,
.list_pagination a:link,
.list_pagination a:visited,
.list_pagination span {
	color: #FFFFFF;
}

.list_pagination a:hover {
	background: #000000;
	text-decoration: none;
}
.single-post #maincol .list_pagination a:hover {
	background: #398e16; /*SOP green*/	 
}

.list_pagination .current_pagin {
	background: #666666;
	font-weight: 700;
	cursor: default;
}

.list_pagination .disabled {
	background: #CCCCCC;
	cursor: default;
}

.list_pagination .ellipsis {
	background: transparent;
	cursor: default;
	color: #AAAAAA;
}
.list_pagination .summary {
	background: transparent;
	cursor: default;
	color: #666666;
	font-size: 11px;
	line-height: 150%;
	margin-left: 19px;
	width: auto;	
}





.SHAREDADDY {} /****************************************************************************/

#maincol div.sharedaddy {
	float: left;
	height: 6%;
    margin-bottom: 20px;
    margin-top: -10px;
	width: 100%;
}
#maincol div.sharedaddy .sd-content {
    float: left;
    margin: -2px 0 0 10px;
}
.post .sharedaddy.sd-sharing-enabled {
    display: none !important; /*stops links in lists */
}
#maincol div.sharedaddy .sd-block {
	border-top: 1px solid #ddd;
	padding-top: 7px;
}
#maincol div.sharedaddy h3.sd-title:before {
    display: none;
}
#maincol div.sharedaddy h3, 
#content div.sharedaddy h3, 
#main div.sharedaddy h3, 
#primary div.sharedaddy h3 {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    float: left;
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 12px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1;
    margin: 3px 0 0 6%;
    padding: 0;
    position: static;
    text-transform: none;
}

#maincol .sd-social-icon .sd-content ul li a.sd-button, #maincol .sd-social-text .sd-content ul li a.sd-button, #maincol .sd-content ul li a.sd-button, #maincol .sd-content ul li .option a.share-ustom, #maincol .sd-content ul li.preview-item div.option.option-smart-off a, #maincol .sd-content ul li.advanced a.share-more, #maincol .sd-social-icon-text .sd-content ul li a.sd-button, #maincol .sd-social-official .sd-content > ul > li > a.sd-button, maincol #sharing_email .sharing_send, #maincol .sd-social-official .sd-content > ul > li .digg_button > a {
    margin: 0 15px 5px 0;
    padding: 0px 2px 0 0;
}
#maincol .sd-social-text .sd-content ul li a.sd-button span, #maincol .sd-content ul li a.sd-button > span, #maincol .sd-content ul li .option a.share-ustom span, #maincol .sd-content ul li.preview-item div.option.option-smart-off a span, #maincol .sd-content ul li.advanced a.share-more span, #maincol .sd-social-icon-text .sd-content ul li a.sd-button > span, #maincol .sd-social-official .sd-content > ul > li > a.sd-button span, #maincol .sd-social-official .sd-content > ul > li .digg_button > a span {
    line-height: 20px;
}
#maincol .sd-button.share-icon {
    font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
    font-size: 10px;
}

#maincol .sd-content ul li a.share-icon span {
    margin-left: 6px;
	margin-right: 6px;

}

#maincol .sd-content ul li a.share-icon span.share-count {
	background-color: #398e16; /*SOP green*/	 
    margin-left: 3px;
}

#maincol .sd-social-icon .sd-content ul li.share-facebook a::before, #maincol .sd-social-icon .sd-content ul li.share-twitter a::before,
#maincol .sd-social-text .sd-content ul li.share-facebook a::before, #maincol .sd-social-text .sd-content ul li.share-twitter a::before, 
#maincol .sd-content ul li.share-facebook div.option.option-smart-off a::before, #maincol .sd-content ul li.share-twitter div.option.option-smart-off a::before, 

#maincol .sd-social-icon-text .sd-content li.share-facebook a::before, #maincol .sd-social-icon-text .sd-content li.share-twitter a::before {
	content: '\f09a';
    font-family: 'FontAwesome';
    font-size: 16px;
    left: 1px;
	padding: 1px;
    top: 1px;
    background: #398e16; /*SOP green*/
    color: #ffffff;
    border-radius: 2px;
	width: 16px;
}
#maincol .sd-social-icon .sd-content ul li.share-twitter a::before, 
#maincol .sd-social-text .sd-content ul li.share-twitter a::before, 
#maincol .sd-content ul li.share-twitter div.option.option-smart-off a::before, 
#maincol .sd-social-icon-text .sd-content li.share-twitter a::before {
	content: '\f099';
}






/*SLIDESHOW /****************************************************************************/


#slideshow {
	float: left;
	height: 283px; 
	margin: 17px 0;
	overflow: visible;
	position: relative;
	width: 876px;
}

#slidemain, #staticmain {
	height: 283px; /* was 100%;*/
	position: relative;
	z-index: 1;
	overflow: hidden;
	width: 876px; /* was 100%;*/
}
#slidemain h2 {
	font-size: 20px;
}

#slideshow .slide {
	display: block;
    position:absolute;
    top:0;
    left:0;
    z-index:8;
	width: 852px;/*100%;*/
	height: 100%;
	border: none;
	overflow: visible;
	margin-left: 24px;
}
#staticmain #slide0 {
    z-index: 99999;
}
#slideshow #slide0 {
	background-color: #322c54; /*SOP navy*/
	float: left; /*This slide only is relative*/
}
#slideshow #slide1 {
	background-color: #bddbdf /*SOP blue*/
}
#slideshow #slide2 {
	background-color: #398e16; /*SOP green*/
}
#slideshow #slide3 {
	background-color: #9ec885; /*was ad815a; SOP tan*/
}


#slideshow .slide .more {
    display: none;
}
#slideshow .slide_text0 img, 
#slideshow .slide_text1 img,
#slideshow .slide_text2 img,
#slideshow .slide_text3 img{ /*gets rid of second image oddity*/
    display: none;
}
#tab0, #tab1, #tab2, #tab3, #slidethumbs, #pagetab {
	position: absolute;
	width: 24px;
	left: -24px;
	top: 17px;
	text-indent: -9000px;
}
#tab0, #tab1, #tab2, #slidethumbs, #pagetab {
	height: 98px; /*74px;*/
}

#slidethumbs {
	left: 0;
	top: 0;
}

#pagetab a {
	position: absolute;
	display: block;
	width: 24px;
	height: 266px;
}

#tab0, #tab1, #tab2, #tab3 {
	border-radius: 6px 0 0 6px;
}
#tab0  {
	background-color: #322c54; /*SOP navy*/
}
#tab1 {
	background-color: #bddbdf; /*SOP blue*/
	top: 101px;/*81px;*/
}
#tab2 {
	background-color: #398e16; /*SOP green*/
	top: 185px; /*145px;*/
}
/*#tab3 {
	background-color: #9ec885; 
	top: 209px;
}*/

#slidethumb0, #slidethumb1, #slidethumb2 {
	position: absolute;
	display: block;
	width: 24px;
	height: 88px;
	text-indent: -9000px;
	z-index: 8;
}
#slidethumb0 .darkner, #slidethumb1 .darkner, #slidethumb2 .darkner {
	z-index: 8;
	height: 100%;
	cursor: pointer;
	background: url(../images/spacer.gif) repeat left top;
	text-indent: -9000px;
}
#slidethumb0 {
	top: 17px;
}
#slidethumb1 {
	top: 105px;
}
#slidethumb2 {
	top: 193px;
}
#slideshow .slide > img,
#slideshow iframe {
	float: left;
	position: relative;
	width: 409px; /* was 100%;*/
	height: 249px; /* was 100%;*/
	border: none;
	margin-top: 17px;
	margin-left: 17px;
}

#slideshow .active {  /* make sure these have greater specificity than z-index: 8  above  */
    z-index:10;
	/*opacity:1.0; */
}

#slideshow .last-active {  /* make sure these have greater specificity than z-index: 8  above  */
    z-index:9;
}
.coverlink,
.coverlinksmall {
	position: absolute;
	z-index: 1000;
	height: 100%;
	top: 0px;
 	text-indent: -9000px;
	background: url(../images/spacer.gif) repeat left top;
}
#slideshow a.coverlink {
	left: 0px;
	width: 584px;
}
#slideshow a.coverlinksmall {
	display: none;/*SOP did not want link to video post*/
	/*left: 427px; 
	width: 157px; 584px-427*/
}


#slideshow .slide_text0,
#slideshow .slide_text1,
#slideshow .slide_text2,
#slideshow .slide_text3 {
	color: #ffffff;
    float: left;
    font-weight: 400;
    height: auto;
    max-height: 249px;
    overflow: hidden;
    padding: 5px 17px 10px 12px;
    position: relative;
    width: 137px;
}

#slideshow .slide_text0 strong,
#slideshow .slide_text1 strong,
#slideshow .slide_text2 strong,
#slideshow .slide_text3 strong {
    font-weight: 400;
}


#slideshow .slide_text0 h3,
#slideshow .slide_text1 h3,
#slideshow .slide_text2 h3,
#slideshow .slide_text3 h3 {
	color: #ffffff;
    font-size: 12px;
	font-weight: 400;
}



#slideshow .slide_text0 h4,
#slideshow .slide_text1 h4,
#slideshow .slide_text2 h4,
#slideshow .slide_text3 h4 {
	font-size: 20px;
	font-weight: 500;
	color: #FFFFFF;
}
#slideshow .slide_text1, #slideshow .slide_text1 h4,
#slideshow .slide_text3, #slideshow .slide_text3 h4 {
color: #210801; /*SOP text col*/
}
/*/////////SLIDESHOW EXTRA AND REGION ACTION RIGHT//////////////////////////////////////*/
#extra0, #extra1, #extra2, #extra3  {
	top: 17px;
	background-repeat: none;
	height: 225px;
	width: 230px;
}
#extra0 {
	background-color: #322c54;
	border-left: 1pt solid #bddbdf;
}
#extra1 {
	background-color: #bddbdf; /*SOP blue*/
	border-left: 1pt solid #398e16;
}
#extra2 {
	background-color: #398e16; /*SOP green*/
	border-left: 1pt solid #bddbdf;
}
#extra3 {
	background-color: #9ec885; /*was ad815a; SOP tan*/
	border-left: 1pt solid #398e16;
}
a.extralink {
	display: block;
	height: 249px;
	width: 246px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 50;
}
#slideshow .slide .region_action_rht, .action_rht, .action_cdt {
	float: left;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 300;
	margin-top: 20px;
	padding: 12px;
	position: relative;
}
.action_rht, .action_cdt, .wp-block-feature-link {
	background: #398e16; /*SOP green*/;
	color: #ffffff;
	float: left;
	margin-bottom: 0;
	margin-top: 25px;
	padding: 10px 6%;	
}
.wp-block-feature-link.cdt {
	background: #322B54; /*SOP dk blue*/
}

.wp-block-feature-link {
	color: #bddbdf;
	padding: 0;
	width: 100%;
}
.wp-block-feature-link ~ .wp-block-feature-link {
	margin-top: 10px;
}

div.wp-block-feature-link a {
	color: #ffffff;
	display: block;
	padding: 10px 6%;
}
div.wp-block-feature-link a:hover {
    background-color: #322c54; /*SOP navy*/
}
div.wp-block-feature-link.cdt a:hover {
	background: #398e16; /*SOP green*/;
}


.action_cdt {
	background: #322c54; /*SOP navy*/
}
.action_rht h2, .action_rht p,
.action_cdt h2, .action_cdt p {
	clear: none;
	color: #ffffff;
	display: inline;
	font-size: 25px;
	line-height: 32px;
	margin: 0;
}
.action_rht h2, .action_cdt h2 {
	font-size: 32px;
	font-weight: 500;
	text-transform: uppercase;
	margin-right: 10px;
}
#slideshow .slide .region_action_rht img, .action_rht img, .action_cdt img  {
	border: 8px solid #ffffff;
	border-radius: 9px;
	height: auto;
    margin: 0 0 12px 12px;
    max-width: 84px;
    vertical-align: middle;
	width: auto;
}
.action_rht img, .action_cdt img {
	border: none;
	margin: 0 0 0 12px;
}
.action_rht img  {
	max-width: 49px;
}

#slideshow .slide .region_action_rht.cdt_camp img  {
	border: none;
	border-radius: 0;
}

.region_action_rht a.endlink, .action_rht a.endlink, .action_cdt a.endlink {
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 50;
}
.action_rht:hover {
	background: #322c54; /*SOP navy*/
}
.action_cdt:hover {
	background: #398e16; /*SOP green*/
}



.region_action_rht p {
	margin-top: 0;
}

.region_action_rht,
.region_action_rht h2,
.region_action_rht a {
	color: #bddbdf; /*SOP blue*/
}
#extra1.region_action_rht,
#extra1.region_action_rht h2,
#extra1.region_action_rht a,
#extra3.region_action_rht,
#extra3.region_action_rht h2,
#extra3.region_action_rht a {
	color: #398e16; /*SOP green*/
}

.region_action_rht h2:before {
	background: url(../images/rh-arrow.png) no-repeat;
}

#extra1.region_action_rht h2:before,
#extra3.region_action_rht h2:before {
	background: url(../images/rh-arrow-green.png) no-repeat;
}
.region_action_rht h2:before,
#extra1.region_action_rht h2:before,
#extra3.region_action_rht h2:before {
	background-size: auto 75%;
	padding: 0 28px;
    content: " ";
}

.region_action_rht.cdt_camp h2:before,
#extra1.region_action_rht.cdt_camp h2:before {
	display: none;
}



.region_action_rht {
	font-size: 16px;
}

.region_action_rht h2 {
	font-weight: 400;
	line-height: 1.1;
	margin-bottom: 15px;
	margin-top: 0;
	margin-left: 0;
	text-transform: uppercase;
}




.VERTICAL_SCROLLER {} /****************************************************************************/



.vscroller {
	margin-bottom: 30px;
}

/* root element for scrollable */
.scrollable {
	position:relative;
	overflow:hidden;
	padding: 0;
	margin-top: 5px; /* to match lists  */
}

.ppv1 .scrollable {
/*	height: 100px; */
	height: 85px;
}

.ppv2 .scrollable {
/*	height: 205px; */
	height: 170px; 
}

.ppv3 .scrollable {
	height: 255px;
}

/* root element for scrollable items */
.scrollable .items {
	position:absolute;
	height:20000px;
	width: 100%; /* was 210px */
}

.scrollable .item {
	clear: left;
	margin-top: 4px;
	padding: 0;
	border-top: 1px dotted #999999;
	position: relative;
}

.scrollable img {
	float: left;
	margin-right: 10px;
}



.scrollable .item .content {
	height: 79px;
	overflow: hidden;
	position: relative;
	padding-left: 0px;
	padding-right: 0px;
	width: auto;
	
}

#wrapper .scrollable h3 {
	font-size: 15px; /* normal = 1.3em */
	font-family: Arial, Sans-Serif;
	letter-spacing: .5px;
	padding-bottom: 4px;
	font-weight:normal;
	margin-bottom: 0;
	margin-top: 5px;
}

.scrollable h3 a  {
/*	color: #333333; */
}

.scrollable p  {
	margin-top: 0;
}

.scrollable .fade {
	background: url(../images/scrollfade1.png) repeat-x left bottom;
	position: absolute;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 30px;
	text-indent: -10000px;
	
	display: none;
}




/* VSCROLLER NEWS TICKER */

.vscroller .excerpts.posts,
.vscroller .titles.posts {
	border-top: none;
	margin-top: 0;
}


/* RANDOM ////****************************************************************************/


#wrapper .random_widget.region_homequote {
	position: relative;
	float: left;
	font-size: 16px;
	color: #6c758e; /* SOPgrey*/
	text-align: left;
	margin: 36px 0 0  0;
	padding: 0 0 0 17px;
	width: 207; /*230px -23px*/
	border-left: solid 6px #6c758e;
}


#maincol .random_widget {
	float: right;
	margin-left: 20px;
}

#wrapper .random_widget p,
#wrapper .quote p {
	margin-top: 0px;
	padding-top: 0px;
}

#wrapper .region_shortcode.random_widget {
	margin-top: 7px;
	margin-bottom: 13px
}		


._{}

.REVEAL {} /****************************************************************************/
.revealmore_head {
	cursor: pointer;
}
.reveal, .revealmore {
    margin-top: 13px
}
.wp-block-quote .reveal, .wp-block-quote .revealmore {
	float: left;
}
.reveal ul, #maincol blockquote.wp-block-quote .reveal_tail p, #maincol blockquote.wp-block-quote .reveal h4, #maincol blockquote.wp-block-quote .revealmore h4 {
    margin-left: 0px;
	margin-right: 0px;
}
.reveal_head:before,
.revealmore_head:before {
  content: "\f139"; 
  display: inline-block;
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  margin-right: 5px;
  text-decoration: none;
}
.reveal.closed .reveal_head:before,
.revealmore.closed .revealmore_head:before{
  content: "\f13a"; 
}

.reveal_head, .revealmore_head {
	color: #398e16; /*SOP green*/
	position: relative;
	cursor: pointer;
	text-decoration: underline;
}
.wp-block-quote h4.reveal_head, .wp-block-quote h4.revealmore_head {
	margin: 5px 0 5px 0;
}

.page-id-xxx #maincol h2 { /*FAQs*/
    border-top: 3px solid #6c758e;
	color: #398e16; /*SOP green*/
	padding-top: 20px;
}
#wrapper h5.reveal_head, #wrapper h5.revealmore_head {
	float: left;
    font-weight: normal;
	text-decoration: none;
	width: 100%;
}
.wp-block-quote h5.reveal_head, .wp-block-quote h5.revealmore_head {
	margin-left: 0;
}

.closed .reveal_head, .closed .revealmore_head{
	color: #398e16; /*SOP green*/
	position: relative;
	/*padding-right: 75px;*/
	cursor: pointer;
}

.reveal_head:hover {
	color: #398e16; /*SOP green*/
	background-position: right -80px;	
}

.closed .reveal_head:hover {
	color: #398e16; /*SOP green*/
	background-position: right 0px;	
}

.reveal_tail, .revealmore_tail {
	margin-bottom: 20px;
	margin-left: 6%;
	margin-right: 6%;
}
.revealmore_tail {
	float: left;
	margin-bottom: 10px;
}
#maincol blockquote.wp-block-quote .reveal_tail, #maincol blockquote.wp-block-quote .revealmore_tail {
	margin-left: 0;
	margin-right: 0;
}

.reveal p, .revealmore p {
	margin-top: 7px;
	margin-left: 0;
	margin-right: 0;
	
}
/**********************STYLES FOR FORM  **********************************************************************/

form {
	padding: 0;
	margin: 0 0 0 6%;
}
form p {
	margin-left: 0;
}

.fswrapper fieldset {
	padding: 0;
	border: 0;
	position: relative;
	background-color: transparent;
	margin: 0;
	width: 100%;

}
.fswrapper fieldset legend  {
	display: none;
}

.error, #maincol .fswrapper span {
	color:#CC3300;
	margin: 0 0 20px 0;
}

#maincol .fswrapper fieldset p  {
	clear: both;
    margin-left: 175px;
}
.fswrapper fieldset div {
	padding: 0;
	margin: 7px 0 7px 0;
	float: left;
	position: relative;
	width: 94%;
}

.fswrapper fieldset label {
	text-align: right;
	width: 170px;
	z-index: 20;
	padding: 0 6px 4px 0;
	line-height: 16px;
	display: block;
	float: left;

}

.fswrapper fieldset input, 
.fswrapper fieldset textarea, 
.fswrapper fieldset select {
	color: #363f46;
	background-color: #ffffff;
	border: 1px solid #322B54; 
	float: left;
}
.fswrapper fieldset input, 
.fswrapper fieldset textarea {
	padding: 3px;
	width: 250px;	
}

.fswrapper fieldset .checkbox input {
	line-height: 25px;
	margin-left: 175px;
	height: 25px;
	width: 25px;
	z-index: 99999;
}
.fswrapper fieldset .checkbox label {
	margin-left: 4px;
	text-align: left;
	width: 270px;	
}


.fswrapper #capchatextdiv img {
	border: none;
	margin: 0 90px 10px 0;
	height: 42px;
	width: 156px;
	float: left;
}
.fswrapper #capchatextdiv input {
	margin-left: 176px;
}

.fswrapper fieldset #do_formsend_donate,
.fswrapper fieldset #do_formsend_top_sign-up,
.fswrapper fieldset #do_formsend_cdt_sign-up,
.fswrapper fieldset #do_formsend_news_sign-up {
	background-color: #322B54; /*SOP dk blue*/
	-webkit-border-radius: 4px;
    -moz-border-radius: 4px;
	border-radius: 4px;
	color: #ffffff;
	float: left;
	font-size: 14px;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 15px 0 0 176px;
	padding: 5px 8px 6px 8px;
	width: auto;
}
.fswrapper fieldset #do_formsend_donate:hover,
.fswrapper fieldset #do_formsend_top_sign-up:hover,
.fswrapper fieldset #do_formsend_cdt_sign-up:hover {
	background-color: #398e16; /*SOP green*/
	border: 1px solid #398e16; /*SOP green*/
}
.fswrapper #fsnote {
	width: 288px;
	float: left;
	padding: 0px;
	margin: 0;
	position: relative;
	clear: both;
}

.fswrapper #fsnote p {
	font-size: 8px;
	margin: 8px 0 0 176px;
	padding: 0px;
}
/* MailChimp Form styles */
#mc_embed_signup form {
	display:block;
	position:relative;
	text-align:left;
}
#mc_embed_signup h2 {font-weight:700; padding:0; margin:15px 0; font-size:18px;}
#mc_embed_signup input {border: 1px solid #ABB0B2; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}
#mc_embed_signup input[type=checkbox]{-webkit-appearance:checkbox;}
#mc_embed_signup input[type=radio]{-webkit-appearance:radio;}
#mc_embed_signup input:focus {border-color:#333;}
#mc_embed_signup .button {
	clear:both; 
	background-color: #398e16; /*SOP green*/ 
	border: 0 none; border-radius:4px; transition: all 0.23s ease-in-out 0s; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: normal; height: 32px; line-height: 32px; margin: 0 5px 10px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#mc_embed_signup .button:hover {
	background-color:#322B54; /*SOP dk blue*/
}
#mc_embed_signup .small-meta {font-size: 11px;}
#mc_embed_signup .nowrap {white-space:nowrap;}

#mc_embed_signup .mc-field-group {clear:left; position:relative; width:93%; padding-bottom:3%; min-height:50px;}
#mc_embed_signup .size1of2 {clear:none; float:left; display:inline-block; width:46%; margin-right:4%;}
* html #mc_embed_signup .size1of2 {margin-right:2%; /* Fix for IE6 double margins. */}
#mc_embed_signup .mc-field-group label {display:block; margin-bottom:3px;}
#mc_embed_signup .mc-field-group input {
	display:block;
	max-width: 484px;
	width: 100%; 
	padding:8px 0; 
	text-indent:2%;
}
#mc_embed_signup .mc-field-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}

#mc_embed_signup .datefield, #mc_embed_signup .phonefield-us{padding:5px 0;}
#mc_embed_signup .datefield input, #mc_embed_signup .phonefield-us input{display:inline; width:60px; margin:0 2px; letter-spacing:1px; text-align:center; padding:5px 0 2px 0;}
#mc_embed_signup .phonefield-us .phonearea input, #mc_embed_signup .phonefield-us .phonedetail1 input{width:6%;}
#mc_embed_signup .datefield .monthfield input, #mc_embed_signup .datefield .dayfield input{width:30px;}
#mc_embed_signup .datefield label, #mc_embed_signup .phonefield-us label{display:none;}

#mc_embed_signup .indicates-required {
	font-size: 11px; 
	margin-bottom: 8px;
}
#mc_embed_signup .asterisk {color:#e85c41; font-size:150%; font-weight:normal; position:relative; top:5px;}     
#mc_embed_signup .clear {clear:both;}

#mc_embed_signup .mc-field-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#mc_embed_signup .mc-field-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#mc_embed_signup .mc-field-group.input-group label {display:inline;}
#mc_embed_signup .mc-field-group.input-group input {display:inline; width:auto; border:none;}

#mc_embed_signup div#mce-responses {
	float:left; 
	top:-18px; 
	padding:0 7px 0 7px; 
	overflow:hidden;
	clear: both;
	}
#mc_embed_signup div.response {
	margin: 13px 0; 
	padding:13px 7px 7px 0; 
	font-weight:700; 
	float:left; 
	top:-19px; 
	z-index:1; 
}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:13px; text-align:left; padding:7px 0;}

#mc-embedded-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#mc_embed_signup #num-subscribers {font-size:1.13px}
#mc_embed_signup #num-subscribers span {padding:7px; border:1px solid #ccc; margin-right:7px; font-weight:700;}

#mc_embed_signup #mc-embedded-subscribe-form div.mce_inline_error {display:inline-block; margin:2px 0 1em 0; padding:5px 10px; background-color:rgba(255,255,255,0.85); -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-size:14px; font-weight:normal; z-index:1; color:#e85c41;}
#mc_embed_signup #mc-embedded-subscribe-form input.mce_inline_error {border:2px solid #e85c41;}

/*PAGE-SPECIFIC_STYLES /******************************************************************************************************/



.home #wrapper .region_homequote em {/*was for quotes not used!*/
	font-weight: 700;
	font-size: 8px;
	float: right;
	padding-top: 13px
}

.home #maincol .posts {
	border: 0;
}
.home #maincol .hwrap {
	position: relative;
	float: left;
	margin-left: 23px;
	color: #6c758e; /*SOP light grey*/	
}



.home img.attachment-lib_thumb {
	position: relative;
	float: right;
	margin: 9px 0 9px 5px;
}



	
.home #maincol .random_widget.region_homequote {
	margin-left: 23px;
}


/* SEARCH-RESULTS /****************************************************************************/


.search-results #maincol .intro {
	border-bottom: 1px dotted #999999;
	padding-bottom: 10px;
}

.search-results #maincol div {
	border-bottom: 1px dotted #999999;
	padding-bottom: 10px;
}
.search-results #maincol h3 {
	margin-top: 13px
}


.search-results #maincol .search-excerpt {
	color: #398e16; /*SOP green*/
}

/*LIBRARY and .MEDIA /****************************************************************************/

#maincol ul.library, #maincol ul.media  {
	padding-top: 5px
}
#maincol ul.library li, #maincol ul.media li {
	background-repeat: no-repeat;
	padding-left: 55px;
	list-style: none;
	margin-left: 0px;
	min-height: 55px;
}
#maincol ul.library li {
	background-image: url(../images/book-arrow.png);
}
#maincol ul.media li {
	background-image: url(../images/media-arrow.png);
}

#maincol ul.library li h3, #maincol ul.media li h3 { 
	font-size: 21px; 
	font-weight: normal;
	margin-top: 16px;
}
#maincol ul.library li p, #maincol ul.media li p { 
	margin-top: 7px;
}

/****************************************** Comments ****************************************************/
#comments {
	clear: both;
	margin: 0;
	overflow: hidden;
	position: relative;
	display: none; /*to avoid seeing comments are closed text*/
}
#comments-title {
	border-top: 3px solid #6c758e; /*SOP light grey*/
	padding-top: 24px;
}


#comments .navigation {
	padding: 0 0 18px 0;
}

.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist li.comment {
	border-bottom: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 0 0 0 56px;
	position: relative;
}
.commentlist li:last-child {
	border-bottom: none;
	margin-bottom: 0;
}
#comments .comment-body ul,
#comments .comment-body ol {
	margin-bottom: 18px;
}
#comments .comment-body p {
	margin-top: 9px;
}
#comments .comment-body p:last-child {
	margin-bottom: 6px;
}
#comments .comment-body blockquote p:last-child {
	margin-bottom: 24px;
}
.commentlist ol {
	list-style: decimal;
}
.commentlist .avatar {
	position: absolute;
	top: 4px;
	left: 0;
}
.comment-author {
}
.comment-author cite {
	color: #000;
	font-style: normal;
	font-weight: 700;
}
.comment-author .says {
	font-style: italic;
}
.comment-meta a { /*date etc*/
	color: #6c758e; /* SOPgrey*/
	font-size: 10px;
	margin: 0;
}
.reply {
	font-size: 12px;
	padding: 0 0 24px 0;
}
.reply a,
a.comment-edit-link {
	color: #888;
}
.reply a:hover,
a.comment-edit-link:hover {
	color: #ff4b33;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.commentlist .children li {
	border: none;
	margin: 0;
}
.nopassword,
.nocomments {
	display: none;
}
#comments .pingback {
	border-bottom: 1px solid #e7e7e7;
	margin-bottom: 18px;
	padding-bottom: 18px;
}
.commentlist li.comment+li.pingback {
	margin-top: -6px;
}
#comments .pingback p {
	color: #888;
	display: block;
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
#comments .pingback .url {
	font-size: 13px;
	font-style: italic;
}

/************************************************************ Comments form *************************/

#respond {
	border-top: 3px solid #6c758e; /*SOP light grey*/
	margin: 24px 0;
	overflow: hidden;
	position: relative;
}
#respond p {
	margin: .7em 0 0 0;
}
#respond p.comment-form-author,
#respond p.comment-form-email,
#respond p.comment-form-url {
	width: 260px;
}

#respond .comment-notes {
	margin-bottom: 13px
}
.form-allowed-tags {
	line-height: 13px
}
.children #respond {
	margin: 0 48px 0 0;
}
h3#reply-title {
	margin-top: 15px;
}
#comments-list #respond {
	margin: 0 0 18px 0;
}
#comments-list ul #respond {
	margin: 0;
}
#cancel-comment-reply-link {
	font-size: 12px;
	font-weight: normal;
	line-height: 18px;
}
#respond .required {
	color: #ff4b33;
	font-weight: 700;
}
#respond label {
	font-size: 12px;
	width: 6%;
	
}
#respond input {
	position: relative;
	float: right;
	margin: 0 0 9px;
	width: 200px;
	border: 1px solid #6c758e; /*SOP light grey*/
}
/*input { 
	-webkit-appearance: none; /*THIS KILLED checkbox on mobile remove platform specific styling for iPhone in Chrome, Safari
}*/
p.form-submit #submit {
	float: left;
}

#respond textarea {
	width: 98%;
	border: 1px solid #6c758e; /*SOP light grey*/
}

#respond .form-submit input {
	background-color: #322c54; /*SOP navy*/
	border: none;
	padding: 1px 3px 2px 3px;
	color: #ffffff;
	font-size: 11px;
	width: auto;
}
#respond .form-submit input:hover {
	background-color: #398e16; /*SOP green*/	
}

.USER-SELECTED_STYLES {} 

/******************************************************************************************************/




.page-id-871 .newsletters {
	border-bottom: none;
}

/*****Bootystrap***********/
#collapseSearch.collapse {
    display: none;
}
.collapse.in {
    display: block;
}

/*------------------------------------------------------------------------------------------------------------------------------------- bits under here effect two levels*/

@media only screen and (max-width: 912px) {
	#wrapper {
		width: 800px;
	}
	#slideshow, #slidemain, #navbar {
		width: 782px;
	}
	#extra0, #extra1, #extra2, #extra3 {
		width: 135px;
	}
		
	#twocols {
		width: 758px;
	}
		
	.alignright {
		width: 100%;
		margin-left: 0;
	}
	
	
	#navbar li > a {
		padding-left: 7px;
		padding-right: 7px;

	}
	#strapline {
		font-size: 26px;
		width: 420px;
	}
	
	#slideshow .slide .region_action_rht img {
		display: none;
	}
	

}

/*-----------------------------------------------------------------------------------------------------------------------------------bits under here effect final level*--*/


@media only screen and (max-width: 814px) {
  
	body {
		font-size: 15px;
		line-hight: 20px;
	}
	#wrapper {
		margin-top: 70px; /*depth of  fixed navbar*/
		width: 100%;
	}
	
	#twocols {
		min-height: 50px;
		margin-left: 0; /*3% if width 94%*/
		margin-right: 0; /*3% if width 94%*/
		width: 100%;
	}
	
	#frontcol .sign_up {
		display: block;
	}
	.home #maincol .hwrap {
		margin-left: 0;
		width: 100%;
	}
	
	#header {
		margin-bottom: 0px;
	}
	#searchform {
    margin-top: 0;
    margin-bottom: 5px;
	}

	#bottomnav ul ul {
    float: left;
	}
	#footer_logo {
	  margin: 10px 20px 0 10px;
  }
	#inner_footer {
		border-radius: 0;
	}
	a#logo {
		display: none;
		margin: 10px 0 10px 3%;
		/*width: 30%;*/
	}
	#strapline {
		display: none;
	}
	.home #strapline {
		display: block;
		float: left;
		font-size: 29px;
		left: 0;
		margin-left: 3%;
		margin-right: 3%;
		position: relative;
		text-align: left;
		top: 0;
		width: 92%;
	}
	#go-home {
		width: 100%;
		height: 70px; /*same as margin-top #wrapper*/
		position: absolute;
		display: block;
	}
	.region_action_rht {
		float: left;
	}
	
	.wf_widget {
		margin-bottom: 10px;
	}
	
	.list_widget .entry p {
    float: left;
	}
  
	
	.collapse {
		display: none;
	}
	#topnav {
		float: left;
		margin: 10px 3% 10px 3%;
		width: 94%;
	}
	#searchform {
		margin-left: 3%;
		margin-right: 3%;
	}
	#navbar {
		padding: 0;
		position: relative;
		top: 0px;
		width: 113%; /*to get it back to 100%!*/
	}
	a#donate {
		right: 1%;
		top: 10px;
	}
	#navbar li {
	  height: auto;
	  padding: 0;
	  width: 100%;
	}
	#navbar > ul > li {
	  margin-right: 0;
	}
	#navbar ul li.parent:hover {
	  border-bottom: none; 
	}
	#navbar ul li a {
	  padding: 4px 3% 0 3%;
	}
	.dropdown-menu {
	  margin: 0;
	  padding: 1%;
	  position: relative;
	  width: 87%; /*not a calculated figure*/
	}
	.navbar-header {
	  background: #322b54 url(../images/SOP-logo_oneline.png) center/auto 65% no-repeat  ;
	  border-radius: 0;
	  float: none;
	  height: 70px; /*same as margin-top #wrapper*/
	  margin: -70px 0 0 0; /*relates to above*/
	  position: fixed;
	}
	.navbar-header button {
	  display: block;
	}
	/* nav.navbar {
	  background: #69bb4d; 
	  min-height: 38px;
	  position: relative;
	}*/
	#navbar ul.nav ul.dropdown-menu li {
	  height: auto;
	  padding: 0;
	}

	.navbar-toggle {
	background: none;
	cursor: pointer;
	float: left;
	margin: 17px 60px 22px 3%;
	position: relative;
	width: 100px;
	}
	.hamburger {
	background-color: #bddbdf; /*SOP blue*/
	background-image: none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	padding: 4px;
	width: 28px;
	}
	.navbar-toggle .icon-bar {
	  background-color: #322b54; /*SOP purple*/
	  -webkit-border-radius: 1px;
	  -moz-border-radius: 1px;
	  border-radius: 1px;
	  display: block;
	  height: 3px;
	  margin: 3px;
	  width: 22px;
	}
	.navbar-toggle:hover .hamburger, .navbar-toggle:focus .hamburger {
	  background-color: #398e16; /*SOP green*/
	}
	.caret {
	  display: inline-block;
	  margin-left: 1px;
	}
	.sr-only {
	  border: 0 none;
	  clip: rect(0px, 0px, 0px, 0px);
	  height: 1px;
	  margin: -1px;
	  overflow: hidden;
	  padding: 0;
	  position: absolute;
	  width: 1px;
	}
	.cmenu {
	color: #bddbdf; /*SOP blue*/
	font-size: 16px;
	left: 50px;
	position: absolute;
	text-transform: uppercase;
	top: 5px;
	}

	.alignright.googlemap {
	  padding-left: 0;
	  width: 100%;
	}
	#maincol iframe, 
	#maincol .region_shortcode img {
	width: 100%
	} 

	#maincol .fswrapper fieldset h3,
	#maincol .fswrapper fieldset h4
	{ /*#maincol .fswrapper fieldset p  removed 13/4/18*/
	  width: 100%;
	}

	#bottomnav ul {
	  margin: 8px 0;
	  width: 94%;
	}
	#bottomnav ul li.page_item {
	  display: none;
	}

	#bottomnav ul li.social {
	  -webkit-border-radius: 4px;
	  -moz-border-radius: 4px;
	  border-radius: 4px;
	  height: 32px;
	  width: 32px;
	}
	#footer .region_footer_address {
	  width: 80%;
	}
	#privacy-copyright {
	  float: left;
	  margin: 3px 0 0 117px;
	  width: 74%;
	}
	#privacy, #copyright {
			float: left;
			margin: 0 15px 0 0;
	}

	#login_link {
		margin-right: 3%;
	}

	#credits {
		margin-left: 3%;
	}
	  /*Fluid videos ////////////////////////////////////////*/
	  .video-container {
		  position: relative;
		  height: 0;
		  overflow: hidden;
		  padding-bottom: 50%; /*56.25% 16x9 Aspect Ratio 75% of width - 4x3 Aspect Ratio */
		  padding-top: 35px;
	  }

		.video-container iframe {
		  position: absolute;
		  top:0;
		  left: 0;
		  width: 100%;
		  height: 100%;
	  }
	  #maincol iframe, #maincol .region_shortcode img, #maincol #jwplayer-1-div {
		  margin: 0;
	  }

	  /*SLIDESHOW final level /****************************************************************************/
	  #slideshow,
	  #slidemain,
		#staticmain {
		  height: auto;
		  margin-top: 4px;
		  width: 100%;
	  }
	  #slidemain, #staticmain {
		  padding-bottom: 17px; /*so slideshow extra text fits*/
	  }
	  #slideshow .slide {
		  margin-left: 0;
		  width: 100%;
	  }
	  #slideshow .slide > img, #slideshow iframe {
		margin-left: 3%;
		width: 94%;
	  }
	#slideshow iframe {
	  height: 94%; /*to match width*/
	  position: absolute;
	}
	
	  #slideshow .slide > img {
		height: auto;
	  }
	  
	#slideshow a.coverlink {
		width: 100%;
	}
  #slideshow .slide_text0, #slideshow .slide_text1, #slideshow .slide_text2, #slideshow .slide_text3 {
	  padding: 5px 3% 6px 3%;
	  width: 94%;
  }
#slideshow .slide .region_action_rht {
    padding: 12px 3%;
}
  #extra0, #extra1, #extra2, #extra3 {
	  border-left: none;
	  height: auto;
	  width: 94%;
  }
	#extra0 {
	border-top: 1pt solid #bddbdf;
}
#extra1 {
	border-top: 1pt solid #398e16;
}
#extra2 {
	border-top: 1pt solid #bddbdf;
}
#extra3 {
	border-top: 1pt solid #398e16;
}
	
.region_action_rht h2 {
    margin-bottom: 5px;
}	
	
	
	
	.region_action_rht p {
		margin-bottom: 20px;
	}

}
 @media only screen and (max-width: 612px) {
	 .home #strapline {
		 font-size: 25px;
	 }
	 .navbar-header {
		 background: #322b54 url(../images/SOP-logo_oneline.png) 43%/auto 65% no-repeat  ;
	 }
	 #footer .region_footer_address, #privacy-copyright, #bottomnav {
		width: 94%;
		margin-left: 3%
	}

}
@media only screen and (max-width: 480px) {
	.home #strapline {
		font-size: 22px;
	}
	.cmenu {
		display: none;
	}
	
	.navbar-toggle {
		width: 44px;
	}

	.fswrapper fieldset label {
		text-align: left;
		width: 94%;
	 }
	 .fswrapper fieldset input, .fswrapper fieldset textarea {
		width: 94%;
	}

	.fswrapper #capchatextdiv input,
	.fswrapper fieldset #do_formsend_donate,
	.fswrapper #fsnote p {
		margin-left: 0;
	}
	#maincol .fswrapper fieldset p {
		margin-left: 0;
	}
	#login_link {
		float: left;
	}
	
}
@media only screen and (max-width: 365px) { /*iphone 6 is 414*/
	#topnav li.sign_up {
		width: 94%;
	}

	a#donate {
		background: #398e16 none repeat scroll 0 0;
		bottom: 0;
		color: #e2e8e0;
		font-size: 11px;
		height: 18px;
		margin: 14px 3% 0 0;
		padding: 2px 8px 4px 8px;
		right: 0;
		width: auto;
		transform: none;
	}
	a#donate:hover {
		background: #6aaa50;
		color: #ffffff;
	}
	.navbar-header {
		background-size: auto 61%;
		background-position: 43% center;
		width: 100%;
	}
}