/*
Theme Name: Nonprofit Organization Pro
Theme URI:  https://www.misbahwp.com/products/nonprofit-organization-wordpress-theme/
Description: Nonprofit Organization is a colorful and clean theme for WordPress websites and brings a modern layout that serves well for NGOs, non-profit organizations, charity and crowdfunding, education, welfare, donations, ecology conservation, environmental organizations, church, fundraisers, and so on. This modern theme is stunning in design and utilizes best-optimized codes written with precision for obtaining faster page load time to give an unmatched experience to the users. The beautiful CSS animations add more beauty to the minimal style layout and make use of retina-ready images. It is responsive to make your website work on different devices and look beautiful on screens of various resolutions. This is a sophisticated theme with a clean and user-friendly interface allowing professionals as well as novices to create their own website without any hassle. You have personalization options to make sure that your website has your taste. Call to Action Button (CTA) has been included in the design that will act as a guide and SEO-friendly codes will make sure that you grab the best ranks in the search engines for fetching high traffic. Bootstrap framework is used as a base of this theme as WPML and RTL compatibility makes this theme translation-ready to support multiple languages.
Author:misbahwp
Author URI: https://www.misbahwp.com/
Version: 1.0
Requires PHP: 5.6
Tested up to: 6.0
Tags: portfolio, photography, blog, wide-blocks, one-column, two-columns, right-sidebar, left-sidebar, grid-layout, custom-background, custom-colors, custom-header, custom-logo, custom-menu, featured-images, footer-widgets, full-width-template, editor-style, theme-options, threaded-comments
Text Domain: nonprofit-organization-pro
License: GNU General Public License v3 or later
License URI: http://www.gnu.org/licenses/gpl-3.0.html
*/

.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
	-webkit-transition: none;
	-moz-transition: none;
	-o-transition: none;
	transition: none;
}

.screen-reader-text:focus {
	background-color: #f1f1f1;
	border-radius: 3px;
	box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
	clip: auto !important;
	clip-path: none;
	color: #21759b;
	display: block;
	font-size: 14px;
	font-weight: 600;
	height: auto;
	left: 5px;
	line-height: normal;
	padding: 15px 23px 14px;
	text-decoration: none;
	top: 5px;
	width: auto;
	z-index: 100000;
}
.alignwide {
  margin-left  : -80px;
  margin-right : -80px;
}
.alignfull {
  margin-left  : calc( -100vw / 2 + 100% / 2 );
  margin-right : calc( -100vw / 2 + 100% / 2 );
  max-width    : 100vw;
}
.alignfull img {
  width: 100vw;
}

.post-single a, .page-single a,.sidebar-area .textwidget a,.comment-content a {
  text-decoration: none;
  color: #757575;
  text-transform: capitalize;
  font-weight: 600;
}
.post-single span{
  text-transform: capitalize;
  font-weight: 600;
}

body {
  font-family: 'Nunito', sans-serif;
  color: #7e8d95;
  margin:0;
  background: #fff;
}
h1,h2, h3, h4, h5, h6{
 font-family: 'Nunito', sans-serif;
}
a {
  color:#7e8d95;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  text-decoration: none;
}

a:hover,
a:focus {
  color:#30d092;
  text-decoration: none;
}

section.category-title h1 {
  font-size: 18px;
  font-weight: 600;
}
/* ===============================================
   HEADER BOX
   ============================================= */


.header {
  position: static;
}

/*404 Page*/
.page-404 h1{
	font-size: 300px;
  color: #262f34;
}
.page-404 h3{
	font-size: 38px;
	color: #30d092;
}
.page-404 hr{
	width: 10%;
	background: #262f34;
	padding: 1px;
}
.page-404 .intro-button{
 text-align: center;
 display: inline-block;
 padding: 5px;
}
.page-404 .button{
	padding: 15px 40px;
	color: #fff;
	font-size: 18px;
	display: inline-block;
	transition: all 0.2s; 
  text-decoration: none;
}
.page-404 .intro-button:hover{
	background: #262f34;
}
.page-404 .intro-button,
.page-404 .intro-button::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
.page-404 .intro-button::before,
.page-404 .intro-button::after {
  background: #30d092;
  content: '';
  position: absolute;
  z-index: -1;
}
.page-404 .intro-button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.page-404 .intro-button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* ===============================================
   LOGO BOX
   ============================================= */

.logo {
  display: block;
  padding: 15px 0;
	min-height: 53px;
  line-height: 1.4em;
	word-break: break-all;
}
.logo a {
  color: #262f34;
  font-size: 30px;
  line-height: 35px;
  text-decoration: none;
  -webkit-transition: color .1s linear;
  -moz-transition: color .1s linear;
  -o-transition: color .1s linear;
  transition: color .1s linear;
  font-weight: 600;
}
.logo a:hover,
.logo a:focus {
  color:#262f34;
}
.logo span {
  display: block;
  font-size: 14px;
  line-height: 18px;
  color: #767c83;
}
.logo-image {
  float: unset;
}


/* ===============================================
   MENU BOX
   ============================================= */

#main-menu {
	display:block;
	position:relative;
	float:left;
	margin:0 auto;
}
#main-menu ul {
	margin:0;
  padding: 0;
	display:block;
}
#main-menu ul li {
	position:relative;
	display:block;
	float:left;
	text-align:left;
}
#main-menu ul li a {
	color: #fff;
	text-decoration:none;
	display:block;
	z-index:1;
	padding:10px 25px;
  text-transform: uppercase;
  padding-left: 0;
	margin:0;
	font-weight: 500;
	-webkit-transition: color .1s linear, background-color .1s linear;
	-moz-transition: color .1s linear, background-color .1s linear;
	-o-transition: color .1s linear, background-color .1s linear;
	transition: color .1s linear, background-color .1s linear;
	position:relative;
	line-height:40px;
}
#main-menu a:hover,
#main-menu ul li a:hover,
#main-menu li:hover > a,
#main-menu a:focus,
#main-menu ul li a:focus,
#main-menu li.focus > a,
#main-menu li:focus > a,
#main-menu ul li.current-menu-item > a,
#main-menu ul li.current_page_item > a,
#main-menu ul li.current-menu-parent > a,
#main-menu ul li.current_page_ancestor > a,
#main-menu ul li.current-menu-ancestor > a {
	color:#30d092;
}
#main-menu ul.children ,
#main-menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 50px;
	left: 0;
	background:#fff;
	z-index:10001;
	width:213px;
	padding-left:0;
	-webkit-transition: opacity 0.3s ease 0s;
	-moz-transition: opacity 0.3s ease 0s;
	-o-transition: opacity 0.3s ease 0s;
	transition: opacity 0.3s ease 0s;
	box-shadow: 0px 5px 30px rgb(0 0 0 / 13%);
  border-radius: 3px;
}
#main-menu ul li:hover .sub-menu {
display: block;
}
#main-menu ul.children li ,
#main-menu ul.sub-menu li {
	display:block; 
  position:relative; 
  float:none; 
  line-height:18px; 
  margin-left:0; 
  margin-right:0; 
  -webkit-transform: skew(0deg); 
  -ms-transform: skew(0deg); 
  transform: skew(0deg);
  padding: 5px 10px;
}
#main-menu li li:hover > ul,
#main-menu li li:focus > ul,
#main-menu li li.focus > ul {
	top:0px;
	left: -100%;
}

#main-menu ul.children li a ,
#main-menu ul.sub-menu li a {
	display: block;
  position:relative;
  padding: 0px 14px;
  padding-right: 14px;
  font-size: 14px;
	color: #262f34;
	-webkit-transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	transition: all 600ms cubic-bezier(0.77, 0, 0.175, 1);
	cursor: pointer;
  -webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#main-menu ul.sub-menu li a:hover {
	color: #fff;
	-webkit-transition-delay: .6s;
	transition-delay: .6s;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	content: '';
	position: absolute;
	-webkit-transition: 
	inherit;transition: 
	inherit;z-index: -1;
}
#main-menu ul.sub-menu li a:before, #main-menu ul.sub-menu li a:after {
	top: 0;
	width: 0;
	height: 100%;
}
#main-menu ul.sub-menu li a:before{
	left: 0;
	border: 1px solid #30d092;
	border-left: 0;
	border-right: 0;
}
#main-menu ul.sub-menu li a:hover:before {
	-webkit-transition-delay: 0s;
	transition-delay: 0s;
}
#main-menu ul.sub-menu li a:hover:before,
 #main-menu ul.sub-menu li a:hover:after {
 	width: 100%;
 }
