/*
Theme Name: Brushed 
Theme URI: http://www.themes.alessioatzeni.com/html/brushed/
Author: Alessio Atzeni
Author URI: http://www.alessioatzeni.com
Description: Personal Website and Portfolio of Alessio Atzeni
Version: 1.0
*/

/*
Modified:  Crashing Bull Productions for HERA
Date: Summer. 2018
Version: 1.1
*/

.divv {
	border: 2px dashed red;
}
/* ==================================================
   Basic Styles
================================================== */

html, body, #container-main-back-page {
	height: 100%;
}

html, hmtl a{
	width:100%;
	font-size: 100%; 
	-webkit-text-size-adjust: 100%; 
	-ms-text-size-adjust: 100%;
}

body{
	background:#FFFFFF;
	color:#262D42;
	font-weight:300;
	font-size: 100%;
	font-family: 'Roboto', helvetica, arial, sans-serif;
	line-height:28px;
	line-height: 1.5em;
	-webkit-font-smoothing: antialiased;
}	

body > #container-main-back-page { 
	height: auto; 
	min-height: 100%; 
}

embed {
	max-width:100%;
}


a, a:link.body-link, a:visited, a:visited.body-link {
	color:#AC380C; 
	font-weight:400;
	text-decoration: none;
	border: none;
	cursor: pointer;
	
	-webkit-transition: color 0.1s linear 0.1s;	
	   -moz-transition: color 0.1s linear 0.1s;
		 -o-transition: color 0.1s linear 0.1s;
		    transition: color 0.1s linear 0.1s;
}

a:hover,
a:active,
a:focus{
	outline: 0;
	color:#0B0D12;
	text-decoration:none;
}

a:hover.body-link,
a:active.body-link,
a:focus.body-link {
	text-decoration:none;
}
a:hover.body-link {
	border-bottom: 1px dashed #0B0D12;
}
a img {
	border: none;
}

a > img {
	vertical-align: bottom;	
}

img {
	max-width: none;	
}

submit {
	text-decoration: none;
}

.strong {
  	font-weight: 700;
}
p {
	margin: 0 0 16px;
}

.txtSmall {
	font-size: 85%;
	line-height: 135%;
}
.txtSmallRead {
	font-size: 55%;
}
.txtSmallReadLink {
	font-size: 55%;
	color: #AC380C;
}

hr, .hr-lessMarg {
	border-style: dashed;
	border-color: #3A5082;
	border-bottom: none;
	border-left: none;
	border-right: none;
	margin: 50px 0;	
}
.hr-lessMarg {
	margin: 25px 0;
}
.center_row {
	margin-right: auto;
	margin-left: auto;
}

.align_left{
	float:left;
	margin:0 25px 0 0px!important;
}

.align_right{
	float:right;
	margin:0 0 0 25px!important;
}

.text_align_left {
	text-align: left;
}

.text_align_center {
	text-align: center;
}

.text_align_right {
	text-align: right;	
}

.color-text {
    color: #FF5E22;  /* may want to change this */
}

.through{
	text-decoration:line-through;
}
.capped {
	text-transform:uppercase;
}

.capitalized {
	text-transform: capitalize;
}

input, button, select, textarea {
	font-weight: 300;
	font-family: 'Roboto', sans-serif;
	outline: 0;
}

.submit a {
	text-decoration:none;
}
#response {
	margin-top: 20px;
	color: #AC380C;
}

.btn-simple, .btn-simple-wht {
	background: #CDDBFF;
	border-right: 1px solid #3A5082;
	border-bottom: 1px solid #3A5082;
	display:inline-block;
	width: auto;
	max-width: 220px;
	cursor: pointer;
	padding: 12px 24px;
	text-align: center;
	vertical-align: middle;
    width: auto;
	margin-top: 16px;
}
.btn-simple-wht {
	background: #FFFFFF;
}
	
.btn-simple a, .btn-simple-wht a, .btn a, .bigButton a, a.btn, .submit, .statement-btn a {
	-webkit-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s ;	
	   -moz-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
			
	-webkit- border-radius: 6px;	
	   -moz- border-radius: 6px;
		 -o- border-radius: 6px;
		    border-radius: 6px;
	
}

input:focus, 
textarea:focus,
input[type="text"]:focus {
	outline: 0;
}

input:-moz-placeholder,
textarea:-moz-placeholder {
	color: #5D5D5D;
	font-style: italic;
	font-size: 90%;
}

input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
	color: #5D5D5D;
	font-style: italic;
	font-size: 90%;
}

input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
	color: #5D5D5D;
	font-style: italic;
	font-size: 90%;

}

/* ==================================================
   "big buttons"
================================================== */

.bigButton a, .bigButton1 a, .bigButton2 a, .bigButton3 a  {
	display: block;
	margin: 24px 0 50px 0;
	padding: 24px 12px;
	font-family: 'Ledger', serif;
	font-family: 'Roboto Slab', serif;
	font-weight: 300;
	font-size: 150%;
	line-height: 140%;
	text-decoration: none;
	text-align: center;
} 

/* admin and pleading bank specific big buttons css in their respective locations at bottom of page */

.page .bigButton a, .page .bigButton1 a {
	background-color: #6CAAFF;
	color: #FFFFFF;
}

.page .bigButton a:hover, .page .bigButton1 a:hover {	
	background-color: #4D7FC4;
	color: #FFFFFF;
}

.page-primary .bigButton a, {
	background-color: #AAAAB3;
	color: #FFFFFF;
}
.page-primary .bigButton a:hover {
	background-color: #48489B;
	color: #FFFFFF;
}

.page-secondary .bigButton a, .page .bigButton2 a {
	background-color: #FFE55D;
	color: #0B0D12;
}
.page-secondary .bigButton a:hover, .page .bigButton2 a:hover {
	background-color: #C4AF42;
	color: #0B0D12;
}

.page-tertiary .bigButton a, .page .bigButton3 a {
	background-color: #FF895D;
	color: #0B0D12;
}
.page-tertiary .bigButton a:hover, .page .bigButton3 a:hover {
	background-color: #C46542;
	color: #0B0D12;
}

.page-quarternary .bigButton a {
	background-color: #7B84A7;
	color: #FFFFFF;
}
.page-quarternary .bigButton a:hover {
	background-color: #111833;
	color: #FFFFFF;
}
	

/* ==================================================
   Code and Pre
================================================== */

code,
pre {
  	padding: 0 3px 2px;
  	-webkit-border-radius: 3px;
       -moz-border-radius: 3px;
            border-radius: 3px;
  	color: #0B0D12; /* may want to change this */
  	font-size: 12px;
  	font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
}

code {
  	padding: 2px 4px;
  	border: 1px solid #3A5082;  /* may want to change this */
  	background-color: #F6F6F6; /* may want to change this */
  	color: #0B0D12;  /* may want to change this */
  	white-space: nowrap;
}

