/*
 * Project Styles
 * 
 */

/* ==========================================================================
   Base styles and resets
   ========================================================================== */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}
html{-webkit-text-size-adjust: none;}
strong{ font-weight:bold;}
img{ vertical-align:top;}
.cl{ clear:both; font-size:0;}

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-font-smoothing: antialiased; text-shadow: rgba(0,0,0,.01) 0 0 1px; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
text-size-adjust: 100%; -moz-text-size-adjust: 100%;}
html, button, input, select, textarea { font-family: sans-serif; color: #222; }
body { margin: 0; font-size: 1em; line-height: 1.4; }

a { color: #00e; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }
abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
/*blockquote { margin: 1em 40px; }*/
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }

q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }

ul, ol { margin: 0; padding: 0; }
li { list-style:none; margin:0; padding:0; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }

img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }

label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; white-space: normal; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; *overflow: visible; }
button[disabled], input[disabled] { cursor: default; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; padding: 0; *width: 13px; *height: 13px; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }

.chromeframe { margin: 0.2em 0; background: #ccc; color: black; padding: 0.2em 0; }

.clearfix{}
.clearfix:before, 
.clearfix:after{display: table;content: "";line-height: 0;}
.clearfix:after{clear: both;}

.col12{width:100%;float:left;}
.col11{width:91.666666666667%;float:left;}
.col10{width:83.333333333333%;float:left;}
.col9{width:75%;float:left;}
.col8{width:66.666666666667%;float:left;}
.col7{width:58.333333333333%;float:left;}
.col6{width:50%;float:left;}
.col5{width:41.666666666667%;float:left;}
.col4{width:33.333333333333%;float:left;}
.col3{width:25%;float:left;}
.col2{width:16.666666666667%;float:left;}
.col1{width:8.3333333333333%;float:left;}

.row{ margin: 0 -20px; }
.row:before, .row:after {display: table;content: "";line-height: 0;}
.row:after {clear: both;}
.row > div{ padding: 0 20px; }

/* ==========================================================================
   General styles
   ========================================================================== */
html { background: #fff; color: #000; }
body { font-family: Arial, sans-serif; font-size: 16px; }

.inner { width: 1200px; margin: 0 auto; padding: 0 0; }
.inner:before, .inner:after { content: ""; display: table; }
.inner:after { clear: both; }
.inner { *zoom: 1; }

a { text-decoration:none; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -ms-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out;
outline:none!important; color: #2d4f78; }
.content a:hover { color: #2d4f78; text-decoration: underline; }
#menu a:hover {text-decoration: none;}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color:#000;opacity:1;}
input:-moz-placeholder, textarea:-moz-placeholder { color:#000;opacity:1;}
input::-moz-placeholder, textarea::-moz-placeholder { color:#000;opacity:1;}
input:-ms-input-placeholder, textarea:-ms-input-placeholder { color:#000;opacity:1;}

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

img {max-width: 100%; height:auto;}
em{ font-style: italic; }

.table{ display: table; height: 100%; }
.table .table_cell{ display: table-cell; vertical-align: middle; }

.home .inner{ width: 1200px; }
.home footer .inner{ width: 1520px; }

/* ==========================================================================
   Header
   ========================================================================== */
header{  }
.home header .inner,
header .inner{ /*width: 1280px;*/ }
header .logo{ float: left; width: 250px; height: 108px; display: block; background: url(../images/logo-alt.png) center no-repeat; background-size: 100%; text-indent: -999999px; margin: 12px 0; }
header .right_area{ float: right; }
header .right_area .top_nav{ text-align: right; margin: 10px 0 25px; }
header .top_nav li{ display: inline-block; }
header .top_nav li + li:before{ content: "|"; font-size: 18px; color: #2d4f78; margin: 0 4px 0 5px; }
header .top_nav a{ display: inline-block; font-size: 14px; }

header .menu{ text-align: right; }
header .menu li{ display: inline-block; position: relative; }
header .menu li + li{ margin-left: 25px; }
header .menu a{ display: inline-block; font-size: 21px; border-bottom: 4px solid transparent; line-height: 1.2; }
header .menu > li:hover > a,
header .menu > li.active > a { border-bottom: 4px solid #f7b12f; }
header .menu .donate > a{ border: 3px solid #f7b12f; font-weight: bold; padding: 4px 10px; }
header .menu .donate:hover > a,
header .menu .donate.active > a{ border-width: 3px; }
header .menu ul{ display: none; width: 220px; position: absolute; top: 100%; left: 50%; margin-left: -110px; background: rgba(255,255,255,0.85); border-top: 4px solid #f7b12f; text-align: center; margin-top: -4px; z-index: 999; }
header .menu ul li{ display: block; }
header .menu ul li + li{ margin-left: 0; }
.home header .menu ul li a,
header .menu ul li a{ color: #2c2c2c; font-size: 20px; border-bottom: 1px solid transparent; padding: 15px 0 0 0; }
header .menu ul li:hover a{ border-bottom: 1px solid #f7b12f; }
header .menu > li:hover ul{ display: block; }

.home header{ position: absolute; top: 0; left: 0; right: 0; z-index: 9999; width: 100%; }
.home header .logo{ background: url(../images/logo.png) center no-repeat; background-size: 100%; width: 250px; height: 108px; }

.home header .top_nav li + li:before{ color: #fff; }
.home header .top_nav a,
.home header .menu a{ color: #fff; }

#mobile_nav{ display: none; margin-top: 0; position: relative; background: #2D4F78; margin: 0 -20px; }

/* ==========================================================================
   Slideshow
   ========================================================================== */
.slideshow{ position: relative; border-bottom: 3px solid #fff; }
.slideshow .slide img{ display: block; margin: 0 auto; }
.slideshow .slide{ height: 780px; width: 100%; background-size: cover; }
.slideshow .caption{ padding-top: 280px; color: #fff; text-align: right; }
.slideshow .caption .inner > div{ width: 100%; max-width: 690px; }
.slideshow .caption h2{ /*font-size: 45px; line-height: 40px;*/ font-size: 38px; line-height: 36px; font-weight: bold; }
.slideshow .caption a{ display: inline-block; color: #fff; font-size: 24px; }

.slideshow .boxes{ position: absolute; bottom: 55px; left: 0; width: 100%; z-index: 9999; }
.slideshow .boxes .box{ float: left; border-top: 3px solid #f7b12f; border-bottom: 3px solid #fff; width: 330px; background: rgba(255,255,255,0.25); padding: 10px 15px; color: #fff; }
.slideshow .boxes .box + .box{ margin-left: 35px; }
.slideshow .boxes .box h3{ font-size: 22px; font-weight: bold; margin-bottom: 10px; }
.slideshow .boxes .box p{ font-size: 22px; line-height: 1.2; margin-bottom: 35px; }
.slideshow .boxes .box .more{ float: right; font-size: 14px; font-weight: bold; color: #f7b12f; }
.slideshow:after{ content: ""; display: block; width: 100%; height: 46px; background: url(../images/shadow.png) center no-repeat; position: absolute; bottom: -49px; left: 0; }

/* ==========================================================================
   Main
   ========================================================================== */
.main{ padding: 70px 0 55px; background: url(../images/bg.jpg); border-top: 5px solid #2d4f78; }
.home .main{ border-top: none; }
.main .get_involved{ border-top: 5px solid #2d4f78; background: #f7b12f; padding: 15px 10px 28px; }
.main .get_involved h3{ color: #ffffff; font-size: 46px; margin-bottom: 20px; }
.main .get_involved img{ display: block; margin-bottom: 10px; padding: 0; }
.main .get_involved p{ font-size: 30px; color: #2d4f78; line-height: 1.2; margin-bottom: 20px; padding: 0 10px; }
.main .get_involved .btn_donate{ display: block; color: #fff; border: 3px solid #fff; background: rgba(255,255,255,0.25); padding: 12px 10px; font-size: 30px; text-align: center; width: 100%; max-width: 242px; margin: 40px auto 30px; }

.main .news_feed{}
.main .news_feed .post{ border-top: 5px solid #2d4f78; border-bottom: 5px solid #2d4f78; background: #f8f8f8; padding: 12px 10px; margin-bottom: 29px; }
.main .news_feed .post h3{ font-size: 27px; line-height: 1.2; margin-bottom: 12px; }
.main .news_feed .post h3 a{}
.main .news_feed .post img{ display: block; width: 100%; margin-bottom: 12px; }
.main .news_feed .post p{ font-size: 18px; color: #2d4f78; }

.main .welcome_col{ border-top: 5px solid #2d4f78; border-bottom: 5px solid #2d4f78; margin-bottom: 29px; }
.main .welcome_col .percent{ font-size: 130px; color: #f7b12f; font-weight: bold; line-height: 1; }
.main .welcome_col p{ font-size: 28px; line-height: 1.2; color: #2d4f78; margin-bottom: 30px; }
.main .welcome_col .divider{ border-top: 5px solid #2d4f78; margin: 25px 0; }
.main .welcome_col img{ display: block; margin: 0 auto 25px; padding: 0; }

.main .btn_more{ display: block; text-align: center; font-size: 18px; margin-bottom: 20px; }

hr { border-top: 2px solid #f7b12f; margin: 25px 0; }


#vfb-form-1 { float: right;}
#vfb-form-1 p { display: none;}

.visual-form-builder fieldset {    clear: both;
    margin: 0;
    padding: 0;
    border: 0px;
    border-radius: 0;
    background-color: transparent;}
	 
.visual-form-builder .vfb-legend {border-bottom: 0px;}

form.visual-form-builder {margin-top: 0px;}
.content .text_content ul.social {margin-left: 0;}
.content .text_content ul.social li {display: inline-block;}

.section { width: 100%; background-color: #f7b12f; color: #fff; font-size: 20px; font-weight: bold; padding: 5px; margin-bottom: 15px;}


.btn {
  background: #f7b12f;
  background-image: -webkit-linear-gradient(top, #f7b12f, #e6a327);
  background-image: -moz-linear-gradient(top, #f7b12f, #e6a327);
  background-image: -ms-linear-gradient(top, #f7b12f, #e6a327);
  background-image: -o-linear-gradient(top, #f7b12f, #e6a327);
  background-image: linear-gradient(to bottom, #f7b12f, #e6a327);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 10px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  margin-top: 20px;
}

.btn:hover {
  background: #d69620;
  background-image: -webkit-linear-gradient(top, #d69620, #f7b12f);
  background-image: -moz-linear-gradient(top, #d69620, #f7b12f);
  background-image: -ms-linear-gradient(top, #d69620, #f7b12f);
  background-image: -o-linear-gradient(top, #d69620, #f7b12f);
  background-image: linear-gradient(to bottom, #d69620, #f7b12f);
  text-decoration: none;
  color:#fff;
}

.category_list .post { float: left; width: 33%;}
.resourceimg {max-height: 183; max-width: auto;}

.page-id-249 .section {margin-top: 35px;}
.funders li { display: inline; width: 50%; float: left;}

/* ==========================================================================
   Footer
   ========================================================================== */
footer{ padding: 85px 0; background: #fff url(../images/shadow.png) top center no-repeat; }
footer .inner{ width: 1520px; }
footer .footer_menu{ margin-bottom: 0px; }
footer .footer_menu li{ float: left; }
footer .footer_menu li + li:before{ content: "|"; font-size: 13px; float: left; color: #2d4f78; margin: 0 20px; }
footer .footer_menu li a{ font-size: 13px; display: block; float: left; }
footer .copyright{ text-align: center;}
footer .copyright p{ color: #646464; font-size: 12px; margin-top: 10px; }
footer .social_container{  }
footer .social{}
footer .social li{ display: inline-block; margin-left: 10px; }
footer .social li img{ max-width: 24px; height: auto; }

footer .search_form{ max-width: 485px; width: 100%; float: right; position: relative; }
footer .search_form .input{ background: #f2f2f2; border: none; border-radius: 0; width: 100%; height: 34px; color: #2d4f78; font-size: 18px; padding: 5px 80px 5px 15px; }
footer .search_form .input::-webkit-input-placeholder{ color: #2d4f78; }
footer .search_form .input:-moz-placeholder{ color: #2d4f78; }
footer .search_form .input::-moz-placeholder{ color: #2d4f78; }
footer .search_form .input:-ms-input-placeholder{ color: #2d4f78; }
footer .search_form .submit{ width: 34px; height: 34px; background: url(../images/icon_search.png) center no-repeat; background-size: 30px auto; position: absolute; top: 0; right: 0; text-indent: -99999px; border: none; }

footer .social_container { margin-top: -20px; float: right;}

.top_nav_mobile{ display: none; margin: -25px 0 25px; }
.top_nav_mobile .top_nav li{ display: inline-block; }
.top_nav_mobile .top_nav li + li:before{ content: "|"; font-size: 17px; color: #2d4f78; margin: 0 4px 0 5px; }
.top_nav_mobile .top_nav a{ display: inline-block; font-size: 13px; }

/* ==========================================================================
   About
   ========================================================================== */
.main .content{ float: right; width: 1000px; background: #fff; padding: 25px 34px; border-top: 6px solid #2d4f78; }
.main .sidebar{ float: left; width: 185px; }
.main .sidebar .widget{}
.widget_nav,
.widget_nav_menu{ text-align: right; border-top: 6px solid #f7b12f; border-bottom: 2px solid #f7b12f; background: rgba(255,255,255,0.75); padding: 10px 0; }
.widget_nav ul,
.widget_nav_menu ul{  }
.widget_nav li,
.widget_nav_menu li{ position: relative; }
.widget_nav li a,
.widget_nav_menu li a{ display: block; position: relative; padding: 5px 20px 5px 0; font-size: 18px; }
.widget_nav_menu li:hover > a,
.widget_nav_menu li.active > a { text-decoration: underline; }
.widget_nav li.active a:after,
.widget_nav_menu li.current-menu-item a:after{ content: ""; display: block; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 9px solid #f7b12f; position: absolute; top: 50%; margin-top: -8px; right: 0; }

.widget_nav_menu li ul{ position: absolute; top: 0; left: 100%; background: #f7b12f; min-width: 170px; display: none; padding: 5px 0 7px; }
/*.widget_nav_menu li ul:before{ content: ""; width: 0; height: 0; border-top: 8px solid transparent; border-bottom: 8px solid transparent; border-right: 10px solid #f7b12f; position: absolute; left: -10px; top: 20px; }*/
.widget_nav_menu li:first-child ul{ top: -10px; }
.widget_nav_menu li ul a{ color: #fff; font-size: 15px; text-align: right; padding: 7px 13px; }
.widget_nav_menu li:hover ul{ display: block; }

.content h1{ font-size: 35px; color: #2d4f78; line-height: 1.2; margin-bottom: 20px; }
.content h2{ font-size: 24px; color: #2d4f78; line-height: 1.2; margin-bottom: 20px; }
.content h3{ font-size: 18px; font-weight: bold; color: #2d4f78; line-height: 1.2; }
.content p{ font-size: 16px; margin-bottom: 15px; }
.content .featured_image{ position: relative; margin-bottom: 25px; }
.content .featured_image img{ display: block; width: 100%; }
.content .featured_image .caption{ border-top: 5px solid #f7b12f; border-bottom: 5px solid #f7b12f; background: rgba(255,255,255,0.75); max-width: 520px; width: 100%; position: absolute; left: 32px; bottom: 32px; padding: 10px 10px; }
.content .featured_image .caption p{ font-size: 18px; line-height: 1.2; }
.content .featured_image .caption span{ display: inline-block; font-size: 12px; }

.content .feature_slider_wrapper{ position: relative; }
.content .feature_slider_wrapper .featured_image{ width: 100%; }
.content .feature_slider_wrapper .featured_image img{ margin-bottom: 0; }
.content .feature_slider_wrapper .controls{}
.content .feature_slider_wrapper .controls span{ display: block; width: 53px; height: 53px; text-indent: -99999px; position: absolute; top: 50%; margin-top: -26px; z-index: 9999; cursor: pointer; }
.content .feature_slider_wrapper #slide-prev{ background: url(../images/arrow_left.png) center no-repeat; left: 13px; }
.content .feature_slider_wrapper #slide-next{ background: url(../images/arrow_right.png) center no-repeat; right: 13px; }

.content .text_content{ float: left; width: 61.5%; padding-right: 25px; }
.content .text_content p{ font-size: 16px; margin-bottom: 15px; }
.content .text_content ul{ margin-bottom: 15px; margin-left: 20px; }
.content .text_content ul li{ font-size: 16px; list-style-type: disc; list-style-position: outside; }
.content .text_content ol{ margin-bottom: 15px; margin-left: 20px; }
.content .text_content ol li{ font-size: 16px; list-style-type: decimal; list-style-position: inside; }

.content .secondary_sidebar{ float: right; width: 38.5%; }
.content .secondary_sidebar .widget{ margin-bottom: 30px; padding: 15px 22px; }
.content .secondary_sidebar .orange_widget{ background: #f7b12f; color: #fff; border-top: 3px solid #2d4f78; border-bottom: 3px solid #2d4f78; }
.content .secondary_sidebar .blue_widget{ background: #2d4f78; color: #fff; border-top: 3px solid #f7b12f; border-bottom: 3px solid #f7b12f; }
.content .secondary_sidebar .widget h3{ font-weight: bold; font-size: 24px; line-height: 1.2; margin-bottom: 10px; color: #fff; }
.content .secondary_sidebar .widget p{ font-size: 22px; line-height: 1.2; margin-bottom: 15px; }
.content .secondary_sidebar .widget p a{ color: #fff; border-bottom: 2px solid #f7b12f; }

.content .text_content.fw{ width: 100%; }

.content ul li {list-style: disc; margin-left: 30px;}
.content ul li:last-child {margin-bottom: 20px;}

.board thead { color: #ffffff; background-color: #cccccc;}
.board tr {border-bottom: 1px solid #cccccc;}
.board td { padding: 5px;}

blockquote p { /*width: 38.5%; float: right;*/ background: #f7b12f; color: #fff; border-top: 3px solid #2d4f78; border-bottom: 3px solid #2d4f78; padding: 10px 20px; margin-left: 10px; font-size: 18px;}

/* ==========================================================================
   News Categories
   ========================================================================== */

.post {margin-bottom: 20px;}
#postthumb { float: left; margin-right: 20px;}
#posttxt h2 { margin-bottom: 0px; }
.attachment-post-thumbnail { float: right; margin: 0 0 10px 10px; max-width: 500px; width: 100%; height: auto;}
.blogimg {float: left; max-width: 200px; width: 100%; height: auto; margin-right: 12px; margin-bottom: 10px;}
.blogimg img {max-width: 200px; width: 100%; height: auto;}
.navigation {text-align: center;}
a.page-numbers { border: 1px solid #eeeeee; padding: 8px;}
blockquote {width: 50%; float: right;}

.title-ex img {display: none;}

.blogdonate {width: 100%; text-align: center; font-size: 14px;}

.blognav {    color: #ffffff; background-color: #f7b12f; float: none; margin-top: 180px; width: 185px; padding: 5px 5px 0 5px; font-weight: bold;}
.sidebarcats {float: none; width: 185px;}

/* ==========================================================================
   Directory Form
   ========================================================================== */
.directory_form{ max-width: 375px; width: 100%; margin-bottom: 25px; }
.directory_form .input{ float: left; width: 68%; height: 32px; border: 2px solid #d7d7d7; border-radius: 10px 0 0 10px; outline: none; padding: 5px 12px; }
.directory_form .submit{ float: left; width: 32%; height: 32px; background: #2d4f78; color: #fff; border: none; border-radius: 0 10px 10px 0; outline: none; font-size: 16px; }

.dir_result{ margin-bottom: 15px; }
.dir_result h3{ line-height: 1.4; }
.dir_result h3 a{ font-weight: bold; text-decoration: underline; color: #000; font-size: 18px; }
.dir_result h3 .tel{ float: right; line-height: 1.5; }
.dir_result p{ font-size: 16px; margin-bottom: 0; }

/* ==========================================================================
   Leadership
   ========================================================================== */
.members.row{ margin: 0 -20px; }
.members.row .col4{ padding: 0 10px; margin-bottom: 30px; }
.members img{ display: block; margin: 0 auto 30px; }
.members h3{ font-size: 24px; line-height: 1; margin-bottom: 0; }
.members h4{ font-size: 18px; margin-bottom: 12px; }
.members p{ font-size: 13px; margin-bottom: 10px; }

/* ==========================================================================
   Product Categories
   ========================================================================== */
.product_categories{ margin: 45px 0; }
.product_categories img{ display: block; margin: 0 auto 20px; }
.product_categories h3{ font-size: 22px; font-weight: bold; }
.product_categories h3 a{ color: #000; }
.product_categories p{ font-size: 16px; }

.product-category.col4 img{ display: block; margin: 0 auto 20px; }
.product-category.col4 h3{ font-size: 22px; font-weight: bold; }
.product-category.col4 h3 a{ color: #000; }
.product-category.col4 p{ font-size: 16px; }

/* ==========================================================================
   Products
   ========================================================================== */
.category_img{ float: right; margin-left: 50px; margin-top: -30px; }

.products_list{ width: 100%; margin-top: 20px; margin-bottom: 50px;}
.shop_cat_desc {width: 90%; min-height: 250px;}
/*.product { width: 665px;}*/

.woocommerce .products_list .product,
.products_list .product { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #2d4f78; }
.products_list .product img{ float: left; margin-right: 50px; }
.products_list .product .price_area{ float: right; width: 120px; margin-left: 50px; padding-top: 40px; text-align: center; }
.products_list .product .price_area .price{ font-size: 22px; color: #000; font-weight: bold; margin-bottom: 4px; display: block; }
.products_list .product .price_area .add_to_cart_button,
.products_list .product .price_area .single_add_to_cart_button,
.products_list .product .price_area .btn{ color: #fff; background: #2d4f78; display: block; width: 100%; font-size: 18px; padding: 7px 0; border-radius: 10px; margin-top: 10px; }
.products_list .product .price_area .add_to_cart_button:hover,
.products_list .product .price_area .single_add_to_cart_button:hover,
.products_list .product .price_area .btn:hover{ background: #2d4f78; }
.products_list .product .desc{ overflow: hidden; padding-top: 10px; }
.products_list .product .title{ font-size: 22px; font-weight: bold; line-height: 1.2; color: #000; margin-bottom: 0 }
.products_list .product .option{ font-size: 22px; font-weight: bold; line-height: 1.2; margin-bottom: 10px; }
.products_list .product .option label{ font-size: 18px; font-weight: normal; }
.products_list .product p{ font-size: 16px; }

/* ==========================================================================
   Methods
   ========================================================================== */
.methods{ margin-bottom: 25px; }
.methods a{ padding: 0 20px; color: #000; }
.methods h4{ background: #2d4f78; color: #fff; font-size: 20px; font-weight: bold; padding: 4px 8px; margin-bottom: 8px; }
.methods p{ font-size: 14px; }
.methods ul{ margin-left: 10px; }
.methods ul li{ font-size: 14px; }

.method_section{ border-top: 2px solid #f7b12f; padding-top: 20px; margin-bottom: 35px; position: relative; }
.method_section .row{ margin: 0 -10px; }
.method_section .row>div{ padding: 0 10px; }
.method_section h5{ color: #f7b12f; font-size: 20px; font-weight: bold; margin-bottom: 15px; }
.method_section p{ font-size: 18px; margin-bottom: 10px; }

.method_section:after{ content: ""; width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 14px solid #f7b12f; position: absolute; top: 0; }
.method_section:nth-child(1):after{left: 135px; }
.method_section:nth-child(2):after{left: 50%; margin-left: -10px }
.method_section:nth-child(3):after{left: 100%; margin-left: -135px; }

img.alignright{ float: right; margin-left: 15px; margin-bottom: 15px; }
img.alignleft{ float: left; margin-right: 15px; margin-bottom: 15px; }

.blog .post{ margin-bottom: 20px; }

/* ==========================================================================
   WooCommerce Styles
   ========================================================================== */
.woocommerce #respond input#submit.added:after, 
.woocommerce a.button.added:after, 
.woocommerce button.button.added:after, 
.woocommerce input.button.added:after{ content: none; display: none; }

.woocommerce #respond input#submit.loading, 
.woocommerce a.button.loading, 
.woocommerce button.button.loading, 
.woocommerce input.button.loading{ opacity: 1; }

.woocommerce #respond input#submit.loading:after, 
.woocommerce a.button.loading:after, 
.woocommerce button.button.loading:after, 
.woocommerce input.button.loading:after{ content: none; display: none; }

.woocommerce .variations{}
.woocommerce .variations td{ width: 100%; padding: 0; display: block;}
.woocommerce .variations .value{ text-align: left; font-size: 12px;}
.woocommerce .variations .value strong{ display: none; }
/*.woocommerce .variations .value br{ display: none; }*/
.woocommerce .variations .value input{ margin: 0 5px; width: 15%; float: left;}

.woocommerce .product_meta{ display: none; }

.woocommerce div.product form.cart table {
  border-width: 0 0 1px;
  width: 150px;
}

.woocommerce div.product form.cart div.quantity {
   float: none;
}

.page .woocommerce #respond input#submit.alt, 
.page .woocommerce a.button.alt,
.page .woocommerce button.button.alt, 
.page .woocommerce input.button.alt,
.page .woocommerce #respond input#submit.alt:hover, 
.page .woocommerce a.button.alt:hover,
.page .woocommerce button.button.alt:hover, 
.page .woocommerce input.button.alt:hover{ color: #fff; background: #2d4f78; }

.page .woocommerce form .form-row input.input-text, 
.page .woocommerce form .form-row textarea{ border: 1px solid #aaa; height: 34px; padding: 5px 10px; font-size: 13px; }

.page .payment_methods{}
.page .content .text_content .payment_methods li{ list-style-type: none; }

/* ==========================================================================
   Resources
   ========================================================================== */
.resources_list{ margin-bottom: 20px; }
.resources_list li{ list-style-type: disc; /*display: block;*/ margin-bottom: 15px; }
.resources_list li a{ color: #000; font-weight: bold; }

.category_archive{}
.category_archive .category_title{}
.category_archive .category_list{ margin-left: 20px; }
.category_archive .category_list p{ margin-bottom: 5px; }

.content .text_content .resources_tax{ margin-top: -5px; }
.content .text_content .resources_tax li{ font-size: 14px; list-style-type: disc; }
.content .text_content .resources_tax a{ color: #000; }

/* ==========================================================================
   <1560px
   ========================================================================== */
@media only screen and (max-width: 1560px){

  .home .inner{ width: auto; padding: 0 20px; }

  .main .welcome_col .percent{ font-size: 138px; }

  footer .inner{ width: auto; padding: 0 20px; }
  footer .footer_menu li + li:before { margin: 0 10px; font-size: 13px; }
  footer .footer_menu li a{ font-size: 13px; }

  .home footer .inner{ width: auto; padding: 0 20px; }

}

/* ==========================================================================
   <1280px
   ========================================================================== */
@media only screen and (max-width: 1320px){

   .home header .inner,
/*   header .inner{ width: inherit; padding: 0 15px; }*/

}

/* ==========================================================================
   <1280px
   ========================================================================== */
@media only screen and (max-width: 1280px){

  .home header .logo{ width: 250px; height: 108px; background-size: 100% auto; }
  header .logo{ width: 250px; height: 108px; background-size: 100% auto; }

  header .top_nav li + li:before{ font-size: 18px; }
  header .top_nav a{ font-size: 12px; }

  header .menu a{ font-size: 21px; }

  .slideshow .slide{ height: 780px; }
  .slideshow .caption{ padding-top: 200px; text-align: left; }
  .slideshow .caption .inner > div{ width: 55%; }
  .slideshow .caption h2 { }

  .main .get_involved h3{ font-size: 36px; }

  .main .welcome_col .percent{ font-size: 100px; font-weight: bold; }

  .inner{ width: 1000px; }
  .main .content{ width: 780px; }

  .methods .col4{ width: 100%; margin-bottom: 20px; }
  
    footer .social_container{ text-align: center; margin-top: 15px; }

}

/* ==========================================================================
   <1023px
   ========================================================================== */
@media only screen and (max-width: 1023px){

  header .menu{ display: none; }
  #mobile_nav{ display: block; }

  .home .main .col4{ width: 100%; }

  .slideshow .caption .inner > div{ width: 100%; }

  footer .col8,
  footer .col4{ width: 100%; }

  footer .search_form{ max-width: inherit; margin-top: 20px; }


  footer .social li{ margin: 0 5px; }	

  .inner{ width: auto; padding: 0 20px; }
  .main .content{ width: 100%; margin-bottom: 25px; padding: 15px 20px; }
  .main .sidebar{ width: 100%; }

}



/* ==========================================================================
   <767px
   ========================================================================== */
@media only screen and (max-width: 767px){

  header .logo{ float: none; display: block; margin: 15px auto; }
  header .right_area{ width: 100%; }
  header .right_area .top_nav{ text-align: center; margin: -10px 0 5px; }

  .slideshow .slide{ height: 480px; }
  .slideshow .boxes{ display: none; }
  .slideshow .caption{ padding-top: 220px; }
  .slideshow .caption h2{ font-size: 25px; line-height: 28px;}
  .slideshow .caption a{ font-size: 18px; }

  .main .get_involved p{ font-size: 22px; }
  .main .get_involved .btn_donate{ font-size: 22px; padding: 6px 5px; }

  footer .footer_menu li{ width: 50%; }
  footer .footer_menu li + li:before{ content: none; display: none; }
  
  footer .social {margin-top: 30px;}

  .content .text_content{ padding: 0; width: 100%; margin-bottom: 20px; }
  .content .secondary_sidebar{ width: auto; margin: 0 -20px; }

  .content .featured_image .caption{ position: relative; bottom: auto; left: auto; }

  .content h1{ font-size: 24px; }

  .dir_result h3 a{ display: block; }
  .dir_result h3 .tel{ float: none; display: block; }

  .directory_form .input{ width: 60%; }
  .directory_form .submit{ width: 40%; }

  .members.row .col4{ width: 100%; }

  .product_categories .col4{ width: 100%; }

  .products_list{ width: auto; }
  .products_list .product .desc{ float: left; }

  .method_section .col6{ width: 100%; }

  .content .text_content .row>div{ width: 100%; }

  header .right_area .top_nav{ display: none; }

  .top_nav_mobile{ display: block; }

}

/* ==========================================================================
   <480px
   ========================================================================== */
@media only screen and (max-width: 480px){

   .products_list .product img{ float: none; display: block; margin: 0 auto 25px; }
   .products_list .product .price_area{ width: 100%; padding-top: 20px; margin-bottom: 20px; }

}