#main-menu ul.sub-menu li a:after {
	right: 0;
}
#main-menu ul.sub-menu li a:hover:after {
	background: #30d092;
	-webkit-transition-delay: .4s;
	transition-delay: .4s;
}
#main-menu ul.sub-menu li a:hover:before, #main-menu ul.sub-menu li a:hover:after {width: 100%;}
#main-menu ul.children li ul:before ,
#main-menu ul.sub-menu li ul:before {
	display:none;
}
#main-menu li:hover > ul,
#main-menu li:focus > ul,
#main-menu li.focus > ul {
	opacity:1;
	right:calc(100% - 213px);
}
.menu-toggle,
.dropdown-toggle,
button.close-menu {
	display: none;
	background: #262f34;
	color: #fff;
}



#main-menu ul li:hover .sub-menu {
 display: block;
}

/* ===============================================
   HEADER SEARCH
   =============================================== */

.header-search {
  text-align: right;
}
.header-search .open-search-form i{
  font-size: 18px;
  cursor: pointer;
	color: #262f34;
	margin: 10px 0; 
 }

 a.cart-customlocation i {
  font-size: 16px;
  cursor: pointer;
  color: black;
 }
 p.cart-item-box{
 	position: absolute;
    top: -30%;
    left: 50%;
    background: #30d092;
    width: 18px;
    height: 18px;
    color: #fff;
    border-radius: 50%;
    text-align: center;
    font-size: 12px;
 }
 .header-search .open-search-form i:hover{
 	color: #262f34;
 }
/* a.cart-customlocation i:hover{
 	color: #fff;
 }*/
.header-search .search-form {
	position:fixed;
	top:0;
	right:-100%;
	width:100%;
	height:100%;
	padding:0;
	z-index:1001;
	visibility: hidden;
	-webkit-transition-property: all , -webkit-transform;
    transition-property: all , transform;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
    -webkit-transition-timing-function: cubic-bezier(0.7,0,0.3,1);
    transition-timing-function: cubic-bezier(0.7,0,0.3,1);
	background: rgba(255,255,255, 0.98) none repeat;
	border:none !important;
}
.header-search .search-form.is-open {
	right:0;
	height:100%;
	visibility: visible;
}
.header-search .search-form.is-open form {
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
  padding: 0 50px;
}
.header-search .search-form a.close-search-form {
	top:50px;
	position:absolute;
	margin-left:-13px;
	left:50%;
}
.header-search .search-form i.searchform-close-button {
	font-size:25px;
	color:#616161 !important;
	opacity:0;
	-webkit-transition: transform .2s linear;
	-moz-transition: transform .2s linear;
	-o-transition: transform .2s linear;
	transition: transform .2s linear;
}
.header-search .search-form.is-open i.searchform-close-button {
	opacity:1;
}
.header-search .search-form.is-open i.searchform-close-button:hover {
  -webkit-transform: rotate(90deg);
  -moz-transform: rotate(90deg);
  -o-transform: rotate(90deg);
  transform: rotate(90deg);
}

#site-navigation .sidenav a.closebtn, .open-menu{
  	display: none;
}


/* ===============================================
   POST BOX
   ============================================= */

 
.post-thumbnail {
  line-height: 0;
}
h4.post-title {
  font-size: 22px;
  color: #262f34;
  font-weight: 700;
}
.post-content p{
	color: #262f34;
}
.post-meta i{
	color: #30d092;
}
pre {
	display: block;
	padding: 9.5px;
	margin: 0 0 10px;
	font-size: 13px;
	line-height: 1.42857143;
	color: #121d21;
	white-space: break-spaces;
	background-color: #f5f5f5;
	border: 1px solid #ccc;
  	border-radius: 4px;
}
.post-content img,
.post-thumbnail img,
.post-content iframe,
.post-content object,
.post-content embed {
	max-width: 100%;
}
.post-content img,
.post-thumbnail img {
	max-height:100%;
}
.post-content:after {
  content: "";
  display: table;
  clear: both;
}

#content,footer {
  float: left;
  width: 100%;
}
.latest-post .post-date, .latest-post .post-comments {
    color: #262f34;
    font-weight: 600;
    text-transform: capitalize;
  }
.latest-post .post-meta a {
  color: #767c83;
  font-weight: 500;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post figure{
	margin: 0;
	padding: 0;
	background: #262f34;
	overflow: hidden;
}
.latest-post figure:hover+span{
	opacity: 1;
}
.latest-post figure img{
	webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	width: 100%;
}
.latest-post:hover img{
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
	opacity: 0.5;
}
.post-single .tags-bg a{
	padding: 10px 15px;
	background: #30d092;
	border-radius: 5px;
	text-transform: uppercase;
	color: #fff;
	margin:0 10px;
}
.post-single .tags-bg a:hover{
	background:#262f34 ;
}
.post-single .blog_share_icon .fab{
	width: 50px;
	height: 50px;
	text-align: center;
	border-radius: 50%;
	background: #30d092;
	color: #fff;
	font-size: 18px;
	padding: 15px;
	margin:0 10px;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
.post-single .blog_share_icon .fab:hover{
	transform: rotate(360deg);
	background: #262f34;
}
.post-single {
	display: block;
}
label{
	display: block;
}
 
.latest-post h4 a{
  color: #262f34;
  font-weight: 800;
  font-size: 18px;
}
.latest-post h4 a:hover{
  color: #30d092;
}
.latest-post .post-content p{
  color: #757575;
  font-weight: 400;
}

.latest-post .owl-item .post-admin span img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
.latest-box{
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  background: #fff;
  border-radius: 10px;
}
.latest-post .far.fa-calendar-alt, .latest-post .fas.fa-bookmark{
  color: #717982;
} 
.latest-post .icon-book{
  float: right;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #717982;
  width: 40px;
  height: 40px;
  padding: 10px 14px;
  margin-top: -8px;
}
.latest-post figure{
  margin: 0;
  padding: 0;
  background: #262f34;
  overflow: hidden;
 }
.latest-post figure:hover+span{
  opacity: 1;
}
.latest-post figure img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
.latest-post .post-item:hover figure img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.5;
}
 
.latest-post .far.fa-calendar-alt{
  color: #30d092;
}
.latest-post .far{
  color: #30d092;
  font-size: 18px;
}
.latest-post .comments{
 color: #707070;
  font-size: 18px;
  text-transform: capitalize;
}
.latest-post .read_more{
  color: #30d092;
  font-weight: 600;
  text-transform: capitalize;
  text-decoration: revert;
}
.latest-post .time{
  float: right;
}
.latest-post .admin a{
  color: ;
  text-transform: capitalize;
  font-weight: 800;
}

/*--------------------------------------------------------------
## Comments
--------------------------------------------------------------*/
.comment-form-url input{
  width: 100%;
}
.comment-respond input#submit {
  background: #30d092;
  border: none;
  color: #fff;
  padding: 10px;
  font-weight: 600;
  border-radius: 7px;
  display: inline-block;
  margin: 15px 0;
}
.comment-respond input#submit:hover{
  background-color: #262f34;
}
.comment-content a {
  word-wrap: break-word;
}
.bypostauthor {
  display: block;
}
.comments-title {
  font-size: 1.125rem;
}
.comment-body .pull-left {
  padding-right: 0.625rem;
}
.comment-list {
  padding-left: 0;
}
.comment-list .comment {
  display: block;
}
.comment-list .pingback {
  border-top: 1px solid rgba(0, 0, 0, 0.125);
  padding: 0.563rem 0;
}
.comment-list .pingback a {
  margin-left: 5px;
  margin-right: 5px;
}
.comment-content.card-block {
  padding: 15px;
}
.comment-reply a {
  background: #30d092;
  padding: 5px 15px;
  color: #fff;
  border-radius: 7px;
}
.comment-reply a:hover {
   background: #262f34;
  color: #f3f4f7;
  text-decoration: none;
}

 
@media screen and (min-width : 0) and (max-width : 767px) {

  section.category-title h1 {
    text-align: center;
  }
  #mySidenav span{
  	display: block;
  	font-size:30px;
  	cursor:pointer;
  }
  .logo {
    text-align: center;
  }
  .open-menu{
  	display: block;
  }

  #main-menu ul li {
    float: left;
    width: 100%;
    padding: 5px 15px;
  }

  #main-menu > li > ul.children,
  #main-menu > li > ul.sub-menu {
    position: absolute;
    top:-100%;
    background: #fff;
  }

  #main-menu li.focus > ul.children,
  #main-menu li.focus > ul.sub-menu ,
  #main-menu li:hover > ul.children,
  #main-menu li:hover > ul.sub-menu ,
  #main-menu li:focus > ul.children,
  #main-menu li:focus > ul.sub-menu {
    width: 100%;
    top:0;
    left: 0 !important;
    position: relative;
  }

  #main-menu ul {
    padding: 0;
    float: none;
  }

  #main-menu ul li a {
    padding: 0;
    display: initial;
    font-size: 18px;
  }

  #main-menu ul.children li a ,
  #main-menu ul.sub-menu li a {
    padding: 0;
    line-height:53px;
  }

  #main-menu ul li.menu-item-has-children:after {
    content: '';
    position: absolute;
    border: solid #262f34;
    right: 10px;
    top: 50%;
    border-width: 0 3px 3px 0;
    display: inline-block;
    padding: 3px;
    -webkit-transform: translate(0,-50%) rotate(-45deg);
    transform: translate(0,-50%) rotate(-45deg);
  }

  #main-menu ul.children li,
  #main-menu ul.sub-menu li {
    width: 100%;
    padding-left: 10px;
  }

  #main-menu ul li.menu-item-has-children:hover:after ,
  #main-menu ul li.menu-item-has-children:focus:after,
  #main-menu ul li.menu-item-has-children.focus:after {
    top: 20px;
    -webkit-transform:  rotate(45deg);
    transform:  rotate(45deg);
  }

  #main-menu a:hover,
  #main-menu ul li a:hover,
  #main-menu li:hover > a,
  #main-menu a:focus,
  #main-menu ul li a:focus,
  #main-menu li.focus > a,
  #main-menu li:focus > a,
  #main-menu ul li.current-menu-item > a,
  #main-menu ul li.current_page_item > a,
  #main-menu ul li.current-menu-parent > a,
  #main-menu ul li.current_page_ancestor > a,
  #main-menu ul li.current-menu-ancestor > a {
    background:none;
  }
}