pre {
  	display: block;
  	margin: 70px 50px;
  	padding: 30px;
  	border: 1px solid #5D5D5D; /* may want to change this */
  	-webkit-border-radius: 4px;
       -moz-border-radius: 4px;
            border-radius: 4px;
  	background-color: #E6E6E6; /* may want to change this */
  	white-space: pre;
  	white-space: pre-wrap;
  	word-wrap: break-word;
  	word-break: break-all;
  	font-size: 12px;
  	line-height: 20px;
}

pre code {
  	padding: 0;
  	border: 0;
  	background-color: transparent;
  	color: inherit;
  	white-space: pre;
  	white-space: pre-wrap;
}

.pre-scrollable {
  	overflow-y: scroll;
  	max-height: 340px;
}

/* ==================================================
   Typography
================================================== */

h1,
h2,
h3,
h4,
h5,
h6{
	margin:0 0 20px 0;
	color: #0B0D12;  /* almost black */
	font-weight:400;
	font-family: 'Lato',  helvetica, arial, sans-serif;
	line-height:1.25em;
}

h1{
	font-size:48px;
}

h2{
	font-size:36px;
}

h3{
	font-size:28px;
}

h4{
	font-size:21px;
}

h5{
	font-size:18px;
}

h6{
	font-size:16px;
}

h3.spec {
	color: #FFFFFF; /* may want to change this */
    font-size: 24px;
    font-weight: 300;
    line-height: 1em;
    margin-bottom: 30px;
    text-transform: uppercase;
}


/* ==================================================
   Margin Bottom Sets
================================================== */

.margin-0{
	margin-bottom:0 !important;
}

.margin-10{
	margin-bottom:10px !important;
}

.margin-15{
	margin-bottom:15px !important;
}

.margin-20{
	margin-bottom:20px !important;
}

.margin-30{
	margin-bottom:30px !important;
}

.margin-40{
	margin-bottom:40px !important;
}

.margin-50{
	margin-bottom:50px !important;
}

.margin-60{
	margin-bottom:60px !important;
}

.margin-70{
	margin-bottom:70px !important;
}

.margin-80{
	margin-bottom:80px !important;
}

.margin-130{ 
	margin-bottom:130px !important;
}
.margin-anchor {
	margin-top: 120px !important;
}


/* ==================================================
   Home Slider
================================================== */

#ModalContainer {
    position: fixed;
    top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	overflow: auto;
	z-index: 999;
	background-color: rgba(54,138, 255, 0.5);
}
.modal-popup {
	position: absolute;
	top: 50%; 
	left: 50%;
	/* You can customize the values below!  */
	height: auto;
	width: 550px; /* for true client story */
	width: 640px; /* for ACLU jpg */
	margin-top: -200px; /* for true client story */
	margin-top: -240px;  /* for ACLU jpg */
	margin-left: -320px; /* half the width */
	background-color: rgba(255, 255, 255, 0.8);
	border: none;
	padding: 50px;
	padding: 0px;
}
#MyCoolPopUp {
	padding: 50px;
	padding: 0px;
}
#MyCoolPopUp .close-button {
	position: absolute;
	left: 500px; /* for true client story */
	left: 590px; /* for ACLU jpg */
	top: 610px;; /* for ACLU jpg - no "top" for client story*/
	text-align: right;
	padding: 5px;
}
#MyCoolPopUp p {
	font-size: 125%;
	font-weight: 400;
	text-align:center;
}


/* ==================================================
   Home Slider
================================================== */

#home-slider {
	display: block;
	position: relative;
	overflow: hidden;
	height: 92%;
}

#home-slider .overlay { 
	position: absolute;
	width: 100%;
	height: 100%;
	background: #FFFFFF;
	opacity: 0.7;
	opacity: 0;
	filter: alpha(opacity=0.7);
	filter: alpha(opacity=0);

	z-index: 0;
}

#home-slider .slider-text {
	position: absolute;
	left: 50%;
	top: 30%; /*use for "TOP TEXT" slide show (relates to main.js) */
	top: 50%; /*use for "MIDDLE TEXT" slide show (relates to main.js) */
	top: 98%; /*use for "BOTTOM TEXT" slide show (relates to main.js) */
	margin: -150px 0 0 -585px;
	width: 1170px;
	height: 250px;
	text-align: center;
	z-index: 2;	
	color: #368AFF;
}

#home-slider .slider-text {
	position: relative;
	left: 500px;
	top: 287px;
	width: 780px;
	height: 0px;
	margin: -150px 0 0 -510px;
	text-align: center;
	z-index: 2;	
}

#home-slider #slidecaption {
	width: 100%;
	line-height: 150px;
	margin: 0;
	text-align: center;
	text-shadow: none;
	margin-top: 85%;
}

#home-slider .slide-content {
	font-size: 36px;/*when few words in headline..*/
	font-size: 28px;
	color: #0B0D12;
	opacity: 1;
	text-shadow: 0 1px 1px rgba(255,255,255, 0.7);
	font-family: 'Ledger', serif;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 1.2em;
	padding: 5px 10px;
	background: #E6E6E6;
	opacity: 0.6;
}
#home-slider .slide-content .HERA, #home-slider .slide-content .HERAbot {
	font-family: helvetica-light, helvetica, sans-serif;
	font-size: 48px;
	letter-spacing: 0px;
}
#home-slider .slide-content .HERAbot {
	color: #FFFFFF;
	padding: 1px 15px;
	background-color:#6CAAFF;
}

#home-slider .control-nav {
	position: absolute;
	width: 100%;
	background: #6CAAFF; 
	height: 50px;
	bottom: 0;
	z-index: 2;
}

#home-slider #nextslide,
#home-slider #prevslide {
	background-image: none;
	background-color: #368AFF;
	display: inline-block;
	margin: 0;
	position: relative;
	top: 0;
	left: 0;
	right: 0;
	width: 50px;
	height: 50px;
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transition: background 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s;
}

#home-slider #nextslide {
	margin-left: -3px;	
}

#home-slider #nextsection {
	float:right;
}

#home-slider #nextslide:hover,
#home-slider #prevslide:hover {
	background-color:#1354AC;
}

#home-slider #nextslide i,
#home-slider #prevslide i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#home-slider #nextslide i {
	margin-left: -8px;	
}

#home-slider #prevslide i {
	margin-left: -9px;	
}

#home-slider ul#slide-list {
	top: 50%;
	padding: 0;
	margin:-6px 0 0 0;	
}

#home-slider ul#slide-list li {
	margin-right: 12px;
}

#home-slider ul#slide-list li:last-child {
	margin-right: 0;	
}

#home-slider ul#slide-list li a {
	background-color: #FFFFFF;
	background-image: none;
	width: 12px;
	height: 12px;
	
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;	
	
	-webkit-transition: background 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s;
}

#home-slider ul#slide-list li a:hover {
	background-color: #FFDB22; 
}

#home-slider ul#slide-list li.current-slide a,
#home-slider ul#slide-list li.current-slide a:hover {
	background-color:#0B0D12;
}

#home-slider #nextsection {
	background-color: #368AFF; 
	margin: 0;
	position: relative;
	float:right;
	width: 50px;
	height: 50px;
	
	-webkit-transition: background 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s;
}

