/* these are the Drupal styles that need to be overridden */

/* No display of 3rd level navigation */
#secondaryNav ul li ul li ul {
  display:none;
}

/* these are the Kiva Chai styles that need to be overridden temporarily */

.pageHeader h2 {float:none;}

/* new support us center has icons in the pageHeader, and has to align */
.pageHeader h2 img {vertical-align:middle;}
.pageHeader h2 p {vertical-align:middle; display:inline; margin-left:10px;}

/* make pager not suck */
#main ul.pager {
  list-style-type:none;
  margin:0px;
  padding:0px;
}
#main ul.pager li {
  display: inline;
}

/* make submission info not suck */
#main .submitted {
  color: #999;
  font-style: italic;
  font-size: .9286em;
}

/* structure of menus is slightly different than how kiva does it */

.footerLinks li li:first-child {
  margin-bottom:7px;
}

.footerLinks li h3 {
  margin-bottom:15px;
  font-family: 'Proxima Nova Light','Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size: 1.5714em;
  font-size-adjust: 0.488;
  font-weight: 200;
  font-style: normal;
}

#siteFooter #footerLinks li li:first-child {
  margin-bottom:7px; margin-top:15px;
}

div.region-left {
  padding-top:25px;
}

/* Lightbox styles since Kiva has a custom lightbox implementation instead of a standard one */

.lightbox {
    display:none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -350px;
    width: 700px;
    
    color: #333;
    padding: 12px;
}

.overlay { background-color: #000; }  

#main ul {
  list-style: disc outside;
  margin-bottom:25px;
  margin-left:15px;
  padding-left:15px;
}

/* style active links */

#secondaryNav ul li.active-trail {
  font-family: "Proxima Nova Regular",'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size-adjust: 0.488;
  font-weight: normal;
  font-style: normal;
  padding-left:0px;
}

#secondaryNav ul li li.active-trail:before {
  content: "\0203a" " ";
  font-size: 1.2em;
  line-height: .7em;
}

/* style the volunteer headings because cant use section element */

div.section h1 {
  font-family: "Proxima Nova Regular",'Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size: 1.4286em;
  font-size-adjust: 0.488;
  font-weight: normal;
  font-style: normal;
  margin-bottom:15px; 
  margin-top:25px;
}

/* style the board page with margin */

.view-kivans.view-display-id-page_1 .views-field.views-field-title h4 {margin-bottom:5px; font-weight:bold; color:#333;}
.view-kivans.view-display-id-page_1 .views-field.views-field-entity-id {margin-bottom:15px}

/* style the supporters pages so logos float left */

.views-field.views-field-entity-id.complogo {float:left;}
.view-supporters.view-display-id-page_2 .field-content img {float: left;}
.view-supporters .views-row {margin-bottom:3em;}
.view-supporters .views-field.views-field-entity-id-3, .views-field.views-field-entity-id-2 {margin-left:170px; margin-bottom:1em;}
.view-supporters .field-name-field-supporter-logo {float:left;}
.view-supporters .view-content table {margin-left:auto; margin-right:auto;}
.view-supporters a img {margin:25px;}

/* temp fix for tree which is /img/tree.png on main kiva */

#footerLinks {
  background: url('http://l3-1.kiva.org/r33786/img/tree.png') no-repeat bottom right;
}

/* temporary fix for using list instead of dl dd and dt */

.view-display-id-page_2 .views-field-entity-id .field-content {
  margin-bottom:15px;
}

.view-kivans.view-display-id-page_3 .views-field-title .field-content {
  font-weight: bold;
  margin-bottom: 5px;
}

.view-kivans.view-display-id-page_3 .field-content {
  margin-bottom: 15px;
}

.view-display-id-page_2 .kivan-name a {
 font-weight: bold;
 margin-bottom: 5px;
}

.view-display-id-page_2 .kivan-name span {
 font-weight: bold;
 margin-bottom: 5px;
}

/* fix for slight menu structure difference */

#secondaryNav ul li ul {
  position:relative;
  left:0px;
}