/* ===============================================
   Pagination
   ============================================= */

.pagination,
.nonprofit-organization-pro-pagination {
	margin:25px 0;
}

.pagination .nav-links a,
.pagination .nav-links span.current,
.nonprofit-organization-pro-pagination a span,
.nonprofit-organization-pro-pagination span.current {
	display:inline-block;
	text-decoration: none;
	padding:10px 20px;
	font-size:18px;
  font-weight: 600;
	line-height:21px;
	color:#222;
  border-radius: 4px;
	text-align:center;
	vertical-align:middle;
	cursor:pointer;
	position:relative;
	margin:0;
	-webkit-transition: background-color .3s ease;
	-moz-transition: background-color .3s ease;
	-ms-transition: background-color .3s ease;
	-o-transition: background-color .3s ease;
	transition: background-color .3s ease;
  filter: drop-shadow(8.866px 9.508px 15px rgba(0,0,0,0.1));
}

.pagination .nav-links a:hover,
.pagination .nav-links a:focus,
.pagination .nav-links span.current,
.nonprofit-organization-pro-pagination span.current,
.nonprofit-organization-pro-pagination span.current:hover,
.nonprofit-organization-pro-pagination span.current:focus,
.nonprofit-organization-pro-pagination a span:hover,
.nonprofit-organization-pro-pagination a span:focus {
	background:#30d092;
  color: #ffffff;
}

.commentlist {
	list-style:none;
	margin:0;
	padding:0
}

.commentlist ul {
	list-style:none;
	padding:0;
	margin:0;
}

.commentlist li {
	margin:0;
}

.commentlist li .comment-respond {
	margin-bottom:25px;
}

.commentlist li:last-of-type .comment-respond {
	margin-bottom:0px;
}

.comment-container {
	position: relative;
	margin:0 0 25px 0;
	padding:30px;
	background:#fff;
	border:solid 1px #f3f4f7 !important;
	z-index:999
}

.comment-avatar img {
	float:left;
}

.comment-text {
	position:relative;
	margin-left:110px;
	padding:0 0 0 15px
}

.comment-container .comment-date {
	padding:15px 0;
}

.comment-avatar {
	position:relative;
	width:110px;
	float:left;
}

.comment-author .author {
	display:block;
	font-weight:bold;
}

.commentlist .children li {
	margin-left:30px;
}

.comment-notes {
	font-size:12px;
	margin:-25px 0 25px 0;
}

h3#reply-title,
h3.comments {
	height:30px;
	line-height:30px;
	margin:30px 0;
}

h3#reply-title small,
.logged-in-as {
	font-size: 15px;
	margin:-25px 0 25px 0;
}

.comment-form input[type=text],
.comment-form input[type=email],
.comment-form textarea {
	padding: 10px 2%;
	background:#fff;
	width: 100%;
	margin:0 0 15px 0;
	border:1px solid black;
	color:#262f34;
	-webkit-transition: all .3s ease;
	-moz-transition: all .3s ease;
	-o-transition: all .3s ease;
}

.comment-form input[type=submit] {
	background: #262f34;
	color: #fff;
	border:none;
	font-size:14px;
	font-weight: 600;
	text-align:center;
	position:relative;
	display: block;
	text-shadow:none;
	padding:10px 15px;
	width:inherit;
	margin:0;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
	cursor: pointer;
}

.comment-form input[type=submit]:hover ,
.comment-form input[type=submit]:focus {
	background-color:#248efa;
	text-decoration:none
}

.logged-in-as a {
	color:#262f34;
}

.logged-in-as,
.comment-notes,
.comment-form-comment,
.comment-form-author,
.comment-form-email,
.comment-form-url,
.form-submit {
	display:block;
}

/* ===============================================
   SIDEBARS
   =============================================== */

.sidebar-area .textwidget img{
  width: 100%;
  height: auto;
}
.sidebar-area .sidebar-widget {
	margin-bottom: 25px;
  background: #fff;
  border: 1px solid  #e9e7f4;
  filter: drop-shadow(0 5px 8px rgba(0,0,0,0.08));
}
.sidebar-area a,
.sidebar-area p,
.sidebar-area li,
.sidebar-area address,
.sidebar-area dd,
.sidebar-area blockquote,
.sidebar-area td,
.sidebar-area th,
.sidebar-area .textwidget {
	line-height:1.9em;
	font-weight: normal;
  text-transform: capitalize;
}
.sidebar-area a{
  font-weight: 600;
}
.sidebar-area ul,#calendar_wrap,.sidebar-area .textwidget,.tagcloud {
  list-style:none;
  margin: 0;
  padding: 0 15px;
}
.sidebar-area li a,
.sidebar-area li {
  font-size: 18px;
  font-weight: 500;
}
.sidebar-area li {
  padding-bottom: 15px;
  color: #262f34;
}
.sidebar-area h4.title {
  padding: 10px 15px;
  border-bottom: solid 5px #24212f;
  color: #fff;
  font-size: 24px;
  font-weight: 600;
  background: #30d092;
}
.sidebar-area .tagcloud a {
  font-size: 15px !important;
  background: #fff;
  color: #121d21;
  padding: 5px;
  padding-top: 5px;
  padding-right: 5px;
  padding-bottom: 5px;
  padding-left: 5px;
  display: inline-block;
  margin: 5px 0;
  text-decoration: none;
}
.sidebar-area .tagcloud a:hover{
	background: #262f34;
	color: #fff;
}
.sidebar-area form {
  padding: 0;
}
.sidebar-area select,
.sidebar-area textarea, #comments textarea,
.sidebar-area input[type="text"], #comments input[type="text"],
.sidebar-area input[type="password"],
.sidebar-area input[type="datetime"],
.sidebar-area input[type="datetime-local"],
.sidebar-area input[type="date"],
.sidebar-area input[type="month"],
.sidebar-area input[type="time"],
.sidebar-area input[type="week"],
.sidebar-area input[type="number"],
.sidebar-area input[type="email"],
.sidebar-area input[type="url"],
.sidebar-area input[type="search"],
.sidebar-area input[type="tel"],
.sidebar-area input[type="color"],
.sidebar-area .uneditable-input{
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	width: 100%;
  margin: 0;
  padding: 12px;
  background-color: #f3f4f7;
  border: 1px solid rgba(0, 0, 0, 0.125);
  float: unset;
}
.sidebar-area input[type="search"]{
  width: 69%;
  border: none;
  background: transparent;
}
#wp-calendar th,
#wp-calendar
#today,
#wp-calendar
#today a {
	background:#f3f4f7;
	color:#434343 !important;
}
#wp-calendar a:hover {
	border:none;
}
#wp-calendar {
	background: #fff;
	width:100%;
}
#wp-calendar caption {
	font-size: 14px;
	text-transform:uppercase;
	margin:0 0 10px 0;
	text-align:left;
}
#wp-calendar th,
#wp-calendar td {
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	padding:3px 6px;
}
#wp-calendar td a {
	display:block;
	text-align: center;
	font-size: 14px;
	color:#434343 !important;
	text-decoration:underline
}
#wp-calendar td#prev a,
#wp-calendar td#prev a{
	text-decoration:none;
	text-align:left;
}
#wp-calendar th{
	font-weight:bold
}
tr:nth-child(2n+2) {
	background-color: #f3f4f7;
}
.searchform label {
	display: block;
}
.searchform input[type=text] {
  width: calc(100% - 110px);
  margin: 0;
  padding: 12px;
  float: left;
  background-color: #fff;
  border: 2px solid #efefef;
  outline: none;
}
.searchform input[type=submit]{
	background: #30d092;
	border: none;
	color: #fff;
	font-size:15px;
	font-weight: 600;
	text-align:center;
	position:relative;
	float:left;
	text-shadow:none;
	padding:14px 0;
	width:110px;
	margin:0 auto;
	cursor: pointer;
	-webkit-transition: color .3s ease, background-color .3s ease;
	-moz-transition: color .3s ease, background-color .3s ease;
	-o-transition: color .3s ease, background-color .3s ease;
	transition: color .3s ease, background-color .3s ease;
}

