/*
 Theme Name:   Conservation Alliance
 Theme URI:    http://www.conservationalliance.com
 Description:  The Conservation Alliance Website Theme. Built Using Zurb Foundation Framework With Reverie Integration Theme as Parent.
 Author:       Riley Willitts
 Author URI:   http://www.altblu.com
 Template:     reverie-master
*/

@import url("../reverie-master/css/style.css");

@font-face {
    font-family: 'oswaldbold';
    src: url('oswald/oswald-bold-webfont.eot');
    src: url('oswald/oswald-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald/oswald-bold-webfont.woff') format('woff'),
         url('oswald/oswald-bold-webfont.ttf') format('truetype'),
         url('oswald/oswald-bold-webfont.svg#oswaldbold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldlight';
    src: url('oswald/oswald-light-webfont.eot');
    src: url('oswald/oswald-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald/oswald-light-webfont.woff') format('woff'),
         url('oswald/oswald-light-webfont.ttf') format('truetype'),
         url('oswald/oswald-light-webfont.svg#oswaldlight') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'oswaldbook';
    src: url('oswald/oswald-regular-webfont.eot');
    src: url('oswald/oswald-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('oswald/oswald-regular-webfont.woff') format('woff'),
         url('oswald/oswald-regular-webfont.ttf') format('truetype'),
         url('oswald/oswald-regular-webfont.svg#oswaldbook') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* =Theme customization starts here
-------------------------------------------------------------- */
body a {
	color:#557e39;	
}

a.underlined {
	color:#000 !important;
	text-decoration:underline;
}

body a:hover {
	color:#557e39;
}

ul, ol {
	/*font-weight:bolder;*/
}

.iconClosed {
    background-image: url('images/arrow-closed.png') !important;
	background-size:20px !important;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
	float:right;
}

.iconOpen {
    background-image: url('images/arrow-expand.png') !important;
    width: 20px;
    height: 20px;
    background-repeat: no-repeat;
	float:right;
}  

.ui-accordion-header-icon {
    display: inline-block;
}

.oswald {
	font-family: 'oswaldbook';
}

.boswald {
	font-family: 'oswaldbold';
}

.loswald {
	font-family: 'oswaldlight';
}

.georgia {
	font-family:Georgia, "Times New Roman", Times, serif;
}

.arial {
	font-family: 'Arimo', sans-serif;
}

.xxsmall {
	font-size:75%;
}

.xsmall {
	font-size:90%;
}

.small {
	font-size:100%;
}

.large {
	font-size:130%;
}

.xlarge {
	font-size:150%;
}

.xxlarge  {
	font-size:200%;
}

.xxxlarge  {
	font-size:250%;
}

.center {
	text-align:center;
}

.right {
	text-align:right;
}

.smallpad {
	padding:.8em 0;
}

.toppad {
	padding-top:.5em;
}

.marginal {
	margin:0 2em;
}

.margin { 
	margin:1.2em;
}

.margin-nobottom {
	margin: 1.2em 1.1em 0 1.1em;
}

.margin-notop {
	margin: 0 1.2em 1.2em 1.2em;
}

.marginized {
	margin:2em 0;
}

.top-margin {
	margin-top:3em;
}

.nomargin-bottom {
	margin-bottom:.5em;
}

.nomargin{
	margin-top:0 !important;
}

.white {
	color:#fff;
}

.gray {
	color:#acacac;
}

.green {
	color:#878c0e;
}

.canary {
	color:#d7df21;
}

.uppercase {
	text-transform: uppercase;
}

.clicker {
	background:#d7df21;
	padding:0 2em;
	color:#000000;
	font-family:'oswaldbook';
	text-transform:uppercase;
	display:inline-block;
	margin:1em 0;
}

a.clicker:hover {
	color:#557e39;
}

.circle {
	border-radius:1em;
}

.spacey {
	line-height:160%;
}

.eyebrow {
	color: #e4ed15;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
	font-size:80%;
	display:block;
	margin-bottom:-2.5em;
}

.success-head {
	margin:.5em 0 1em !important;
}

.thumbnail {
	margin:.4em;
}

.padded {
	padding:2em 0;
}

.pad {
	padding:.25em 0 1em;
}

.gutters { 
	margin:1em 1em 0 1em;
	min-height:154px;
}

.gutters p { 
	margin-bottom:0;
}

.ruled {
	border-top:3px solid #e2e0d8;
}

.grayscale {
	background: #e1e4de;
	margin-bottom:4em;
}

.grayish {
	background: #e1e4de;
}

.burnt {
	background: #231f20;
}

.bottom-padding {
	padding-bottom:2em;
}

h5 {
	margin-top:1em !important;
}

body {
	font-family: 'Arimo', sans-serif !important;
	line-height:150% !important;
}

header.contain-to-grid {
	background-color: #e3e5e5;
	margin-bottom:0 !important;
}

.top-bar .name {
	height:80px !important;
}

nav.top-bar {
	background-color: #e3e5e5;
	height:5em;
}

ul.title-area {
	background-color:#e3e5e5 !important;
}

.top-bar.expanded .toggle-topbar a span {
	box-shadow:none !important;
	color:#fff;
}

.top-bar-section ul li > a {
	background-color: #e3e5e5 !important;
	color:#3d3d3d !important;
	margin-top:1.6em;
	font-family: 'oswaldlight' !important;
	font-size:120% !important;
	font-weight:600 !important;
}

.top-bar-section ul li > a:hover {
	color:#666 !important;
}

.top-bar-section ul li {
	background-color: #e3e5e5 !important;
}

li.divider {
	display:none;
}

div.boxleft, div.boxmiddle, div.boxright {
	min-height:450px !important;
}

div.orbit-container{
	height:485px;
}

div.orbit-caption p {
	margin-bottom:0;
	margin-top:.5em;
	margin-left:1em;
}

.top-bar .name h1 img {
	 margin:10px 0;
 }
 
 .orbit-container .orbit-slides-container > * .orbit-caption {
background-color: rgba(0, 0, 0, 0.3) !important;
}

.boxleft {
	margin-right:.1em;
	margin-top:1em;
}

.boxmiddle {
	margin-left:.05em;
	margin-right:.05em;
	margin-top:1em;
}

.boxright {
	margin-left:.1em;
	margin-top:1em;
}

.earthgray {
	background:#e1e4de;
}

#membership {
	/*background:#666666;*/
}

footer.full-width {
	background: #262424 !important;
}

ul.widget-footer, ul.widget-footer li ul {
	list-style:none;
	margin:0;
}

footer.full-width a{
	color:#acacac !important;
}

footer.full-width a:hover, footer.full-width a:focus {
	color:#666 !important;
}

.grayline {
	border-bottom:3px solid #e2e0d8;
}


div#single-success-sidebar div#accordion, div#single-grants-sidebar div#accordion {
	background:#ebebeb;
}

div#accordion ul {
	list-style:none;
	background:#d8d8d8;
	margin:0;
	text-indent:.5em;
 }
 
