/**
*
* ---------------------------------------------------------------------------
*
* Template : APF Womens Association 
* Style: Single Page For apf.gov.np
* Color : Pink - Cream - Silver 
* --------------------------------------------------------------------------- 
*
*/


/* Color Scheme *
/*
	-------------------------
	header-red : #e02c57;
	
	
	blue:  #028482
	green : #7ABA7A
	
	Pink-dim : #B76EB8
	Pink-Sharp : #CA278C  (202,39,140)
	Red-Sharp : #AA0114;
	
	
	dim-cream : #FFE9E8  
	
	Black-light : #5e5e5e
	black-dark : #008ecc
	-------------------------
*/




/* Basic Styles */
body {
	 background: #f9f2f1 url("../img/bg.png") repeat scroll 0 0;
	 color: #5e5e5e;
	 text-align: justify;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
    color: #252525;
    font-family: "Open Sans",sans-serif;
}

img {
    max-height: 100%;
    max-width: 100%;
}

.wrap-center {
	padding:0% 38% 0%;
}

/* Custom Styles */
.page-wrapper {
    background-color: #fff;
    border-left: 1px solid #b2b2b2;
    border-right: 1px solid #b2b2b2;
    box-shadow: 0 7px 7px 7px rgba(188, 188, 188, 0.7);
}

.page-wrapper h3 {
	width:auto;
}

/* SLIDER */
.banner { position: relative; overflow: auto; }
    .banner li { list-style: none; }
        .banner ul li { float: left; }

		
/* Section */
section {	
	margin-bottom:35px;
}

.section-title {
    background: rgba(0, 0, 0, 0) url("../img/icons/header_thumb_red.png") no-repeat scroll 0 0;
    color: #fff;
    height: 45px;
    margin: 20px 39px 0 -24px;   /* here margin_right = 15px - margin_left  (ie. 15--24=39px) */
    width: 100%;
	
}
.section-title h4 {
	color: #ffffff;
	min-width:140px;
    margin: 0 0 0 32px;
    padding: 8px 0 16px;
    float: left;
	background: rgba(0, 0, 0, 0) url("../img/icons/header_mid_red.png") repeat-x scroll 0 0; 
}

.section-title i {
	background: rgba(0, 0, 0, 0) url("../img/icons/header_arrow_red.png") no-repeat scroll 0 0;
    float: left;
    height: 45px;
    width: 33px;
}

.page-block {

}
.page-block p {
	margin: 0;
	text-align: justify;
}

.header {	
    background: #ffe9e8 none repeat scroll 0 0;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 0;
    width: 100%;
	float: left;
	
	/*
	-webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
			box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.4);
			*/
}

.header img {
	width:100%;
   /* float: left;
    height: auto;
    padding: 5px;
    width: 8%;
	min-width: 50px; */
}

h1.page-title {
    /* background: #ffe9e8 none repeat scroll 0 0; */ 
    color: #e02c57;
    float: left;
    margin: 0;
    padding: 25px 0 0;
    width: 92%;
}
.list-title {
	color :#ffffff;
	margin :0 ;
	padding :0 ;
}

.first-man {    
	/* border:1px solid #b2b2b2; */   
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e4cde4;
    margin: 0 5%;
    padding: 8px;
	
	-webkit-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4);
			box-shadow: 0 6px 10px 0 rgba(0, 0, 0, 0.4);
}
.first-man:hover {  
    -webkit-box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.4);
			box-shadow: 0 10px 6px 0 rgba(0, 0, 0, 0.4);
}
.first-man img {
    border: 5px solid #d8d8d8;
    margin: 0;
    padding: 0;
    width: 100%;
}
.first-man h3 {
	margin: 5px 0;
    text-align: center;
	color : #028482;
}
.first-man p {
	color:#e02c57;
	text-align : center ;
}

.caption  {
    text-align: center ;    
}
.caption h4 {
	margin: 5px 0;
    text-align: center;
	color : #028482;
}
.caption p {
	color:#e02c57;
	text-align : center ;
    margin-bottom: 1px;
}
.caption a {
	color:#2a2ce0;
	text-align : center ;
    margin-bottom: 1px;
   
}
/* ########################## MODEL Dialog ################## */
.modal {
   background:  rgba(0, 0, 0, 0.6);
}

