F/**
 * @file
 * Views Styling
 */
/*
 * List pages
 */
 
 .view-landing-page-features .views-field-field-summary {
background: #eee;
color: #000;
margin: 0;
padding: 10px;
}
 
h2.pane-title {
text-transform: uppercase;
font-size:140%;
padding:5px 5px 5px 35px;
color:#fff;
margin:0 0 10px 0;
height:45px;
background: #4EB7FB url("../images/hand-yellow-big.png") no-repeat scroll 0 0;
 
} 
 
h1.feature {
margin:0;
line-height:1.1em;
font-size:1.5em;
} 


@media all and (max-width: 801px) {

.flex-caption {
padding:1em;
background:#4EB7FB;
border-radius:0px;
color:#ffff;
} 

.flex-caption p, .flex-caption h1 a {
color:#ffff;
} 

#page {
margin:0 1em 0 1em;
} 
} 

 
@media all and (min-width: 801px) {
.views-slideshow-cycle-main-frame-row {
width:100%;
position:relative;

}
.views-slideshow-controls-bottom {
position:absolute;
width:280px;
top:270px;
right:0px;
display:block;
z-index:7;
}

#featured .flex-caption {
position:absolute;
background: url("../images/transparent-blue.png") repeat scroll 0 0;
bottom: 0px;
left: 0px;
color: #FFFFFF;
margin: 0 0 2em 3em;
padding: 10px;
width:48%;
border-radius: 10px; 
font-size:1.1em; 
line-height:1.2em;
}
 




h1.feature {
margin:0px 0px 10px 0px;
padding:0px;
text-transform:uppercase;
line-height: 1.2em;
font-size: 1.5em;
}

h1.feature a{
text-decoration:none;
color:#ecb731;
}

h1.feature a:hover{
text-decoration:none;
color:#fff;
}
}

.view-landing-page-features {
padding:0;
}

.views-slideshow-pager-field-item {
color:#ecb731;
height:20px;
width:20px;
float:left;
margin:0 5px 0 0;
display:block;
}

.views-slideshow-pager-field-item:hover, .views-slideshow-pager-field-item.active  {
color:#fff;
background-color:#fff;
cursor:pointer;
} 
 
.panel-separator {
margin:0;
}

.homepage-bottom-feature {
background-color:#510458;
padding:5px 5px 5px 5px;
margin-top:15px;
}

.homepage-bottom-feature:hover {
background-color:#ECB731;
}


.homepage-bottom-feature a {
color:#fff;
text-decoration:none;
}

.homepage-bottom-feature h2 {
font-size:110%;
margin:0;
padding:0;
text-transform: uppercase;
}

h2.pane-title {
text-transform: uppercase;
font-size:140%;
padding:5px 5px 5px 35px;
color:#fff;
margin:0 0 10px 0;
height:45px;
background: #4EB7FB url("../images/hand-yellow-big.png") no-repeat scroll 0 0;
 
}

 .page-news-blogs-media-centre h2.pane-title{
height:70px;
}

.page-news-blogs-media-centre .pane-people h2.pane-title{
height:40px;
}
 
.page-news h2.pane-title {
background-color:#4EB7FB;
}

.page-blogs h2.pane-title {
background-color:#0067AB;
}

.pane-highlights h2.pane-title {
background-color:#4e1d58;
}


.menu-minipanels .pane-quicklinks h2.pane-title {
background-color:#F1ECF2;
padding: 0 0 0.5em 0;
font-size:110%;
}

.page-events .pane-quicklinks h2.pane-title {
background-color:#FDB813;
border-bottom:1px solid #FDB813;
border-top:1px solid #FDB813;
color: #510458;
padding:0 0 0 5px;
}

.page-events .view-display-id-block_2 .view-display-id-block_1 a {
    color: none;
    font-size: 90%;
	display:inline;
	background:none;
	margin:0 0 0.5em 0;
	padding:0 0 0 5px;
}

.page-events .view-display-id-block_2 a {
    color: #510458;
    font-size: 90%;
	display:block;
	background:#eee;
	margin:0 0 0.5em 0;
	padding:0 0 0 5px;
}

.page-events .pane-quicklinks a:hover {
    color: #000;
    font-size: 90%;
	background:#FDB813;
}


.external-media  h2.pane-title, .pane-menu-menu-about  h2.pane-title, .pane-menu-block-9 h2.pane-title , .pane-documents h2.pane-title{
background-color:#4eb7fb;
color: #fff;
}


.highlight-container {
padding:0;
}