div#accordion p, div#accordion ul {
	 padding:.25em 1em;
	 margin:0;
 }

div#accordion ul li {
 text-indent: 0;
}

div#accordion div ul li {
	line-height:110% !important;
	margin:.5em 0;
}
 
div#single-success-container a, div#single-grants-container a {
	color:#557e39;
 }
 
div#accordion ul a {
	 color:#666;
 }
 
div#accordion ul a:hover {
	 color:#557e39;
 }
 
.ui-accordion-header {outline: none;}

#grants-sidebar {
	background:#000;
	color:#b0b0b0;
}

#grants-sidebar h5 {
	margin-bottom:0;
}

#grants-sidebar h3 {
	margin:0;
}

#grants-sidebar p {
	line-height:105%;
	margin-bottom:0;
}

#grants-sidebar p.marginized {
	margin:1em 0;
}

#grants-sidebar p.icon {
	margin:1em 0 ;
	padding-bottom:.5em;
	border-bottom:2px solid rgba(255,255,255, 0.38);
}

a.canary:hover {
	color:#bec600;
}

div#page-container h2, div#page-container h3, div#page-container h4 {
	font-family:'oswaldbook';
}

div#page-container h2 {
	font-size:160%;
}

div#page-container h3 {
	font-size:130%;
}

div#page-container h4 {
	font-size:100%;
}

div#page-container li.widget {
	list-style:none;
	margin-bottom:2em;
}

li.widget {
	list-style:none;
	margin-bottom:2em;
}