#secondaryNav ul li.active-trail a {
  color:#4B9123;
}

/* Kiva environments point to /img/leaf.png and not the CDN */

#utilLinks li.giftsLink {
  background: url('http://www.kiva.org/img/icon/leaf.png') no-repeat 2px 4px;
}

/* These are styles for admin elements that exist only in the CMS and not in Kiva */

.tabs ul.primary {
  padding: 0 3px;
  margin: 0;
  overflow: hidden;
  border: none;
}
.tabs ul.primary li {
  display: block;
  float: left; /* LTR */
  vertical-align: bottom;
  margin: 0 5px 0 0; /* LTR */
}
.tabs ul.primary li.active a {
  border-bottom: 1px solid #ffffff;
}
.tabs ul.primary li a {
  color: #000;
  background-color: #ededed;
  height: 1.8em;
  line-height: 1.9;
  display: block;
  font-size: 0.929em;
  float: left; /* not LTR */
  padding: 0 10px 3px;
  margin: 0;
  text-shadow: 0 1px 0 #fff;
  -khtml-border-radius-topleft: 6px;
  -moz-border-radius-topleft: 6px;
  -webkit-border-top-left-radius: 6px;
  border-top-left-radius: 6px;
  -khtml-border-radius-topright: 6px;
  -moz-border-radius-topright: 6px;
  -webkit-border-top-right-radius: 6px;
  border-top-right-radius: 6px;
}
.tabs ul.primary li.active a {
  background-color: #ffffff;
}
.tabs ul.secondary {
  border-bottom: none;
  padding: 0.5em 0;
}
.tabs ul.secondary li {
  display: block;
  float: left; /* LTR */
}
.tabs ul.secondary li:last-child {
  border-right: none; /* LTR */
}
.tabs ul.secondary li:first-child {
  padding-left: 0; /* LTR */
}
.tabs ul.secondary li a {
  padding: 0.25em 0.5em;
}
.tabs ul.secondary li a.active {
  background: #f2f2f2;
  border-bottom: none;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -khtml-border-radius: 5px;
  border-radius: 5px;
}

.field-name-field-press-sub h4 {
  color: #4E4E4E;
  font-style: italic;
}

.view-press-releases .views-row {
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

/* support us pages */
#main .supportus-tabs ul { list-style:none;}
#main .supportus-tabs ul li a  {
  text-transform: uppercase;
  padding:7px 10px 7px 10px;
  background-color:#d5e9c9;
}
#main .supportus-tabs {
  background: none;
  border: none;
}
#main .supportus-tabs ul li.leaf {
  background: none;
  background-color: #d5e9c9;
  border: none;
  color: #4b9123;
  margin-left:2px;
  margin-right:2px;
}
#main .supportus-tabs ul li a {
  color: #4b9123;
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
  font-size:1em;
}
#main .supportus-tabs ul li a.active {
  background: #fff;
  border: #ccc 1px solid;
  border-bottom-width: 0;
  padding: 7px 9px 7px 9px;
  z-index: 1;
}
#main .supportus-tabs ul li {
  list-style: none;
  float: left;
  border-bottom: 0 !important;
  padding: 0;
  white-space: nowrap;
}

.view-case-studies .views-field {margin-left:120px;}
.view-case-studies .views-field-field-supporter-logo {float:left; margin-left:0px;width:120px;}