.searchform input[type=submit]:hover ,
.searchform input[type=submit]:focus {
	background-color:#262f34;
	text-decoration:none
}
.searchform:after {
  content: "";
  display: table;
  clear: both;
}
.sidebar-area .post-thumbnail img {
    width: 100%;
    height: 75px;
    border-radius: 50%;
    margin-top: 10px;
  }
  .sidebar-area .post-title {
    font-size: 18px;
  }
footer {
	background: #fff;
}
footer .sidebar-area {
	background: none;
	padding: 25px 0 0 0;
}

footer a,
footer p,
footer .sidebar-area li,
footer .sidebar-area address,
footer .sidebar-area dd,
footer .sidebar-area blockquote,
footer .sidebar-area td,
footer .sidebar-area th,
footer .sidebar-area .title,
footer .sidebar-area .textwidget {
	color: #d0d0d0;
}
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}
img.size-auto,
img.size-full,
img.size-large,
img.size-medium,
img.alignleft,
img.alignright,
img.aligncenter,
.attachment img {
	max-width:100%;
	height:auto;
	margin-bottom: 20px;
}
.alignleft,
img.alignleft {
	display:inline;
	float:left;
	margin-right:24px;
	margin-top:4px;
}
.alignright,
img.alignright {
	display:inline;
	float:right;
	margin-left:24px;
	margin-top:4px;
}
div.aligncenter,
img.aligncenter {
	display: block;
	margin-left: auto !important;
	margin-right: auto !important;
	float:none;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom:12px;
}
.wp-caption {
	background:#f1f1f1;
	line-height:18px;
	margin-bottom:25px;
	max-width:100% !important;
	padding:4px;
	text-align:center;
}
.wp-caption img {
	margin:5px 5px 0;
	width:96%;
	height:100%
}
.wp-caption p.wp-caption-text {
	color:#888;
	font-size:12px;
	margin:5px;
}
.footer-area .woocommerce ul.cart_list li img, .footer-area .woocommerce ul.product_list_widget li img{
	height: 70px;
}


/*SCROLL TO TOP BUTTON*/

#button_scroll {
  display: inline-block;
  background: #30d092;
  width: 45px;
  height: 45px;
  text-align: center;
  position: fixed;
  bottom: 30px;
  right: 30px;
  transition: background-color .3s, 
  opacity .5s, visibility .5s;
  opacity: 0;
  visibility: hidden;
  z-index: 1000;
  color: #fff;
}
#button_scroll::after {
  font-weight: normal;
  font-style: normal;
  font-size: 10px;
  line-height: 50px;
  color: #fff;
} 
#button_scroll.show {
  opacity: 1;
  visibility: visible;
}
#button_scroll .fas{
	color: #fff;
	padding: 8px;
	margin: 5px 0;
}
#button_scroll:hover {
  background: #262f34;
}
#button_scroll,
#button_scroll::after {
  -webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
  -o-transition: all 0.3s;
	transition: all 0.3s;
}
#button_scroll::before,
#button_scroll::after {
  background: #30d092;
  content: '';
  position: absolute;
  z-index: -1;
}
#button_scroll::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#button_scroll:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*PRELOADER*/
/** page **/
.cssloader {
  padding-top: calc(45vh - 25px);
  position: fixed;
  width: 100%;
  height: 100%;
  top:0;
  right: 0;
  left: 0;
  bottom: 0;
  background: #212121;
  z-index: 99999;
}

/** loader **/

.sh1 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 50px 50px 0 0;
  border-color: #fff transparent transparent transparent;
  margin: 0 auto;
  animation: shk1 1s ease-in-out infinite normal;
}
.sh2 {
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 0 50px 50px;
  border-color: transparent  transparent #30d092 transparent ;
  margin: -50px auto 0;
  animation: shk2 1s ease-in-out infinite alternate;
}

/** animation starts here **/

@keyframes shk1 {
  0% {
    transform: rotate(-360deg);
  }  
  
  100% {
  }
}

@keyframes shk2 {
  0% {
    transform: rotate(360deg);
  }
  100% {
  }
}
.lt {
  color: #fff;
  margin: 30px auto;
  text-align: center;
  font-weight: 100;
  letter-spacing: 10px;
}
a.close-search-form{
	display: none;
}

/*SRTICKY HEADER*/

.fix-sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 100;
}
.admin-bar .fix-sticky {
	margin-top: 32px;   
}
 

/*Body*/ 

.top_header{
  background: linear-gradient(90deg, #30d092 30%, #fff 30%);
}
.top_header p{
  margin-bottom: 0;
}
header#site-navigation.fix-sticky{
  background: #262f34;
}
.header-menu{
  background: #262f34;
}
.top_header .mail, .top_header .location, .top_header .time{
  font-size: 11px;
  font-weight: 600;
  color: #535d62;
}
.top_header .dashicons{
  color: #fff;
  background: #30d092;
  width: 40px;
  height: 40px;
  padding: 10px;
  border-radius: 6px;
}
.top_header p{
  color: #535d62;
  font-weight: 800;
}
.top_header span.text1 ,.top_header span.text2{
  color: #7e8d95;
  font-size: 13px;
  font-weight: 400;
}
.menu-header .button{
  background: #30d092;
  color: #fff;
  padding: 10px 25px;
  font-weight: 600;
  display: inline-block;
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 30px;
  position: relative;
  top: 5px;
}
.menu-header .button:hover{
  background: #fff;
  color: #262f34;
  text-decoration: none;
}
.menu-header .button,
.menu-header .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
.menu-header .button::before,
.menu-header .button::after {
  background: #30d092;
  content: '';
  position: absolute;
  z-index: -1;
}
.menu-header .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
.menu-header .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/*SLIDER SECTION*/ 

#slider .slider-content{
  position: absolute;
  transform: translateY(-50%);
  top: 50%;
  right: 50%;  
  bottom: auto;
} 
#slider h2{
  color: #fff;
  font-size: 18px;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: 800;
}
#slider h2:before {
  position: absolute;
  content: "";
  width: 85%;
  left: 0;
  height: 1px;
  background: #fff;
  top: 0;
  bottom: 0;
}
#slider h2:after {
  position: absolute;
  content: "";
  width: 80%;
  left: 0;
  height: 1px;
  background: #fff;
  top: -4px;
  bottom: 0;
}
#slider hr{
  background: #fff;
  border: none;
  height: 1px;
}
#slider .hr1{
  margin-right: 15%;
}
#slider .hr2{
  margin-right: 20%;
  margin-top: -12px;
}
#slider h1{
  color: #fff;
  font-weight: 800;
  font-size: 48px;
}
#slider .button{
  background: #30d092;
  color: #fff;
  padding: 10px 25px;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 30px;
}
#slider .button:hover{
  background: #fff;
  color: #262f34;
  text-decoration: none;
}
#slider .button,
#slider .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#slider .button::before,
#slider .button::after {
  background: #30d092;
  content: '';
  position: absolute;
  z-index: -1;
}
#slider .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#slider .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#slider .owl-dots{
  display: none;
}

/* ABout Us Section */