li.widget ul.menu {
	list-style:none;
	margin:.5em 0;
}

div#page-sidebar {
	margin-top:4.7em;
}

.success-feature {
	/*border-top:12px solid #666;*/
	border-bottom:1px solid #666;
	padding:1.7em 0;
	margin-bottom:.7em !important;
}

.success-feature a.clicker.uppercase.small {
	margin-top:.8em;
}

.year-lead {
	margin-right:35px;
}

.result-lead {
	margin-right:20px;
}

div.past-grants ul li {
	list-style:none;
}

div.past-grants ul {
	margin-left:0;
}

div.past-grants {
	background:#ebebeb;
}

.ui-accordion-header {
	cursor:pointer;
}

.si_feed_widget ul.si_feed_list {
	margin:1em 1em 0 1em;
}

li#si_feed_widget-3.widget.si_feed_widget {
	margin-bottom:0 !important;
}

.si_feed_widget ul.si_feed_list li.si_item {
	max-width:4.3em !important;
	margin:.3em;
}

ul.collapsing.archives.list {
	list-style-type: none !important; 
}

figure { 
  display: block; 
  position: relative; 
  overflow: hidden; 
  margin:0 !important;
}

figcaption { 
  position: absolute; 
  background: rgba(0,0,0,0.45); 
  color: white; 
  padding: 5px 20px; 
  font-size:70%;
  text-transform:uppercase;

  opacity: 0;
  bottom: 0; 
  left: -30%;
  -webkit-transition: all 0.6s ease;
  -moz-transition:    all 0.6s ease;
  -o-transition:      all 0.6s ease;
}

figure img {
	border-radius:0 !important;
}

figure:hover figcaption {
  opacity: 1;
  left: 0;
}

.cap-left figcaption { bottom: 0; left: -30%; }
.cap-left:hover figcaption { left: 0; }

.cap-right figcaption { bottom: 0; right: -30%; }
.cap-right:hover figcaption { right: 0; }

.cap-top figcaption { left: 0; top: -30%; }
.cap-top:hover figcaption { top: 0; }

.cap-bot figcaption { left: 0; bottom: -30%;}
.cap-bot:hover figcaption { bottom: 0; }

/*figure:before { 
  content: "?"; 
  font-weight:700;
  position: absolute; 
  background:rgba(255,255,255,0.75); 
  color: black;
  width: 24px;
  height: 24px;
  -webkit-border-radius: 12px;
  -moz-border-radius:    12px;
  border-radius:         12px;
  text-align: center;
  font-size: 14px;
  line-height: 24px;
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  opacity: 0.75;	
}*/

figure:before { 
  content: ""; 
  font-weight:700;
  position: absolute; 
  background: url(images/camera-sm.png) no-repeat center center rgba(255,255,255,0.75); 
  color: black;
  width: 26px;
  height: 26px;
  -webkit-border-radius: 3px;
  -moz-border-radius:    3px;
  border-radius:         3px;
  text-align: center;
  font-size: 14px;
  line-height: 26px;
  /* Only Fx 4 supporting transitions on psuedo elements so far... */
  -webkit-transition: all 0.6s ease;
  -moz-transition: all 0.6s ease;
  -o-transition: all 0.6s ease;
  opacity: 0.75;	
}

figure:hover:before {
  opacity: 0;
}

.cap-right:before {  bottom: 5px; right: 5px; }

.toggle-topbar.menu-icon {
	 background:#6d6d6d;
	 padding:1em;
	 padding-left:1em !important;
}

.spread ul li{
	list-style-type:none;
}

.spread {
	background:#fff;
	margin:20px 0;
	border: 1px solid #e3e3e3;
	float:left !important;
}

@media all and (max-width: 650px) {
	
nav section ul li.menu-item a{
	margin-top:1px;
}

nav section ul.right {
	text-align:center;
	float:none !important;
	border-top:3px solid #6d6d6d;
}

div.boxleft, div.boxmiddle, div.boxright {
	min-height:150px !important;
}
	
	
}

.boxright #text-2 {
margin-bottom:0;
margin-bottom:-15px;
margin-left:10px;
margin-right:10px;
}

#sb_instagram {
padding-bottom:0;
padding-left:10px;
padding-right:10px;
}