.bbd {border-bottom:1px dotted #666;}

.bblight {border-bottom:1px solid #f0f0f0;}

/* styles for the Supporter view (e.g., /about/supportus/supporters/corporations) */

.view.view-supporter h3 {
  padding-top:.25em;
  padding-bottom:.25em;
  text-align: left;
  background-color: #DDD;
  color: #333;
  padding-left:20px;
}

.view.view-supporter h3:first {
  margin-top:1em;
}

.view.view-supporter table {
  width:100%;
}

form.contactform {margin-left: 35px; margin-bottom: 10px;}
form.contactform .set label:first-child
, form.contactform .set .label:first-child  {width: 150px; vertical-align: top; padding: 5px 0;}
form.contactform .set input         {width: 240px;}
form.contactform .set input[type=checkbox]  {margin-left: 50px;}
form.contactform .set select        {width: 150px;}
form.contactform .set span.error
, form.contactform .set span.valid      {margin-left: 10px;}
form.contactform .push            {margin-left: 165px;}
form.contactform select           {margin: 5px 0;}
span.error            {vertical-align: top; padding: 5px 0;}

.requiredNotice {
  float: right;
  padding-top: 30px;
  text-align: right;
}

/* utils for real, so CMS can actually use them without needing .b class */
.noMT {
  margin-top:0px;
}

.noMB {
  margin-bottom:0px;
}

.noPT {
  padding-top:0px;
}

.noPB {
  padding-bottom:0px;
}

.mL {
  margin-left:20px;
}

.main .pageHeader.mL {
  margin-left:10px;
}

/* New checkmark styling, should eventually be in kiva land, but until then... */
#main ul.greencheckmark {
  list-style-image: url(http://cms.kiva.org.s3.amazonaws.com/mini-icons/checkmark.png);
}
#main ul.greencheckmark li {
  text-indent: 5px;
} 

/* Make pager links on one line */
ul.pager li {
  display:inline;
}

.comment-wrapper h3 a {
  display: none;
}

/* Field labels above fields on comment form */
form.comment-form #edit-author--2 label {
  display: inline-block;
  margin-bottom: 10px;
}

.comment-form span.smaller {
  margin-left: 75px;
}

.comment-form .form-type-textfield {
  margin-bottom:10px;
}

.comment-form .form-type-textarea label {
  width:75px;
  display: inline-block;
}

.comment-form .form-type-textarea textarea {
  display: inline-block;
}

.comment-form .form-textarea-wrapper {
display: inline-block;
}

.comment-form .form-checkbox {
  margin-left: 75px;
}

.comment-form .form-radios {
  margin-left: 75px;
}

.comment-form .form-submit {
  margin-left: 75px;
  margin-top: 10px;
}

.comment-form .description {
  margin-left: 5px;
  display: inline-block;
  font-style: italic;
}

.comment-form .form-type-textfield label {
  display: inline-block;
  min-width: 75px;
}

.comment-form #edit-notify-type .form-item-notify-type {
  display: none;
}

.content .field-name-comment-body.field-type-text-long .field-items .field-item {
  font-size: 16px;
}

/* press/imagegallery styles */
.view-image-gallery table.views-table td {
 width: 150px;
}

.view-image-gallery .views-field-field-press-name {
  width:200px;
}

.view-display-id-block_kv_logo td {
  width:240px;
}

.view-display-id-press_staff .views-field-field-press-image {
  width:100px;
  float:left;
}

.view-image-gallery .file-icon {
  display:none;
}

.view-image-gallery caption {
  font-size: 1.2em;
  text-align:left;
}

.view-image-gallery tr.odd td {
  background-color:#fff;
}


/* Fellows Blog */
#main .pane-menu-menu-fellows-blog-header ul {
  list-style-type: none;
  line-height:2.7em;
  margin:0px;
}
#main .pane-menu-menu-fellows-blog-header ul li {
  float: left;
  border-color:#fff;
  border-left:1px solid #fff;
  background-color: #a3c159;
  margin:0px;
  height: 2.7em;
}
#main .pane-menu-menu-fellows-blog-header ul li.active-trail, #main .pane-menu-menu-fellows-blog-header ul li:hover {
  background-color: #1BA6B2;
}
#main .pane-menu-menu-fellows-blog-header ul li a {
  color:#fff;
  display:block;
  font-size: 0.8em;
  text-transform:uppercase;
  letter-spacing:1px;
  padding: 0 18px;
}
.pane-custom-search-blocks-2 {
  line-height:2.7em;
}
.pane-custom-search-blocks-2 .search-form {
  background: #fec42d;
  border-color:#fff;
  float:right;
  border-left: 1px solid #fff;
  width: 189px;
  font-size: .8em;
  padding: 0 15px;
}
.pane-custom-search-blocks-2 .search-form input.custom-search-box {
  background: url('http://www.kiva.org/img/icon/search.png') no-repeat 10px center;
  background-color: white;
  border: #CCC 1px solid;
  -moz-border-radius: 50px;
  -webkit-border-radius: 50px;
  border-radius: 50px;
  padding: 5px 5px 5px 30px;
  float:left;
  height: 1.5em;
  margin-top:5px;
}

