/*
Theme Name: Wishdom Speaks
Version: 1.9.2
Author: R P B
*/
@charset "utf-8";
/* CSS Document */
* {
margin:0;
padding:0;
  box-sizing: border-box;
}
 
/* End demo styles */

body{padding:0px; margin:0px;     font-family: 'Lato', sans-serif; overflow-x: hidden;

    font-weight:400; color:#000; line-height:normal; background:#fff;}
	
a{text-decoration:none;	outline:none;}

img { margin: 0; height:auto; max-width: 100%; padding: 0;  border:0;}

h1, h2, h3, h4, h5, h6{	margin:0px;	padding:0px; font-weight:normal;}

ul, ol{list-style-type:none;} 
 
  
.header{ width: 100%; background:#fff url("images/top.jpg") repeat-x;   position: relative; z-index: 999;}

.logo{margin: 23px 0 10px;}

.topaddress{ background: #275900 url("images/top-right.jpg") 0 0 no-repeat; line-height: 60px; color: #fff; position: absolute; top: 0; right: 0; width: 60%; padding: 0 0 0 3%; font-size: 16px; z-index: 99;}

.topaddress a{color: #fff;}

.topaddress img{margin: 0 15px 0 70px;}

.navmenu{padding: 80px 0 0;}

.navbar-wrap{ background: #88d24e; position: relative; z-index: 999;}
/*---------------slider---------------*/
.banner{ width:100%; margin:0; padding:0; height:auto; position: relative; display: block; background:#275900; }

.nospace{padding: 0; margin: 0;}

/* FlexSlider Necessary Styles
*********************************/
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: auto; display: block;}


/* Clearfix for the .slides element */
.slides:after {content: "\0020"; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
html[xmlns] .slides {display: block;}
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}

/* FlexSlider Default Theme
*********************************/
.flexslider { margin: 0 0;  position: relative;  }

.banner .flex-direction-nav{display:none;}

/* Control Nav */
.flex-control-nav { display:none;}

.sliderimg {float:left; width:100%; } 

.sliderimg img{width: auto;}

.banner p{color: #fff; font-size: 24px; padding: 10px 0 0;  } 

.banner p strong{ font-size: 18px; display: block;}



.mainbody-wrap{background: #fff; width:100%; display:block; padding: 15px 0; }

.mainbody-wrap h2{ color: #275900; font-size: 37px; padding-bottom: 30px;}

.mainbody-wrap p{color: #39393a; font-size: 18px; line-height: 30px; text-align: justify; padding-bottom: 30px;}

.mainbody-wrap img{margin-bottom: 15px;}

.mainbody-wrap h3{ font-weight: bold; font-size: 36px; color: #000; padding-bottom: 30px;}

.mainbody-wrap h3 span{ color: #275900; font-size: 48px; display: block;}

.mainbody-wrap h4{font-size: 24px; color: #275900; padding-bottom: 10px;}

.mainbody-wrap h4 a{ color: #275900; text-decoration: none;}

.mainbody-wrap h4 a:hover{ color: #000; text-decoration: none;}

.j-detail p{font-size: 12px; line-height: 24px; padding-bottom: 5px;}

.j-detail img{margin-bottom: 10px;}

.footer-top-wrap{background: #122a00; width:100%; display:block;  padding: 40px 0 115px;}

.footer-top-wrap h2{ font-size: 36px; color: #fff; padding-bottom: 50px; font-weight: bold;}

.footer-top-wrap h2 span{ font-size: 48px; color: #88d24e; display: block;}

.footerbox{border: 3px solid #fff; padding: 10px 10px; color: #fff; margin-bottom: 15px;}

.footerbox h3{font-size: 20px; line-height: 34px; padding-bottom: 20px;}

.footerbox h3 img{ float: left; margin: 0 10px 0 0;}

.footerbox p{font-size: 12px; padding: 0 10px;}

.footerbox p a{color: #fff; text-decoration: none;}

.footerbox p a:hover{color: #88d24e; text-decoration: none;}

.footer-wrap{ background:#000; width:100%; display:block; color:#fff; font-size:18px; padding:25px 0; line-height: normal; position: relative;}  

.footer-wrap a{color:#f7ff00;}

.footer-wrap a:hover{color:#fff;}

 
/*innerpages*/

.banner-inner{width:100%; display:block; position:relative;}

.banner-inner img{width:100%; height:auto;}

.innerbannertext{position:absolute; left:0; bottom:20%; text-align:left; width:100%; }

.innerbannertext h2{font-size:48px; color:#fff;   text-align: right;}  

.mainbody-inner{background:#fff; width:100%; display:block; padding:35px 0;}

.mainbody-inner h2{ font-size:25px; color:#000; margin-bottom:20px; padding-top: 25px;}

.mainbody-inner h2 strong{ color:#023da5;}

.mainbody-inner h3{ font-size:20px; color:#000; margin-bottom:15px; padding-top: 25px; font-family: 'Barlow', sans-serif; }

.mainbody-inner p{font-size:18px; color:#000; line-height:30px; text-align:justify; margin-bottom: 20px;} 

.mainbody-inner .wp-block-image.is-style-circle-mask img, .mainbody-inner .wp-block-image.is-style-rounded img{border-radius:15px!important;}

.mainbody-inner ul{margin-bottom: 30px;}

.mainbody-inner ul li{background:url(images/icon.jpg) 0 8px no-repeat; font-size:18px; color:#000; line-height:30px; text-align:justify; margin-bottom:10px; padding:0 0 0 30px;}

.alignleft { float: left; margin: 0 30px 30px 0;}

.memberwrap .row{margin-bottom: 25px; text-align: justify;}

/*table*/

.mainbody-inner table {
  border-collapse: collapse;
  width: 100%; font-size: 14px; 
}

.mainbody-inner table td, .mainbody-inner table th {
  border: 1px solid #275900;
  padding: 8px; vertical-align: top; text-align: center;
}

.mainbody-inner table tr:nth-child(even){background-color: #f2f2f2;}

.mainbody-inner table tr:hover {background-color: #ddd;}

.mainbody-inner table th {
  padding-top: 12px;
  padding-bottom: 12px; 
  background-color: #04AA6D;
  color: white;
}


/*contact page*/
.leftcontact{ padding:100px 35px;    }
.rightcontact{   padding:100px 35px;}
 
.rightcontact h4{font-size:30px; color:#000; text-transform:uppercase;  font-weight:bold; padding-bottom:30px;}

.leftcontact h4{font-size:30px; color:#000;   text-transform:uppercase;  font-weight:bold; padding-bottom:30px;}

.leftcontact a{color:#000;}

.leftcontact a:hover{color:#111;}

.contactinput {width:100%; background:none; border:1px solid #000; color:#000000; line-height:55px; padding:0 2%; margin-bottom:25px;}

.contactmsg {width:100%; background:none;  border:1px solid #000; color:#000; line-height:55px; padding:0 2%; margin-bottom:25px; height:130px;}

.sendbtn { background:#000; line-height:40px; border-radius:25px; color:#fff; border:0; text-transform:uppercase; font-size:18px; padding:0 40px; cursor:pointer; transition:all 0.3s ease;}
  
.sendbtn:hover{background:#333333;}

.map-wrap{width:100%; display:block; }

.map-wrap iframe{width:100%!important; height:500px!important;}

#commentform input {width:100%; background:none; border:1px solid #000; color:#000000; line-height:55px; padding:0 2%; margin-bottom:25px;}

#comment {width:100%; background:none;  border:1px solid #000; color:#000; line-height:55px; padding:0 2%; margin-bottom:25px; height:130px;}

#submit { width:250px!important; background:#000!important; line-height:40px; border-radius:25px; color:#fff!important; border:0; text-transform:uppercase; font-size:18px; padding:0 40px; cursor:pointer; transition:all 0.3s ease;}
  
#submit:hover{background:#333333!important;}

@media screen and (max-width: 768px) {
  
}

@media screen and (max-width: 900px) {
	
	.topaddress{ background: #275900 none; position: static; width: 100%; padding: 0; text-align: center;  line-height: 40px; }
	
	.topaddress img{margin: 0 15px 0 10px;  }
	
	.topaddress span{display: block;}
	
	.navmenu{padding: 0; margin: -50px 0 0;}
	
	.banner h2{font-size: 35px; padding: 25px 0 0;}
	
	.banner p{font-size: 20px;}
	
	.banner{text-align: center;	}
	
	.banner img{ margin: 0 auto;}
	
	.mainbody-wrap h2{font-size: 25px;}
	
	.mainbody-wrap p{font-size: 16px; line-height: 26px;}
	
	.mainbody-wrap h3{font-size: 22px;}
	
	.mainbody-wrap h3 span{font-size: 30px;}
	
	.mainbody-wrap h4{font-size: 20px;}
	
	.footer-top-wrap{padding: 25px 0;}
	
	.footer-top-wrap h2{font-size: 22px; padding-bottom: 25px;}
	
	.footer-top-wrap h2 span{font-size: 30px;}
	 
	.footer-wrap .text-right{text-align:center !important;}
	
	.footer-wrap{text-align: center; font-size: 14px; line-height: 24px; padding: 15px 0;}

/*innerpages*/
	.innerbannertext h2{font-size: 20px;}
	.rightcontact, .leftcontact{ padding: 20px 35px;}
	.mainbody-inner p{font-size: 15px;}
	.leftcontact h4, .rightcontact h4{font-size: 20px;}
	
	 
}

@media screen and (max-width: 460px) {
 	 .header-wrap{text-align:center;}
	
	
}