#home-slider #nextsection:hover {
	background-color:#1354AC;
}

#home-slider #nextsection i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#home-slider #nextsection i {
	margin-left: -7px;	
}

/* ==================================================
   Search Area
================================================== */
header .search-row {
	display:block;
	position: fixed;
	top: 0;
	left: 0;
	background: #CDDBFF;
	width: 100%;
	height: 70px;
	z-index:999;
	margin: 0;
	padding-bottom: 5px;
}
header .search-row p {
	text-align: right;
	margin: 7px 20px 0 0;
	font-size: 80%;
}
header .search-row a {
	font-weight: 400;
	color: #1354AC;
	padding: 2px 4px;
	text-decoration:none;
}
header .search-row a:hover {
	color: #0B0D12;
}

header .search-row .social {
	margin: 7px 20px 0 0
}

/* ==================================================
   Header
================================================== */

	header {
		width: 100%;
		z-index: 99;
	}
	header .sticky-nav {
		/*position: relative;*/
		position: fixed; /* new */
		top: 75px;  /* 40px;new */
		width: 100%;
		height: 60px;
		background: #368AFF;
		z-index: 1001;
		
		-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
		
		-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
		-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
		box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	}
	
	header .sticky-nav.stuck {
		position: fixed;
		top: 75px;
		left: 0;
		z-index: 1001;
	}
	
	header #logo {
		color: #000;
		float: left;
		padding: 15px 0;
		margin-left: 20px;
	}
	
	header #logo a {
		background: url(../img/new-site-logo.png) no-repeat;
		width: 314px;
		height: 30px;
		text-indent: -9999px;
		display: block;
		opacity: 1;
		filter: alpha(opacity=100);
		
		-webkit-transition: opacity 0.25s ease-in-out 0s;	
		   -moz-transition: opacity 0.25s ease-in-out 0s;
			 -o-transition: opacity 0.25s ease-in-out 0s;
				transition: opacity 0.25s ease-in-out 0s;	
	}
	
	header #logo a:hover {
		opacity: 0.65;
		filter: alpha(opacity=65);	
	}
	
	nav#menu {
		float: right;
		margin-right: 20px;
	}
	
	nav#menu #menu-nav {
		margin: 0;
		padding: 0;	
	}
	
	nav#menu #menu-nav li {
		list-style: none;
		display: inline-block;
		margin-left: 30px;	
	}
	
	nav#menu #menu-nav li:first-child {
		margin-left: 0;	
	}
	
	nav#menu #menu-nav li a {
		color: #FFFFFF;
		font-size: 16px;
		font-weight: 400;
		line-height: 60px;
		display: block;
		text-transform: uppercase;
	}
	nav#menu #menu-nav li a.donateNav {
		font-weight: 700;
		font-size: 18px;
		color: #368AFF;
		text-transform: capitalize;
		line-height: 58px;
		background: #FFF;
		padding-left: 8px;
		padding-right: 8px;
		border-top: 1px solid #368AFF;
		border-bottom: 1px solid #368AFF;

	}
	
	nav#menu #menu-nav li.current a,
	nav#menu #menu-nav li a:hover {
		color: #0B0D12; 
		
	}
	nav#menu #menu-nav li a.login-nav {
		text-transform:none;
		font-size: 90%;
	}
	
	/* ==================================================
	   Mobile Navigation
	================================================== */
	
	#mobile-nav {
		display: none;	
	}
	
	.menu-nav {
		background:url(../img/menu-mobile.png) 0 0 no-repeat;
		width: 16px;
		height: 16px;
		display: block;
		margin: 22px 0px 0 0;
		
		-webkit-transform: rotate(0deg);
		   -moz-transform: rotate(0deg);
			-ms-transform: rotate(0deg);
			 -o-transform: rotate(0deg);
				transform: rotate(0deg);
		
		-webkit-transition: -webkit-transform 250ms ease-out 0s;	
		   -moz-transition: -moz-transform 250ms ease-out 0s;
			 -o-transition: -o-transform 250ms ease-out 0s;
				transition: transform 250ms ease-out 0s;
	}
	
	.menu-nav.open {
		background-position: 0 -16px;
			  
		-webkit-transform: rotate(-180deg);
		   -moz-transform: rotate(-180deg);
			-ms-transform: rotate(-180deg);
			 -o-transform: rotate(-180deg);
				transform: rotate(-180deg);
		
		-webkit-transition: -webkit-transform 250ms ease-out 0s;	
		   -moz-transition: -moz-transform 250ms ease-out 0s;
			 -o-transition: -o-transform 250ms ease-out 0s;
				transition: transform 250ms ease-out 0s;	
	}
	
	#navigation-mobile {
		display: none;
		text-align: center;
		width: 100%;
		background: #FFFFFF; 
		border-bottom: 1px solid #3A5082; 
		position: relative;
		float: left;
		z-index: 9999;
	}
	
	#navigation-mobile li {
		list-style: none;
		border-top: 1px solid #CDDBFF;
	}
	
	#navigation-mobile li a{
		display: block;
		font-size: 16px;
		text-transform: uppercase;
		padding: 20px 0;
	}
	
	
	
	/* ==================================================
	   Section Page
	================================================== */
	
	.page, .page-primary, .page-secondary, .page-tertiary, .page-quarternary, .page-gray {
		background: #FFFFFF;
		padding: 135px 0 100px;
		position: relative;
		z-index: 99;
	}
 	.pageHalfPad {
		background: #FFFFFF;
		padding: 67px 0 50px;
		position: relative;
		z-index: 99;
	}
	
	#backpage .page {
		padding-top: 60px;
	}
	
	.page-primary {
		background-color: #CDDBFF; 
	}
	.page-secondary {
		background: #FFED8D;
	}
	.page-tertiary {
		background: #FFAC8D; 
	}
	.page-quarternary {
		background: #262D42; 
	}
	.page-quaternary a:hover .body-link, 
	.page-quaternary a:active .body-link,
	.page-quaternary a:focus .body-link{
		border-bottom: 1px dashed #0B0D12; 
	}
	.page-gray {
		background: #EEE;
	}
	
	
	.title-bkg {
		font-size: 48px;
	}
	
	.title-page, .title-page-tight {
		text-align: center;
		margin-bottom: 100px;	
	}
	.title-page-tight {
		margin-bottom: 50px;	
	}
	
	.title-page .title, .title-page-tight .title {
		font-size: 48px;
		font-weight: 300;
		margin: 0 0 10px 0
	}
	
	.title-page .title-description, .title-page-tight .title-description {
		font-size: 24px;
		font-weight: 400;
		margin: 0;
		color: #AC380C; 
		letter-spacing: .05em
	}
/* BACKPAGE TITLES - spacing between header and title - and title and image when img is used*/
.bp-title {
	margin-top: 60px;
}
.bp-title-img {
	margin-top: 60px;
	margin-bottom: 60px;
}