.pane-custom-search-blocks-2 .search-form input.form-submit {
  background-color: #A3C159;
  border: 1px solid white;
  margin: 0px 5px 0px 5px;
  color: white;
  width: auto;
  vertical-align: middle;
  padding: 0 1px;
  height: 2.75em;
}

.subMainHeader {
  height:51px;
  background-repeat: repeat-x;
}

.subMainHeader .pageHeader h2 {
  float:left;
  margin-left:30px;
}

.subMainHeader .pageHeader h2 a {
  text-underline: none;
  color: white;
}

.subMainHeader .pageHeader h3 {
  font-family: 'Proxima Nova Light','Helvetica Neue',Arial,Helvetica,sans-serif;
}

.subMainHeader .blogMenu ul li {
  float: right;
  height: 51px;
  line-height: 51px;
  padding-left: 37.5px;
  padding-right: 37.5px;
}

.subMainHeader .blogMenu ul li a {
  color: white;
  font-family: 'Proxima Nova Regular','Helvetica Neue',Arial,Helvetica,sans-serif;
  font-size:18px;
}

.subMainHeader .pageHeader h2, .subMainHeader .pageHeader h3 {
  height:51px;
  line-height:51px;
  clear:none;
}

.content blockquote p:last-child::after, .content blockquote p:first-child::before {
  content:none;
}

.smartyTag {height:50px; width:50px; background-color:transparent; border: 1px solid red;}

/* Team Cards Sub View */