#about_us .img-bg{
  background: #30d092;
  position: absolute;
  width: 50%;
  height: 475px;
  left: -5px;
  top: -4%;
  border-radius: 8px;
}
#about_us h5{
	color: #30d092;
	font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#about_us hr{
  background: #30d092;
  border: none;
  height: 1.5px;
}
#about_us .hr1{
  margin-right: 45%;
  margin-top: 0;
}
#about_us .hr2{
  margin-right: 52%;
  margin-top: -12px;
}
#about_us h3{
	color: #262f34;
	font-weight: 800;
	font-size: 38px;
}
#about_us .dashicons{
  background: #30d092;
	color: #fff;
  border-radius: 50%;
  display: inline;
  display: inline-table;
}
#about_us .list-text{
  font-weight: 600;
  color: #535d62;
}
#about_us h6{
	color: #262f34;
  font-weight: 800;
}
#about_us figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  border-radius: 8px;
}
#about_us figure:hover+span{
  opacity: 1;
}
#about_us img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 8px;
}
#about_us img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  border-radius: 8px;
}
#about_us .button{
  background: #30d092;
  color: #fff;
  padding: 10px 25px;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 30px;
}
#about_us .button:hover{
  background: #262f34;
  color: #fff;
  text-decoration: none;
}
#about_us .button,
#about_us .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#about_us .button::before,
#about_us .button::after {
  background: #30d092;
  content: '';
  position: absolute;
  z-index: -1;
}
#about_us .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#about_us .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}

/* Services Section*/

#services h5{
  color: #30d092;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#services hr{
  background: #30d092;
  border: none;
  height: 1.5px;
}
#services .hr1{
  margin-right: 15%;
  margin-top: 0;
}
#services .hr2{
  margin-right: 20%;
  margin-top: -12px;
}
#services h3{
  color: #262f34;
  font-size: 34px;
  font-weight: 800;
}
#services h4{
  color: #535d62;
  font-weight: 800;
  font-size: 38px;
}
#services .services-box{
  background: #fff;
  border-radius: 8px;
  filter: drop-shadow(0 0 25px rgba(48,208,146,0.1));
}
#services .dashicons{
  font-size: 60px;
  color: #30d092;
   display: inline-table;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#services .services-box:hover .dashicons{
  transform: rotate(360deg);
  color: #535d62;
}
#services .services_title{
  color: #535d62;
  font-weight: 800;
  font-size: 20px;
}
#services .read_more{
  color: #30d092;
  text-decoration: revert;
  font-weight: 700;
}
#services .read_more:hover{
  color: #262f34;
}
#services p{
  color: #a4a0bc;
}
#services .services-box:after{
  background: #30d092;
  content: '';
  padding: 5px;
  width: 100%;
  border-radius: 0 0 20px 20px;
  display: block;
  margin: auto; 
  position: relative;
  top: 59px;
}
#services .services-box:before{
  content: '';
  background: #30d092;
  padding: 5px;
  width: 100%;
  border-radius: 20px 20px 0 0;
  display: block;
  margin: auto; 
  position: relative;
  bottom: 59px;
}


/*Featured camp*/

#featured_camp h5{
  color: #30d092;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#featured_camp hr{
  background: #30d092;
  border: none;
  height: 2px;
}
#featured_camp .hr1{
 width: 22%;
  margin-top: 0;
}
#featured_camp .hr2{
  width: 20%;
  margin-top: -12px;
}
#featured_camp h3{
  color: #262f34;
  font-size: 34px;
  font-weight: 800;
}
#featured_camp .project-box{
  background: #fff;
  border-radius: 8px;
  border: 1px solid #cdddd7;
  border-radius: 8px;
}
#featured_camp h4 a{
  color: #535d62;
  font-size: 20px;
  font-weight: 700;
}
#featured_camp h4 a:hover{
  color: #30d092;
}
#featured_camp figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 6px;
}
#featured_camp figure:hover+span{
  opacity: 1;
}
#featured_camp img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 6px;
}
#featured_camp .project-box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
  border-radius: 6px;
}
#featured_camp .cat-name{
  background: #ffa500;
  color: #fff;
  text-transform: uppercase;
  position: absolute;
  border-radius: 6px;
  padding: 5px 15px;
  top: 37%;
  right: 20px;
  font-weight: 700;
}
#featured_camp .button{
  background: #30d092;
  color: #fff;
  padding: 10px 25px;
  font-weight: 700;
  display: block;
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 30px;
}
#featured_camp .button:hover{
  background: #262f34;
  color: #fff;
  text-decoration: none;
}
#featured_camp .button,
#featured_camp .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#featured_camp .button::before,
#featured_camp .button::after {
  background: #30d092;
  content: '';
  position: absolute;
  z-index: -1;
}
#featured_camp .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#featured_camp .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#featured_camp .meta_box{
  border-top: 1px solid #cdddd7;
}
#featured_camp .price_text{
  margin-bottom: 0;
  color: #7e8d95;
}
#featured_camp .price_number{
  color: #30d092;
  font-weight: 700;
  font-size: 16px;
}
#featured_camp .progress{
    height: 7px;
    background: #c0f1de;
    border-radius: 6px;
    box-shadow: none;
    overflow: visible;
    position: relative;
    margin-bottom: 30px;
}
#featured_camp .progress-bar{
  background: #30d092;
}
#featured_camp .progress .progress-bar{
    box-shadow: none;
    border-radius: 0;
    position: relative;
    -webkit-animation: animate-positive 2s;
    animation: animate-positive 2s;
    border-radius: 6px;
}
#featured_camp .progress .progress-bar:after{
    content: "";
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: -5px;
    top: -2px;
}
#featured_camp .progress .progress-value{
    width: 45px;
    height: 30px;
    line-height: 30px;
    border-radius: 3px;
    background: #30d092;
    font-size: 15px;
    font-weight: 700;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 30px;
    right: -17px;
    line-break: anywhere;
}
#featured_camp .progress .progress-value:after{
    content: "";
    border-top: 7px solid #30d092;
    border-left: 7px solid transparent;
    border-right: 7px solid transparent;
    position: absolute;
    bottom: -7px;
    left: 35%;
}
#featured_camp .progress.green .progress-bar:after{ border: 3px solid #21da9a; }


@-webkit-keyframes animate-positive{
    0% { width: 0; }
}
@keyframes animate-positive{
    0% { width: 0; }
}

/*Volunteers Section*/

#volunteers .img_text{
  background: #262f34;
  color: #fff;
  border-radius: 10px 10px 0 0;
}
#volunteers h4{
  margin-bottom: 0;
  font-size: 30px;
  font-weight: 800;
}
#volunteers h5{
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#volunteers hr{
  background: #fff;
  border: none;
  height: 2px;
}
#volunteers .hr1{
 margin-right: 50%;
  margin-top: 0;
}
#volunteers .hr2{
  margin-right: 52%;
  margin-top: -12px;
}
#volunteers h3{
	color: #fff;
	font-size: 34px;
	font-weight: 800;
  width: 70%;
}
#volunteers figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#volunteers figure:hover+span{
  opacity: 1;
}
#volunteers img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#featured_camp img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
#volunteers .button{
  background: #fff;
  color: #30d092;
  padding: 10px 25px;
  font-weight: 700;
  display: inline-block;
  overflow: hidden;
  text-transform: uppercase;
  border-radius: 30px;
}
#volunteers .button:hover{
  background: #262f34;
  color: #fff;
  text-decoration: none;
}
#volunteers .button,
#volunteers .button::after {
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#volunteers .button::before,
#volunteers .button::after {
  background: #fff;
  content: '';
  position: absolute;
  z-index: -1;
}
#volunteers .button::after {
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
}
#volunteers .button:hover:after {
  height: 0;
  left: 50%;
  top: 50%;
  width: 0;
}
#volunteers figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#volunteers figure:hover+span{
  opacity: 1;
}
#volunteers img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#volunteers img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}


/*Our team*/

#our_team h5{
  color: #30d092;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#our_team hr{
  background: #30d092;
  border: none;
  height: 2px;
}
#our_team .hr1{
 width: 22%;
  margin-top: 0;
}
#our_team .hr2{
  width: 20%;
  margin-top: -12px;
}
#our_team h3{
  color: #262f34;
  font-size: 34px;
  font-weight: 800;
}
#our_team figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 10px;
}
#our_team figure:hover+span{
  opacity: 1;
}
#our_team img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
  border-radius: 10px;
}
#our_team .team_box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
  border-radius: 10px;
}
#our_team .name_box{
  background: #30d092;
  color: #fff;
  position: absolute;
  top: 82%;
  left: 5%;
  right: 5%;
  border-radius: 8px;
  display: none;
}
#our_team .team_box:hover .name_box{
  display: block;
}
#our_team h4, #our_team h6{
  margin-bottom: 0;
}
#our_team .owl-carousel .owl-nav{
  position: absolute;
  bottom:50%;
  display: block;
  width: 100%;
}
#our_team .owl-carousel .owl-nav button.owl-prev{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #30d092;
  color: #fff;
  outline: none;
  position: relative;
  float: left;
  right: 40px;
  border: 5px solid #fff;
}
#our_team .owl-carousel .owl-nav button.owl-next{
  width: 50px;
  height: 50px;
  border-radius: 50%;
  background: #30d092;
  color: #fff;
  outline: none;
  position: relative;
  left: 40px;
  float: right;
  border: 5px solid #fff;
}