.page-primary .title-page .title-description, .page-primary .title-page-tight .title-description,
.page-secondary .title-page .title-description, .page-secondary .title-page-tight .title-description,
.page-tertiary .title-page .title-description,.page-tertiary .title-page-tight .title-description {
	color: #3A5082;
}
.page-quarternary .title-page .title {
	color: #FFFFFF;
}
.page-quarternary .title-page .title-description, .page-quarternary .title-page-tight .title-description {
	color: #FFE55D; /*#FFE972*/ /*MAKE SURE THIS KIND OF THING IS CONSISTENT! */
}

/* THIS IS FOR TITLES WITH IMAGES UNDERNEATH (SEVERAL BACK PAGES) applied directly to H2 and H3 tag */
.title-page .title-bkg, .title-page-tight .title-bkg,
.title-page .title-description-bkg, .title-page-tight .title-description-bkg {
	color: #FFFFFF;
	margin-right: 30px;
	margin-left: 30px;
}
.leftAlign {
	text-align: left;
	padding-left: 20%;
}

/* ==============================================================================
  Special Section (the MISSION statement in larger browsers)
============================================================================== */
#adSpecial {
	display:block;
}
.special {
	display: block;
	padding: 0 0 25px 0;
	padding: 25px 0;
	text-align: center;
	border-top: 0px solid #000; /* added - remove it */
	border-bottom: 0px solid #000; /* added - remove it */
	
}

.special .negtop {
	margin-top: 0px;
	
}
.special-content p {
	font-size: 24px;
	line-height: 140%;
	font-weight: 400;
	/* font-family: 'Ledger', serif;
	color: #3A5082; */ /*changed 6/22/18 */
	letter-spacing: 0px;
	text-align:center;
}
.special-content p.txtNormal {
	font-weight: 400;
	font-size: 18px;
	line-height: 24px;
	color: #262D42;
	font-family: 'Roboto', helvetica, arial, sans-serif;
}
.special-content ul {
	margin-bottom: 20px;
	padding: 1.5em;
	padding-bottom: 0;
	/*
	border-top: 1px dashed #6CAAFF;
	border-bottom: 1px dashed #6CAAFF; these when background "page' is NOT page primary 
	*/
	border-top: 1px dashed #333;
	border-bottom: 1px dashed #333;
}
.special-content li {
	margin-bottom: 22px;
	font-weight:300;
	font-size: 22px;
	line-height: 30px;
	/*
	color: #666; when background "page' is NOT page primary
	*/
	color: #333;
	letter-spacing:1px;
	text-align:center;
	list-style:none;
}
#ACLU { 
	display:none;
	position:relative;
	top: -80px;
	height: 320px;
 }
 

#welcome {
	display: none;
	text-align:center;
	margin-top: 40px;
}
#welcome .statement h2 {
	font-family: 'Ledger', serif;
	font-weight: 100;
	font-size: 44px;
	color: #262D42; 
	color: #FFFFFF;
}
#welcome .statement h3 {
	font-weight: 400;
	color: #262D42; 
}
.statement-btn  {
	display: block;
	margin-top: 50px;
	font-family: 'Ledger', serif;
	font-family: 'Roboto Slab', serif;
	font-size: 32px;
	font-weight: 300;
	line-height: 150%;
	color: #FFFFFF;
}

.statement-btn a {
	padding: 8px 88px;;
	background-color: #FF5E22;
	color: #FFFFFF;
	text-shadow:0 1px 1px #262D42;
}
.statement-btn a:hover {
	/*color: #0B0D12; */
	background-color: #AC380C;/
	
	-webkit-transition: background 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s;
}


#mission .mission-content p {
	font-size: 24px;
	line-height: 140%;
	font-weight: 300;
	text-align:center;
}


/* ==============================================================================
  Believe Section
============================================================================== */
.all-believe img {
	width: 100%;
	margin-bottom: 2em;
}
#believe .picCap {
	text-align:left;
	margin-bottom: 5px;
	font-weight: 400;
	color: #3A5082;
}

/* ==================================================
  Top News Section -  (3-4 columns)
================================================== */

.announce_home {
	display: block;
	margin-bottom: 15px;
	text-align: left;
	background: #fff;
}
.star {
	font-size: 28px;
	color: #CCC;
	text-align:left;
	padding-left:23%;
	
}
.announce_home-content .title {
	display: block;
	margin: 0 0 16px 0;
	color: #0B0D12;  /* almost black */
	font-weight:400;
	font-size: 24px;
	font-family: 'Lato', helvetica, arial, sans-serif;
	line-height:1.25em;
}
	
.announce_home-content p {
/*	font-family: 'Ledger', serif;
*/	font-weight: 300;
	text-align:left;
	line-height: 140%;
}

/* ==================================================
  Help Me / Survey Section -  (2 column)
================================================== */

.helpMe {
	background: none;
}
/* HELP ME BUTTONS */
.help-btns {
	text-align: center;
}

.help-btns li {
	display: inline-block;
	list-style: none;
	padding: 0;
	margin: 0 12px 12px -12px;
	width: 100%;
}
	
#help .help-btn1 a, 
#help .help-btn2 a, 
#help .help-btn3 a, 
#help .help-btn4 a,  
#help .help-btn5 a, 
#help .help-btn6 a,
#help .help-btn7 a,
#help .help-btn8 a {
    display: block;
   	/*width: 190px;*/ /*this width used if want to run rows of multiple buttons */
	max-width: 448px;
	margin: 0 auto;
    padding: 12px 6px;
    font-size: 16px;
    font-weight: 700;
    color: #FFFFFF;
    background: #C4AF42; 
    text-align: center;
    vertical-align: middle;
	border: 0;
	
}

#help .help-btn2 a, #help .help-btn7 a {
	background: #4D7FC4;
}
#help .help-btn3 a, #help .help-btn8 a {
	background: #C46542;
}
#help .help-btn4 a {
	background: #AC920C;
}
#help .help-btn5 a {
	background: #6CAAFF;
}
#help .help-btn6 a {
	background: #FF895D;
}
#help .help-btn8 a {
	margin-bottom: 30px;
}

#help .help-btn1 a:hover, 
#help .help-btn2 a:hover, 
#help .help-btn3 a:hover, 
#help .help-btn4 a:hover,  
#help .help-btn5 a:hover, 
#help .help-btn6 a:hover, 
#help .help-btn7 a:hover, 
#help .help-btn8 a:hover {
    cursor: pointer;
    background: #AC380C;
    color: #FFFFFF;
}

.btn-dash {
	display: inline-block;
	margin: 0 8px;
}
/* *******  */

.gala h3 {
	line-height: 150%;
}
.galaHP {
	text-align: center;
	margin: auto;
	padding: 50px 25px;
	background-color: #FFE55D;
	color: #0B0D12;
	border: 1px solid #0B0D12;
}
.galaHP p {
	font-size: 1.2em;
}
.gala2 {
	text-align:center;
	font-size: 1.0em;
	margin-bottom: 24px;
}
.gala2 p {
	text-align:left;
}
.gala2 img {
	margin-bottom: 50px;
	text-align: center;
	width:100%;
}
.gala2 li {
	text-align: left;
	margin-bottom: 1em;
}



