/*!
Theme Name: Young Professional Development Society Nepal
Theme URI: http://ypdsn.org.np/
Author: YPDSN
Author URI: http://ypdsn.org.np/
Description: Young Professional Development Society Nepal (YPDSN) is an independent, non-governmental and non-profitable organization established by a group of young generation, skilled and experience in different fields. It concerns with different fields like youth professionalism & involvement in agriculture, Natural Resource conservation & climate change, women empowerment, social and economic advancement, primary health & education and so on.
Version: 5.5
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: NGO, NGO in Nepal, Non-governmental organization, Non-profitable organization, YPDSN, Young Professional Development Society Nepal, Non-governmental organization in Nepal, Best NGO in Nepal, Non-profitable organization in Nepal, Women Empowerment, Social & Economic advancement, Health, Education
Text Domain: ypdsn
*/

@import url('https://fonts.googleapis.com/css?family=Raleway:400,500,700');
@import url('css/font-awesome.css');
@import url('css/font-awesome.min.css');
@import url('css/base.css');
@import url('css/animate.css');
@import url('css/menu.css');
@import url('css/owl.carousel.css');
@import url('css/jquery.fancybox.css');
@import url('css/bootstrap.min.css');
* {
	margin: 0px;
	padding: 0px;
}
body {
	color: #4b4b4b;
	font: 14px/24px 'Raleway', sans-serif;
	background: url(images/bg.jpg);
	background-size:cover;
	background-attachment:fixed;
	font-weight:400
}
.hides {
	opacity: 0;
}
.views {
	opacity: 1;
}
a {
	text-decoration: none;
	transition: all 200ms ease-in-out;
	-o-transition: all 200ms ease-in-out;
	-ms-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
}
a img {
	border: none;
}
/*p {
	text-align: justify;
}*/
img {
	max-width: 100%;
	height: auto;
}
h1, h2, h3, h4, h5, h6 {
	color: #3e2a68;
	margin-top: 15px;
	margin-bottom: 20px;
	font-weight:700;
}
h1 {
	font-size:36px;
	line-height:45px
}
h2 {
	font-size:32px;
	line-height:45px
}
h3 {
	font-size:28px;
	line-height:45px
}
h4 {
	font-size:24px;
	line-height:35px
}
h5 {
	font-size:20px;
	line-height:35px
}
h6 {
	font-size:16px;
	line-height:28px
}
.top {
	border-bottom:1px solid #e9e9e9;
	line-height:50px;
	font-weight:500
}
.top-contact ul, .contact-info ul, .social-links ul {
	list-style:none;
	padding:0px;
	margin:0px;
}
.top-contact ul li {
	display:inline-block;
	padding:0px 15px;
	border-right:1px solid #e9e9e9;
}
.top-contact ul li:last-child {
	border-right: none;
}
header, footer, .copyright, .team-col {
	padding:30px 0px;
}
nav {
	background:#3e2a68;
}
.fixed {
	top: 0;
	display: block;
	margin: 0;
	right: 0;
	left: 0px;
	background:#3e2a68;
	z-index: 99;
	position: fixed !important;
	box-shadow: 1px 1px 1px #533b86;
	-moz-box-shadow: 1px 1px 1px #533b86;
	-webkit-box-shadow: 1px 1px 1px #533b86;
	-o-box-shadow: 1px 1px 1px #533b86
}
.main-wrapper, .testimonials, .eds-wrapper {
	padding:50px 0px
}
.title, .welcome, .welcome p, .testimonials, .testimonials p, .banner2, .getinvolved, .getinvolved p, .donatebox, .donatebox p, .eds-col, .eds-col p, .eds-wrapper-btn, .partner-col .partner-img {
	text-align:center
}
.wrap-col, .title2 h3, .readmore a, .testimonials h1, .testimonials, .name h5, .social-links ul li a, .banner2 h1, .getinvolved h4, .getinvolved, .donatebox, .donatebox h4 {
	color:#fff
}
.readmore, .title2, .testimonials h1, .name, .footer-col h4, .getinvolved h4 {
	text-transform:uppercase
}
.testimonials, .banner2 {
	position:relative
}
.title {
	padding:10px 0px;
	background:url(images/title-bg.png) no-repeat 50% 100%;
}
.title, .title2, .contact-form, .news-col, .team-col, .gallery, .search-col, .getinvolved, .page-col, .eds-col, .partners-wrapper {
	margin-bottom:30px;
}
.title h1 {
	font-size:30px;
}
.welcome, .welcome-img, .readmore a, .social-links, .contact-form, .map, .news-col, .team-col, .gallery, .search-col, .page-col, .eds-col {
	margin-top:30px
}
.welcome-img {
	margin-bottom:-50px;
}
.wrap-col {
	width:33.33333333%;
	float:left;
	padding:25px;
	background:#786c62
}
.title2 {
	background:url(images/title-bg2.png) no-repeat 0% 100%;
	padding-bottom: 5px;
}
.readmore a {
	padding:13px 20px;
	border:3px solid #fff;
	font-size:18px;
	font-weight:700;
	display:inline-block;
}
.readmore a:hover {
	background:#fff;
	color:#3e2a68;
}
.bgcolor2, .getinvolved {
	background:#412572;
}
.bgcolor3, .donatebox {
	background:#4489c7;
}
.testimonials {
	background:url(images/testimonials-bg.jpg);
	background-position: center center;
	background-repeat: no-repeat;
	background-size: cover;
	font-size:16px;
}
.owl-item p {
	padding:50px 20px 30px 20px;
	background:url(images/overlay.png);
}
#testimonial {
	margin:50px auto;
	width:80%;
}
#testimonial .col-img {
	width:120px;
	height:120px;
	/*background:url(images/man-icon.jpg) no-repeat 50% 50% #fff;*/
	margin:0px auto -30px auto;
	padding:5px;
}
#testimonial .col-img, #testimonial .col-img img {
	border-radius:100%;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	-o-border-radius:100%;
}
.overlay {
	background:url(images/overlay.png);
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
}
footer {
	background:url(images/footer-bg.jpg);
}
.footer-col h3 {
	background:url(images/title-bg3.png) no-repeat 0% 100%;
	padding-bottom:10px;
}
.newsletter {
	background: #fff;
	margin-top:15px;
}
.newsletter input {
	background: none;
	color: #4b4b4b;
	width: 80%;
	float: left;
	padding: 13px 15px;
}
.newsletter input[type='submit'] {
	width: 55px;
	float: right;
	background: url(images/newsletter-bg.png) no-repeat 50% 50% #4b4b4b;
}
.newsletter input[type='submit']:hover {
	background: url(images/newsletter-bg.png) no-repeat 50% 50% #412572;
}
.contact-info ul li, .copyright, .news-col .newsdate, .readmore2 {
	font-weight:500
}
.contact-info ul li {
	padding:3px 0px;
}
.social-links ul li {
	display: inline-block;
	text-align: center;
	background: #4b4b4b;
	width: 45px;
	height: 45px;
	line-height: 45px;
	margin-right: 2px;
	border-radius: 10px 0px 10px 0px
}
.social-links ul li a {
	font-size: 18px;
}
.social-links ul li a, .product-cattitle h4 a, .addtocart a {
	display: block;
}
.social-links ul li:hover, .search-col .readmore a:hover, .page-col .readmore a:hover, .eds-wrapper-btn .readmore a:hover {
	background: #412572;
	transition-duration: 0.5s
}
.search-box {
	padding: 10px 12px;
	background: #fff;
	border: 1px solid #e9e9e9;
	width:100%;
	/*float:left;*/
	font-weight:500;
	margin-top:25px;
}
.search-box input {
	border: none;
	float: left;
	padding: 8px 0px;
	background: none;
	width: 80%;
	color:#4b4b4b;
}
.search-box input[type='submit'] {
	width: 30px;
	float: right;
	background: url(images/search.png) no-repeat 0% 50%
}
.banner2 {
	padding:10px 0px;
	background:url(images/contactus-bg.jpg);
	background-size:cover !important;
	background-attachment:scroll !important;
	background-position: 50% 15% !important;
	background-repeat: no-repeat !important;
	min-height:300px;
}
.banner2 h1 {
	font-size:33px;
}
.banner2 h1, .news-col h3, .news-col .newsdate, .team-col h3, .team-img, .page-col h4, .eds-col h4, .eds-col .edsimg, .partner-col {
	margin:10px 0px
}
.map {
	width:100%;
	float:left;
	height:400px;
	border:5px solid #f1f1f1
}
.map iframe {
	width:100% !important;
	height:100% !important
}
.contact-form textarea {
	height:180px
}
.banner-title {
	position:absolute;
	top:25%;
	left:0%;
	width:100%;
}
.news-col, .team-col, .search-col, .eds-col {
	background:#fff;
	border:1px solid #f1f1f1;
}
.news-col, .search-col, .getinvolved, .donatebox, .eds-col {
	padding:25px 15px;
}
.news-col .news-img {
	float:left;
	width:35%;
	margin-right:15px;
}
.scrollup {
	width: 45px;
	height: 45px;
	text-indent: -9999px;
	position: fixed;
	bottom: 20px;
	right: 20px;
	display: none;
	background: url(images/jump-top-arrow.png) no-repeat center center #4b4b4b;
}
.scrollup:hover {
	background-color: #3e2a68;
}
.nivo-caption {
	line-height:24px;
	padding:10px !important;
	font-family: 'Raleway', sans-serif !important;
}
.widget_wysija_cont .wysija-submit {
	margin-top:0px !important;
}
.newsletter .formError {
	left:200px !important;
}
.search-col .readmore a, .page-col .readmore a, .eds-wrapper-btn .readmore a {
	background:#4b4b4b;
	color: #fff;
}
.search-col .readmore a, .getinvolved .readmore a, .donatebox .readmore a, .page-col .readmore a, .readmore2 a {
	margin-top:15px;
}
.wpcf7-validation-errors, .wpcf7-mail-sent-ok {
	float: left;
}
.getinvolved, .donatebox {
	border: 5px dashed #f1f1f1;
}
.getinvolved h4, .donatebox h4 {
	display: inline-block;
	padding: 10px 0px;
	border-bottom: 3px dotted #fff;
	border-top: 3px dotted #fff;
	margin-bottom: 25px;
}
.page-id-23 .getinvolved, .page-id-38 .donatebox, #glt-translate-trigger {
	display: none !important;
}
.page-col {
	padding: 15px;
	background: #fafafa;
	border:1px solid #f1f1f1;
}
.readmore2 a, .eds-wrapper-btn .readmore a {
	font-weight: 700;
	font-size: 16px;
}
.readmore2 a, .eds-wrapper-btn .readmore {
	display: inline-block;
}
.eds-col h4 {
	font-size: 19px;
}
.edsimg, .edsimg img {
	border-radius: 100%;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-o-border-radius: 100%;
}
.eds-wrapper-btn .readmore a {
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	-o-border-radius: 15px;
	padding: 18px 30px;
}
.goog-te-gadget-simple {
	background: none !important;
	border:none !important;
	margin: 0px !important;
	padding: 0px !important;
}
.goog-te-gadget-icon {
	display: none !important;
}
img.alignright {
	float: right;
	margin-left: 15px;/*margin-bottom: 10px*/
}
img.alignleft {
	float: left;
	margin-right: 15px;/*margin-bottom: 10px*/
}
img.aligncenter {
	display: block;
	margin:10px auto;
}