/*Testimonials*/

#testimonial h5{
  color: #30d092;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#testimonial hr{
  background: #30d092;
  border: none;
  height: 2px;
}
#testimonial .hr1{
 width: 22%;
  margin-top: 0;
}
#testimonial .hr2{
  width: 20%;
  margin-top: -12px;
}
#testimonial h3{
  color: #262f34;
  font-size: 34px;
  font-weight: 800;
  text-transform: capitalize;
}
#testimonial .testimonial_box{
  background: #fff;
  border-radius: 6px;
  margin: 0 5px;
}
#testimonial h4{
  color: #535d62;
  font-weight: 800;
  font-size: 20px;
}
#testimonial img{
  width: auto;
  display: inline-block;
  border-radius: 50%;
}
#testimonial h6{
  color: #b3b3b3;
}
#testimonial .testimonial_box:after{
  background: #30d092;
  content: '';
  padding: 5px;
  height: 80%;
  border-radius: 10px 0 0 10px;
  display: block;
  margin: auto; 
  left: 6px;
  position: absolute;
  top: 30px;
}
#testimonial .testimonial_box:before{
  content: '';
  background: #30d092;
  padding: 5px;
  height: 80%;
  border-radius:  0 10px 10px 0;
  display: block;
  right: 6px;
  margin: auto; 
  position: absolute;
  bottom: 30px;
}
#testimonial .fas{
  color: #30d092;
  font-size: 40px;
  position: absolute;
  top: 0;
  right: 45px;
}


/*Recent Blog Section*/

#recent_blog h5{
  color: #30d092;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#recent_blog hr{
  background: #30d092;
  border: none;
  height: 2px;
}
#recent_blog .hr1{
 width: 22%;
  margin-top: 0;
}
#recent_blog .hr2{
  width: 20%;
  margin-top: -12px;
}
#recent_blog h3{
  color: #262f34;
  font-size: 34px;
  font-weight: 800;
}
#recent_blog .recent_box{
  margin-bottom: 120px;
}
#recent_blog figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 10px;
}
#recent_blog figure:hover+span{
  opacity: 1;
}
#recent_blog img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 10px;
}
#recent_blog .recent_box:hover img{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
  border-radius: 10px;
}
#recent_blog .latest_content{
  background: #fff;
  border-radius: 8px;
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
  position: absolute;
  top: 54%;
  left: 2%;
  right: 2%;
}
#recent_blog h4 a{
  color: #262f34;
  font-weight: 800;
  font-size: 18px;
}
#recent_blog .recent_box:hover h4 a{
  color: #30d092;
}
#recent_blog .read_more{
  color: #30d092;
  text-decoration: underline;
  font-weight: 600;
  margin: 0 5px; 
}
#recent_blog i{
  color: #30d092;
}
#recent_blog .admin a{
  color: #7e8d95;
  text-transform: capitalize;
}
#recent_blog .owl-dots {
  text-align: center;
  width: 100%;
  display: none;
  bottom: 10px;
}
#recent_blog .owl-dots button.owl-dot {
  width: 10px;
  height: 10px;
  border-radius: 50%;
  display: inline-block;
  background: #262f34;
  margin: 0 5px;
  outline: none;
}
#recent_blog .owl-dots button.owl-dot.active {
   background-color:#30d092;
}
#recent_blog .fas{
  font-size: 20px;
}
#recent_blog span.time{
  border-right: 2px solid #cdddd7;
  padding: 0 15px 0 0;
}
#recent_blog span.admin{
  border-right: 2px solid #cdddd7;
  padding: 0 15px 0 0;
}

/*Mission Section*/

#mission h5{
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 1px;
}
#mission hr{
  background: #fff;
  border: none;
  height: 2px;
}
#mission .hr1{
 width: 22%;
  margin-top: 0;
}
#mission .hr2{
  width: 20%;
  margin-top: -12px;
}
#mission h3{
  color: #fff;
  font-size: 34px;
  font-weight: 800;
}
#mission .mission_box{
  background: #fff;
  border-radius: 8px;
}
#mission .dashicons{
  color: #30d092;
  font-size: 100px;
  display: inline-table;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
}
#mission .mission_box:hover .dashicons{
  transform: rotate(360deg);
  color: #262f34;
}
#mission h4{
  color: #535d62;
  font-weight: 800;
}
#mission p{
  margin-bottom: 0;
}
#mission figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: #000000;
  border-radius: 8px;
}
#mission figure:hover+span{
  opacity: 1;
}
#mission img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  border-radius: 8px;
}
#mission img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  opacity: 0.6;
  border-radius: 8px;
}
#mission .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
    position: absolute;
  }
  #mission .owl-dots button.owl-dot {
    width: 15px;
    height: 6px;
    border-radius: 30px;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #mission .owl-dots button.owl-dot.active {
    background-color:#30d092;
    width: 25px;
  }


/*Newsletter*/


#newsletter .newsletter_box{
  background: #fff;
  border-radius: 8px;
  position: relative;
  margin-bottom: -6%;
  filter: drop-shadow(0 0 18px rgba(0,0,0,0.08));
}
#newsletter .newsletter_box:after{
  background: #30d092;
  content: '';
  padding: 5px;
  height: 80%;
  border-radius: 10px 0 0 10px;
  display: block;
  margin: auto; 
  left: -10px;
  position: absolute;
  top: 30px;
}
#newsletter .newsletter_box:before{
  content: '';
  background: #30d092;
  padding: 5px;
  height: 80%;
  border-radius:  0 10px 10px 0;
  display: block;
  right: -10px;
  margin: auto; 
  position: absolute;
  bottom: 30px;
}
#newsletter h3{
  font-size: 28px;
  color: #262f34;
  font-weight: 800;
}

#newsletter img{
  width: 100%;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
  background: transparent;
  padding: 15px 20px;
  border: 1px solid rgba(126,141,149,0.18);
  outline: none;
  width: 80%;
  color: #262f34;
  border-radius: 30px;
  float: left;
}
#newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email::placeholder{
  color: #262f34;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
  background: #30d092;
  padding: 13px 20px;
  color: #fff;
  outline: none;
  border: none;
  cursor: pointer;
  position: relative;
  right: 21%;
  border-radius: 30px;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  margin: 4px 0;
}
#newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #262f34;
  color: #fff;
}
#newsletter figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
  background: transparent;
}
#newsletter figure:hover+span{
  opacity: 1;
}
#newsletter img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
}
#newsletter img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
 
}


/*Footer Section*/

.footer-area .textwidget{
  list-style: none;
}
.footer-area .textwidget ul{
  padding: 0 10px;
}
.footer-area .textwidget ul li {
  margin: 10px 0;
  color: #d0d0d0;
  font-weight: 500;
}
.footer-area li::marker {
    color: #30d092;
}
.footer-area h2{
  color: #fff;
  font-weight: 500;
}
.footer-area h4.title{
  color: #fff;
  font-weight: 600;
  font-size: 24px;
  margin-top: 55px;
}
.footer-area  .fab{
  margin-right: 20px;
  margin-top: 10px;
  color: #a4a0bc;
  text-align: center;
  cursor: pointer;
  font-size: 18px;
}
.footer-area .fas, .footer-area .far{
  color: #fff;
  margin-right: 10px;
  background: #30d092;
  border-radius: 50%;
  width: 40px;
  height: 40px;
  padding: 13px 13px;
}
.footer-area .fab:hover{
  color: #30d092;
}
.footer-area .post-thumbnail img {
    max-width: 100px;
    height: 70px;
    float: right;
}
.footer-area .post-title {
    font-size: 16px;
    font-weight: 400;
}
.footer-area .post-meta a{
  font-weight: 400;
  color: #30d092;
  font-size: 18px;
}
.footer-area ul {
  padding: 0px;
  line-height: 2;
}
.footer-area ul li{
  margin: 10px 0; 
  color: #d0d0d0;
  list-style: none;
}
.footer-area select{
  width: 100%;
  padding: 10px;
}
.footer-area bdi{
  color: #30d092;
}
.copyright {
  background: transparent;
}
.copyright .copyright-box {
  border-top: 1px solid #424749;
}
.copyright p{
  color: #d0d0d0;
  margin-bottom: 0;
}
.copyright a{
  color: #fff;
}
.copyright a:hover{
  color: #30d092;
}
.footer-area .woocommerce ul.product_list_widget li{
   padding: 5px 0;
}
.footer-area img{
  width: 100%;
}
.page-template-frontpage  .footer-area h2{
  margin-top: 50px;
}

