/* Enter Your Custom CSS Here */



/*******PAGE OUR TEAM**********/ 
/*OUR TEAM style*/

.team{
text-align:center;
width:100%;
/*border:2px solid gray;
background:silver;
box-shadow:0 0 10pt #727272;
//padding:10pt;
border-radius:4pt;*/ }

.team-item{
margin:10pt;
padding:5pt;
border:2px solid silver;
border-radius:4pt;
width:150pt;
height:auto;
display:inline-block;
vertical-align: center; vertical-align:top;
text-align:center;   box-shadow:0 0 5pt #727272;
}

.team-item img{
  width:150px; height:150px;  
border:1px solid #ddd;    
border-radius: 50%;
box-shadow: 0 2px 5px #aaa;
margin: 5% auto;
/*position: absolute;*/
top: 0; left: 0; bottom: 0; right: 0;
transition: all 0.3s ease-in-out;
-moz-transition: all 0.3s ease-in-out;
-webkit-transition: all 0.3s ease-in-out;
-o-transition: all 0.3s ease-in-out;    */
 }
.team-item img:hover {
border-radius: 3px;
 }

















/***********HEADER**************/

/*****Header widget in the right corner with CONTACT details****/
.header-widget{
background: #e62e00;//#b30000
width:220px; height:120px;
padding-left:12px;
border-radius: 0px 0px 125px 125px;
vertical-align:middle;
box-shadow: 0px 0px 35px 0px #f8da07;
text-align: center;
color:#ffffff;
font-weight:600;
float:right;
}

.header-image{
margin-top:-80px;} //putting header up




/*****MENU******/
.main-nav {width:85%;
margin-top:-60px; //putting menu up to the header
/*border-radius: 0px 0px 120px 120px;*/}  

#menu-primary-menu{
position:relative;
margin-top:-50px;
left:0px;
width:85%; 
float:right;
}





/******CALL SUPPORT DONATION IN GP HOOKS ******/
.support{
width:855px; height:45px;
}

.sppt_txt{
display:inline-block;
/*text-align: left; float:left;*/
width:800px; }

.sppt_pp{
width:130px;
display:inline-block;
margin:0 auto;
/*text-align: left; */float:left;}

.sppt_pp form tbody td{
	top:-45px;
	left:800px;
	position:relative;
}
#donation_buttons input{
  width:142px;
  height:27px;}

.sppt_txt :hover{
  color:red;
  }

.page-id-616 .support {display: none;  //hide donation button on Home page, page-id-546 Contact page
}
/*END DONATION*/








/**************RIGHT SIDEBAR SOCIAL BUTTONS***************/

/*
#donation_buttons .page-sidebar.widget form table td {
width:173px!important;
height:53px!important;
/*float:left;*/
/*margin-right:120px;
margin-top:-80px;*/}*/


/*.follow_right{
width:180px;
margin:0 auto;
padding-left:5px;

}



.subscribe{
width:150px; //173;
height:35px;  //40;
border-radius:8px;
margin-top:0;}*/


/*FOLLOW US AND SUBSCRIBE BUTTONS */
.textwidget{width:100%;}

.follow_us{ 
width:180px!important;
margin:0 auto;
}

.subscribe {
width:170px; 
height:40px;
margin:0 auto;
border-radius:8px;
}
/*right sidebar*/
#text-20{
padding-top:20px;
padding-bottom:15px!important;  
}
/*END FOLLOW US*/







/*SUBSCRIBE CONTACT POPUP FORM for workshop*/
 #fancybox-wrap{
background:#1e72bd!important;
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;  
width:300px!important;
}

.wpcf7-form .wrapper{
	width:300px;
}
.wrapper .buttn{
	width:200px;
}

#fancybox-outer{
background:none!important;
}

#fancybox-outer>div, #fancybox-content,  #contact_form_pop_up{
background:none!important;
border:none!important;
}

#contact_form_pop_up{
padding: 10px 0px 0px 20px!important;
}

#contact_form_pop {
width:300px!important;
}
#contact_form_pop p {
color:#fff!important;
font-size: 14px;
 
}

.wpcf7 {
color:#fff!important;
background:#1e72bd!important; /*15567E*/
width:280px; /*width for form*/
padding:0px!important;/*zero padding for pop up form, for form on the page then setup padding 20px*/
overflow:hidden;
}

#contact_form_pop h4{
color:#fff!important;/*
align:center!important;*/

}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
border:1px solid red;
padding:4px!important;
border-radius:5px;
border:1px solid #f1f1f1;
}

.wpcf7 input[type="text"]:focus, .wpcf7 input[type="email"]:focus, .wpcf7 textarea:focus{
border:1px solid #fff;
-moz-box-shadow: 0 0 6px #fff;
-webkit-box-shadow: 0 0 6px #fff;
box-shadow:0 0 6px #fff;   
}

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea{
width:270px!important;
}

