body#tinymce.wp-editor { font-family: 'Roboto',Arial; margin: 10px; }
body#tinymce.wp-editor a {color: #5E5340;}:root {
--white: #ffffff;  --black: #000000;  --grayblack:#60B3D1;  --peachorgan:#012641;  --white2:#de4e51;  --grayblack:#efefef;
}
:root {
--common-font-body: 'Montserrat';  --source-saun-font: 'Georgia', serif;  --roboto-font: "Roboto";  --mulifont:"PT Sans";
}
#slider p,#slider h2,#slider ol.carousel-indicators li,#goals h6, #goals p,.goal_box:hover .icon_goal i,.what_we_do_box .icon_what_we_do i,.about-editor,#how_you_help .li_content p,#how_you_help h4,#how_you_help ol > li:before,.news_box_outer h6, .news_box_outer p,.other_info cite a, .other_info p,#our_records p,.wpcf7-submit input[type="submit"].date_box,#blog .nav-item p {
color: var(--white);
}
.causes_content:hover .inner-head{
color: #012641;
}
.socialbox a:hover {
background-color: #fff !important;
} #slider{
max-width:100%;
margin:auto;
padding:0;
position:relative;
}
#slider img {
width: 100%;
}
#slider h2 {
text-transform: uppercase;
font: 600 39px / 50px Inter;
}
#slider .sli2 {
color:  var(--peachorgan) !important;
}
#slider .sli1 {
color: #fff !important;
}
#slider p{
font-weight:700;
margin:15px 0 15px 0;
border-radius:0 0 5px 5px;
font:14px/20px Poppins;
line-height: 29px;
margin: 5px 0;
}
#slider .carousel-caption {
top: 50%;
transform: translateY(-50%);
bottom: inherit;
text-align: left;
left: -32%;
}
.slide_outer h2:after{
margin-left: 0;
text-align: left;
}
.inner_carousel {
padding: 38px 53px;
max-width: 32%;
margin: 0 auto;
background: #60B3D1;
}
#slider a i {
padding: 10px 14px;
background: transparent;
border-radius: 50%;
font-size: 19px;
border: 1px solid var(--white);
}
#slider a i:focus, #slider a i:active, #slider a i:hover{
background: var(--peachorgan);
transition: all 0.5s ease-out;
}
#slider h2:after {
content: "";
display: block;
width: 170px;
height: 2px;
background: var(--peachorgan);
margin-top: 7px;
margin-bottom: 0;
}
#what_we_do h2{
color: #1F1F1F;
}
#what_we_do h2:after{
background: #60B3D1 !important;
} .owl-stage {
padding: 25px 0;
}
.goal_box {
background: var(--peachorgan);
padding: 10px 40px;
border-top: 4px solid var(--peachorgan);
border-right: 1px solid #d9534f;
}
#goals .read_more {
color: #fff;
font-size: 12px;
}
#goals a:after {
content: "";
display: block;
width: 70px;
height: 2px; margin: 7px auto;
}
.goal_box img{
max-width: 27% !important;
left: 0;
right: 0;
margin: 1px 96px;
}
.goal_outer {
width: 100%;
margin-top: -151px;
}
#goals h6:after {
content: "";
display: block;
width: 70px;
height: 2px; margin: 7px auto;
}
.goal_box:hover img {
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-o-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
transform: rotateY(180deg);
}
.goal_box:hover{
background: var(--grayblack);
border-top: 4px solid var(--peachorgan);
margin-top: -20px;
}
.goal_box i {
width: 45px;
color: var(--peachorgan);
}
.icon_goal {
display: table;
margin: 0 auto;
padding: 20px;
background: var(--white);
border-radius: 50%;
border: 5px solid #d84f53;
height: 90px;
}
.goal_box:hover .icon_goal{
background: var(--peachorgan);
}
#goals .owl-nav {display: none;} .what_we_do_box .icon_what_we_do {
background: var(--peachorgan);
}
.what_we_do_box:hover .icon_what_we_do {
background:var(--white);
}
#what_we_do  h6{
font-weight: 900;
}
#what_we_do h6.what_we_do {
color: #1F1F1F;
text-transform: uppercase;
font: 800 14px / 20px Inter;
}
.what_we_do_box .record_details{
font-size: 12px;
color: #908f8d;
}
.icon_what_we_do, .icon_news {
display: table;
margin: 0 auto;
padding: 20px;
background: var(--white);
border-radius: 50%;
border: 1px solid var(--peachorgan);
}
.what_we_do_box .icon_what_we_do {
border: 5px solid #eaeeee !important;
}
.what_we_do_box {
background: #f6f8fa;
margin: 10px auto;
padding: 19px 10px;
max-width: 300px;
}
.what_we_do_box i {
width: 45px;
color: var(--peachorgan);
transition-property: transform;
}
.what_we_do_box:hover i {
color: var(--peachorgan);
transition: 0.70s;
-webkit-transition: 0.70s;
-moz-transition: 0.70s;
-ms-transition: 0.70s;
-o-transition: 0.70s;
-webkit-transform: rotateY(360deg);
-moz-transform: rotateY(360deg);
-o-transform: rotateY(360deg);
-ms-transform: rotateY(360deg);
transform: rotateY(360deg);
}
p.subtext{
margin: 0 auto;
text-align: center;
color: #908f8d;
font-weight: 600;
}
.read_more{
color: var(--peachorgan);
}
.read_more i{
width: auto;
padding-left: 5px;
} #how_you_help h2:after { content:none;}
#how_you_help h4:after ,#newsletter h6:after {
content: "";
display: block;
width: 40px;
height: 2px;
background: var(--white);
margin: 5px auto;
margin-left: 0;
}
#how_you_help .about-editor,#how_you_help .li_content p{
font-size: 12px;
}
.li_content {
margin-left: 5em;
}
#how_you_help ol {
counter-reset:li;
margin: 0;
}
#how_you_help ol > li{
position:relative;
list-style:none;
margin: 5px 0px;
border-radius: 43px 0 0 40px;
}
#how_you_help ol > li:before {
content: "0"counter(li)".";
counter-increment: li;
position: absolute;
top: 5px;
left: 0;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
height: 60px;
background: #012641;
border: solid 1px #012641;
font-weight: bold;
text-align: center;
width: 60px;
padding: 18px;
clip-path: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
}
#how_you_help li ol {
margin-top:6px;
}
#how_you_help ol ol li:last-child{
margin-bottom:0;
} #our_records h4 {
font-size: 34px;
font-weight: 600;
padding: 0;
margin-left: 10px;
color: var(--peachorgan);
letter-spacing: -1px;
}
#our_records .countpara{
font-size: 14px;
margin-left: 10px;
letter-spacing: -1px;
}
.counter-icon i{
color: var(--peachorgan);
padding-top: 5px;
font-weight: 200 !important;
}
.counter_inner {
border-right: 1px solid #464a4c;
}
.counter_outer:last-child .counter_inner{
border: none;
}
.counter-icon span:before{
position: absolute;
bottom: 8px;
content: '';
width: 75%;
height:  1.5px;
display: block;
background: #012641;
z-index: 9;
}
.counter-icon p:before{
position: absolute;
top: 52px;
content: '';
width: 75%;
height: 1.1px;
display: block;
background: #fff;
z-index: 9;
} .event_location i,.entry-date i{
color: var(--peachorgan);
}
.view_all{
text-align: center;
margin: 0 auto;
}
#events h2.text-center{
font-weight: 800;
}
.events_content p{
font-size: 12px;
}
.events_content p,.post_meta span,.post_meta .entry-date{
color: #b8babb;
}
.blog_post_content img{
border-radius: 50%;
height: 220px;
} #testimonials .owl-nav, #blog_post .owl-nav {
display: none;
}
.testimonials_content img {
width: 60px !important;
height: 60px !important;
object-fit: contain;
}
#testimonials blockquote:after {
content: '';
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-top: 8px solid var(--white);
position: absolute;
bottom: -8px;
left: 7%;
}
.qoute {
position: relative;
}
#testimonial_single .team_feature-box img {
width: 100px;
height: 100px;
border-radius: 50%;
}
#testimonial_single .testimonial_des {
border: solid 1px var(--grayblack);
padding: 15px;
margin-bottom: 25px;
color: #555;
line-height: 24px;
} #newsletter{
background-color:#012641;
}
.news_content {
display: inline;
}
.news_content input.wpcf7-form-control.wpcf7-submit {
width: 25%;
font-size:14px;
}
.mid-content {
margin-left: -17px;
}
.news_content {
display: inline;
float: left;
width: 100%;
margin-top:15px;
}
.news_content input {
height: 40px;
width: 60%;
background: var(--white);
border: none;
}
.news_content input[type="submit"] {
background-color: var(--grayblack);
border-radius: 0;
margin: 20px 0;
font-size: 12px;
}
.news_content label{
margin: 0;
}
#newsletter {
background-color: var(--peachorgan);
}
.news_box_outer p{
font-size: 12px;
}
.news_box_outer h6{
font-weight: bold;
line-height: 20px;
}
.news {
margin-top: 18px;
}
#newsletter input::-webkit-input-placeholder ,#newsletter input :-ms-input-placeholder,#newsletter input :-moz-placeholder {
color: var(--grayblack)}
.icon_news i{
color: var(--peachorgan);
}
.news_box_outer h6:after{
background-color: var(--white);
margin-bottom: 0 !important;
} .date_box {
position: absolute;
background: var(--grayblack);
padding: 14px;
font-size: 14px;
text-align: center;
display: none;
}
h3.blog_name a {
color: var(--peachorgan);
}
.date-day {
font-size: 25px;
font-weight: bold;
}
.post_inner{
display: inline-block;
margin-right: 20px;
padding: 12px;
}
.post_inner i {
color: var(--grayblack);
font-size: 20px;
}
#blog a.nav-link.active .date_box {
display: block;
}
#blog .nav-item p {
position: absolute;
bottom: 0;
background: var(--grayblack);
margin-bottom: 0;
padding: 10px;
width: 100%;
text-transform: uppercase;
font-weight: 600;
letter-spacing: 1px;
}
#donators .donators_content h6{
padding-bottom: 2px;
}
#blog .nav-item img {
width: 100%;
}
#blog .nav-item a.nav-link {
position: relative;
}
#blog_post h6{
font-size: 14px;
}
#blog .nav-link {
padding: 0 !important;
}
#goals h6.goal_head.font-weight-bold{
text-transform: uppercase;
font: 600 16px / 22px Inter;
} .inner-sbox h4:after {
content: "";
display: block;
width: 70px;
height: 3px;
background: var(--peachorgan);
margin: 7px auto;
}
.postbox h3{
font-weight:normal;
font-size:35px;
text-align: center;
margin:15px 0 0 0;
}
.blogimg-full img{
width: 100%;
}
.postbox {
margin-bottom: 39px;
border: none;
border-radius: 6px;
padding: 10px 0;
}
.postbox h2{
margin:0 0 5px;
font-weight:bold;
}
a.post-readmore {
font-size: 18px;
border-bottom: 1px solid;
color: var(--peachorgan);
}
a.post-readmore i {
margin-left: 8px !important;
font-size: 18px;
border-bottom: 1px solid var(--white);
padding-bottom: 2px;
}
.widget_recent_entries ul {
margin: 0;
}
.widget_recent_entries li {
margin-bottom: 10px;
list-style: none;
}
.postbox  a.blogbutton {
background:none;
color:#fff;
font-size:12px;
font-weight:bold;
color:#fff;
padding:6px 25px;
border:1px solid var(--black);
color:var(--black);
font-size:18px;
text-transform:uppercase;
margin:25px 0 0 0;
display:table;
}
#comment-nav-above .nav-links {
width: 100%;
float: left;
margin-bottom: 17px;
}
#sidebar span.comment-author-link {
margin-left: 14px;
}
.post-featured img {
margin: 0 auto;
text-align: center;
display: block;
}
.blog_post_content:hover h6{
color: #012641;
}
p.subtext {
width: 65%;
}
.con-row .first {
width: 31%!important;
float: left;
padding: 0 4px;
color: #fff;
}