/*
Theme Name: UP NPO 2018
Author: Roy Restauro
Description:UP Non-profit
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

*{margin:0 auto;}
body{background:#fff url(images/box-pattern.jpg); font:normal 13px/22px arial, helvetica; color:#777;}
@font-face {
    font-family: 'droid_sansbold';
    src: url('font/droidsans-bold-webfont.eot');
    src: url('font/droidsans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/droidsans-bold-webfont.woff') format('woff'),
         url('font/droidsans-bold-webfont.ttf') format('truetype'),
         url('font/droidsans-bold-webfont.svg#droid_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
#top{height:7px; width:100%; background:#01a451;  margin-bottom:20px;}
#container{width:1085px; margin:0 auto;}
.header{height:105px; background:#fff; position:fixed; top:0px; width:100%; box-shadow:0px 1px 7px #666;}
.header .logo{height:70px; width:391px; background:#fff url(images/ucommunity-logo.png) no-repeat; display:block; text-indent:-9999px; float:left;}
.header .navi{color:#0772cd; /*text-transform:uppercase;*/ font:bold 16px arial; width:580px; float:right; margin-top:20px;}
.header .navi ul li{list-style:none; display:inline;}
.header .navi ul li a{text-decoration:none; margin: 0px 20px;  color:#0772cd;}
.header .navi ul li a:hover, .active{padding-bottom:5px; border-bottom:solid 5px #01a451;}

.default {	z-index:999999;}
.fixed {position: fixed; top: -3px; height:115px; border-top:solid 2px #99ba3c;	width: 100%!important;	z-index:999999;	left:0px;	margin:0 auto!important; background:#fff; box-shadow:0px 1px 7px #666;}
/*.fixed-cont{width:958px;  overflow:hidden;}
.fixed-cont2{width:958px; background:url(images/nav-border-right.jpg) 0px top no-repeat;  padding-left: 2px; overflow:hidden;}*/


#slider{height:445px; width:100%; background:#05679a; margin-top:105px;#sliderz}
.our-mission{background:#e4e3e3; border-bottom:solid 1px #cecece; width:100%; height:200px;}
.our-mission .title{/*background:url(images/our-mission.png) repeat-x; text-indent:-9999px;*/ color:#01a451; width:100%; text-align:center; height:43px;  margin:20px auto; font:normal 36px trebuchet ms, arial, helvetica; text-shadow:0px 1px 0px #fff; letter-spacing: -1px;}
.our-mission #container p{font:normal 15px/20px arial; color:#585858; text-align:justify; padding:0px 57px; text-shadow: 1px 1px 0px #fff}

.clear{clear:both;}
.clear10{clear:both; height:10px;}
.clear15{clear:both; height:15px;}
.clear20{clear:both; height:20px;}
.clear30{clear:both; height:30px;}
.clear60{clear:both; height:60px;}

.content-wrapper{padding:25px; background:#fff;}
.about-left{float:left; padding-left:55px; margin:20px 0px;}
.about-right{float:left; width:500px; padding-left:40px; padding-top:30px; margin:20px 0px;}
.about-right .title{background:url(images/small-logo.png)no-repeat; height:68px; font:bold 26px arial; color:#0772cd; padding:20px 0px 0px 70px;}

.partner{margin:10px 0px;}
.partner .bar{background:#05679a;  font:bold 24px trebuchet ms,arial; color:#fff; height:47px; text-shadow: 1px 1px 1px #333; 
-webkit-border-top-left-radius: 4px;
-webkit-border-top-right-radius: 4px;
-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
border-top-left-radius: 4px;
border-top-right-radius: 4px;
padding-top:16px; padding-left:25px;
}
.partner .content{background:#efefef; padding:10px 0px;}
.carousel{height:100px;}
.carousel ul li{display:inline; }

.list_carousel { margin: 0 0 0 22px; width: 990px; position:relative; }
.list_carousel ul {	margin: 0;	padding: 0;	list-style: none;display: block;}
.list_carousel li {background-color: #eee; width:168px;height: 113px;padding: 0; margin:10px 15px;display: block;float: left;}
.prev {float: left; margin-left: 10px; background:url(images/left-arrow.png)no-repeat; width:20px; height:32px; text-indent:-999px; overflow:hidden; position:absolute; left:-35px; top:50px; }
.next {float: right;margin-right: 10px; background:url(images/right-arrow.png)no-repeat; width:20px; height:32px; text-indent:-999px; overflow:hidden; position:absolute; right:-35px; top:50px;}

.eli{padding:30px 20px;}
.eli .title{  font:normal 26px 'droid_sansbold',arial; color:#545454;}
.eli p{padding:20px 0px;}

.join{}
.join .bar { background:#00a451;  font:bold 24px trebuchet ms,arial; color:#fff; height:47px; text-shadow: 1px 1px 1px #333; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; height:47px; padding-top:15px; padding-left:25px;}
.footer{height:32px; width:100%; background:url(images/texture.png) repeat-x; color:#fff; text-align:center; padding-top:10px; font-size:12px;}

#featured{ 	width:1067px; /*padding-right:250px;*/ position:relative; 	height:396px; overflow:hidden;	background:#fff;}
#featured ul.ui-tabs-nav{ 	position:absolute; 	top:0; left:597px; 	list-style:none; 	padding:0; margin:0; width:1067px;  width:470px;}
#featured ul.ui-tabs-nav li{ width:235px; font-size:12px; 	color:#666; float:left;}
#featured ul.ui-tabs-nav li img{ float:left; 	background:#fff;	z-index:-1; border:none;}
#featured ul.ui-tabs-nav li span{font-size:11px; font-family:Verdana; line-height:18px; }
#featured li.ui-tabs-nav-item a{  display:block; height:132px; text-decoration:none; color:#333;  background:#fff; line-height:20px; outline:none;}
#featured li.ui-tabs-nav-item a:hover{ background:#f2f2f2;}
#featured li.ui-tabs-selected, #featured li.ui-tabs-active{ /*background:url('images/selected-item.gif') top left no-repeat;   */ background:#ff0000; }
#featured ul.ui-tabs-nav li.ui-tabs-selected a{ background:#ffee00;}
#featured ul.ui-tabs-nav li.ui-tabs-active a .xxx{ position:absolute; background:url(images/slider-green.png); z-index:99999; color:#eee; width:185px; height:72px; font:normal 14px/20px arial; padding:30px 25px;}
#featured .ui-tabs-panel{ width:597px; float:left; height:250px; /*background:#999;*/ position:relative; }
#featured .ui-tabs-panel .info{ position:absolute; bottom:0; left:0; 	height:70px;background: url('images/transparent-bg.png'); }
#featured .ui-tabs-panel .info a.hideshow{position:absolute; font-size:11px; font-family:Verdana; color:#f0f0f0; right:10px; top:-20px; line-height:20px; margin:0; outline:none; background:#333;}
#featured .info h2{ font-size:1.2em; font-family:Georgia, serif; 	color:#fff; padding:5px; margin:0; font-weight:normal;	overflow:hidden; }
#featured .info p{ margin:0 5px; 	font-family:Verdana; font-size:11px; 	line-height:15px; color:#f0f0f0;}
#featured .info a{ text-decoration:none; 	color:#fff; }
#featured .info a:hover{ text-decoration:underline; }
#featured .ui-tabs-hide{ display:none; }





.form-content{padding:20px;}
.form-content .title{color:#292929; font:normal 26px arial, helvetica; margin:25px 0px 15px;}
.form-content .form-line{background:url(images/form-line.jpg); height:2px; width:958px;}

.form-class{width:232px; float:left; color:#343434; font:normal 13px/20px arial; padding-top:6px; padding-right:10px;}
.form-class2{width:130px; float:left; color:#343434; font:normal 13px/20px arial; padding-top:6px;}
.txtbox{width:220px; height:24px; border:solid 1px #d6d6d6; margin-bottom:10px; padding-left:10px; color:#999; font:normal 13px/20px arial;}
.txtarea{width:630px; height:80px; border:solid 1px #d6d6d6; margin:20px 0px; padding-top:6px;   padding-left:10px; color:#999; font:normal 13px/20px arial;}
.upload{border:none!important; float:left;margin-top:5px;}
.wpcf7-select{width:240px;}
/*
.otherss{ width:150px; height:15px; border:solid 1px #d6d6d6; margin-bottom:20px; padding-left:5px; color:#999; font:normal 13px/20px arial;}
.otherp{ margin-left:10px; color:#343434; font:normal 13px/20px arial; }
.wpcf7-list-item-label{ width:200px; height:20px;color:#343434!important; font:normal 13px/20px arial!important;} 
.wpcf7-list-item{ width:160px; display:block; float:left; height:30px;}

span.wpcf7-list-item{margin-left:0px!important;}
.wpcf7-select{clear:both; margin:0px!important;}
*/
div.wpcf7-validation-errors {
    border:none!important;
	color:#d9363c!important;
	font:italic 18px arial!important;
	margin-left:220px!important;
}

div.wpcf7-mail-sent-ok {
    border:none!important;
	font:italic 18px arial!important;
	color:#398F14!important;
	margin-left:220px!important;
}

.wpcf7-form label.error {
    background: none!important;
    border: none!important;
    font:italic 11px arial!important;
    left: 115px!important;
    padding: 0px!important;
    position: absolute;
    top: 20%;
    width: 180px!important;
    z-index: 100;
	color:#d9363c!important;
}
.sendform{width:102px; flex: 0 0 102px; height:41px; background:url(images/submit-btn.png) left top no-repeat; border:none; text-indent:-999px; overflow:hidden; cursor:pointer;}
.resetform{width:88px; flex: 0 0 88px; height:42px; background:url(images/clear-btn.png) right top no-repeat; border:none; text-indent:-999px; overflow:hidden; cursor:pointer;}
.sendform:hover{background:url(images/submit-btn.png) left bottom no-repeat;}
.resetform:hover{background:url(images/clear-btn.png) right bottom no-repeat;}

.captcha-grp * {
	margin: 0;
}

.captcha-grp {
    padding: 50px 0 0 240px;
}
.form-btn-wrapper p {
	display: flex;
	gap: 20px;
}
.form-btn-wrapper .wpcf7-spinner {
	order: 999
}