.wpcf7-submit{
background: linear-gradient(#f1f1f1, #8b8b8b), #f1f1f1!important;
color:#000!important;
text-transform:uppercase;
float:right;
margin:20px!important;
}

.wpcf7-submit:hover{
-moz-box-shadow: 0 0 6px #000;
-webkit-box-shadow: 0 0 6px #000;
box-shadow:0 0 6px #000;  
background-image: linear-gradient( #8b8b8b, #f1f1f1), #8b8b8b!important;
}


/*CONTACT FORM ON THE PAGE CONTACT*/
#wpcf7-f173-p546-o1.wpcf7 {
width: 300px;
background: #1e72bd!important;
border: 2px solid #0088cc!important;
}

.p_cform.alignleft {
margin-right:100px;
}
.p_cform.alignleft p{
color:#000000;
font-size:0.8em;
}

.your-name input[type=text], .your-subject input[type=text], .your-message .wpcf7-textarea{
	border-color:2px solid #125e87;
}

.wpcf7-email.your-email input[type=email]{
	border-color:1px solid #125e87;
}








/************ABOUT ALA PAGE************/
/********short page content **********/
.p_content{
width:550px;//280px;
border: 2px solid #125e87;// #0080ff
background: #e6f2ff;
padding:15px;
border-radius:5px;

}



/*************THEATRE FOR CHANGE PAGE***********/
/*********Resize Photo THUMBNAILS in Performance Theatre for Change*********/
.thubm{
width:550px;
display:inline-block;}

img.thumbnail.alignleft{
float:left;
margin:5px 15px 5px 0;
}
img.thumbnail.alignright{
float:right;
margin:5px 0 5px 15px;
}
img.thumbnail.aligncenter{
margin:5px auto;
display: block;
}
img.thumbnail {
max-height: 150px;
max-width: 215px;
transition: all 0.3s linear 0s;
z-index: 1;
border: 1px solid #EEE;
background: #FFFFFF;
padding: 5px;
}
img.thumbnail:hover {
cursor:pointer;
box-shadow:0 0 5pt #727272;/*box-shadow: 0 0 5px 5px #eee;*/
border: 1px solid #125e87;//#25A0E3;
z-index: 10;
transition: all 0.3s linear 0.3s;
}
img.thumbnail.alignleft:hover{
transform:scale(2) translate(88px, 30px);
}
img.thumbnail.alignright:hover{
transform:scale(2) translate(-88px, 30px);
}
img.thumbnail.aligncenter:hover {
transform:scale(2);
}
/*THUMBNAILS*/


/************FOOTER*************/
/*****WIDGET*********/
.cofounder{
width:1000px;
height:60px;
margin: 0 auto;

}

.cofounder img{
padding:3px;
	}


/*********Back to top button*********/

  .generate-back-to-top,
.generate-back-to-top:visited {
    background-color: rgba(112, 176, 255, 1); /* rgba or hex */
    color: #FFFFFF;
  line-height: 60px; /* how tall it is */
    width: 60px; /* how wide it is */
  font-size:2em;
  border-radius: 15px 15px;
  padding-bottom:5px;

}

/* the button when you hover/click it */

.generate-back-to-top:hover,
.generate-back-to-top:focus {
    background-color: rgba(18, 112, 226, 1); /* rgba or hex */
    color: #FFFFFF;
   line-height: 60px; /* how tall it is */
    width: 60px; /* how wide it is */
}





/*************HOME PAGE****************/
/*CENTRAL BLOCK*/

.wrapper{
margin: 0 auto;
width:100%;
border-radius: 8px; 
/*max-width:1120px;/*Max width for big resolution*/
  /*  min-width:940px;/*Min width for big resolution*/
   /* width:auto;/*Width depending of resolution*/
}

.item {
 display: inline-block;
 background: #fff;
 margin: 0 auto;
 width: 100%;
  overflow:auto; 
 border-radius: 8px; 
 box-shadow: 2px 4px 8px 1px #ccc; /* outer shadow */
}


 .item p{
padding-right:50px;}

.item img{
padding:30px; 
border-radius: 10px;
 }


 
/* links styles inside block */
.item a {
text-decoration: none;
color: #359CC6;
margin: 0 10px;
}
/* links hover */
.item a:hover {
color: #E88F00;    
border-bottom: 1px dotted #9F1D35;
}


/*SMALL TILES ON HOME PAGE*/
.feature {
	float:left;
	width:33.3%;
  	margin: 20px auto;
}

.feature:hover {
	opacity: 0.8;
}
.feature-card {
	background-color: #fff;
	border-radius: 8px;
    box-shadow: 2px 4px 8px 1px #ccc; /* outer shadow */
	margin: 0px 10px 20px 10px;
	min-height: 440px;
 }

.feature h1, h2,  p {
    margin-left: 20px;
    margin-right: 20px;
}
p {
    margin-bottom: 1.5em;
}

.feature img {
	width: 100%;
	height: auto;
    margin: 20px auto;   
	border-radius: 8px 8px 0 0;
}

.feature h2, .item h2{
    color: #222;
    font-size: 18px;
    font-weight: 400;
    letter-spacing: -.02em;
    line-height: 30px;
    padding: 5px 0 10px;
    text-transform: uppercase;
}
.feature h1, .feature h2, .feature p {
    margin-left: 20px;
    margin-right: 20px;
}

/* links styles inside block */
.feature a {
text-decoration: none;
color: #359CC6;
margin: 0 10px;
}
/* links hover */
.feature a:hover {
color: #E88F00;    
border-bottom: 1px dotted #9F1D35;
}


/**************COMMUNITY WORKSHOP PAGE*********/
/*Facilitators*/
.facilitotors_col {
   // background:#C5DFF0;
    color:#000;
    margin:20px auto;
    padding:10px;
    position:relative;
    width:800px;
 
    border-radius:5px;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
 
   /* box-shadow:1px 1px 5px #111111;*/
 
    column-count: 3;
    column-gap: 1em;
  //  column-rule: 1px dashed black;
    -moz-column-count: 3;
    -moz-column-gap: 1em;
    //-moz-column-rule: 1px dashed black;
    -webkit-column-count: 3;
    -webkit-column-gap:1em;
   // -webkit-column-rule: 1px dashed black;
}