/*Contact Page*/

#contact .contact-title{
  font-size: 44px;
  color: #1e1e1e;
  font-weight: 700;
}
#contact h2{
 font-size: 30px;
  line-height: 42px;
  color: #262f34;
  font-weight: 600;
}
#contact p{
  color: #262f34;
}
#contact .contact-text{
  color: #262f34;
}
#contact .icon1{
  background: #fff;
  color: #262f34;
  border-radius: 50%;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  width: 45px;
  height: 45px;
  padding: 10px;
  margin: 0 5px;
  webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  font-size: 24px;
  cursor: pointer;
}
#contact .icon1:hover{
  transform: rotate(360deg);
  color: #fff;
  background: #30d092;
}
#contact .contact-enquiry{
  background: #fff;
}
#contact .services-box{
  background: #fff;
  border-radius: 10px;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
  height: 200px;
}

#contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required {
  width: 25%;
  margin: 10px 10px;
}
#contact input.wpcf7-form-control.wpcf7-text{
  padding: 15px 20px;
  background: #f2f5f8;
  border: 1px solid #e8e6f4 ;
  margin: 10px;
  outline: none;
  width: 46%;
}
#contact textarea.wpcf7-form-control.wpcf7-textarea{
  width: 95%;
  height: 130px;
  padding: 20px 25px;
  margin: 15px 10px;
  background: #f2f5f8;
  border: 1px solid #e8e6f4 ;
  outline: none;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit {
  display: inline-block;
  padding: 10px 30px;
  margin: 20px 10px;
  text-align: center;
  color: #fff; 
  text-decoration: none;
  font-weight: 500;
  background: #30d092;
  border: none;
  text-transform: uppercase;
}
#contact input.wpcf7-form-control.has-spinner.wpcf7-submit:hover{
  background: #262f34;
  color:#fff; 
  font-weight: 500;
  border: none;
}
#contact span.wpcf7-spinner{
  display: block;
}
#contact embed{
  width: 100%;
  height: 500px;
}
#contact .icon2{
  font-size: 50px;
  background: #30d092;
  width: 80px;
  height: 80px;
  border-radius: 50%;
  position: absolute;
  left: 0;
  top: -50px;
  right: 0;
  margin: auto;
  color: #fff;
  padding: 15px;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
#contact .services-box:hover .icon2{
  transform: rotate(360deg);
  color: #30d092;
  background: #262f34;
}
#contact h6{
  color: #262f34;
  text-transform: capitalize;
  font-size: 20px;
  font-weight: 600;
}
#contact h5{
  color: #30d092;
  text-transform: capitalize;
  font-size:32px;
  font-weight: 700;
}
#contact h3{
  color: #262f34;
  text-transform: capitalize;
  font-size: 34px;
  font-weight: 600;
}


/*Donation Page*/
#donation_page h3{
  color: #30d092;
  font-weight: 800;
  margin: 10px 0;
}
#donation_page .donation-contact{
  background: #30d092;
  color: #fff;
  border-radius: 8px;
  margin: 10px 0;
}
#donation_page .dashicons{
  font-size: 30px;
  background: #262f34;
  width: 50px;
  height: 50px;
  border-radius: 50%;
  color: #fff;
  padding: 15px;
  display: inline;
  -webkit-transition: all .5s ease 0s;
  -o-transition: all .5s ease 0s;
  transition: all .5s ease 0s;
  display: inline-table;
  filter: drop-shadow(0 0 15px rgba(0,0,0,0.1));
}
#donation_page .donation-contact:hover .dashicons{
  transform: rotate(360deg);
  color: #30d092;
  background: #fff;
}

#donation_page figure{
  margin: 0;
  padding: 0;
  overflow: hidden;
}
#donation_page figure:hover+span{
  opacity: 1;
}
#donation_page img{
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transition: .3s ease-in-out;
  transition: .3s ease-in-out;
  width: 100%;
}
#donation_page img:hover{
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}



/*MEDIA QUERY 320 TO 720*/

@media only screen and (min-width: 320px) and (max-width: 720px){
  .admin-bar .fix-sticky{
   	margin-top: 0;
   }
   .fix-sticky{
    position: unset;
   }
   #main-menu ul li a{
    color: #262f34;
   }
	.sidenav {
	  height: 100%;
	  width: 0;
	  position: fixed;
	  z-index: 9999;
	  top: 0;
	  left: 0;
	  background-color: #ffff;
	  overflow-x: hidden;
	  transition: 0.5s;
	  padding-top: 60px;
	  text-align:center;
	}
	.sidenav a {
	  padding: 8px 8px 8px 32px;
	  text-decoration: none;
	  font-size: 25px;
	  color: #818181;
	  display: block;
	  transition: 0.3s;
	}
	#main-menu{
		top: 25px;
	}
	.sidenav a:hover{
	  color: #f1f1f1;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		box-shadow: none;
	}
	.sidenav .closebtn {
	  position: absolute;
	  top: 50px;
	  right: 25px;
	  font-size: 36px;
	  margin-left: 50px;
	}
	#site-navigation .sidenav a.closebtn, .open-menu{
		display: inline-block;
		background: #30d092;
		padding: 0 10px;
		color: #fff;
	}
	#main-menu ul.children, #main-menu ul.sub-menu{
		background: transparent;
	}
	#main-menu ul.sub-menu li a:hover:after{
		background: transparent;
		color: #262f34;
	}
	#main-menu ul.sub-menu li a:hover{
		color: #262f34;
	}
	#main-menu ul.sub-menu li a:before{
		border: none;
	}
	.woocommerce #content table.cart td.actions .coupon .button.alt,
	.woocommerce #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce table.cart td.actions .coupon .button.alt,
	.woocommerce table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page #content table.cart td.actions .coupon .button.alt,
	.woocommerce-page #content table.cart td.actions .coupon .input-text+.button,
	.woocommerce-page table.cart td.actions .coupon .button.alt,
	.woocommerce-page table.cart td.actions .coupon .input-text+.button{
     float: unset;
     width: 100% !important;
     margin: 0;
  }
	.woocommerce #content table.cart td.actions .button,
	.woocommerce table.cart td.actions .button,
	.woocommerce-page #content table.cart td.actions .button,
	.woocommerce-page table.cart td.actions .button{
    width: 100%;
    margin: 0;
  }
  .woocommerce-cart table.cart td.actions .coupon .input-text{
  	width: 100% !important;
  }
  .woocommerce div.product .woocommerce-tabs ul.tabs li{
  	padding: 10px 20px;
  }
  .woocommerce .quantity .qty{
  	max-width: 120px;
  }
  .summary.entry-summary{
    text-align: center;
  }
  .woocommerce div.product div.images img,
  .woocommerce ul.products li.product a img{
    padding: 0 5px;
  }
  section.related.products{
    padding: 0 5px;
  }
  .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product{
  	width: 100%;
  }
  .page-404 h1{
  	font-size: 100px;
  }
  .page-404 p{
  	margin-left: 0;
  	margin-right: 0;
  }
  p.cart-item-box{
    left: 50%;
  }
  .admin-bar .fix-sticky{
    position: relative;
  }
  .top_header{
    background: #fff;
  }
  .top_header .div_box1{
    background: #30d092;
  }
  #slider .slider-content{
    top: 25%;
    transform: translateY(-25%);
    left: 5%;
    right: 30%;
  }
  #slider h2{
    display: none;
  }
  #slider hr{
    display: none;
  }
  #slider h1{
    font-size: 16px;
  }
  #slider p{
    display: none;
  }
  #slider .button{
    font-size: 10px;
    padding: 5px 10px;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#30d092;
  }
  #about_us .img-bg{
    height: 256px;
    left: 6px;
  }
  #about_us .hr1{
    width: 100%;
    margin-right: 0;
  }
  #about_us .hr2{
    width: 95%;
    margin-right: 0;
  }
  #services .hr1{
    width: 100%;
    margin-right: 0;
  }
  #services .hr2{
    width: 95%;
    margin-right: 0;
  }
  #featured_camp .hr1{
    width: 100%;
  }
  #featured_camp .hr2{
    width: 95%;
  }
  #volunteers .hr1{
    width: 100%;
    margin-right: 0;
  }
  #volunteers .hr2{
    width: 95%;
    margin-right: 0;
  }
  #volunteers h3{
    width: 100%;
  }
  #our_team .hr1{
    width: 100%;
  }
  #our_team .hr2{
    width: 95%;
  }
  #our_team .owl-carousel .owl-nav{
    display: none;
  }
  #our_team .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }
  #our_team .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #our_team .owl-dots button.owl-dot.active {
    background-color:#30d092;
  }
  #testimonial .testimonial_box:after{
    height: 85%;
  }
  #testimonial .hr1{
    width: 100%;
  }
  #testimonial .hr2{
    width: 95%;
  }
  #testimonial .testimonial_box:before{
    height: 85%;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }
  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #testimonial .owl-dots button.owl-dot.active {
    background-color:#30d092;
  }
  #recent_blog .hr1{
    width: 100%;
  }
  #recent_blog .hr2{
    width: 95%;
  }
  #recent_blog .latest_content{
    top: 45%;
  }
  #recent_blog .latest_content{
    margin-bottom: 190px;
  }
  #mission .hr1{
    width: 100%;
  }
  #mission .hr2{
    width: 95%;
  }
  #mission .mission_box{
    margin: 5px 0;
  }
  #newsletter .newsletter_box{
    margin-bottom: 0;
  }
  #newsletter .newsletter_box:after, #newsletter .newsletter_box:before{
    display: none;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 10px 10px;
    width: 100%;
    font-size: 14px;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    position: unset;
    right: 0;
    margin: 15px 0;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  .footer-area ul{
    padding: 0 10px;
  }
  #contact .services-box{
    margin-bottom: 50px;
  }
  #contact .contact-form p{
  	margin-left: 0;
  	margin-right: 0;
  }
  #contact input.wpcf7-form-control.wpcf7-text,
  #contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number,
  #contact textarea.wpcf7-form-control.wpcf7-textarea{
  	width: 100%;
  	margin: 15px 0;
  }
  #contact .wpcf7 .ajax-loader{
  	display: block;
  	left: 38%;
  }
  #comments textarea{
  	width: 100%;
  }
	.woocommerce-page div.product div.summary{
	 	padding: 15px;
	} 
  .post-single .blog_share_icon .fab{
    width: 40px;
    height: 40px;
    font-size: 14px;
    margin: 0 -1px;
  }
  .copyright  img{
    margin: 10px 0;
  }
  .latest-post .comments{
    font-size: 16px;
  }
  .latest-post .date-meta{
    font-size: 14px;
  }
  .page-template-frontpage .footer{
    margin-top: 40px;
  }
  .footer-area h4.title{
    margin-top: 0;
  }
  #featured_camp .cat-name{
    top: 28%;
  }
   
}

 
/*MEDIA 721 TO 1023*/