.teamCards	{ margin-bottom: 10px; }
.teamCards li { display: inline-block; vertical-align: top; }
.teamCards.stack li	{ border-bottom: #ccc 1px dotted; padding: 15px 0; }
.teamCards.stack li:first-child { padding-top: 0; }

.teamCard			{ display: inline-block; padding: 10px 0; overflow: hidden; }
.teamCard .name		{ font-weight: bold; }
.teamCard .thumb	{ border: #ccc 1px solid; display: inline-block; float: none; }
.teamCard .joinDate  	{ display: block; }
.teamCard .numLoans		{ display: block; }

.teamCard .thumb.mat	{ background-color: #fff; border: #ccc solid 1px; padding: 4px; }
.b .teamCard .thumb.mat	{ background-color: transparent; }

.teamCard.vertical .name:first-child { font-size: 1em; margin-bottom: 5px; }

.teamCard.listing .join 	{ clear: left; }
.teamCard.listing .thumb	{ margin-bottom: 10px; }

.teamCard.invite .join	{ margin-bottom: 10px; }

.teamCard.vertical { display: inline-block; width: 120px; margin-right: 10px; vertical-align: top; }
.g8 .teamCard.vertical	{ width: 115px; margin-right: 8px; } /* LoanView */
.teamCard.vertical .thumb { margin-bottom: 5px; }
.teamCard.vertical .name { font-size: .8571em; }
.teamCard.vertical .description { font-size: .8571em; }

.teamCard.horizontal .thumb	{ float: left; margin-right: 20px; }
.teamCard.horizontal .location + span,
.teamCard.horizontal .category + span { border-left: #666 1px solid; margin-left: 5px; padding-left: 8px; }

.teamCard.vertical .name	{ font-family: arial, helvetica, sans-serif; }

.teamCard.expanded .thumb	{ border: #ccc 1px solid; padding: 7px; }

.teamCard.expanded.horizontal	{ width: 600px; }
.teamCard.expanded.horizontal .join 		{ vertical-align: baseline; }
.teamCard.expanded.horizontal .joinButton 	{ margin-right: 7px; vertical-align: baseline; }
.teamCard.expanded.horizontal .joinText		{ font-size: .8571em }
.teamCard.expanded.horizontal .name 		{ font-size: 1.4286em; font-weight: normal; padding-top: 5px; margin-bottom: 3px; }
.teamCard.expanded.horizontal .stats,
.teamCard.expanded.horizontal .info		{ color: #666; font-size: .8571em; }
.teamCard.expanded.horizontal .stats	{ margin-bottom: 3px; }
.teamCard.expanded.horizontal .info		{ margin-bottom: 3px; }
.teamCard.expanded.horizontal .loanCount,
.teamCard.expanded.horizontal .lentAmount,
.teamCard.expanded.horizontal .memberCount { font-weight: bold; }
.teamCard.expanded.horizontal .loanBecause { color: #333; font-size: 1.1429em; height: 83px; margin-top: 4px; overflow: hidden;}

.teamCard.freeTrialInvite { width: 140px; }
.teamCard.freeTrialInvite { padding: 0; }
.teamCard.freeTrialInvite .description  { font-size: .7143em; margin-bottom: 10px; }

.edit-pages1-block-wrapper {
  display:none;
}

/* donation form stuff */
.mL12 {margin-left:12px;}
.w125 {width:125px; min-width:125px;}
.pT {padding-top:10px;}
.pB {padding-bottom:10px;}
.selected {background-color:#eee;}
.select-option {min-height:30px; margin-right:10px;}

.panel-col-first75 .pane-donation-and-tabs, .panel-col-first75 .pane-one-time-donation-and-tabs {
  margin:0px;
  padding:0px;
}

.pane-one-time-donation-and-tabs .field.field-name-body, .pane-donation-and-tabs .field.field-name-body {
  margin-left:20px;
  margin-right:20px;
}

.panel-col-first75 .pane-donation-and-tabs ul.menu, .panel-col-first75 .pane-one-time-donation-and-tabs ul.menu {
  padding:0px;
  margin:0px;
}

#main .pane-one-time-donation-and-tabs .panel-1col ul, #main .pane-donation-and-tabs .panel-1col ul {
  border: #ccc solid;
  border-width: 0 1px;
  height: 68px;
  margin:0px;
  padding:0px;
  margin-bottom: 30px;
}

#main .pane-one-time-donation-and-tabs .panel-1col ul li, #main .pane-donation-and-tabs .panel-1col ul li {
  background: url('../images/menu_tabs2.png') no-repeat -240px 0;
  float: left;
  text-align: center;
  width: 240px;
  height: 70px;
  list-style-type:none;
  margin:0px;
}

#main .pane-one-time-donation-and-tabs .panel-1col ul li.active-trail, #main .pane-donation-and-tabs .panel-1col ul li.active-trail {
  background-position: 0 0px;
  height: 90px;
}

#main .pane-one-time-donation-and-tabs .panel-1col li a, #main .pane-donation-and-tabs .panel-1col li a {
  color: #333;
  display: block;
  text-decoration: none;
  padding:  35px 0;
  height: 55px;
  font-family: 'Proxima Nova Regular', 'Helvetica Neue', 'Arial', 'Helvetica', 'sans-serif';
  font-size-adjust: 0.488;
  font-weight: 400;
  font-size: 18px;
}

#main .pane-one-time-donation-and-tabs .panel-1col li.first a, #main .pane-donation-and-tabs .panel-1col li.first a {
  background: url('../images/onetime.png') no-repeat 100px 5px;
}

#main .pane-one-time-donation-and-tabs .panel-1col li.last a, #main .pane-donation-and-tabs .panel-1col li.last a {
  background: url('../images/monthly.png') no-repeat 100px 5px;
}

#main .pane-one-time-donation-and-tabs .panel-1col li.first, #main .pane-donation-and-tabs .panel-1col li.first {
  -moz-border-radius-topleft: 10px;
  -webkit-border-top-left-radius: 10px;
  border-top-left-radius: 10px;
}

#main .pane-one-time-donation-and-tabs .panel-1col li.last, #main .pane-donation-and-tabs .panel-1col li.last {
  -moz-border-radius-topright: 10px;
  -webkit-border-top-right-radius: 10px;
  border-top-right-radius: 10px;
}