.highlight-container:hover {
}

.highlight-skinny-container {
background-color:#9561a8;
padding:0;
width:232px;
}

.highlight-skinny-container:hover {
background-color:#ECB731;
}



.highlight-container h2, .highlight-skinny-container h2 {
font-size:90%;
margin:0;
padding:0 5px 5px 5px;
text-decoration:none;
font-weight:normal;
font-family:verdana;
}

table.views-view-grid  {
margin:0;
}
.view-highlights table.views-view-grid tr td.col-1 {
width:241px;
}
 
.content .item-list ul {

}  
 
.content .item-list ul li.views-row {
  margin: 0;
  background: url(../images/hand-blue.png) left center no-repeat;
  padding: 0 0 10px 25px;
  margin-bottom: 10px;
  font-size: 95%;
  list-style:none;
} 
 
.view-who-s-helping ul
{
margin-left: 0;
padding-left: 0;
list-style: none;
}


.view-who-s-helping li
{
background-repeat: no-repeat;
background-position: 0 .5em;
}

.view-who-s-helping .view-content .item-list ul li.views-row-1  {
background-image: url(../images/hand-blue.png);
}

.view-who-s-helping .view-content .item-list ul li.views-row-2 {
background-image: url(../images/hand-yellow.png);
}

.view-who-s-helping .view-content .item-list ul li.views-row-3 {
background-image: url(../images/hand-green.png);
}


.view-who-s-helping .views-field-title{
text-transform:uppercase;
}


.content .item-list ul li.Feature{
background-image: url(../images/icon-news.jpg);
    padding-left:40px;
}

.content .item-list ul li.News{
background-image: url(../images/icon-news.jpg);
    padding-left:40px;
}

.content .item-list ul li.Blog, .view-survivor-voices .item-list ul li.Blog{
background-image: url(../images/icon-blog.jpg);
    padding-left:40px;
}

.content .item-list ul li.Events, .view-survivor-voices .item-list ul li.Events{
background-image: url(../images/icon-event.png);
    padding-left:40px;
}

.content .item-list ul li.Campaigns{
background-image: url(../images/icon-action.jpg);
    padding-left:40px;
}

li.list {
border-bottom:1px solid #93d2e7;
} 

li.views-row-last.list {
border-bottom:1px solid #fff;
} 

li.list a {
margin-bottom:10px;
}  
 
.view-people .rowcell{
width:200px;
float:left;
margin:0 20px 0 0;
}
 
 
.cols-2 a {
	color:#510458;	
	text-decoration:none;
	font-weight:bold;
	}

.cols-2 a:hover {
	color:#fff;
	}	


.view-people td {
padding: 5px;
}

.view-people tr.even, tr.odd {
    border: 1px solid #fff;
    margin:1em 0 1em 0;
}	

body .view-people tr  td h3 {
    margin:0;
}

.landingbabyfeature {
background-color:#510458;
padding:0;
width:295px;
}

.landingbabyfeature:hover {
background-color:#ECB731;
}

.landingbabyfeature h1 {
font-size:180%;
margin:0;
padding:0 5px 5px 5px;
text-transform: uppercase;
text-decoration:none;
}

.landingbabyfeature a h1 {
color:#fff;
text-decoration:none;
}
/*Homepage small highlight*/
.view-highlights .cols-2 .row {
background-repeat: repeat-y;
background-image: none;
margin:0 0 1em 0;
}

.view-highlights  .cols-2  .col-1 {
	float:left; 
	width:225px;
	margin:0 5px 0 0;}
	
.view-highlights  .cols-2  .col-2{
	float:left; 
	width:225px;
	margin:0 0 0 5px;}

.view-highlights .cols-2 .rowcell .inner {
padding:0px;
}	


/*Global Lists*/

.views-view-grid {
margin:1em 0 0 0;
}


/*Global List one-sidebar*/


.cols-2  .col-1 {
	float:left; 
	width:262px;
}
	
.cols-2  .col-2 {
	float:left; 
	width:262px;
	margin:0 0 1em 1.5em;
	}
	
.page-events .cols-2  .col-1, .page-get-involved .cols-2  .col-1, .page-survivor-voices .cols-2  .col-1  {
	float:left; 
	width:48.7%;
	margin:0 0 0 0;
    border-bottom: 1px solid #93D2E7;
	padding:0 0 0.5em 0;
	}	
	