@media only screen and (min-width: 721px) and (max-width: 1023px){
	#main-menu{
		float: left;
		width: 100%;
	}
  .admin-bar .fix-sticky{
    margin-top: 45px;
  }
  
  #contact input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required{
    width: 30%;
  }
	#contact textarea.wpcf7-form-control.wpcf7-textarea{
		width: 95%;
		margin: 15px 0;
	}
	#contact input.wpcf7-form-control.wpcf7-number.wpcf7-validates-as-number{
		width: 45%;
		margin: 10px 10px;
	}
	#contact input.wpcf7-form-control.wpcf7-text{
		width: 46%;
		margin: 20px 10px;
	}
	#contact .wpcf7 .ajax-loader{
		display: block;
	}
	.sidebar-area .post-title{
		font-size: 14px;
	}
	.woocommerce div.product div.images img{
		width: auto;
	}
	.woocommerce #content div.product div.images, .woocommerce div.product div.images,
	.woocommerce-page #content div.product div.images, .woocommerce-page div.product div.images{
	 	width: 50%;
	}
	.woocommerce #content div.product div.images, .woocommerce #content div.product div.summary,
	.woocommerce div.product div.images, .woocommerce div.product div.summary, 
	.woocommerce-page #content div.product div.images, .woocommerce-page #content div.product div.summary, 
	.woocommerce-page div.product div.images, .woocommerce-page div.product div.summary{
	 	float: left;
	 	width: 50%;
	}
	.woocommerce button.button{
	 	margin: 0 10px;
	 	padding: 12px 20px;
	}
  .top-header span{
    font-size: 12px;
  }
  #main-menu ul li a{
    padding: 10px 10px;
    font-size: 14px;
  }
  #slider .slider-content {
    top: 50%;
    left: 5%;
    right: 35%;
  }
  #slider p{
    display: none;
  }
  #slider h2{
    font-size: 16px;
  }
  #slider h1 {
    font-size: 34px;
  }
  #slider .button{
    padding: 6px 10px;
    font-size: 14px;
  }
  #slider .owl-carousel .owl-nav{
    display: none;
  }
  #slider .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    position: absolute;
    bottom: 10px;
  }
  #slider .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #about_us h3{
    font-size: 30px;
  }
  #slider .owl-dots button.owl-dot.active {
    background-color:#30d092;
  }
  #about_us .img-bg{
    height: 290px;
    top: -10px;
  }
  #services .hr1{
    margin-right: 30%;
    margin-left: 30%;
  }
  #services .hr2{
   margin-right: 35%;
    margin-left: 35%;
  }
  #featured_camp .hr1{
   width: 35%;
  }
  #featured_camp .hr2{
   width: 30%;
  }
  #our_team .name_box{
    top: 77%;
  }
  #volunteers h3{
    width: 100%;
  }
  #volunteers .hr1{
    margin-right: 15%;
  }
  #volunteers .hr2 {
   margin-right: 20%;
  }
  #our_team .hr1 {
    width: 40%;
  }
  #our_team .hr2{
    width: 35%;
  }
  #our_team .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .testimonial_box:after{
    height: 75%;
  }
  #testimonial .testimonial_box:before{
    height: 75%;
  }
  #testimonial .hr1{
    width: 35%;
  }
  #testimonial .hr2 {
   width: 30%;
  }
  #recent_blog .recent_box{
    margin-bottom: 180px;
  }
  #recent_blog .latest_content{
    top: 43%;
  }
  #recent_blog .owl-dots{
    display: block;
  }
  #newsletter .newsletter_box{
    top: 0;
    margin-bottom: 0;
  }
  #newsletter h3{
    font-size: 24px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    padding: 15px 15px;
    width: 100%;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    right: 0;
    margin: 15px 0;
  }
  #newsletter .wpcf7-spinner{
    display: block;
  }
  .page-template-frontpage .footer-area h2{
    margin-top: 0;
  }

}

/*MEDIA 1024 TO 1119*/
@media only screen and (min-width: 1024px) and (max-width: 1199px){
  
	#main-menu ul li a{
		padding: 10px 10px;
    font-size: 16px;
	}
  .top_header{
    background: linear-gradient(90deg, #30d092 25%, #fff 25%);
  }
  #slider .slider-content{
    left: 5%;
  }
  #slider h2{
    font-size: 18px;
  }
  #slider h1{
    font-size: 34px;
  }
  #slider .social-links{
    left: 5%;
  }
  #about_us .img-bg{
    height: 400px;
  }
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #testimonial .owl-dots {
    text-align: center;
    width: 100%;
    display: block;
    bottom: 10px;
  }
  #testimonial .owl-dots button.owl-dot {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    display: inline-block;
    background: #9aa4af;
    margin: 0 5px;
    outline: none;
  }
  #testimonial .owl-dots button.owl-dot.active {
    background-color:#30d092;
  } 

  #newsletter h3{
    font-size: 28px;
  }
  #newsletter input.wpcf7-form-control.wpcf7-text.wpcf7-email.wpcf7-validates-as-email{
    width: 68%;
  }
  #newsletter input.wpcf7-form-control.has-spinner.wpcf7-submit{
    right: 33%;
  }
  #contact textarea.wpcf7-form-control.wpcf7-textarea {
   width: 95%;
  }
  #featured_camp .cat-name{
    top: 30%;
  }
}

/*MEDIA 1200 TO 1440*/
@media only screen and (min-width: 1200px) and (max-width: 1440px){
  #testimonial .owl-carousel .owl-nav{
    display: none;
  }
  #slider .slider-content{
    left: 5%;
    right: 45%;
  }
	.woocommerce .quantity .qty{
		max-width: 150px;
	}
  .latest-post .date-meta{
    font-size: 12px;
  }
  .top_header{
    background: linear-gradient(90deg, #30d092 25%, #fff 25%);
  }
   
}