.partner-col{ 
	border-bottom: 2px solid #ebebeb;
	width: 100%;
	float:left;
	margin: 25px 0px;
	padding-bottom: 15px;
}

.partner-col .partner-img{
	background:#fff;
	border:1px solid #ebebeb;
	padding: 5px;
	width:35%;
	float:left;
	margin-right: 15px;
}
.fbbox iframe{
	width: 100% !important;
}


/* ============================================================
  CUSTOM PAGINATION
============================================================ */
.custom-pagination {
	text-align: right;
	margin: 15px 0px
}
.custom-pagination span, .custom-pagination a {
	display: inline-block;
	padding: 4px 10px;
}
.custom-pagination a {
	background-color: #4b4b4b;
	color: #fff;
}
.custom-pagination a:hover {
	background-color: #3e2a68;
	color: #fff;
	text-decoration:none;
}
.custom-pagination span.page-num {
	margin-right: 10px;
	padding: 0;
}
.custom-pagination span.dots {
	padding: 0;
	color: gainsboro;
}
.custom-pagination span.current {
	background-color: #3e2a68;
	color: #fff;
}

/* Blog 
=================================================== */
/*.blog-post {
	margin-top: 20px;
}*/
.archive {
	margin-bottom: 15px;
}
.blog-post footer {
	margin-top: 0px;
	padding: 0px
}
.categoreis #content article, .archive article, .blog-col {
/*border-bottom: 2px solid #d2d2d2;
	padding-bottom: 20px;
	margin-bottom: 30px;*/
}
.categoreis #content article:last-child, .blog-col:last-child, .archive article:last-child {
	border: none
}
.blog-post iframe {
	height: 400px !important
}
#comments ol {
	list-style: none
}
#comments, .children li {
	padding-top: 10px;
}
#comments h2 {
	text-transform: none;
	font-weight: 700;
	font-size: 25px;
}
ol.comment-list li .comment-body {
	background: none repeat scroll 0 0 #fafafa;
	padding: 15px;
	border: 1px solid #f1f1f1
}
ol.comment-list li .comment-body .reply a, .widget-area aside ul li a:hover, nav.navigation .nav-links a:hover, .entry-meta a:hover, .blog-col h3 a:hover, .says a {
	color: #3e2a68;
}
.reply {
	text-align: right !important;
	text-transform: uppercase
}
ol.comment-list li .comment-body .reply a:hover {
	color: #3e2a68;
}
.comment-metadata a {
	color: #4b4b4b;
	font-weight: 700
}
article footer {
	padding-bottom: 0px;
	background: none;
	border: none;
}
article footer a {
	color: #4b4b4b;
	border: none
}
.comment-content {
	margin: 10px 0px
}
#respond {
	margin-top: 10px;
	float: left;
	width: 100%
}
#respond label {
	width: 100%;
	/*font-size: 15px;
	color: #fff !important;*/
	font-weight: normal
}
#respond input, #respond textarea {
	width: 100%;
	padding: 6px 0px;
	text-indent: 10px;
	background: #fafafa;
	border: 1px solid #f1f1f1;
}
#respond input[type='submit'] {
	background: #4b4b4b;
	width: auto;
	padding: 12px 15px;
	color: #fff;
	text-indent: 0px;
	border: none;
	margin: 15px 0px;
	font-size: 18px;
	text-transform: uppercase;
}
#respond input[type='submit']:hover {
	background: #3e2a68
}
.comment-author .avatar {
	float: left;
	height: 24px;
	margin-right: 0.8em;
	width: 24px;
}
.widget-area aside h3 {
	font-size: 20px;
	margin: 10px 0px;
	text-transform: uppercase
}
.widget-area aside ul li {
	padding: 5px 0px;
}
.widget-area aside ul li a {
	color: #4b4b4b
}
.widget-area aside ul li a:hover {
	text-decoration: none
}
.widget-area aside#search-2 {
	padding: 0px;
}
.widget-area aside#search-2 .search-box{
	margin: 0px;
}
.entry-content input {
	padding: 3px 10px;
	border: 1px solid #f1f1f1;
}
.entry-content input[type='submit'] {
	background: #4b4b4b;
	line-height: 25px;
	border: none;
	color: #fff;
}
#content h3.screen-reader-text {
	line-height: 35px;
	padding: 8px 0px;
}
.tagcloud a {
	background-color: #4b4b4b;
	border-radius: 0 2px 2px 0;
	display: inline-block;
	margin: 5px 4px 5px 10px;
	padding: 3px 10px;
	position: relative;
	text-transform: uppercase;
	color: #fff;
}
.tagcloud a:hover {
	background-color: #3e2a68;
	color: #fff;
	transition-duration: 0s
}
.tagcloud a:before {
	border-bottom: 15px solid transparent;
	border-right: 10px solid #000;
	border-top: 15px solid transparent;
	content: "";
	height: 0;
	left: -10px;
	position: absolute;
	top: 0;
	width: 0;
}
.tagcloud a:hover:before {
	border-right-color: #3e2a68;
	transition-duration: 0s;
}
.tagcloud a:after {
	background-color: #000;
	border-radius: 50%;
	content: "";
	height: 6px;
	left: -2px;
	position: absolute;
	top: 12px;
	width: 6px;
}
.tagcloud a:hover:after {
	background-color: #fff
}
nav.navigation .nav-links a {
	margin: 10px 0px;
	display: block
}
.news-col {
	background: #fafafa;
	border: 1px solid #f1f1f1;
	padding: 10px 15px;
	margin-bottom: 25px;
}
.news-col h3 {
	margin: 10px 0px;
	font-size: 20px;
}
/**
 * 5.2 Entry Meta
 * ----------------------------------------------------------------------------
 */