.invite img {
	width: 100%;
}

/* *******  */

.survey {
	background: none;
	text-align:center;
}
.survey-why  {
	font-size: 125%;
	line-height: 140%;
	padding: 0 30px;
}
.homeworkshop {
	/*padding: 0 30px;*/
	text-align:left;
}
#help .survey-button, #about .board-button {
	text-align:center;
}
#help .survey-button a,  #about .board-button a {
   background: #C46542;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
}

#help .survey-button a:hover,  #about .board-button a:hover {
    background: #AC380C;
    color: #FFFFFF;
}
	
	



/* ==================================================
  Our Work Section
================================================== */
.work-container-1, .work-container-2, .work-container-2-Img1, work-container-3 {
	position: relative;
	margin: 0;
	background: #FFFFFF;
	padding: 20px 6.38297%;
}

.work-container-1 li {
	margin-bottom:1.2em;
	list-style:none;
}
.work-container-2  {
	background: #CDDBFF;
}
.work-container-2-Img1 {
	overflow: hidden;
	background: #CDDBFF url(../img/work/home/rescue3.jpg) no-repeat center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.work-container-1 h3, .work-container-2 h3 {
	margin-bottom: 16px;
	font-weight: 400;
}
.work-container-3 {
	margin: 30px 0;
	padding: 20px 40px;
	background: #efefef;
}
#work .picCap {
	text-align:center;
	margin-bottom: 5px;
	font-weight: 400;
	color: #3A5082;
}
#work img {
	margin-bottom: 10px;
	width: 100%;
}

#work .work-container-1 .social {
	position: relative;
	left: auto;
}
.Work-With-title {
	font-size: 18px;
	margin-top: 24px;
}

.image-wrap-work {
	display:block;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
}

.image-wrap-work img {
	width: 100%;	
}
.span-OurWork {
	width: 30%;
}

#work .social img {
	max-height: 50px;
	max-width: 50px;
}
#work .work-container-1 .social-bar {
    padding: 10px 0 10px 20px!important;
}
.work-videos {
	display: block;
}
.work-videos-responsive {
	display: none;
}
.title-video {
	text-align: center;
	color: #FFFFFF;
	margin: 30px auto;
}
/* NOTE - The following is method for embedding youtube/vimeo video in responsive design */
.media {
	clear: both;
	position: relative;
	height: 0;
	padding-top: 30px;
	padding-bottom: 56.25%;
	margin-bottom: 6px;
	overflow: hidden;
}
.media iframe, .media embed { 
	position: absolute; 
	top: 0; 
	left: 0; 
	width: 100%; 
	height: 100%; 
}
.media embed {
	padding-bottom: 25px;
}
/* end embed code */
.video-description {
	display: block;
	margin-bottom: 12px;
	text-align: left;
	color: #CDDBFF;
	font-size: 14px;
	line-height: 16px;
}

.media-content {
	margin: 10px 0;
}
.media-less {
	background: #262D42;
	text-align:center;
	padding: 29.25% 0;
	margin: 0;
}
.media-less a {
	color: #CDDBFF;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	padding: 10px;
}
.media-less a:hover {
	color: #FFF;
	text-decoration:underline;
}

/* ==================================================
   About Section
================================================== */

.profile-name {
	margin-bottom: 15px;
	font-weight: 300;	
}

.profile-description {
	margin-bottom: 25px;	
}

.image-wrap {
	display:block;
	position: relative;
	overflow: hidden;
	margin-bottom: 16px;
	cursor: pointer;
}

.image-wrap img {
	width: 100%;	
}

.image-wrap  .hover-wrap {
	position: absolute;
	display: block;
	width: 100%;
	height: 100%;
	border: none;
	opacity: 0;
	filter: alpha(opacity=0);
	
	-webkit-transition: all 450ms ease-out 0s;	
	   -moz-transition: all 450ms ease-out 0s;
		 -o-transition: all 450ms ease-out 0s;
		    transition: all 450ms ease-out 0s;
		  
	-webkit-transform: rotateY(180deg) scale(0.5,0.5);
	   -moz-transform: rotateY(180deg) scale(0.5,0.5);
		-ms-transform: rotateY(180deg) scale(0.5,0.5);
		 -o-transform: rotateY(180deg) scale(0.5,0.5);
			transform: rotateY(180deg) scale(0.5,0.5);	
}

.image-wrap:hover .hover-wrap,
.image-wrap.active .hover-wrap {
	opacity: 1;
	filter: alpha(opacity=100);
	
	-webkit-transform: rotateY(0deg) scale(1,1);
	   -moz-transform: rotateY(0deg) scale(1,1);
		-ms-transform: rotateY(0deg) scale(1,1);
		 -o-transform: rotateY(0deg) scale(1,1);
		    transform: rotateY(0deg) scale(1,1);
}

.image-wrap .hover-wrap .overlay-img {
	position: absolute;
	width: 100%;
	height: 100%;
	margin-top: 0;
	background: #368AFF;
	background: #FFFFFF;
	opacity: 0.0;
	opacity: 0.7;
	filter: alpha(opacity=70);
	filter: alpha(opacity=0);
}

.image-wrap .hover-wrap .overlay-text-thumb {
	position: absolute;
	width: 100%;
	height: 32px;
	top: 50%; 
	margin: -16px 0 0 0;
	color: #262D42;
	font-size: 20px;
	font-weight: 300;
	line-height: 32px;
	text-transform: uppercase;
	text-transform: Capitalize;
	text-align: center;
	opacity: 1;
	filter: alpha(opacity=100);
}

.social-icons {
	margin: 0;
	padding: 0;
}

.social-icons li {
	display: inline-block;
	margin-left: 15px;	
}

.social-icons li:first-child {
	margin-left: 0;
}

.social-icons li a{
	color: #368AFF;
	font-size: 16px;
	line-height: 1em;
	width: 16px;
	height: 16px;
	opacity: 0.5;
	filter: alpha(opacity=30);
	
	-webkit-transition: opacity 0.1s linear 0.1s;	
	   -moz-transition: opacity 0.1s linear 0.1s;
		 -o-transition: opacity 0.1s linear 0.1s;
		    transition: opacity 0.1s linear 0.1s;
}

.social-icons li a:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	
}

/* ==================================================
   Contact Section
================================================== */

.contact-details h3 {
	color: #AC380C;  /* adjust as needed */
    font-size: 24px;
    font-weight: 900;
    margin-bottom: 30px;
	line-height: 1em;
}

.contact-details ul {
	margin: 0;
	padding: 0;
	list-style: none;	
}

.contact-details ul li {
	margin: 0 0 20px;
	line-height: 20px;
	padding: 0;	
}

#contact-form {
	margin-bottom: 0;	
}

#contact-form p {
	margin-bottom: 1px;	
}

