/*   
Theme Name: ACCION MOBILE Theme
Theme URI: http://accion.org
Description: This is a custom template for ACCION
Author: Sweb Development
Author URI: http://www.swebdevelopment.com
*/

@import url(http://fonts.googleapis.com/css?family=Karla:400,700,400italic);


/** Reset **/

html{background-color: #F2EBDD;}
body{background-color: #fff;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, fieldset {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/* Clear Floated Elements
--------------------------------------------------------------------------------------- */

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}

/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}

/* 12 grid system
--------------------------------------------------------------------------------------- */
.container {
  width: 100%;
 /* min-width: 1070px; /* change or remove this rule depending on responsive needs */
  padding: 0px;
  margin:0px;
}

.container:before,
.container:after {
  display: table;
  content: "";
}

.container:after {
  clear: both;
}

.row-wrap {
 /* width: 1024px; */
  /*min-width: 755px;*/ /* Uncomment this if you want to set a min-with*/
  margin: 0 auto;
  overflow: hidden;
}

.row-wrap-main {
 /* width: 1024px; */
  /*min-width: 755px;*/ /* Uncomment this if you want to set a min-with*/
  margin: 0 auto;
  overflow: hidden;
  margin-top: 20px;
}

.row-nomarg{
   width: 100%;
   *zoom: 1;	
}

.row {
  width: 100%;
  margin-top: 20px; /* Change the general margin-top rule if you need to!*/
  *zoom: 1;	
}


.row:before,
.row:after {
  display: table;
  content: "";
}
.row:after {
  clear: both;
}

.row-nomarg:before,
.row-nomarg:after {
  display: table;
  content: "";
}
.row-nomarg:after {
  clear: both;
}

[class*="gspan"]:first-child { margin-left: 0px; } /* This rule is css3 and is not supported by ie, darn them! There is another css style -> .first <- that will do this manually */

.gspan1, 
.gspan2, 
.gspan3, 
.gspan4, 
.gspan5, 
.gspan6, 
.gspan7, 
.gspan8, 
.gspan9, 
.gspan10, 
.gspan11 {
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  max-width: 100%;

}

[class*="gspan"] {float: left;}

img, object, embed { max-width: 100%; }

img { height: auto; }

.main-content-box p img {border: 5px solid #fff; outline: 1px solid #ccc;}

/*12 col grid no margins
--------------------------------------------------------------------------------------- */


.nomargin .gspan1, 
.nomargin .gspan2, 
.nomargin .gspan3, 
.nomargin .gspan4, 
.nomargin .gspan5, 
.nomargin .gspan6, 
.nomargin .gspan7, 
.nomargin .gspan8, 
.nomargin .gspan9, 
.nomargin .gspan10, 
.nomargin .gspan11 {
   margin-left: 0;
   float: left;
   min-height: 1px;
}

.nomargin .border-gradient {
   min-height: 385px; 
   box-sizing: border-box;
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -ms-box-sizing: border-box; 
   border-width: 0px 16px 0px 0px;
   -moz-border-image: url(../img/border-bg.jpg) 0 16 0 0 repeat;
   -webkit-border-image: url(../img/border-bg.jpg) 0 16 0 0 repeat;
   -o-border-image: url(../img/border-bg.jpg) 0 16 0 0 repeat;
   border-image: url(../img/border-bg.jpg) 0 16 0 0 fill repeat; }



/*end no margins*/

/*General Styles
--------------------------------------------------------------------------------------- */
body {font-family: 'Karla', Arial, serif; font-weight: 400; color: #5e514d; }
h1 { font-weight: 700; font-size: 25px;}
h2 { font-size: 20px; color: #897869; margin-bottom: 3px;}
h3 { font-size: 18px; margin: 5px 0 5px 0 ; line-height: 26px;}

p {font-size: 14px; margin-bottom: 15px; line-height: 24px;}

a { text-decoration: none; color: #428386;}

blockquote {margin: 0 20px 0 40px;}

strong, strong span {font-weight: 700;}

.hide {display: none;}

textarea { height: auto;}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #eee;
  border: 1px solid #cccccc;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  -webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
     -moz-transition: border linear 0.2s, box-shadow linear 0.2s;
       -o-transition: border linear 0.2s, box-shadow linear 0.2s;
          transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
  border-color: rgba(82, 168, 236, 0.8);
  outline: 0;
  outline: thin dotted \9;
  /* IE6-9 */

  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
}

input[type="radio"],
input[type="checkbox"] {
  margin: 4px 0 0;
  margin-top: 1px \9;
  *margin-top: 0;
  line-height: normal;
  cursor: pointer;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
  width: auto;
}

.pull-left{float: left;}
.pull-right{float: right;}


hr { 
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:    -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:     -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	background-image:      -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,.1), rgba(0,0,0,0));
	border: 0;
}

.fl {float: left;}
.fr {float: right;}

/*Home
--------------------------------------------------------------------------------------- */

.home-feature { margin: 0 ; border-bottom: solid 2px #f58021; padding: 14px 0 0; }
.home-right {width: 320px; float: left; margin-left: 15px; text-align: center; position: relative;}

.home-action-area {text-align: left; position: relative;}
.home-action-area h2 {color: #5e514d; text-transform: uppercase; font-size: 20px; line-height: 20px;}
.home-action-area h3 {color: #5e514d; text-transform: uppercase; font-size: 14px; line-height: 14px}
.home-action-area ul {width: 100%;}
.home-action-area li {width: 100%; background: #eee; padding: 15px 5px; border-bottom: solid 1px #ccc; overflow: auto;}
.home-action-area li a:before,
.home-action-area li a:after { display: table; content: "";}
.home-action-area li a:after { clear: both; }



.action-head {margin-top: 20px; text-align: center; height: 70px;}
.action-foot {color: #e24b40; text-transform: uppercase; font-size: 18px; margin-top: 85px; }
.home-success {background: url(images/btn-home-success-stories.png) no-repeat; width: 201px; height: 203px; float: left; margin-right: 4px;}
.home-loan {background: url(images/btn-home-ready-loan.png) no-repeat; width: 201px; height: 203px; float: left; margin-right: 4px;} 
.home-events {background: url(images/btn-home-events.png) no-repeat; width: 201px; height: 203px; float: left; margin-right: 4px;}
.home-partner {background: url(images/btn-home-meet-partner.png) no-repeat; width: 201px; height: 203px; float: left; margin-right: 4px;}
.home-SBA {background: url(images/btn-home-sba.png) no-repeat; width: 201px; height: 203px; float: left; margin-right: 4px;}
.home-help {background: url(images/btn-home-help.png) no-repeat; width: 201px; height: 203px; float: left;}

.home-donate { margin-right: 39px; background: #f58021; color: #fff; height: 108px;  position: relative; overflow: hidden; float: right; margin-top: 10px;
	   -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
       box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
}
.home-donate .large-icon i { padding-top: 15px; color: #f8a664; }

.home-icons {float: left; width: 15% !important; color: #5e514d; font-size: 30px; padding-left: 5px; box-sizing: border-box;}
.home-btns {float: left; width: 85%; padding-left: 3px; padding-right: 5px; box-sizing: border-box;}
.home-btns h3 {color: #f58021;}

.donate-btn {width: 100%; text-align: center; background: #846852; margin: 0px; padding: 0px;}
.donate-btn img {width: 100%; max-width: 400px;}
.donate-btn a {line-height: 0px; display: block;}
/* Slider
--------------------------------------------------------------------------------------- */
   
#slide-content {width: 100%; height: 280px; overflow:hidden; position:relative; float: left;}
#slide-content .feature-slide {float: left; width: 100%; height: 280px; overflow: hidden; position:relative;}
#slide-content .feature-item {width: 100%; height: 280px; overflow:hidden; position:relative; z-index: 200;}
.slide-image {width: 100%;}
.slide-image img {width: 100% !important;}
.feature-item {background: none!important;}

.feature-nav { text-align: center; padding:0px 0px 0px 0px; font-size:48px; position:absolute; bottom: -15px; z-index: 300; right: 10px; }
.feature-nav a {font-size: 18px; line-height: 20px; color: #959595; text-decoration: none; margin: 0 10px 0 0; text-shadow: 1px 1px 0px #bad3ed;}
.feature-nav a.activeSlide {color:#fff;}

.feature-content {width: 100%; height: 80px; position: absolute; bottom: 0; background: #428285;}
.main-info { margin: 10px;}
.main-info h1 {font-size: 18px; line-height:1em; color: #fff; font-weight: 400; text-transform: uppercase;}
.main-info p {color: #fff; font-size: 12px; line-height: 14px;}
.main-info a {color: #fff;}
.main-info a:hover {color: #eee;}


/* Page Sliders 
--------------------------------------------------------------------------------------- */

.flex-container ul li {list-style: none !important;}
.flex-container ul { margin: 0px !important;}

.flex-container p.flex-caption{ font-size: 16px !important; line-height: normal;}
.flex-container .flex-control-nav {
width: 100%;
position: absolute;
bottom: -30px !important;
text-align: center;}
.flex-container .flex-control-nav li{ line-height: normal; margin-left: 5px !important;}
.main-content-box-nogray ol.flex-control-nav {margin: 0px;} 
a.flex-next, a.flex-prev {display: none; visibility: hidden;}

.flex-caption {width: 100% !important;}
/*Navigation
--------------------------------------------------------------------------------------- */

.top-container {position: fixed; z-index: 999999; top:0; width: 100%; height: 60px; background: #f2ebdd; border-bottom: 2px solid #f58021; padding: 10px 8px; }

.top-header {text-align: center; margin: 0 auto; width: 76%; float: left;}
.top-header img{ margin: 0 auto; max-width: 100%;}

/*Back button nav*/
.menu-top-icon {float: left; font-size: 2em; width: 12%; margin: 0; text-align: left; line-height: 1.3em;}
/*new nav*/

.menu-button {float: right; width: 12%; text-align: right; margin: 0; line-height: 2em;}
.menu-button i {font-size: 2em; margin: 5px;}
.nav-closed {display: none;}

ul.sub-menu {display: none; margin: 5px 10px; background: #f2ebdd; border-radius: 5px;}
ul.sub-menu.show-submenu {display: block;}
ul.sub-menu li a {color: #5e514d !important;}
ul.sub-menu li a:hover {color: #fff !important;}

.nav {background: #7f6d61; /* Old browsers */
background: -moz-linear-gradient(top, #7f6d61 0%, #79695c 50%, #a28d7c 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7f6d61), color-stop(50%,#79695c), color-stop(100%,#a28d7c)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #7f6d61 0%,#79695c 50%,#a28d7c 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #7f6d61 0%,#79695c 50%,#a28d7c 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #7f6d61 0%,#79695c 50%,#a28d7c 100%); /* IE10+ */
background: linear-gradient(to bottom, #7f6d61 0%,#79695c 50%,#a28d7c 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7f6d61', endColorstr='#a28d7c',GradientType=0 ); /* IE6-9 */
box-sizing: border-box;

margin: 0 auto; text-align: center; width: 50%; border-radius: 5px; position: fixed; z-index: 9999; right: 0; margin: 62px 10px 0 0;}

.nav-open {display: block !important;}

.nav li { display: inline; box-sizing: border-box; font-size: 1.5em; }
.nav {max-height: 400px; overflow: scroll;}

#main-menu li:last-child { background: none !important;}
.nav li a { color: white !important; display: block; padding: 5px !important; font-size: 16px; }

.nav li a ul li a { padding: 2px 5px !important; font-size: 16px; }
.nav li a:hover, #main-menu li.current-page-ancestor a:hover {background: #5C504C; color: #fff;}
.nav li.current-page-ancestor a {background: #71645f; color: #a9a3a1;}

.menu-container {display: none; position: absolute; background: #5C504C; width: 100%; z-index: 50000; padding: 20px 0px 40px 18px; box-sizing: border-box;}
.menu-container h2 {font-size: 20px; text-transform: uppercase; color: #B29E75; display: block; line-height: 1.4em; padding: 5px 0px 10px 10px; }

.menu {	min-width:200px;} 
#mmenu-mobile-menu li a {text-transform: lowercase;}
#menu-mobile-menu li a[rel="mms"] {text-transform: uppercase;}

#sitewrap {padding: 10px 0 0 0;}




/*Sidebar
--------------------------------------------------------------------------------------- */

.side-action-area {}
/*
.side-action-area {text-align: center; position: relative;}
.side-action-area .action-head {margin-top: 10px;}
.side-action-area h2 {color: #5e514d; text-transform: uppercase; font-size: 26px; line-height: 20px;}
.side-action-area h3 {color: #5e514d; text-transform: uppercase; font-size: 18px; line-height: 14px}
.side-success {background: url(images/btn-success-stories.jpg) no-repeat; width: 187px; height: 148px; float: right; margin-bottom: 8px;}
.side-loan {background: url(images/btn-ready-loan.jpg) no-repeat; width: 187px; height: 148px; float: right; margin-bottom: 8px;} 
.side-events {background: url(images/btn-events.jpg) no-repeat; width: 187px; height: 148px; float: right; margin-bottom: 8px;}
.side-partner {background: url(images/btn-meet-partner.jpg) no-repeat; width: 187px; height: 148px; float: right; margin-bottom: 8px;} */

/*General Page Styles
--------------------------------------------------------------------------------------- */

.page-content {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}

.thumbnail-container {text-align: center;}
.thumbnail-container img.thumbnail {display:inline !important;} 

.page-head { border-bottom: solid 2px #f58021; margin: 40px 15px 20px 15px; text-transform: uppercase; }

.main-content-box { background: #e8e8e8; margin-top: 20px; padding: 15px 20px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;  
}
.main-content-box:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
}

.main-content-box-nogray { margin-top: 10px;}
.main-content-box-buttons { background: #e8e8e8; margin-top: 20px; padding: 30px 170px 30px 40px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;  
}

.content-box {background-color: #e8e8e8; margin-bottom: 10px; display: block;}

.content-box-icon-area { height: 150px; width: 90px; background: #428386; font-size: 50px; color: #fff; text-align: center; padding: 25px; display: block;} 
.content-box-arrow { height: 133px; font-size: 30px; color: #428386; text-align: left; padding-top: 50px;}
.content-box-info {background-color: #e8e8e8; padding: 8px; margin: 5px 0; width: 100%;}
.search .content-box-info { padding: 10px 20px 0px;}
.content-box h3 {text-transform: capitalize;}
/*.page-content {margin-bottom: 50px;} */  

.main-content-box-nogray h3 {margin: 0 0 10px 0;}
.featured-head-image {margin-bottom: 20px;}

.main-content-box ul, .main-content-box-buttons ul, .main-content-box-nogray ul {line-height: 24px; font-size: 14px; margin-bottom: 15px;}
.main-content-box ul li, .main-content-box-buttons ul li, .main-content-box-nogray ul { margin-left: 10px;  list-style: square;}

.main-content-box ol, .main-content-box-buttons ol, .main-content-box-nogray ol {line-height: 24px; font-size: 14px; margin-bottom: 15px;}
.main-content-box ol li, .main-content-box-buttons ol li, .main-content-box-nogray ol li { margin-left: 40px;  list-style: decimal;}

.next-posts {float: left;}
.prev-posts {float: right;}

.single .entry p{font-size: 16px;}

.product-button{float: none; clear: both; margin: 10px auto; width: 150px; display: block;}
.orange {background: #f58021; color: #fff; /* position: relative; overflow: hidden;  margin: 10px 0; */  padding: 20px; text-align: center;
	   -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
       box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
}

/*
.orange:after {
	clear: both;
	content: ' ';
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
	height: 0;
} */
.orange a {color: #fff; text-transform: uppercase; }

/*About Pages
--------------------------------------------------------------------------------------- */

/*Job custom post types */
.job-cat-box { background: #f1f1f1; margin: 10px 0; overflow: hidden; padding: 10px 15px; position: relative;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;  
}
.job-cat-box a {color: #F58021; display: block; margin: 0px; padding: 10px 25px 10px 10px; font-size: 18px;}
.job-cat-box a span {color: #5e514d; font-size: 14px;}
.job-cat-box a:hover {background: #fff;}
.job-cat-box ul {margin: 0px;}
.job-cat-box li {border-bottom: solid 1px #D6CFC3; list-style: none; position: relative; }
.job-cat-box li:last-child {border-bottom: none;}

.job-cat-box ul li a:after { content: url('images/icon-events-tab.png'); position: absolute; right: 15px; bottom: 15%;}

/* Blog Page Styles
--------------------------------------------------------------------------------------- */

.page-template-blog-php .content-box, .archive .content-box{ max-height: 175px; padding: 0px; }
.page-template-blog-php .content-box-info, .archive .content-box-info{ height: auto;}
.category-label{ background-color: #C2AD9D; color: #fff; padding: 3px 5px; margin-bottom: 5px; font-size: 0.85em;}
.page-template-blog-php h3 a{ color: #F58021;}
.page-template-blog-php .content-box .row{margin-top: 0px;}
.page-template-blog-php .content-box-info, .archive .content-box-info{ padding: 0px 0px 5px;}
.page-template-blog-php h3, .page-template-blog-php p, .archive h3, .archive p { padding-right: 5px; line-height: normal; }
.page-template-blog-php .content-field p, .archive .content-field p{ font-size: 16px; line-height: normal;}
.page-template-blog-php em{ color: #F58021;}
.content-box small{color: #b7b7b7;}
.page-template-blog-php select{ margin-bottom: 10px;}
.page-template-blog-php li.categories { display: inline; font-size: 14px;}
.page-template-blog-php ul.categories{ margin-bottom: 10px; padding-bottom: 4px;}
.page-template-blog-php li.cat-item a{ width: 100%; padding: 2px 10px; margin: 5px 1px 5px 0px; }

.blog-thumbnail {float: none; text-align: center; clear: both;}

.page-template-blog-php .content-box-info {padding: 0 10px 10px 10px; margin: 5px auto; float: none; clear: both;}



/* RSS feed
--------------------------------------------------------------------------------------- */

.widget ul{ list-style: none!important; margin: 0px!important; padding: 0px!important;}
.widget li { list-style: none!important; margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dotted #fff; margin-left: 0px !important;}
.widget li .rsswidget{ font-size: 20px; width: 100%; display: block;}
.widget li .rss-date{ background-color: #fff; color: #a1a1a1; padding: 0px 8px; margin: 5px 0; display: block;}
.widget li .rssSummary{ line-height: normal;}


/*Support Pages
--------------------------------------------------------------------------------------- */
.support-box-blue {background: #428386; color: #fff; padding: 0 10px; width: 100%;
       -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
       box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
}

.support-box-orange {background: #f58021; color: #fff;  padding: 0 10px;
	   -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
       box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
}

a .support-box-orange {display: block;}

.support-box-news {background: #a0c1c2; color: #428386; height: 100px;  position: relative; overflow: hidden;
	   -webkit-box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
       box-shadow: inset 0px 0px 4px 0px rgba(0, 0, 0, .4);
}

/* .large-icon {font-size: 70px; text-align: center; color: #689c9e; display: table; height: 100px; padding-top: 5px;}
.medium-icon {font-size: 50px; text-align: center; color: #689c9e; display: table; height: 100px; padding-top: 5px;}
.large-icon i, .medium-icon i {display: table-cell; vertical-align: middle; padding-top: 10px;}
 */


.support-box-orange .large-icon, .support-box-orange .medium-icon {color: #f8a664;}

.support-box-content {font-size: 15px; text-align: center;  text-transform: uppercase; display: table; height: 70px; letter-spacing: -1px; line-height: 1em; 
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;}  
  
.support-box-orange h2, .support-box-blue h2 {font-size: 18px;}  

.white-icon {color: #fff !important;}  
  
.support-box-content h2 {color: #fff; width: 100%;}
.support-box-content h3 {font-size: 14px; line-height: 14px; color: #fff; display: block;} 
  
.child { display: table-cell; vertical-align: middle; }


/* Why Give */

.videoContainer { margin-bottom: 15px; border-bottom: solid 2px #F58021; padding-bottom: 20px; max-width: 560px; min-width: 200px;}
.videoContainer iframe, .page-template-default iframe {max-width: 560px; width: 100%; height: 315px;}


/*Media
--------------------------------------------------------------------------------------- */
.media-page h3 {color:#fff; padding: 10px 10px 0 10px; width: 100%;}

.media-page .row .gspan6 {margin: 10px auto;}

/*.presskit-loop h3:first-child {color:#fff;}*/
.media-content h3 {color: #428386; padding: 0 !important;}

.media-content ul li {background: #fff;}
.media-content ul li a {color:  #5e514d;}

.media-links .indent {padding: 20px; color: #5e514d; display: block;}

.media-page li {list-style: none !important; border-bottom: 1px solid #fff; font-size: 1em; padding: 5px 0 5px 0;}
.media-page ul {margin: 0px !important;}

ul.media-links {min-height: 420px;}

ul.media-links li {margin: 10px 20px 0 20px}
ul.media-links li a {color: #5e514d;}

ul.media-links li a p {margin-bottom: 5px;}

.media-years {margin-bottom: 30px;}
.media-years ul li {border-bottom: solid 1px #eee; margin: 10px 0 0 10px; font-size: 30px;}
.media-years ul li a {display: block;}
.media-years ul li:hover {background: #eee;}

.media-loop, .presskit-loop {background: #428386;}
.media-loop ul, .presskit-loop div.media-content {background: #e8e8e8;}
.media-loop ul li {clear: both;}

ul.media-links li a i.pull-left {padding: 10px 5px 0 0;}

ul.media-links li a i {color: #f58021 !important; font-size: 1.5em !important;}

.media-content {padding: 20px; overflow: auto;}
.media-content ul li {margin: 3px 20px 0 0; padding: 5px;}

.media-sidebar {background: #f2ebdd; margin: 10px auto; max-width: 290px; padding: 20px; text-align: left; overflow: auto;}


.media-sidebar h3 {color: #f58220; font-size: 1.5em; text-transform: none; border-top: 1px solid #f58220; padding: 20px 0 0 0; }
.media-sidebar h3:first-child {border: none; padding: 0;}
.sidebar-button {background: #fbffff; /* min-height: 50px; */ padding: 15px 5px; margin: 20px 0;}
.sidebar-button a {color: #5e514d;}

.sidebar-button p {margin-bottom: 0px;}

.sidebar-button i {color: #f58220; font-size: 3em;}
.media-sidebar a.indent {color: #5e514d; font-size: 14px; }


/*Entrepreneur Tools
--------------------------------------------------------------------------------------- */

.page-template-entrepreneur-tools-php .support-box-orange.half {width: 45% !important; float: left;}

div.support-box-content {padding: 10px; margin: 5px 0;}

iframe, object, embed{max-width: 100% !important;}

/*Client Directory
--------------------------------------------------------------------------------------- */

div.directory-filter { padding: 20px 0;}

table.client-directory {border: 1px solid #5C504C; min-width: 100%;}

.client-directory tr {background: #e8e8e8;}
.client-directory tr:nth-child(even) {background: #fff;}
.client-directory td {padding: 3px 5px; border-left: 1px solid #5C504C;}
.client-directory td.region-market {border-right: 1px solid #5C504C; }

.client-directory .column-head {font-weight: 500; text-align: center; background: #5C504C; color: #fff;}
.client-directory .column-head td {border: none !important;}

td.region-market {width: 100px;}
td.address {width: 150px;}
td.website {width: 70px;}
td.description {min-width: 316px;}
td.funding {min-width: 150px;}
td.name {min-width: 140px;}

td.website p i {font-size: 40px;}
td.website p {text-align: center;}
td.website p i:before {padding: 30px 0 0 0;}
div.no-results {margin: 10px; text-align: center;}

/*SBA 504 page

--------------------------------------------------------------------------------------- */

.projects-list {background: #428386;}
.projects-list h3 {color: #fff; padding: 8px 10px 0 10px;}
.projects-list ul {background: #e8e8e8; overflow: auto;}
.projects-list .project-links {clear: both; }

.project-links .indent {padding: 20px; color: #5e514d; display: block; clear: both;}

ul.project-links li {margin: 5px 20px 0 20px; clear: right; float: left; width: 40%;}
ul.project-links li a {color: #5e514d;}

ul.project-links li a p {margin-bottom: 5px;}

ul.project-links li a i.pull-left {padding: 0 5px 0 0;}

ul.project-links li a i {color: #f58021 !important; font-size: 1.5em !important;}

/*504 loan sidebar*/
.contact-btn {text-align: center; margin: 10px 0;}
aside .content-box-icon-area { height: 100px; width: 100%; padding: 10px; text-align: left; margin-bottom: 5px; /* width: 180px;  float: right; */}
aside .content-box-icon-area:hover { background-color: #E8E8E8;}
aside .content-box-icon-area:hover a { color: #428386!important;}
aside .content-box-icon-area a{ vertical-align: middle; display: inline-block;}
aside .content-box-icon-area h3{ line-height:24px; font-size: 18px; margin-top: 15px;}
aside .content-box-icon-area i, aside .support-box-orange i { margin-right: 10px; padding: 0 5px 0 3px; float: left;}
aside .large-icon{ font-size: 40px; float: left; margin-top: 20px;}
aside .support-box-orange{margin-bottom: 5px; min-width: 100%; text-align: center;}
aside .support-box-orange:hover{background-color: #B29E75;}
aside .support-box-orange:hover .large-icon{ color: #fff;}

aside .support-box-content {margin: 0 auto;}

/*end 504 loan sidebar*/


/*SBA 504 Successful Projects page

--------------------------------------------------------------------------------------- */
/* .successful-projects {height: 250px !important;} */

.rate-container {max-width: 200px; margin: 0 auto; text-align: center;}
.current-rate{ 
	display: inline-block; 
	background-color: #F2EBDD; 
	text-align: center; 
	color: #5E514D; 
	text-transform: uppercase; 
	border-top: 3px solid #F58021;
	min-width: 100%;
}
.arrow-banner{
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 25px 95px 0 95px;
	border-color: #f2ebdd transparent transparent transparent;
	margin-bottom: 10px;
	display: inline-block;
	min-width: 100%;
}
.bigtxt{ font-size: 2.5em; line-height: 1em; color: #988576;}
ul.orange-bullets li{ list-style: none!important; font-weight: bold;}
.orange-bullets li:before{ content: "\203A"; color: #F58021; margin-right: 5px; font-weight: bold;}
li.location{border-top: 1px dotted #b29e77; border-bottom: 1px dotted #b29e77; color: #b29e77; margin: 10px 0px 5px;}
li.p-size{ color: #f68121;}
.projects-det .gspan6{ margin: 0 1% 1% 0;}

/*Personnel Single

--------------------------------------------------------------------------------------- */
.personnel-details {background: #f2ebdd; padding: 20px; text-align: left; overflow: auto; margin: 10px auto; width: 250px;}

.personnel-details img {width: 80px; margin-left: auto; margin-right: auto; border: 1px solid #5e514d; display: block;}
.personnel-details .white-box {text-align: center; /* background: #fbffff; padding: 10px; margin-top: 20px; */ }

/*Resource Taxonomy page
--------------------------------------------------------------------------------------- */

div.resource-container li {list-style-type: none; padding: 20px; overflow: auto;}

div.resource-container li.type-accion_resources:nth-child(odd) {background: #e8e8e8;}



.page-template-entrepreneur-resources-php .content-box-icon-area, .page-template-impact-php .content-box-icon-area { height: 60px; background: #428386; font-size: 16px; color: #fff; text-align: center; padding: 8px; margin: 0 8px 8px 0; display: block;}

/*Calculators
--------------------------------------------------------------------------------------- */

.widgetForm .pageLink { display: none !important; }
.cp-calc-widget {float: right; margin-left: 20px;}

.mb-calculator, .calculator-box {background: #428285; border: solid #ACCEC8 5px; border-radius: 10px; padding: 10px; box-sizing: border-box; color: white; font-family: "Century Gothic", sans-serif !important; text-shadow: 1px 1px 1px rgba(0, 0, 0, .8);}
.mb-calculator table {width: 100%;}
.mb-calculator input {border-radius: 4px; border-color: #eee; padding: 0px 4px 0px 4px; line-height: 1.8em;
		-moz-box-shadow: 0px 0px 2px #000000 !important;
		-webkit-box-shadow: 0px 0px 2px black !important;
		box-shadow: 0px 0px 2px black !important;
		}
.mb-calculator th {text-transform: uppercase;}		
.mb-calculator td { padding-top: 5px;}	
.calculator-box td p {margin-bottom: 2px; font-size: 16px;}	
.mb-calculator td p {font-size: 16px; margin: 10px 0;}
.mb-calculator input[type="button"],  .calculator-box input[type="button"]{color: white !important; padding: 5px 13px; margin: 10px auto; width: 98%; border-color: #ACCEC8 !important;
		background-image: -moz-linear-gradient(top, #428285, #ACCEC8) !important;
		background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #428285),color-stop(1, #ACCEC8)) !important;
		filter: progid:DXImageTransform.Microsoft.Gradient(startColorStr=#428285, endColorStr=#accec8, GradientType=0 );
		
		}
		
.loan-pay-schedule input { /* width: 100px; */}	
.loan-pay-schedule th {font-size: 12px; text-align: left;}
.loan-pay-schedule {color: #000; text-shadow: none;}

.mb-calculator input[type="tel"] {width: 98%; margin: 5px auto;}
.mb-calculator .total {text-align: center; text-transform: uppercase; background: #ACCEC8; padding: 10px; border-radius: 10px;}

.mb-calculator .total input {text-shadow: 1px 1px 1px rgba(0, 0, 0, .8) !important;}

.mb-calculator .total input {text-align: center; font-size: 20px;}

.mb-calculator input[type="text"].readonly {
background: transparent;
color: #fff;
font-weight: bold;
border: 1px solid transparent;	
box-shadow: none !important;
border-color: transparent;}

.mb-calculator .loan-pay-schedule input.input_text {border-color: transparent; border: none;
	box-shadow: 0px 0px 0px transparent !important;
	-webkit-box-shadow: 0px 0px 0px transparent !important;
	-moz-box-shadow: 0px 0px 0px transparent !important;
	background: transparent;
	color: red;
}
.loan-pay-schedule p {font-size: 10px;}
.loan-pay-schedule table {background: #fff; max-width: 100%; margin: 10px 0;}
.loan-pay-schedule td, .loan-pay-schedule th {border: solid 1px #666; padding: 5px; max-width: 50px;}
.gray{background: #eee;}
.table-head {

font-size: 14px; padding: 5px 0;
background: #c7ede3; /* Old browsers */
background: -moz-linear-gradient(top,  #c7ede3 1%, #accec8 62%, #accec8 65%, #accec8 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#c7ede3), color-stop(62%,#accec8), color-stop(65%,#accec8), color-stop(100%,#accec8)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #c7ede3 1%,#accec8 62%,#accec8 65%,#accec8 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #c7ede3 1%,#accec8 62%,#accec8 65%,#accec8 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #c7ede3 1%,#accec8 62%,#accec8 65%,#accec8 100%); /* IE10+ */
background: linear-gradient(to bottom,  #c7ede3 1%,#accec8 62%,#accec8 65%,#accec8 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c7ede3', endColorstr='#accec8',GradientType=0 ); /* IE6-9 */
}

/*Personnel Page
--------------------------------------------------------------------------------------- */

.personnel-content-box { background: #e8e8e8; margin-bottom: 10px; overflow: hidden; padding: 10px 15px;
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     -ms-box-sizing: border-box;
     box-sizing: border-box;  
}
.personnel-box h3 a, .personnel-box h3, .personnel-box a {color: #F58021; display: block;}
.personnel-box .title-box {height: 45px;}
.personnel-content-box h3 {margin: 0px;}
.personnel-content-box h4 {text-transform: uppercase;}

.download-file-box {text-align: center; background: #eee; margin: 0 0 10px 10px;}
.download-file-box a {display: block; padding: 10px;}
.download-file-box i {font-size: 40px;}

.corporate-team {margin: 0 0 20px 0;}


/*Employee Login
--------------------------------------------------------------------------------------- */

.employee-table {background: #eee; border-radius: 10px; -moz-border-radius: 10px; float: left; padding: 10px;}
.employee-table td {padding: 10px;}

.logged-in-box {background: #eee; border-radius: 10px; -moz-border-radius: 10px; padding: 15px; text-align: center; margin-bottom: 20px;}



/*Footer
--------------------------------------------------------------------------------------- */

#footer {background: #f2ebdd; border-top: 3px solid #f58021; margin-top: 20px; padding-bottom: 10px; text-align: center;}
.footer-container {margin: 20px 0 ; min-height: 150px;}
.footer-container p {font-size: 14px; line-height: 24px;}
.footer-container h4 { text-transform: uppercase; font-size: 14px; line-height: 24px; font-weight: 700; margin-bottom: 10px;}
.footer-left, footer-right {width: 50%; float: left;}
.social-brands {margin: 2% auto; width: 50%; }

.table {
	display: table;   /* Allow the centering to work */
	margin: 0 auto;
}


/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 10px 5px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 10px 5px 0;
}

.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 10px 5px 0;
}

a img.alignnone {
    margin: 5px 10px 5px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 10px 5px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}

#tribe-events-content.tribe-events-single {padding: 15px; float: none; width: 96%; margin: 45px auto;}
.single-tribe_events .tribe-events-schedule h3 {white-space: normal !important;}
.row { margin: 0 auto; width: 100%; }

/*
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
       only screen and (min--moz-device-pixel-ratio: 1.5),
       only screen and (min-resolution: 240dpi) {
.page-content, img.thumbnail {min-width: 100%;}
.nav li a, p {font-size: 16px;}
ul.sub-menu li a {font-size: 16px;}
.nav {width: 70%;}
.content-box {width: 100%;}
	
}*/

/* Smartphones (portrait and landscape) ----------- */
@media (min-width: 320px) 
and (max-width: 480px) {
.page-content, img.thumbnail {width: 100%;}
.nav li a {font-size: 16px;}
ul.sub-menu li a {font-size: 16px;}
.nav {width: 100%; margin: 42px 0 0 0; padding: 0;}
}
p.tribe-events-widget-link, p.tribe-events-back {visibility: hidden; display: none;}

.videoContainer { margin-bottom: 15px; border-bottom: solid 2px #F58021; padding-bottom: 20px; max-width: 560px; min-width: 200px;}
.page-template-video-php iframe, .videoContainer iframe, .page-template-default iframe {max-width: 480px; width: 100%; max-height: 180px;}

 /* Smartphones (landscape) -----------  */
@media (min-width : 321px) {

/*504 loan sidebar*/
.contact-btn {margin: 10px; float: left; width: 40%; overflow: hidden;}
.rate-container {max-width: 200px; margin: 0 auto; text-align: center; float: left; margin: 10px;}
aside .content-box-icon-area { height: 100px; padding: 10px; text-align: left; margin-bottom: 5px; /* width: 180px;  float: right; */}
aside .content-box-icon-area:hover { background-color: #E8E8E8;}
aside .content-box-icon-area:hover a { color: #428386!important;}
aside .content-box-icon-area a{ vertical-align: middle; display: inline-block;}
aside .content-box-icon-area h3{ line-height:24px; font-size: 18px; margin-top: 15px;}
aside .content-box-icon-area i, aside .support-box-orange i { margin-right: 10px; padding: 0 5px 0 3px; float: left;}
aside .large-icon{ font-size: 40px; float: left; margin-top: 20px;}
aside .support-box-orange{margin-bottom: 5px; min-width: 100%; text-align: center;}
aside .support-box-orange:hover{background-color: #B29E75;}
aside .support-box-orange:hover .large-icon{ color: #fff;}

aside .first-row-container, .content-box-icon-area, aside .support-box-orange, aside .support-box-content {margin: 5px auto; }



}

/* Smartphones (portrait) ----------- */
@media (max-width : 320px) {
.page-content, img.thumbnail {min-width: 100%;}

.page-template-page-3-php p img {text-align: center; margin: 0 auto;}

.hide-mobile {display: none;}

}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px)
and (max-width : 767px)  {
.hide-mobile {display: none;}
}



/* iPads (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) {
.page-content {min-width: 100%;}
}

/* iPads (landscape) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
.page-content, img.thumbnail {min-width: 100%;}
img.thumbnail {width: 768px; margin: 0 auto; }
}*/

/* iPads (portrait) ----------- 
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
.page-content {min-width: 100%;}
img.thumbnail {width: 768px; margin: 0 auto; }
}*/
/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {

}
/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}