/* General CSS */
html { -webkit-tap-highlight-color: transparent; -webkit-font-smoothing: antialiased }
a, abbr, acronym, address, b, bdo, big, blockquote, body, br, button, cite, code, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, i, iframe, img, ins, kbd, legend, li, map, object, ol, p, pre, q, samp, small, span, strong, sub, sup, table, tbody, td, tfoot, th, thead, tr, tt, ul, var { margin: 0; padding: 0; border: none }
a, input, select, textarea { outline: 0; margin: 0; padding: 0 }
::-moz-selection {color: #ffffff;background: #eb5018;}
::selection {color: #ffffff;background: #eb5018;}
.btn,a, button, i, img{-webkit-transition:all .5s ease 0s;-moz-transition:all .5s ease 0s;-o-transition:all .5s ease 0s;transition:all .5s ease 0s;}
.btn.focus,.btn:focus,.btn:hover,a:focus,a:hover,button:focus,input:focus{text-decoration:none;outline:0;text-decoration:none!important;transition:all .3s ease 0s;box-shadow: none;}
/* Colors CSS */
.text-danger {color: #cf5260!important;}
.bg-primary{background-color: #1e2732!important;}
.bg-muted{background-color: #f4f4f5!important;}
/* Typography CSS */
h1, .h1{font-size: 72px;font-weight: bold;}
h2, .h2{font-size: 48px;font-weight: bold;}
h3, .h3{font-size: 30px;font-weight: bold;}
h4, .h4{font-size: 24px;font-weight: bold;}
h5, .h5{font-size: 21px;font-weight: bold;}
h6, .h6{font-size: 18px;font-weight: bold;}
.light{color: #FFF;}
.dark{color: #333333;}
p{margin-bottom: 15px;font-size: 18px;}
/* Button CSS */
html body{font-family: 'Open Sans', sans-serif;color: #333333;}
.btn, .common-btn {background: #3a477b; color: #FFF; padding: 10px 38px;
font-size: 21px; font-weight: 700; text-transform: uppercase; border: 2px solid #3a477b;
border-radius: 10px; }
.btn:hover, .common-btn:hover, .btn:focus, .common-btn:focus {border-color: #3a477b; background: #FFF; color: #3a477b; box-shadow: 4px 4px #3a477b;}
/***************** Header CSS *****************/
.navbar-toggler {float: right; border: none; padding-right: 0; }
.navbar-toggler-icon {width: 24px; height: 17px; background-image: none !important;
position: relative !important; border-bottom: 1px solid #000; transition: all 300ms linear; margin-top: -8px; }
.navbar-toggler-icon:after, .navbar-toggler-icon:before{width: 24px; position: absolute; height: 1px;
background-color: #000; top: 0; left: 0; content: ''; z-index: 2; transition: all 300ms linear; }
.navbar-toggler-icon:after{top: 8px; }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:after {transform: rotate(45deg); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon:before {transform: translateY(8px) rotate(-45deg); }
.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {border-color: transparent; }
header.header, .headercls {transition: all ease 0.5s;}
header.header #navbarSupportedContent {justify-content: flex-end; }
header.header .topbar .header-icons ul {display: flex; list-style: none; }
.topbar {padding: 10px 0; background: #3a477b; }
header.header .topbar .header-icons ul li a {color: #FFF; }
header.header .topbar .header-icons ul li {margin-right: 10px; }
header.header .topbar .header-icons ul li i {font-size: 14px;width: 25px; height: 25px; background: #FFF;border: 1px solid #FFF;
color: #3a477b; display: flex; align-items: center; justify-content: center; border-radius: 50%; }
header.header .topbar .header-icons ul li i:hover {
background: #3a477b;
color: #FFF;
}
header.header .topbar .header-call a {color: #FFF; font-weight: bold; display: inline-block;
text-align: right; width: 100%; }
header.header .topbar .header-call a:hover{color: #aeaeae;}
header.header nav.navbar.navbar-light {background: transparent !important;padding: 10px 0; }
header.header nav.navbar a.nav-link {font-size: 18px; font-weight: 700; color: #333333;
text-transform: uppercase; }
header.header nav.navbar a.nav-link:hover, header.header nav.navbar li.nav-item.active a.nav-link {color: #3a477b;}
header.header nav.navbar li.nav-item {margin: 0 20px; }
header.header nav.navbar a.btn.common-btn {margin-left: 30px; }
header.header nav.navbar a.btn.common-btn:hover { }
header.header.fixed {
background: #FFF;
}
header.header.fixed .topbar{display: none;}
header.header.fixed{position: fixed; left: 0; top: 0; background:#f9f9f9; z-index: 9999; width: 100%; }
header.header.fixed .navbar-brand img {
max-height: 60px;
}
header.header nav.navbar li.nav-item.join-us {}
header.header nav.navbar li.nav-item.join-us a.nav-link {background: #3a477b; color: #FFF; padding: 10px 38px; font-size: 21px; font-weight: 700; text-transform: uppercase; border: 2px solid #3a477b; border-radius: 10px; }
header.header nav.navbar li.nav-item.join-us a.nav-link:hover {border-color: #3a477b; background: #FFF; color: #3a477b; box-shadow: 4px 4px #3a477b; }
header.header #navbarSupportedContent ul#menu-main-menu {align-items: center; }
/***************** homebanner CSS *****************/
section{position: relative;}
.head {margin-bottom: 35px; }
.head h1 {margin-bottom: 25px; }
.head .borderline {background-color: #FFF;height: 3px; position: relative; width: 75%; }
.head .borderline:before {background: #3a477b; width: 138px; content: ''; height: 4px;
position: absolute; left: 0px; top: 0px; z-index: 111; }
.subhead{margin-bottom: 35px;}
.subhead h3{color: #3a477b;font-weight: 300;word-break: break-word;}
.subhead h2{word-break: break-word;}
.homebanner{background:url("../images/homebanner.png") no-repeat;padding: 70px 0;background-size: cover;}
.homebanner .banner-txt {}
.homebanner .banner-txt p {font-size: 30px; font-weight: 600; margin-bottom: 30px; }
/***************** mission CSS *****************/
.mission{padding: 30px 0 100px;position: relative;}
.mission .mission-txt {
width: 85%;
margin: 0 auto;
}
.mission:before{content: '';background:url("../images/mission-before.png") no-repeat;position: absolute;left: 0;top: 30px;width:220px;height: 250px;background-size: 100%;pointer-events: none;z-index: -1;}
.mission:after{content: '';background:url("../images/mission-after.png") no-repeat;position: absolute;right: 0;top: 30px;width:350px;height: 350px;background-size: 100%;pointer-events: none;z-index: -1;}
.mission .btn-wrap{margin-top: 45px;}
.missionblocks{margin-top: 60px;}
.mission-box img{width: 98px;height: 98px;margin: 0 auto;}
.mission-box {background: #ebeff5; padding: 40px 20px; border-radius: 10px; box-shadow: 3px 13px 20px rgb(58 71 123 / 15%); margin-top: 30px; }
.mission-box .mission-txt {margin-top: 25px; }
.mission-box a{color: #333;}
.mission-box:hover img{transform: scale(1.2);}
/***************** footer CSS *****************/
footer.footercls{background: #3a477b;padding: 25px 0 0;}
.footercls .footer-links{padding-right: 10%;}
.footercls .footer-links ul{display: flex;flex-wrap: wrap;list-style: none;}
.footercls .footer-links ul li{position: relative;margin-right: 45px;}
.footercls .footer-links ul li:last-child{margin-right: 0px;}
.footercls .footer-links ul li a{color: #FFF;font-size: 16px;font-weight: 600;text-transform: uppercase;}
.footercls .footer-links ul li:after{content: '|';color: #FFF;font-size: 16px;font-weight: 600;position: absolute;right: -25px;top: -2px;}
.footercls .footer-links ul li:last-child:after{content: '';}
.footercls .footerleft .footertopleft {display: flex; align-items: center; justify-content: space-between; }
.footercls .footerbottom {display: flex; flex-wrap: wrap; margin-top: 20px; align-items: center; }
.footercls .footerbottom .callicon span {background: #aeaeae; width: 65px; height: 65px; display: flex; border-radius: 50%; justify-content: center; align-items: center; margin-right: 20px; }
.footercls .footerbottom .callicon span i {color: #FFF; font-size: 30px; transform: rotate(-45deg); }
.footercls .footerbottom ul.contactinfo {list-style: none; padding: 0; }
.footercls .footerbottom ul.contactinfo li a {color: #FFF; font-size: 18px; font-weight: 600; }
.footercls .footerbottom ul.contactinfo li {margin: 5px 0; }
.footercls .footer-links ul li a:hover, .footercls .footerbottom ul.contactinfo li a:hover {
color: #aeaeae;
}
.footercls .footerright h6 {
margin-bottom: 18px;
}
.footercls .footerright p {
font-size: 16px;
}
.footercls .footerright {margin-top: 15px;}
.footercls .footerright form {position: relative; }
.footercls .footerright form input[type="text"],.footercls .footerright form input[type="email"] {background: #FFF; height: 55px; border: none; padding-left: 20px; border-radius: 10px; width: 100%; font-weight: 600; }
.footercls .footerright form button.submitbtn {position: absolute; right: 0; top: 0; width: 65px; height: 55px; border-radius: 10px; background: #aeaeae; }
.footercls .footerright form button.submitbtn i {font-size: 30px; color: #3a477b; }
.footercls .footerright form button.submitbtn:hover {background: #333; }
.footercls .footerright form button.submitbtn:hover i {color: #FFF; }
.footercls .copyrightrow {margin-top: 40px; border-top: 1px solid rgb(255 255 255 / 36%); padding: 25px 0; }
.footercls .copyrightrow p {margin: 0; font-size: 16px; }
.copyright p a {color: #FFF;}
/***************** innerpages CSS *****************/
.innerpagebanner{background:#3a477b;padding: 55px 0;}
.joinussec{padding: 30px 0 120px;}
.joinussec .joinuus-left{}
.joinussec .joinuus-left ul{list-style: none;margin-top: 30px;}
.joinussec .joinuus-left ul li span {width: 65px; height: 65px; display: flex; justify-content: center; align-items: center; background: #3a477b;border: 1px solid #3a477b;border-radius: 50%; margin-right: 20px; }
.joinussec .joinuus-left ul li a {color: #333; font-weight: 600; font-size: 30px; display: flex; align-items: center; }
.joinussec .joinuus-left ul li a:hover{color: #3a477b;}
.joinussec .joinuus-left ul li a:hover span{background: transparent;color: #3a477b;}
.joinussec .joinuus-left ul li a:hover span i{color: #3a477b;}
.joinussec .joinuus-left span i {font-size: 33px; }
.joinussec .joinuus-left ul li span i {color: #FFF; }
.joinussec .joinuus-left ul li {margin-bottom: 60px; }
.joinussec .joinuus-right {}
.joinussec .joinuus-right h3 {margin-bottom: 30px;color: #333333; }
.joinussec .joinuus-right form input {border: 1px solid #8ea2f4; height: 55px; border-radius: 10px;
padding-left: 25px; }
.joinussec .joinuus-right form input:focus{box-shadow: none;}
.joinussec .joinuus-right form .frm-box {margin-bottom: 20px; }
.joinussec .joinuus-right form textarea {border: 1px solid #8ea2f4; border-radius: 10px;
padding-left: 25px; padding-top: 15px;width: 100%; }
.joinussec .joinuus-right form .common-btn{padding: 10px 70px;border-color: #3a477b;
background: #3a477b; }
.joinussec .joinuus-right form .common-btn:hover, .joinussec .joinuus-right form .common-btn:focus{background: #FFF;color: #3a477b;}
.community-fundbanner{background:url("../images/community-fundbanner.png") no-repeat;background-size: cover;}
.objectivessec{padding: 40px 0 100px;position: relative;}
.objectivessec:before{content: '';background:url("../images/mission-before.png") no-repeat;position: absolute;left: 0;top: 30px;width:220px;height: 250px;background-size: 100%;pointer-events: none;z-index: -1;}
.objectivessec:after{content: '';background:url("../images/mission-middle.png") no-repeat;position: absolute;right: 0;bottom: 30px;width:220px;height: 250px;background-size: 100%;pointer-events: none;z-index: -1;}
.objectives-box img{width: 100px;height: 100px;margin: 0 auto;}
.objectives-box:hover img{transform: scale(1.2);}
.objectives-box {box-shadow: 7px 3px 20px rgb(58 71 123 / 15%); background: #FFF;
padding: 40px 20px 20px; position: relative; z-index: 1; border-radius: 10px; height: 100%;margin-top: 30px; }
.objectives-box .objectives-txt {margin-top: 20px; }
.objectives-box .objectives-txt p {margin-bottom: 0; margin-top: 15px; }
.objectivesblocks {margin-top: 0px; }
#innerpagesamebanner{}
#innerpagesamebanner .head {width: 70%; }
.structure-management{background:url("../images/structurebg.png") no-repeat;background-size: cover;padding: 70px 0;}
.structure-left {position: relative; width: 100%; display: inline-block; height: 100%; }
.structure-left img{border-radius: 50%;}
.structure-left img.structure1 {position: absolute; left: 0px; top: 15%; z-index: 1;width: 320px;height: 320px;border: 12px solid #ebeff3; }
.structure-left img.structure2 {position: absolute; bottom: 4%; right: 0;width: 420px;height: 420px; }
.structure-right .structure-text {margin-bottom: 60px; }
.structure-right .structure-text h5 {margin-bottom: 15px; color: #2f3a51; }
.structure-right .structure-text p {margin-bottom: 0; }
.structure-right .structure-text:last-child {margin-bottom: 0; }
.structure-left .structure-img{display: none;}
.goalsid{position: relative;padding: 50px 0;}
.goalsid:before{content: '';background:url("../images/cross.png") no-repeat;position: absolute;left: 20px;top: 30px;width:125px;height: 125px;background-size: 100%;pointer-events: none;z-index: -1;}
.goalsid:after{content: '';background:url("../images/mission-after.png") no-repeat;position: absolute;right: 2%;bottom: 2%;width:350px;height: 350px;background-size: 100%;pointer-events: none;z-index: -1;}
.goal-box{border: 1px solid #cbcbcb;padding: 45px 45px;border-radius: 15px;background: #FFF;
position: relative;height: 100%;}
.goal-box .goal-txt {display: flex; justify-content: space-between; margin-top: 15px; margin-bottom: 35px; }
.goal-box .goal-txt p {margin: 10px 0; font-size: 16px; }
.goal-box .goal-txt p b {margin-left: 10px; }
.goalsslider{}
.goalsslider .swiper-pagination {
position: unset;
margin-top: 60px;display: flex;
align-items: center;
justify-content: center;flex-wrap: wrap;
}
.goalsslider .swiper-slide {
padding: 0 10px;height: auto;
}
.goalsslider .swiper-pagination span.swiper-pagination-bullet {
background: #cccccc;
width: 11px;
height: 11px;
opacity: 1;cursor: pointer;
}
.goalsslider .swiper-pagination span.swiper-pagination-bullet.swiper-pagination-bullet-active {
width: 15px;
height: 15px;
background: #3a477b;
}
.goal-right output {display: block; color: #249487; font-weight: bold; font-size: 29px;
text-align: right; line-height: 35px; position: relative; }
.goal-right output:after {content: '%'; }
.goal-progressbar {
margin-top: 40px;
margin-bottom: 40px;
}
.rangeslider {background: #dddddd; box-shadow: none; height: 10px; }
.rangeslider .rangeslider__handle {background: #e5ac1b; background-image: none; width: 1px; border: none; margin-left: 0;top: -10px;
border-radius: 0px;
height: 30px; }
.rangeslider .rangeslider__handle:after {content: none; }
.rangeslider--horizontal .rangeslider__fill {background: #e5ac1b; box-shadow: none; }
.stakeholders{background:url("../images/stakeholdersbg.png") no-repeat;background-size: cover;padding: 50px 0;}
.stakeholders .subhead h3 {color: #FFF; }
.stakeholders-wrap {margin-top: 25px;}
.stakeholders-wrap .stakeholders-box {background: #FFF; padding: 30px 65px; margin-top: 25px; border-radius: 15px; }
.stakeholders-wrap .stakeholders-box h4 {margin-bottom: 20px; color: #2f3a51; }
.program-overview{padding: 50px 0;}
.programwrap{position: relative;}
.programwrap:before{content: '';background:url("../images/mission-middle.png") no-repeat;position: absolute;left: 0px;bottom: -30px;width:220px;height: 250px;background-size: 100%;pointer-events: none;z-index: -1;}
.programwrap:after{content: '';background:url("../images/wave.png") no-repeat;position: absolute;right: 0;top: 30px;width:70px;height: 50px;background-size: 100%;pointer-events: none;z-index: -1;}
.programwrap .program-left{}
.programwrap .program-left img{width: 85%;float: right;}
.programwrap .program-right {
background: #FFF;
padding: 30px;
margin-left: -15%;
border-radius: 10px;
width: 100%;box-shadow: 7px 3px 20px rgb(58 71 123 / 15%);
}
.programwrap .program-right h5 {
margin-bottom: 30px;
}
.teamsec{padding: 50px 0 100px;}
.teamsec-row{margin: 40px 0;}
.teamsec-row .teamsec-left{}
.teamsec-row .teamsec-left img{border-radius:50%;width: 300px;height: 300px; }
.teamsec-row .teamsec-right h2{margin-bottom: 35px;}
.service-banner{background:url("../images/service-banner.png") no-repeat;background-size: cover;}
.servicessec{padding: 0px 0 50px;position: relative;}
.servicessec:before{content: '';background:url("../images/mission-before.png") no-repeat;position: absolute;left: 0;top: 15px;width:220px;height: 250px;background-size: 100%;pointer-events: none;z-index: -1;}
.servicessec:after{content: '';background:url("../images/mission-after.png") no-repeat;position: absolute;right: 0;top: 15px;width:350px;height: 350px;background-size: 100%;pointer-events: none;z-index: -1;}
.services-row{box-shadow: 7px 3px 20px rgb(58 71 123 / 15%); background: #FFF;
padding:15px 5px;border-radius: 10px;margin: 40px 0;position: relative;}
.services-row .servicessec-left{}
.services-row .servicessec-left img{width: 100%;}
.services-row .servicessec-right h2{margin-bottom: 20px;}
.services-row .servicessec-right .btn{margin-top: 30px;}
.services-row:nth-child(2):before{content: ''; background: url(../images/cross.png) no-repeat; position: absolute; left: -13%;top: 40%; width: 125px; height: 125px; background-size: 100%; pointer-events: none;z-index: -1;}
.services-row:nth-child(3):after{content: ''; background: url(../images/wave.png) no-repeat; position: absolute; right: -4%;top: 45%; width: 70px; height: 50px; background-size: 100%; pointer-events: none;z-index: -1;}
.footercls .footerright form i.far.fa-envelope {position: absolute; right: 0; top: 0; right: 0;
top: 0; width: 65px; height: 55px; border-radius: 10px; background: #aeaeae; display: flex;
justify-content: center; align-items: center; font-size: 30px; color: #3a477b; z-index: 1; }
.footercls .footerright form input.submitbtn {position: absolute; right: 0; top: 0; width: 65px;
height: 55px; border-radius: 10px; z-index: 11; border: none; cursor: pointer; background: transparent;
font-size: 0px; }
.footercls .footerright form .wpcf7-response-output {
margin: 0;
color: #FFF;font-size: 13px;
}
.footercls .footerright form p {
margin-bottom: 0;
}
.footercls .footerright form span.wpcf7-spinner {
margin: 0 auto;
display: block;
}
.goal-box .campaign-progress-bar {
margin-top: 20px;position: relative;overflow: initial;
}
.goal-box .campaign-progress-bar span.bar:before {
background: #f89d35;
position: absolute;
right: 0;
top: -10px;
height: 33px;
width: 1px;
content: '';
}
/*=======================02-02-2022======================*/
#charitable-donation-form {
width: 100%;
max-width: 50%;
margin: 0 auto;
}
#charitable-donation-form input, .charitable-login-form input {
background: #FFF;
height: 55px;
border: none;
padding-left: 20px;
border-radius: 10px;
width: 100%;
font-weight: 600;
border: 1px solid #3a477b;
max-width: 300px;
}
#charitable-donation-form select {
background: #FFF;
height: 55px;
border: none;
padding-left: 20px;
border-radius: 10px;
width: 100%;
font-weight: 600;
border: 1px solid #3a477b;
max-width: 300px;
}
.pagination-single-inner {
text-align: center;
margin-bottom: 40px;
}
.charitable-login-form {
width: 100%;
max-width: 60%;
margin: 0 auto;
margin-bottom: 60px;
}
.charitable-login-form p.login-remember {
position: relative;
padding-left: 35px;
}
.charitable-login-form input#rememberme {
max-width: 20px;
position: absolute;
left: 0;
top: -15px;
}
p.login-prompt {
text-align: center;
margin: 40px 0;
}
#charitable-user-fields {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.charitable-login-form input#wp-submit {
padding-left: 0;
margin-bottom: 25px;
}
.charitable-notice {
margin: 20px;
}
#charitable-user-fields .charitable-form-field {
width: 45%;
margin-right: 30px;
}
#charitable-donation-form input {
max-width: 100%;
}
.campaign-donation-receipt .post-inner.thin {
width: 100%;
max-width: 60%;
margin: 0 auto;
}
.campaign-donation-receipt h3.charitable-header {
margin: 20px 0;
}
.campaign-donation-receipt th, .campaign-donation-receipt td {
border: 1px solid #dcd7ca;
padding: 10px;
}
.section-inner {
margin: 30px;
}
.section-inner ul li {
list-style-type: none;
}
/*=======================02-02-2022======================*/
header.header nav.navbar li.current_page_item a.nav-link{
color: #3a477b;
}
#menu-footer-menu li.current_page_item a{
color: #aeaeae;
}
.page-template-tpl-communityfund-php #charitable-user-fields .charitable-form-field {margin-right: 20px;}
.page-template-tpl-communityfund-php #charitable-donation-form {max-width: 100%;}
.page-template-tpl-communityfund-php button.button.charitable-button.donate-button.button-primary {background-color: #1d243e;}
/* .page-template-tpl-communityfund-php .supports-drag-drop .charitable-drag-drop-dropzone, .page-template-tpl-communityfund-php .campaign-summary, .page-template-tpl-communityfund-php .campaign-loop .campaign, .page-template-tpl-communityfund-php .charitable-donation-form .donation-amounts .donation-amount {
background-color: #fff;
color: #000;
}*/
/*span.amount, span.description {
color: #000 !important;
}*/
#charitable-donation-form-modal-loop .campaign-progress-bar .bar, #charitable-donation-form-modal-loop .charitable-donation-form .donation-amount.selected, #charitable-donation-form-modal-loop .charitable-donation-amount-form .donation-amount.selected {
background-color: #1d243e !important;
}
#charitable-donation-form-modal-loop .charitable-donation-form .donation-amount.selected, #charitable-donation-form-modal-loop .charitable-donation-amount-form .donation-amount.selected, #charitable-donation-form-modal-loop .charitable-notice, #charitable-donation-form-modal-loop .charitable-drag-drop-images li:hover a.remove-image, #charitable-donation-form-modal-loop .supports-drag-drop .charitable-drag-drop-dropzone.drag-over {
border-color: #1d243e !important;
}
.charitable-notice .errors a, .charitable-notice>ul li {
color: #1d243e !important;
}
#charitable-donation-form-modal-loop button.button.charitable-button.donate-button.button-primary {
border-color: #3a477b;
background: #FFF;
color: #3a477b;
box-shadow: 4px 4px #3a477b;
color: #fff;
color: #3a477b;
padding: 10px 38px;
font-size: 21px;
font-weight: 700;
text-transform: uppercase;
border: 2px solid #3a477b;
border-radius: 10px;
background-color: #fff!important;
}
#charitable-donation-form-modal-loop button.button.charitable-button.donate-button.button-primary:hover, #charitable-donation-form-modal-loop button.button.charitable-button.donate-button.button-primary:focus {
box-shadow: none;
background-color: #3a477b !important;
color: #fff;
}