.supb {
  margin-right:18px;
  background-color:white;
  border: #CCC 1px solid;
  float:left;
}	
.supb h3 a {color:#4B9123;}

.fixed-header-image {
  position:absolute;
  top: 105px;
  right: 35%;
  height: 51px;
  width: 846px;
}

body.admin-menu .fixed-header-image {
  top: 134px;
}

.messages {
  padding: 5px 0;
  position: fixed;
  top: 0px;
  left: 0px;
  text-align:center;
  width: 100%;
}

.messages.error {
  background-color: #FBBFB9;
  border-bottom-color: #C00;
  color: #C00;
  position: fixed;
  margin: 0 !important;
  padding: 0 !important;
}

.messages.error .placeholder {
color: #FFF;
}

.messages.status {
  background-color: #FFF7A0;
  border-bottom: #FA8205 1px solid;
  position: relative;
  margin: 0 !important;
  padding: 0 !important;
}

.admin-menu .messages {
  margin-top:60px;
}

.sx_like_fav {
  margin-top: -5px;
}

.pls {
  vertical-align: top;
}

.form-item-pages23-block {
  display: none;
}
.photo-bio {
position-relative;
}
.photo-caption {
width:100px;
padding-right:10px;
padding-bottom:10px;
}
.bio {
background-color:#F7F7F2;
position: absolute;
}
.photo-title {
min-height:90px;
}
.photo-title a {
border-bottom: #333 1px dotted;
}
.bio img {
float:left;
padding-right:10px;
padding-bottom: 5px;
}
.view-kiva .col-last .bio,
.view-fellows .col-last .bio {
margin-left:-140px;
}
.view-kiva .lightbox,
.view-fellows .lightbox {
position:absolute;
top:auto;
left:auto;
margin-left:0px;
margin-top:-117px;
z-index:1000;
}
.form-item-homepage {
  display:none;
}

form div fieldset.webform-component-fieldset legend {
  font-family: 'Proxima Nova Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size: 1.4286em;
  font-size-adjust: 0.488;
  font-weight: 400;
  margin-top: 25px;
  margin-bottom: 15px;
  color: #4b9123;
}
form div fieldset.webform-component-fieldset fieldset.webform-component-fieldset legend {
  text-decoration: none;
}

.fieldset-wrapper .fieldset-legend {
  font-size: 14px;
  font-weight: bold;
  font-family: arial, helvetica;
}

.webform-component-email label,
.webform-component-textfield label {
  display: block;
}

.webform-component {
  margin-top: 10px;
  margin-bottom: 10px;
}

span.print-link {
  padding:0px;
}

input.form-submit {
  border-width: 1px;
  border-style: solid;
  cursor: pointer;
  display: inline-block;
  padding-right: 1em;
  padding-left: 1em;
  outline: none;
  vertical-align: bottom;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  height: 1.7857em;
  -moz-border-radius: 2em;
  -webkit-border-radius: 2em;
  border-radius: 2em;
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFF),color-stop(1, #E1E1E1));
  background-image: linear-gradient(top, #ffffff, #e1e1e1);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#e1e1e1');
  background-color: #F1EFED;
  border-color: #74B446;
  color: #4B9123;
  font-family: 'Proxima Nova Regular', 'Helvetica Neue', Arial, Helvetica, sans-serif;
  font-size-adjust: 0.488;
  font-weight: 400;
}

#main ul.vertical-tabs-list {
  list-style: none;
  margin-left: -210px;
  padding-left: 0px;
}

.vertical-tabs-pane select.form-select {
  width: 400px;
}

.vertical-tabs-pane .fieldset-wrapper {
  margin-top: 10px;
}