.page-events .cols-2  .col-2, .page-get-involved .cols-2  .col-2, .page-survivor-voices .cols-2  .col-2{
	float:right; 
	width:48.7%;
	margin:0 0 0 12px;
	border-bottom: 1px solid #93D2E7;
	padding:0 0 0.5em 0;
	}
	
.page-events .cols-2 .rowcell, .page-get-involved .cols-2 .rowcell {
    font-size:90%;
    text-transform:none;	
}


.page-events .row-1 .views-field-title, .page-get-involved .row-1 .views-field-title, .page-events .row-1 .views-field-field-venue, .page-events .row-1 .views-field-field-date, .page-events .row-1 .views-field-view-node {
margin:0 10px 0 10px;
display:block;
}


.page-events .cols-2 .rowcell .views-field-title, .page-get-involved .cols-2 .rowcell .views-field-title, .node-type-special-features .cols-2 .rowcell .views-field-title {
   text-transform:uppercase;
}

.cols-2 .row {
margin:0 0 1em 0;
}

.page-events .cols-2 .rowcell .inner, .page-get-involved .cols-2 .rowcell .inner {
padding:0px;
}


/*two-sidebars two col*/
	
.page-events .cols-2 .row, .page-get-involved .cols-2 .row, body.two-sidebars.node-type-special-features .cols-2 .row {
background:none;
}


/*two-sidebars one col*/


body.two-sidebars .cols-1 .row {
    margin:0 0 1em 0;
}

/*two-sidebar 1-col */
	


body.two-sidebars .cols-1 .row {
margin:0 0 1em 0;
}


.views-view-grid .node-working-for-us {
    text-transform: uppercase;
}

.views-view-grid .node-working-for-us .node-title a:hover {

}

.field-type-taxonomy-term-reference .field-item {
color:red;
}


.view-uc-catalog {
padding:10px;
}

/*two-sidebar 4-col */
.view-uc-catalog .cols-4 {
}

.view-uc-catalog .cols-4  .rowcell{
width:21%;
float:left;
background-color:#fff;
padding:10px;
}

/*two-sidebar 3-col */

.view-uc-catalog .cols-3 {
}

.view-uc-catalog .cols-3  .rowcell{
width:30%;
float:left;
background-color:#fff;
padding:10px;
}


/*two-sidebar 2-col */

.view-uc-catalog .cols-2 .row{
background:none;
}


.view-uc-catalog .cols-2 .rowcell {
width:45%;
float:left;
background-color:#fff;
padding:10px;
}


/*Shop */

.view-uc-catalog {

}

.view-uc-catalog  .field-name-body {
font-size:11px;
}


.view-uc-catalog  div.submitted {
display:none;
}

.view-uc-catalog h2 {
margin:0 0 1em 0;
}

.view-uc-catalog .form-item {
    border-bottom: 0px dotted #fff;
    padding: 0 0 10px;
	margin-bottom: 0em;
    margin-top: 0em;
}


.view-uc-catalog  h3 {
    font-size: 1.1em;
    margin: 0.2em 0;
}

	
.attribute {

}

.attribute-2, .attribute-3 {
float:left;
width:45%;
}

.masonry-brick {
box-shadow: 0 1px 2px rgba(82, 29, 91, 0.7);
/* For IE 8 */ 
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=270);
width:220px;
border:1px solid #eee;
margin-bottom:20px;
background:#f1ecf2;
}

.masonry-brick .form-type-uc-quantity input {
    background-color: #ffffff;
    border: medium none;
    padding: 7px;
}


.views-columns-3 .views-column {
float:left;
box-shadow: 0 1px 2px rgba(82, 29, 91, 0.7);
/* For IE 8 */ 
   zoom: 1;
   filter: progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=0),
         progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=90),
         progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=180),
         progid:DXImageTransform.Microsoft.Shadow(Color=#dddddd, Strength=3, Direction=270);
width:220px;
border:1px solid #eee;
background:#f1ecf2;
    margin: 5px 5px 20px 5px;
    padding: 5px;
    width: 30%;
}

.views-fluidgrid-item-inner {
margin:10px;
}
	
.node-type-special-features .views-row .field-name-field-image {
width:220px;
float:left;
margin:0 0.5em 0 0;
}

.sb-image {
float: left;
 height: 100px;
 padding: 20px;
 width: 100px;
}


#views_slideshow_controls_text_previous_open_art_studio-page , #views_slideshow_controls_text_previous_open_art_studio-page  {
	display:block;
	width:60px;
	height:26px;
	background-color: #FDB813;
	background: #FDB813;
    padding: 0px 5px 0px 10px; 
	float:left;
	margin:0 10px 0 0;
    text-decoration:none;
    text-transform: capitalize;
    outline: none;
	}
	