.modal-dialog {
    margin: 2% auto;
    width: 90%;
}
.modal-content {
   border : 1px solid #ffa7d2    
}
.modal-body .date {
   color :#4f1815;
   text-decoration: underline;
   font-weight: 600;
}
.modal-body p {
    margin-top:8px;
    margin-bottom: 0px;    
}



ul.list-full {

}
ul.list-full li{
	margin: 8px 2px;	 
    text-align: justify;
}

/* Presidents */
.president {

}
.president-wrapper {
    border: 1px solid #ffa7d2;
    margin-bottom: 10px;
    max-width: 300px;
    padding: 5px 8px 0;
	
	-webkit-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
			box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.4);
}
.president-wrapper:hover {  
     -webkit-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.4);
		-moz-box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.4);
			box-shadow: 0 5px 8px 0 rgba(0, 0, 0, 0.4);
}

/* MEMBER-DETAIL SECTION */
.member-detail {
	
}
.table tr th {
	color: #e02c57;
}


/* Gallery SECTION */
.project-wrapper {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}

.portfolio-item {
    cursor: pointer;
    margin: 0 1% 1% 0;
    overflow: hidden;
    position: relative;
    width: 32%;
}

.project-wrapper {
    list-style: outside none none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.project-wrapper li {
    display: inline-block;
}
.portfolio-item {
	border: 1px solid #21848e;   
    cursor: pointer;
    margin: 0 0.5% 0.5% 0;
    overflow: hidden;
    position: relative;
	max-width:100%;
    width: 32%;
	min-width: 300px;
	
}
figcaption.mask {
    background-color: rgba(54, 55, 50, 0.79);
    bottom: -142px;
    color: #fff;
    padding: 5px;
    position: absolute;
    text-align: left;
    transition: all 0.4s ease 0s;
    width: 100%;
}
.portfolio-item:hover figcaption.mask {
    bottom: 0;
}
figcaption.mask p {
	margin-bottom:0px;
    color: #ffffff;
    font-size: 12px;
}
figcaption.mask h4 {
	color:#ffffff;
    border-bottom: 1px solid #b76eb8;
    font-weight: 700;
    margin:2px 0px 5px 0px;   
	padding: 4px;	
    text-transform: uppercase;
}
ul.external {	
    list-style: outside none none;
    margin: 4px;
    padding: 0;
    position: absolute;
    right: 0;
    top: -50px;
    transition: all 0.4s ease 0s;
}
ul.external li {
    display: inline-block;
	border: 1px solid #e02c57;
}
ul.external li a {
    background-color: rgba(255, 255, 255, 0.9);
    color: #e02c57;
    display: block;
    padding: 10px 18px 13px;
    transition: all 0.5s ease 0s;
}
ul.external li a:hover {
    background-color: #CA278C;
    color: #fff;
}
.portfolio-item:hover ul.external {
    top: 0;
}
.fancybox-skin {
    border-radius: 0;
}
.fancybox-title.fancybox-title-inside-wrap {
    padding: 15px;
    background: #6fdbd0;
    text-align: left;
}

.long-wordwrap { 
    white-space: pre-wrap;      /* CSS3 */   
    white-space: -moz-pre-wrap; /* Firefox */    
    white-space: -pre-wrap;     /* Opera <7 */   
    white-space: -o-pre-wrap;   /* Opera 7 */    
    word-wrap: break-word;      /* IE */
 }

.fancybox-title h3 {
    margin: 0 0 8px;
    font-size: 16px;
    text-align: left;
}
.fancybox-title p {
    color: #818181;
    font-size: 16px;
    line-height: 22px;
}
.fancybox-title-inside-wrap {
    padding-top: 0;
}

.fancybox-item.fancybox-close {
    background: #CA278C url("../img/icons/close_new.png") no-repeat scroll 0 0;
    height: 50px;
    right: 0;
    top: 0;
    width: 50px;
}
.fancybox-next span {
    background: #CA278C url("../img/icons/right.png") no-repeat scroll center center;
    height: 50px;
    right: 0;
    width: 50px;
}
.fancybox-prev span {
    background: #CA278C url("../img/icons/left.png") no-repeat scroll center center;
    height: 50px;
    left: 0;
    width: 50px;
}


/* FOOTER SECTION */