#contact-form input, 
#contact-form textarea {
    border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #FFFFFF;
    color: #3339AF;
    font-size: 16px;
    font-size: 20px;
    height: auto;
    padding: 15px;
	margin: 0;
    resize: none;
}

#contact-form input {
    width: 100%;
	border-bottom: 1px solid #CDDBFF;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#contact-form input.countdown {
	font-weight: 700;
	width: 25%;	
	font-size: 16px;
	padding: 0;
	background: #FFED8D;
	border:none;
}

#contact-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#contact-form .submit {
    background: #C4AF42;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
	text-decoration:none;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
}

#contact-form .submit:hover, #get-help-form .submit:hover {
    background: #AC920C;
    color: #FFFFFF;
	text-decoration:none;
}
.submit a {
	text-decoration:none;
}
#response {
	margin-top: 20px;
	color: #FFFFFF;
}
/* bot trap field */
.howdybot {
	display:none;
	position:absolute;
	left: -2000px;
	height: 0px;
}

/* ==================================================
   Involve Section
================================================== */



/* ==================================================
   Footer
================================================== */

.footer-home, 
.footer-back,
#pleadings-bank footer .footer-home,  
#admin footer .footer-home {
	position: relative;
	bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
	background: #368AFF; 
	text-align: center;
	z-index: 99;
}

footer .footlinks, footer .credits, 
#pleadings-bank footer .footlinks, #pleadings-bank footer .credits, 
#admin footer .footlinks, #admin footer .credits  {
	display: block;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: 400;
	margin-right: 12px;
	margin-bottom: 0;
	margin-left: 12px;
	padding: 10px 0;
	text-transform: uppercase;
}

footer .footlinks a, footer .footlinks a:hover, footer .footlinks a:active, footer .footlinks a:visited,
#pleadings-bank footer .footlinks a, #pleadings-bank footer .footlinks a:hover, #pleadings-bank footer .footlinks a:active, footer .footlinks a:visited,
#admin footer .footlinks a, #admin footer .footlinks a:hover, #admin footer .footlinks a:active, footer .footlinks a:visited {
	color: #FFFFFF;
	margin-left: 1%;
	text-decoration: none;
	font-weight: 400;
}

footer .footlinks a:first-child {
	margin-left: 0;
}
footer .footlinks a:hover, footer .footlinks a:active,
#pleadings-bank footer .footlinks a:hover, #pleadings-bank footer .footlinks a:active,
#admin footer .footlinks a:hover, #admin footer .footlinks a:active {
	color: #0B0D12;
}

.footer-home .social img, .footer-back .social img {
	padding: 20px 7px 0 7px;
}

footer .follow {
	display: block;
	color: #FFF;
	size: 13px;
	margin-top: 7px;
	font-weight: 400;
}
	
footer .credits, #pleadings-bank footer .credits, #admin footer .credits {
	padding: 0 0 20px 0;
	font-size: 13px;
	text-transform: uppercase;
	letter-spacing:0;	
}

/* ==================================================
   Back to Top / Top
================================================== */

#back-to-top {
	display: none;
	background-color: #368AFF;
	margin: 0;
	position: fixed;
	bottom: 0;
	right: 0;
	width: 50px;
	height: 50px;
	z-index: 99;
	
	-webkit-transition: background 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s;
}

#pleadings-bank #back-to-top {
	background-color: #FF5E22;
}

#pleadings-bank #back-to-top:hover {
	background-color:#AC380C;
}


#admin #back-to-top {
	background-color: #97C3FF;
}

#admin #back-to-top:hover {
	background-color:#6CAAFF; 
}

#back-to-top i {
	font-size: 16px;
	color: #FFFFFF;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -7px;
	line-height: 1em;
}

#back-to-top i {
	margin-left: -7px;	
}

.top, .topL {
	text-align: right;
	font-size: 14px;
	text-transform:lowercase;
}
.topL {
	text-align: left;
}

/* ==================================================
   Preloader
================================================== */

#jpreOverlay,
#jSplash {
	background-color: #FFFFFF;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 700;
	left: 88px;
	left: 0px;
	top: 2px;
}

#jpreSlide{
	position: absolute;
	top: 50% !important;
	left: 50% !important;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
}

#jpreLoader {
	position: relative !important;
	width: 100% !important;
	height: 100% !important;
	top: 0 !important;	
}

#jprePercentage {
	width: 50px;
	height: 50px !important;
	line-height: 50px;
	position: absolute !important;
	text-align: center;
	left: 50%;
	top: 50%;
	margin: -25px 0 0 -25px;
	z-index: 800;
	font-size: 24px;
	color: #000000;	

	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
		 -o-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

#circle {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 11;
	margin: -50px 0 0 -50px;
	width: 100px;
	height: 100px;
	background: #368AFF;
	background: #CCC;
	-webkit-border-radius: 999px;
	-moz-border-radius: 999px;
	border-radius: 999px;
	opacity: 0;
	filter: alpha(opacity=0);
			
	-webkit-animation: circle 1s infinite forwards;
	   -moz-animation: circle 1s infinite forwards;
		-ms-animation: circle 1s infinite forwards;
			animation: circle 1s infinite forwards;
}

@-webkit-keyframes circle {
	0% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
	50% {-webkit-transform: rotateY(180deg);
		-webkit-animation-timing-function: ease-out;
	}
	100% {-webkit-transform: rotateY(0deg);
		-webkit-animation-timing-function: ease-in;
	}
}

@-moz-keyframes circle {
	0% {-moz-transform: rotateY(0deg);
	}
	50% {-moz-transform: rotateY(180deg);
		-moz-animation-timing-function: ease-out;
	}
	100% {-moz-transform: rotateY(0deg);
		-moz-animation-timing-function: ease-in;
	}
}

@-ms-keyframes circle {
	0% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
	50% {-ms-transform: rotateY(180deg);
		-ms-animation-timing-function: ease-out;
	}
	100% {-ms-transform: rotateY(0deg);
		-ms-animation-timing-function: ease-in;
	}
}

@-o-keyframes circle {
	0% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
	50% {-o-transform: rotateY(180deg);
		-o-animation-timing-function: ease-out;
	}
	100% {-o-transform: rotateY(0deg);
		-o-animation-timing-function: ease-in;
	}
}

@keyframes circle {
	0% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
	50% {transform: rotateY(180deg);
		animation-timing-function: ease-out;
	}
	100% {transform: rotateY(0deg);
		animation-timing-function: ease-in;
	}
}


/* ==================================================
   Isotope Filtering
================================================== */

/**** Isotope Filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
     -moz-transition-duration: 0.8s;
      -ms-transition-duration: 0.8s;
       -o-transition-duration: 0.8s;
          transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
      -ms-transition-property:     -ms-transform, opacity;
       -o-transition-property:      -o-transform, opacity;
          transition-property:         transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/* End: Recommended Isotope styles */



/* disable CSS transitions for containers with infinite scrolling*/
.isotope.infinite-scrolling {
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
}





/* ==================================================
   BACK PAGE STYLES
================================================== */