#views_slideshow_controls_text_next_open_art_studio-page , #views_slideshow_controls_text_next_open_art_studio-page  {
	    display:block;
		width:60px;
	    height:26px;
	    background: #FDB813;
        padding: 0px 5px 0px 10px; 
	    float:left;
	    margin:0;
	    text-decoration:none;
	    text-transform: capitalize;
	    outline: none;

	}
	
	
	#views_slideshow_controls_text_previous_open_art_studio-page:hover {

	   
	}
	
    #views_slideshow_controls_text_next_open_art_studio-page:hover {

	   
	}

	
#views_slideshow_controls_text_open_art_studio-page

{
	width:49%;
	float:left;
	}

#views_slideshow_slide_counter_open_art_studio-page
{
	width:60px;
	float:right;
	}

#views_slideshow_controls_text_pause_open_art_studio-page {
display:none;
}

.view-open-art-studio .views-slideshow-cycle-main-frame-row {
    background: none repeat scroll 0 0 #F1ECF2;
    border: 1px solid #EEEEEE;
    margin-bottom: 20px;
}

.view-open-art-studio .views-slideshow-cycle-main-frame-row  p, .view-open-art-studio .views-slideshow-cycle-main-frame-row  h4{
    padding:0px 20px 0px 20px;
}

.view-survivor-voices {
margin:1.5em 0 0 0;
padding-bottom:1em;
}



.view-display-id-block_1  .views-row {
margin:0 0.3em 0 0;
}

.view-display-id-block_1 .views-row-3, .view-display-id-block_1 .views-row-6 {
margin:0;
}

.page-survivor-voices  .view-display-id-block_1  .views-row {
float:left;
width:31.9%;
margin:0 0.3em 0 0;
}

.page-survivor-voices  .view-display-id-block_1  .views-row a{
font-size:90%;
}

.views-field-field-quote {
background-image: url(../images/quote.png);
background-position: left top;
background-repeat: no-repeat;
font-size: 120%;
color:#431417;
font-style: italic;
font-weight:normal;
padding:35px 10px 0px 10px;
}

.views-field-field-quote  .field-content {
background-image: url(../images/quote-end.png);
background-position: right bottom;
background-repeat: no-repeat;
padding-bottom:25px;
}

.views_slideshow_cycle_main_rotating_quotes-block {
background-image: url(../images/poverty-banner.png);
}

.views-field-field-author-portrait {
    display: block;
    float: left;
    margin: 5px 10px 0 0;
}




.views-row-2 .views-field-field-image {
display:none;
}
.views-row-3 .views-field-field-image {
display:none;
}


#featured #mini-panel-homepage_slider .flex-caption {
position:absolute;
background: url("../images/transparent-blue.png") repeat scroll 0 0;
bottom: 0px;
color: #FFFFFF;
margin: 0 0 0 0;
padding: 10px;
width:100%;
border-radius: 10px; 
font-size:1.1em; 
line-height:1.2em;
}







.sutro-column1 .flexslider ul.slides, .sutro-column1 .flex-nav-container ol.flex-control-nav, .sutro-column1 .flex-nav-container ul.flex-direction-nav, .sutro-column1 .flexslider ul.slides li img {
    margin: 0em auto 0;
    padding: 0;
}

.sutro-column1 .flex-nav-container ol.flex-control-nav {
}

.sutro-column1 .node .content li, .sutro-column1 .pane-content li {
    background: none;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.sutro-column1 .flex-control-nav.flex-control-paging li {
padding: 15px 10px 0px 10px;
margin:0.1em 0 0 0;
}
.page-homepage .sutro-container {
    margin-bottom: 0em;
}

.sutro-column-inner {
    margin-right: 0px;
}

#mini-panel-homepage_colums .span_1_of_4:hover {
   background: #eee;
}


 .sutro-column1 .flex-caption {
    /* background: url("../images/transparent-blue.png") repeat scroll 0 0 rgba(0, 0, 0, 0);*/
	background:#fff;
    border-radius: 0px;
    bottom: 0;
    color: #ffffff;
    font-size: 1.1em;
    left: 0;
    line-height: 1.2em;
  /*  margin: 0 0 2em 3em; */
    padding: 10px;
    position: absolute;
    width: 70%; 

}

.sutro-column1 .feature_link a{
float:right;
color: #ecb731;
}