.entry-meta {
	clear: both;
	margin: 15px 0px;
}
.entry-meta a {
	color: #4b4b4b;
	font-weight: 700;
}
.entry-meta > span {
	margin-right: 20px;
	line-height: 30px;
	display: inline-block
}
.entry-meta > span:last-child {
	margin-right: 0;
}
.featured-post:before {
	content: "\f408";
	margin-right: 2px;
	font-family: 'FontAwesome';
}
.entry-meta .date a:before {
	content: "\f073";
	font-family: 'FontAwesome';
	margin-right: 6px
}
.comments-link a:before {
	content: "\f086";
	font-family: 'FontAwesome';
	margin-right: 6px;
	position: relative;
	top: -1px;
}
.entry-meta .author a:before {
	content: "\f007";
	position: relative;
	font-family: 'FontAwesome';
	top: -1px;
	margin-right: 6px
}
.categories-links a:first-child:before {
	content: "\f115";
	font-family: 'FontAwesome';
	margin-right: 6px
}
.tags-links a:first-child:before {
	content: "\f0c1";
	position: relative;
	font-family: 'FontAwesome';
	top: -1px;
	margin-right: 6px
}
.edit-link a:before {
	content: "\f040 ";
	font-family: 'FontAwesome';
	position: relative;
	top: -1px;
	margin-right: 6px
}
.blog-col {
	margin: 10px 0px 25px 0px
}
.blog-col .featured-img, .entry-content #slider {
	margin-bottom: 15px;
}
.blog-col h3 a {
	font-size: 20px;
	font-weight: bold
}
.blog-post h2.entry-title {
	background: none;
	line-height: 40px;
	font-size: 28px;
}
.says {
	margin-left: 3px
}
span.edit-link {
	margin-left: 6px
}
.reply a {
	background: #4b4b4b;
	padding: 6px 12px;
	color: #fff !important;
}
.reply a:hover {
	background: #3e2a68;
	text-decoration: none;
}
article footer a:hover {
	color: #3e2a68
}
.widget-area aside {
	background: #fafafa;
	padding: 10px 15px;
	margin-bottom: 20px;
	border: 1px solid #f1f1f1
}
.blog-post nav {
	background: none !important
}
.blog-date {
	margin: 10px 0px;
	font-size: 15px;
	line-height: 22px
}
.blog-date span i {
	margin-right: 3px;
	font-size: 13px;
	line-height: 15px
}
#respond h3 {
	font-size: 22px
}

 @media all and (max-width:1200px) {
.search-box {
	margin-top:15px
}
.wrap-col {
	padding:25px 15px
}
#testimonial {
	width:100%;
}
nav.fixed {
	position:relative !important;
}
.scrollup {
	display:none !important;
}
.partner-col .partner-img{
	width:25%;
}
}
@media all and (max-width:992px) {
.top, .copyright {
	text-align: center
}
.welcome-text, .fbbox {
	display:none
}
.top-contact, .copyright span {
	float:none !important;
	display:inline-block;
}
.search-box, .footer-col {
	margin-top:25px
}
.title2 h3, .news-col h3 {
	font-size:24px
}
.owl-item p {
	padding:50px 20px 20px;
}
.news-col .news-img {
	width:45%
}
.nivo-caption {
	font-size: 12px;
	line-height: 22px;
}
.partner-col .partner-img{
	 width:30%;
}
}
 @media all and (max-width:767px) {
.wrap-col, .news-col .news-img, .news-col .news-img img {
	width:100%
}
.wrap-col {
	padding:25px 35px;
}
.testimonials {
	font-size:15px;
}
.banner2 {
	min-height:250px
}
.banner-title {
	top:20%
}
.banner-title h1 {
	font-size:28px;
}
.news-col .news-img {
	margin-bottom:10px
}
.news-col h3 {
	font-size:20px;
	line-height: 30px;
}
.nivo-caption {
	display: none !important;
}
.top-contact ul li {
	padding:0px 6px;
}
.partner-col .partner-img{
	width:40%;
}
}
 @media all and (max-width:545px) {
body {
	font: 14px/24px 'Raleway', sans-serif;
}
.top-contact ul li {
	padding:0px 4px;
}
header .search-box {
	padding:5px 10px
}
.title h1 {
	font-size: 26px;
	line-height:35px
}
.testimonials h1 {
	font-size:30px;
}
.top-contact ul li.email {
	display:none
} 
}
 @media all and (max-width:479px) {
.wrap-col {
	padding:25px 15px;
}
.title h1 {
	font-size: 22px;
	line-height:30px
}
.gallery .col-xs-3 {
	width:33.333333%;
}
.partner-col .partner-img{width:45%} 
}
 @media all and (max-width:360px) {
.title h1 {
	font-size: 20px;
}
.gallery .col-xs-3 {
	width:50%;
}
.top-contact ul li {
	padding:0px 3px;
	font-size: 13px;
}
.goog-te-gadget-simple {
	font-size: 13px !important
}
img.alignright, img.alignleft, img.aligncenter, img.alignnone {
	width:100%;
	margin-bottom:15px;
	margin-left:0px;
	margin-right:0px;
}
}
 @media all and (max-width:330px) {
.top-contact ul li.call {
	display:none
}
.partner-col .partner-img{width:100%; margin-right: 0px; margin-bottom: 10px}
}