/* ==================================================
		 BACK PAGE TOP-OF-PAGE IMAGES 
==================================================*/

/* for images with title text over */
/*.bkg-help, .bkg-workshop, .bkg-about, .bkg-heranews {
	height: 533px;
	padding: 100px 0;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: url(../img/top-images/get-help2.jpg) no-repeat center center; /* image will need to be set for individual pages */
/*	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: #FFFFFF;
} */

#topImg, #topImgSm {
	clear: both;
	display: block;
	position:relative;
	top: 0;
	left: 0;
	height: 533px;
	overflow: hidden;
	padding: 0;
	margin: -60px 0 60px 0;
}
#topImgSm {
	height: 240px;
}
#topImgGala {
	clear: both;
	top: 0;
	left: 0;
	margin: 75px 0 0;
}
#topImgGala img {
	width: 100%;
}

.get-helpImg {
	background: url(../img/top-images/get-help2.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.aboutImg {
	background: url(../img/top-images/about1.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.papersImg {
	background: url(../img/top-images/papers2.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.donateImg {
	background: url(../img/top-images/donate.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.heranewsImg {
	background: url(../img/top-images/hera-news.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.workshopImg {
	background: url(../img/top-images/workshop3.jpg) no-repeat center center; /* also workshop2.jpg and workshop3.jpg */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

.clientstoryImg {
	background: url(../img/top-images/rochelle.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.flyers li {
	list-style:none;
	text-align: center;
}
.publicationsImg {
	background: url(../img/top-images/publications.jpg) no-repeat center center; /* also workshop2.jpg and workshop3.jpg */
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.anniversaryImg {
	background: url(../img/top-images/anniversary.jpg) no-repeat center center; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
.thanks p {
	font-size: 135%;
	line-height: 150%;
	margin: 1.5em 0;
}

/*  GET HELP / THANK YOU */

.thankyou {
	background: #368AFF;
	text-align: center;
	margin: 0 auto;
}
.thankyou .container {
	background: #FFFFFF;
	margin-top: 5%;
	padding: 36px;
	width: 80%;
}

/* GET HELP CONTACT PAGES */
#get-help-form {
	margin-bottom: 0;	
}

#get-help-form p {
	margin-bottom: 1px;	
}

#get-help-form input,
#get-help-form textarea {
    border: none;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #CDDBFF;
    color: #262D42; 
    font-size: 20px;
    height: auto;
    padding: 15px;
	margin: 0;
    resize: none;
}

#get-help-form input {
    width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#get-help-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#get-help-form .submit {
    background: #C4AF42;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
}

#get-help-form .submit:hover {
    background: #AC920C;
    color: #0B0D12;
}





/* NEWS AND ANNOUNCEMENTS */
#news-announcements .news p, #news-announcements .announcements p {
	font-weight: 300;
	line-height: 22px;
}
#news-announcements .news p {
	margin-right: 30px;
}
#news-announcements .announcements p, #news-announcements .announcements h3 {
	margin-left: 30px;
}
#news-announcements .news .date, #news-announcements .announcements .date {
	font-size: 14px;
}
#news-announcements .news a, #news-announcements .announcements a {
	font-weight: 300;
	color: #262D42;
}
#news-announcements .news a:hover, #news-announcements .news a:active, #news-announcements .news a:focus, #news-announcements .announcements a:hover, #news-announcements .announcements a:active, #news-announcements .announcements a:focus {
	color: #AC380C;
	border-bottom: 1px dashed #AC380C;
}



/* WORKSHOPS */
.workshops-cal {
	max-width:100%;
}
.workshops-right {
	margin-bottom: 150px;
	text-align:center;
	padding: 50px 20px;
	background: #E6E6E6;
}
.workshops-right h3 {
	color: #AC380C; 
    font-size: 18px;
    font-weight: 700;
    margin-bottom: 30px;
	line-height: 1em;
}



/* BROCHURES */
.brochureImg {
	margin: auto;
	margin-bottom: 24px;
	border: none;
	max-width: 100%;
	padding-top: 24px;
	border-top:0px solid #CCC;
}
.brochure {
	font-size: .95em;
	line-height: 1.4em;
	text-align:center;
}
.brochure .description {
	margin-top: -.35em;
	font-weight: normal;
	text-align:left;
}
.brochureTitle, .brochureTitleMain {
	font-weight:700;
	font-size: 1em;
	line-height: 1.2em;
	text-align:center;
	margin-bottom: .5em;
	padding-top: .75em;
	border-top:0px solid #CCC;
}
.brochureTitleMain {
	font-size: 1.25em;
	margin: 0;
	margin-top: 10px;
	padding: 0;
	padding-top: 20px;
	border-top: 5px solid #CCC;
}
.languages {
	font-weight:normal;
	font-size: .85em;
	text-align:center;
	margin: 0 17%;
	padding-bottom: 5px;
	border-bottom:1px solid #CCC;
}
	




/* INVESTIGATIONS & LITIGATION, POLICY PAGES */
#investigations .nav-inpage {
	display: block;
	width: 100%;
	text-align:center;
	padding: 20px 0;
	margin-bottom: 40px;
	border-top:1px solid #CDDBFF;
	border-bottom:1px solid #CDDBFF;
}

#investigations .inpage-nav {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}
#investigations .inpage li:lastchild {
	margin-right: 0;
}
#investigations .inpage-nav a {
	font-weight:300;
}
#investigations .heading {
	font-size: 24px;
	color: #3A5D82;
}
#investigations .case, #policy .case {
	font-size: 85%;
	font-style:italic;
	margin: -1em 0 1em;
}
#investigations .p1, #policy .p1  {
	font-weight:500;
}





/*ABOUT US (bios) */
#bios .nav-inpage, #studentpublications .nav-inpage {
	display: block;
	width: 100%;
	text-align:center;
	padding: 20px 0;
	margin-bottom: 40px;
	border-top:1px solid #CDDBFF;
	border-bottom:1px solid #CDDBFF;
}

#bios .inpage-nav, #studentpublications .inpage-nav {
	list-style: none;
	display: inline-block;
	margin-right: 20px;
}
#bios .inpage li:lastchild, #studentpublications .inpage li:lastchild {
	margin-right: 0;
}
#bios .inpage-nav a, #studentpublications .inpage-nav a {
	font-weight: 300;
}

#bios .page, #bios .page-primary {
	margin-right: -20px;
	margin-left: -20px;
}

#bios .page {
border: 1px solid #CDDBFF;
}

#bios .page-board   {
	background: #FFAC8D;
	padding: 100px 0;
	position: relative;
	z-index: 99;
}

#bios .profile-name-bio {
	position: relative;
	overflow: hidden;
	margin-bottom: 0px;
}
#bios .profile-hame-bio h3 {
	margin-bottom: 0px;
}
#bios .profile-name-bio h4 {
	margin-top: 15px;
}
#bios .image-wrap-bio {
	margin-top: 10px;
}

#bios .image-wrap-bio img {
	max-width: 100%;
}