.sutro-column1 .feature_link a:hover {
color: #fff;
}


.sutro-column1 h1.feature {
margin:0;
font-size:1.3em; 

}

.sutro-column1 h1.feature a {
color:#0068ac;
}

.sutro-column1 h1.feature a:hover{
color:#000;
}

.highlight-container {
    position: relative;


}

.report-container {
    position: relative;
	
}
.report-container p{
   margin:0px;
border-bottom:1px dotted #4eb7fb;
padding-bottom:1em;
    background: #000;
    color: #fff;
    font-size: 1.1em;
    bottom: 0;
    line-height: 1.2em;
  /*  margin: 0 0 2em 3em; */
    position: absolute;
	opacity: 0.8;  
	padding:10px;
    min-width: 257px;
	}

.report-container p a{
    color: #fdb813;
	display:block;
	}	
	
.report-container p a:hover{
    color: #fff;
	background:#4eb7fb;
	}		
	
.highlight-container a.highlight-link {
    display:block;
min-height:240px;
}

.highlight-container a.highlight-link:hover {
 color:#000;
}
 .views-2-row:hover {
 background:#fff;}


.highlight-type {
    background: #4eb7fb;
    color: #fff;
    font-size: 1.1em;
    left: 0;
    line-height: 1.2em;
  /*  margin: 0 0 2em 3em; */
    position: absolute;
	text-transform: uppercase;
	font-weight:bold;
	font-size:90%;
    min-width:50%;
}

.highlight-type span{
margin:3px 3px 3px 5px;
display:block;
}

.report-type {
    background: #4eb7fb;
    color: #fff;
    font-size: 1.1em;
    left: 0;
    line-height: 1.2em;
  /*  margin: 0 0 2em 3em; */
    position: absolute;
	text-transform: uppercase;
	font-weight:bold;
	font-size:90%;
    min-width:50%;
}

.report-type span{
margin:3px 3px 3px 5px;
display:block;
}


/*  SECTIONS  */
.2-column-responsive-grid {
	clear: both;
	padding: 0px;
	margin: 0px;
}

/*  COLUMN SETUP  */
.views-2-col {
	display: block;
	float:left;
	margin: 0 0 1% 0%;
}

.views-2-col-first {
	display: block;
	float:left;
	margin: 0 3% 1% 0%;
}

.2-column-responsive-grid.views-2-col:first-child { margin-left: 0; }


/*  GROUPING  */
.group:before,
.group:after {
	content:"";
	display:table;
}
.group:after {
	clear:both;
}
.group {
    zoom:1; /* For IE 6/7 */
}
                                               
					

/*  GRID OF TWO  */

.views-2-col {
	width: 48.5%;
}


.page-fft-reports .views-2-col {
	margin-bottom:2em;
	border-bottom:2px dotted #ddd;
}

.views-2-row {
min-height:240px;
}

.views-2-row a.text-link {

}

.views-2-row-last {
margin:0.5em 0 0 0;
}
/*  GO FULL WIDTH AT LESS THAN 480 PIXELS */

@media only screen and (max-width: 480px) {
.views-2-col { 
		margin: 1% 0 1% 0%;
	}
}

@media only screen and (max-width: 480px) {

.views-2-col {
		width: 100%;
	}
}






.page-node-7992 #block-views-write-to-life-block-2 {
    background-color: #e2f0f9;
    float: right;
    margin: 10px 0 10px 10px;
    padding: 0 20px 0 10px;
    width: 200px;
}

.page-node-7992 #block-views-write-to-life-block-2  ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}
#block-menu-block-53 {
    background-color: #e2f0f9;
    float: right;
    margin: 10px 0 10px 10px;
    padding: 0 20px 0 10px;
    width: 200px;
}

#block-menu-block-53.block-menu-block ul {
    margin: 0;
}

#block-menu-block-53.block-menu-block ul.menu li {
background:none;
    background: url("../images/hand-yellow.png") no-repeat scroll left center rgba(0, 0, 0, 0);
    margin: 0;
    padding: 5px 0 5px 25px;
}

body #block-menu-block-53.block-menu-block ul.menu li a{
background:none;
color: #0068ac;
text-decoration: none;
font-size:90%;
letter-spacing: 0em;
margin:0;
padding:0;
}


body #block-menu-block-53.block-menu-block ul.menu li a:hover{
color: #ecb731;
}





.training .view-display-id-block_3 {
background:#e2f0f9;
padding:0.8em;

}

.training .view-display-id-block_3 .views-header {
padding:0;
margin:0;
}