/* Anniversary Page  */
.sponsors .name {
	font-size: 18px;
	font-weight: 400;
}
.sponsors .emphasis {
	font-size: 18px;
	font-weight: 300;
	font-style:italic;
}

/* Client Story Page */
/*#story.page p*/
#story.page .p1 {
	font-size: 135%;
	line-height: 150%;
}

/* **************************************** */
/* PLEADINGS BANK */
#pleadings-bank header .sticky-nav {
	/*position: relative;*/
	position: fixed; /* new */
	top: 0;
	width: 100%;
	height: 60px;
	z-index: 1001;
	
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
}

#pleadings-bank header .sticky-nav.stuck {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
}

#pleadings-bank a, a.body-link {
	color:#1354AC;
}

#pleadings-bank a:hover,
#pleadings-bank a:active,
#pleadings-bank a:focus{
	color:#AC380C;
}

#pleadings-bank a:hover.body-link,
#pleadings-bank a:active.body-link,
#pleadings-bank a:focus.body-link {
	text-decoration:none;
}
#pleadings-bank li.current a {
	color: #AC380C;
}

#pleadings-bank header .sticky-nav {
	background: #FF5E22;
}

#pleading .title-page .title-description {
	 color: #3A5082;
}
 
#pleadings-bank footer  {
	background: #FF5E22;
}

#pleadings-bank .btn-clear {
	background: #FFFFFF;
	display: inline-block;
	padding: 5px 12px;
	border-top: 1px solid #CDDBFF;
	border-bottom: 1px solid #3A5082;
	border-right: 1px solid #3A5082;
	border-left: 1px solid #CDDBFF;
}

/* big buttons */

#pleadings-bank .bigButton a {
	margin: 0 0 0px 0;
	padding: 24px;
	border-top: 1px solid #CDDBFF;
	border-bottom: 1px solid #3A5082;
	border-right: 1px solid #3A5082;
	border-left: 1px solid #CDDBFF; 
	
}

#pleadings-bank .bigButton a:hover {	
	background-color: #4D7FC4;
	color: #FFFFFF;
}

/* PLEADINGS BANK - DOWNLOADS */


/* PLEADINGS BANK - forms throughout */

#pleadings-bank-form {
	margin-left: 0px;	
}

#pleadings-bank-form input, #pleadings-bank-form select,
#pleadings-bank-form textarea {
    border-top: 1px solid #CDDBFF; 
    border-right: 1px solid #3A5082; 
    border-bottom: 1px solid #3A5082;
    border-left: 1px solid #CDDBFF; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #FFFFFF;
    color: #262D42;
    font-size: 16px;
    height: auto;
    padding: 12px;
	margin: 0;
    resize: none;
}

#pleadings-bank-form input, #pleadings-bank-form select {
    width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pleadings-bank-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#pleadings-bank-form .submit {
    background: #C46542;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
	text-decoration:none;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
}

#pleadings-bank-form .submit:hover {
    background: #AC380C;
    color: #FFFFFF;
	text-decoration:none;
}

.submit a {
	text-decoration:none;
}



/* ADMIN */

#admin header .sticky-nav {
	/*position: relative;*/
	position: fixed; /* new */
	top: 0;
	width: 100%;
	height: 60px;
	z-index: 1001;
	
	-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.25);
	
	-webkit-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	-moz-box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
	box-shadow: 0 1px 1px rgba(255, 255, 255, 0.25);
}

#admin header .sticky-nav.stuck {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1001;
}

#admin a, a.body-link {
	color:#1354AC;
}

#admin a:hover,
#admin a:active,
#admin a:focus{
	color:#AC380C;
}

#admin a:hover.body-link,
#admin a:active.body-link,
#admin a:focus.body-link {
	text-decoration:none;
}
#admin li.current a {
	color: #AC380C;
}

#admin header .sticky-nav {
background: #97C3FF;
}

#admin .title-page .title-description {
	 color: #3A5082;
}
 
#admin footer  {
	background: #97C3FF;
}

#admin .homelist {
	margin-bottom: 50px;
}

#admin .recordcount {
	margin-top: -.5em;
	font-size: 90%;
	font-weight: normal;
	color: #5D5D5D;
	text-indent: 2em;
}

#admin .borderBot {
	padding-bottom: 24px;
	margin-bottom: 24px;
	border-bottom: 1px dashed #3A5082;
}

#admin #announcements {
	margin-top: 100px;
}
#admin .btn-clear {
	background: #FFFFFF;
	display: inline-block;
	padding: 5px 12px;
	border-top: 1px solid #CDDBFF; 
	border-bottom: 1px solid #3A5082;
	border-right: 1px solid #3A5082;
	border-left: 1px solid #CDDBFF; 
}

/* big buttons */
#admin .bigButton a {
	background-color: #FF895D;
	color: #0B0D12;
	margin: 0;
	padding: 12px 18px;
	font-size: 125%;
	border-top: 1px solid #FFAC8D;
	border-bottom: 1px solid #C46542;
	border-right: 1px solid #C46542;
	border-left: 1px solid #FFAC8D;

}

#admin .bigButton a:hover {	
	background-color: #C46542;
	color: #FFFFFF;
}

/* ADMIN - forms throughout */

#admin-form {
	margin-left: 0px;	
}

#admin-form input, #admin-form select, #admin-form .browse,
#admin-form textarea {
    border-top: 1px solid #DFDFEF;
    border-right: 1px solid #3A5082; 
    border-bottom: 1px solid #3A5082; 
    border-left: 1px solid #CDDBFF; 
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
    border-radius: 0;
	
    -webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background: #FFFFFF;
    color: #262D42;
    font-size: 20px;
    font-size: 16px;
    height: auto;
    padding: 12px;
	margin: 0;
    resize: none;
}

#admin-form input, #admin-form select {
    width: 100%;

	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#admin-form textarea {
    width: 100%;
	resize: vertical;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#admin-form .submit {
    background: #C46542;
    color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-size: 18px;
    font-weight: 500;
	text-decoration:none;
    padding: 16px 40px;
    text-align: center;
    vertical-align: middle;
    width: auto;
	margin-top: 30px;
	
	-webkit-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;	
	   -moz-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		 -o-transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
		    transition: background 0.1s linear 0.1s, color 0.1s linear 0.1s;
}

#admin-form .submit:hover {
    background: #AC380C;
    color: #FFFFFF;
	text-decoration:none;
}

.submit a {
	text-decoration:none;
}
#admin .btn-simple {
	background: #6CAAFF;
	margin-right: 20px;
}
#admin .btn-simple a {
	color: #0B0D12;
}
#admin .btn-simple a:hover {
	color: #FFFFFF;
}



/* ************ */
.anal-ID {
	display:none;
}

/* just REFERENCE - CAN CUT */
/*
.span12{width:940px}
.span11{width:860px}
.span10{width:780px}
.span9{width:700px}
.span8{width:620px}
.span7{width:540px}
.span6{width:460px}
.span5{width:380px}
.span4{width:300px}
.span3{width:220px}
.span2{width:140px}
.span1{width:60px}
*/