/*
Theme Name:SightSavers
Theme URI:www.SightSavers-arc.co.uk
Description:Custom Theme for SightSavers
Author:Lavish Associates
Version:1.0
Tags:none
*/

.YTvideo-container {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
}

.YTvideo-container iframe, .YTvideo-container object, .YTvideo-container embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
/* #fullnews .right li{
	
	background-image:-webkit-gradient(linear, right bottom, right top, color-stop(0, #ffffff), color-stop(0.25, #ffffff), color-stop(0.25, #f4f4f4), color-stop(0.5, #f4f4f4), color-stop(0.5, #ffffff), color-stop(0.75, #ffffff), color-stop(0.75, #efefef));
	background-image:-webkit-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	background-image:-moz-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	background-image:-ms-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	background-image:-o-linear-gradient(right bottom, #ffffff 0%, #ffffff 25%, #f4f4f4 25%, #f4f4f4 50%, #ffffff 50%, #ffffff 75%, #f4f4f4 75%);
	filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffffffffff', endColorstr='#f4f4f4f4f4f4',GradientType=0 );
	background-size:5px 5px;
	 
	background-color:#e8e8e8;
	padding:15px
} */

/* #fullnews .right h3 {
	color:#dd1188;
	padding-bottom:8px
} */

/* #fullnews .right li {margin-bottom:30px} */

/* #fullnews .right li li {
	margin-bottom:5px; 
	background-image:none;
	padding:0px; 
	line-height:20px
} */

/* .tagcloud a {font-size:16px !important} */

/* #fullnews .left a {color:#dd1188} */

/* #fullnews .left h1 a,
#fullnews .left  .relatedthumb a {color:#000} */

/* #fullnews .left .tags a {
	font-size:15px;
	color:#2175dd
} */

.alignleft {
	float:left; 
	margin-bottom:15px; 
	margin-right:15px; 
	padding-top:5px
}

.alignright {
	margin-left:15px; 
	margin-bottom:15px; 
	float:right; 
	padding-top:5px
}

.relatedthumb  {
	width:23%;
	float:left;
	padding-top:1%;
	padding-right:2%;
	padding-bottom:1%;
	padding-left:0%
}
.related_post .relatedthumb img {
	width:100%; 
	height:auto
}
/* 
#fullnews .news.smaller img {
	float:left; 
	margin-right:15px; 
	margin-bottom:-10px; 
	width:200px; 
	height:auto
}

#fullnews .news.smaller h1 {margin-bottom:2px}

#fullnews h1 {margin-bottom:10px}

#fullnews small {margin-bottom:20px}

#fullnews .news {padding-bottom:30px}

#fullnews .news p:last-child {margin-bottom:0px}
 */
.signup .left {
	font-size:24px;
	color:#000
}

.signup .left label {
	margin-right:20px; 
	float:left; 
	line-height:25px;
	color:#666
}

.signup .left label small {
	line-height:12px; 
	font-size:12px; 
	display:block; 
	padding:5px 0
}

.oh {
	overflow:hidden; 
	padding-top:20px
}

.block ul {
	padding-left:30px;
	list-style-position:outside;
	list-style-type:disc;
	margin-bottom:20px
}

.block ol {
	list-style-position:outside;
	list-style-type:decimal;
	margin-left:30px;
	margin-bottom:20px
}

/*******************/
/* ZT INITIAL GRID */
/*******************/
.cf {zoom:1;}

.cf:before,
.cf:after {
	content:"";
	display:table
}

.cf:after{clear:both}

.grid{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;	
	display:inline-block;
	float:left;
	padding:0 20px 5px 0
}

/* 12 col grid */
.one-col{width:8.333333333333333%}

.two-col{width:16.66666666666667%}

.three-col{width:25%}

.four-col{width:33.33333333333333%}

.six-col{width:50%}

.seven-col{width:58.33333333333333%}

.nine-col{width:75%}

.full-width{
	width:100%;
	padding:0
}

.last{padding-right:0}


/**********************/
/* ZT GENERAL CLASSES */
/**********************/

/* striped background is in css/gift.css L175 */

.zt-mobile-donate {
	margin-top:0;
	margin-bottom:10px
}

.block.no-top-pad {padding-top:0}

.block.no-bottom-pad {padding-bottom:0}

.dev-feedback {
	font-size:75%;
	font-weight:bold;
	text-transform:uppercase;
	font-family:courier;
	margin:0
}

.yellow-bg {background-color:#FEBB22}

.pale-yellow-bg {background-color:#FFEBB2}

.separator {
	stroke:#FFBB22;
	stroke-width:5;
	stroke-dasharray:1,10;
	stroke-linecap:round;
}

.gen-links-title {
	margin:20px 0 0 0; 
	text-align:left
}

/* New button colour for yellow footer */
.dark-grey-bg {
    background:#292929 none repeat scroll 0 0;
    box-shadow:0 4px 0 rgba(102, 102, 102, 1), 0 4px 25px rgba(0, 0, 0, 0);
}

.dark-grey-bg:hover{
	background:#000 none repeat scroll 0 0;
	text-decoration:none
}

.text-left {text-align:left}

.hero-holder {
	width:100%;
	max-width:1920px;
	margin:0 auto;
	height:420px;
	background-repeat:no-repeat;
	background-position:center center;
	border-bottom:10px solid #febb22
}

.hero-headline {
	margin-left:auto;
    margin-right:auto;
    max-width:1200px;
    min-width:1200px;
    position:relative;
    width:1200px;
	height:100%
}

.hero-headline h1 {
	position:relative;
	margin:0 0 0 2.5%;
	text-align:left;
	color:#fff;
	top:170px;
	font-weight:700
}


/*******************************/
/* ZT POLICY AND PRACTICE PAGE */
/*******************************/
/* Responsive tabs */
#ssTabs .tab-holder{height:95px}

#ssTabs .tab-holder .block {padding-top:25px}

#ssTabs ul {
	list-style:none;
	margin-bottom:0;
	padding-left:0
}

#ssTabs .nav {overflow:hidden}

#ssTabs .nav li {
	width:270px;
	float:left;
	margin:0 7px 0 0
}

#ssTabs .nav li.last {margin-right:0}

#ssTabs .nav li a,
#ssTabs .nav li {
	display:block;
	background:#960051;
	text-align:center;
	-webkit-border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topleft:10px;
	-moz-border-radius-topright:10px;
	border-top-left-radius:10px;
	border-top-right-radius:10px;
	font-size:24px;
	color:#fff;
	line-height:70px;
	cursor:pointer
}

@media all and (max-width:1199px) {
	#ssTabs .nav li {
		width:220px;
		font-size:22px;
	}
}

#ssTabs .nav li.resp-tab-active a,
#ssTabs .nav li.resp-tab-active{
	background:#fff !important;
	color:#000 !important
}

#ssTabs .nav li a:hover,
#ssTabs .nav li:hover {
	background-color:#403A60;
	color:#fff;
	text-decoration:none
}

.tab-panel {
	display:inline-block;
	margin-top:40px
}

.tab-panel:nth-of-type(1){margin-top:0px}

#ssTabs .tab-panel ul {
	list-style-position:outside;
    list-style-type:disc;
    margin-bottom:20px;
    padding-left:30px
}

h2.resp-accordion {
  cursor:pointer;
  padding:20px 10px;
  display:none
}

.resp-tab-content {display:none}

.resp-content-active,
.resp-accordion-active {display:block}

.resp-arrow {
	width:20px;
	height:20px;
	float:right;
	margin:3px 10px 0 0;
	background:transparent url('img/expand.png') no-repeat
}

h2.resp-tab-active span.resp-arrow {background:transparent url('img/contract.png') no-repeat}


/*-----------Accordion styles-----------*/
.resp-jfit {
  width:100%;
  margin:0px
}

.resp-tab-content-active {display:block}


/****************/
/* GAP MAP PAGE */
/****************/
#gapmap h1{text-align:left}

#gapmap iframe{
	width:100%;
	height:750px
}

#gapmap .keys {
	display:inline-block;
	margin:20px 0
}

#gapmap .keys .key {
	display:inline-block;
	float:left;
	width:auto;
	margin:5px 0 0 20px
}

#gapmap .keys .key:first-of-type {margin-left:0}

#gapmap .keys .key .key-colour{
	display:inline;
	float:left;
	width:20px;
	height:20px;
	border-radius:10px;
	margin-top:1px
}

#gapmap .keys .key .key-label{
	display:inline;
	float:left;
	margin-left:10px;
	width:auto
}


/*********************************/
/* ZT GAPMAP PUBLICATION DETAILS */
/*********************************/
#gap-map-pub h2 {
	/* color:#000; */
	/* font-size:2em; */
	/* line-height:2em; */
	/* margin:1m 0 0.5em 0 */
}

.pub-details {
	float:right;
	border:1px solid #E6E6E6;
	padding:20px;
	margin-bottom:2em
}

/* .pub-details h3 {color:#000} */

.publication-download {padding:18px 18px 15px 18px}

.pub-details .publication-download {display:block}

.pub-download-icon {margin:-4px 10px 0 0}

.pub-download-icon,
.pub-download-icon::before{
	display:inline-block;
	vertical-align:middle;
    height:36px;
    width:36px
}

.pub-download-icon::before {content:url('img/icon-round-download-white.png')}


/*************************/
/* ZT DASHICONS - GLOBAL */
/*************************/
.dashicons { margin:3px 7px 0 0}

a:hover .dashicons {text-decoration:none}


/*********************/
/* ZT Document Library */
/*********************/
#document-library .author:after {content:', '}

#document-library .author:last-of-type:after {content:''}

#document-library  .dl-download {
	width:150px;
	height:100px;
	text-align:center;
	overflow:hidden
}

#document-library  .dl-download a{
	display:inline-block;
	width:100%;
	height:100%;
	font-weight:bold;
	padding-top:79px;
	text-decoration:underline;
	background-image:url('img/icon-round-download-large.png');
	background-repeat:no-repeat;
	background-position:center 0
}

#document-library  .dl-download a:hover{background-position:center -100px}

#document-library  .dl-download a:active{background-position:center -200px}

#document-library .dl-main {margin-bottom:40px}

#document-library .file-meta {
	margin-top:0;
	font-size:0.875em
}

#document-library .dl-cats {padding:25px 20px}

#document-library ul.dl-cat-links {
	list-style-position:inside;
    list-style-type:none;
    margin-bottom:0;
    padding-left:0
}

#document-library ul.dl-cat-links li {margin-bottom:8px}

#document-library .dl-cat-links a {color:#EB6209}


/*******************/
/* ZT SEARCH LINKS */
/*******************/

/* KB Search */
.dl-search{
	position:relative;
	float:left;
	height:280px;
	background-position:center center;
	background-repeat:no-repeat;	
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px	
}

.dl-search.six-col {width:49%}

.dl-search.six-col:nth-of-type(2n+1) {margin:0 1% 0 0}

.dl-search.six-colnth-of-type(2n+0) {margin:0 0 0 1%}

.dl-search.four-col {width:32.33333333333333%}

.dl-search.four-col:nth-of-type(3n+1){margin:0 1% 0 0}

.dl-search.four-col:nth-of-type(2n+0){margin:0 0.5% 0 0.5%}

.dl-search.four-col:nth-of-type(3n+0){margin:0 0 0 1%}

.dl-search-panel {
	display:table;
	height:100%;
	table-layout:fixed;
    text-align:center;	
	max-width:80%;
	margin:0 auto
}

.dl-search-text{
	display:table-cell;
    vertical-align:middle
}

.dl-search-panel input[type="search"].search-field{display:none}

input[type="submit"].search-title,
.dl-search-text a {
	/* 
	display:inline-block;
	color:#fff;
	border:5px solid white;
	padding:20px 20px 20px 60px;
	font-size:1.875em;
	line-height:1em;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	cursor:pointer;
	background:transparent;
	background-image:url('img/icon-search.png');
	background-position:20px center;
	background-repeat:no-repeat;
	white-space:normal;
	text-align:left;
	margin:0 auto
	 */
}

input[type="submit"].search-title:hover,
.dl-search-text a:hover {
	/* 
	border-color:#FEBB22;
	background-image:url('img/icon-search-hover.png');
	text-decoration:none;
	color:#FEBB22#
	 */
}


/*********************/
/* ZT SEARCH RESULTS */
/*********************/
[data-value="components"],
[data-value="ambassadors"],
[data-value="stories"],
[data-value="blocks"],
[data-value="locations"] {display:none}


/* FACETWP */
.facetwp-template {
	display:inline-block;
	margin-bottom:30px
}


/* CHECKBOXES */
.facetwp-checkbox {margin-bottom:8px !important}


/* FILTERS */
.facetwp-facet input.facetwp-search{
	border:1px solid black;
    border-radius:8px;
    font-size:1em;
    padding:8px 15px 10px 10px;
    width:183px
}

.search-filters .facetwp-type-checkboxes{
	overflow:hidden;
	max-height:none !important
}


.search-filters {
	padding:20px;
	float:right
}

.search-filters h2 {
	/* color:#000; */
	/* margin-bottom:25px */
}

.search-filters h3.accordion-toggle {
	margin:30px 0 10px 0;
	color:#960051;
	font-size:1.125em;
	font-weight:700;
	cursor:pointer
}

.search-filters h3.accordion-toggle::after {
	display:inline-block;
	content:">";
	margin-left:5px;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s
}

.search-filters h3.accordion-toggle:hover {color:#403860}

.search-filters h3.accordion-toggle.open {color:#403860}

.search-filters h3.accordion-toggle.open::after {
	-webkit-transform:rotate(90deg);
	-moz-transform:rotate(90deg);
	-o-transform:rotate(90deg);
	-ms-transform:rotate(90deg);
	transform:rotate(90deg)
}

.search-filters .accordion-content {display:none}

.search-filters .accordion-content.default {display:block}
  
.no-results h2 {
	/* color:#000; */
	margin:0.25em 0 0.5em
}

.search-filters #doc-filter{
	display:none;
	visibility:hidden;
	-webkit-transition:all 0.4s;
	-moz-transition:all 0.4s;
	-o-transition:all 0.4s;
	-ms-transition:all 0.4s;
	transition:all 0.4s
}


/* PAGER */
.facetwp-pager {text-align:center}

.facetwp-pager .facetwp-pager-label{display:none}

.facetwp-page{
	font-weight:normal;
	font-size:1.5em
}

.facetwp-page:hover{
	text-decoration:none;
	/* color:#EB6209 */
}

.facetwp-page.active{
	color:#403860;
	font-weight:normal !important
}

/***************/
/* ZT KB LINKS */
/***************/
.dl-link {
	/* border-top:4px dotted #EB6209; */
	margin:0 0 20px 0;
	padding:0.5em 0;
	width:100%;
	margin:1em 0 0 0
}

.dl-link:first-of-type{
	margin-top:0;
	padding-top:0
}

.dl-link h3 {
	text-align:left;
	/* font-size:1.375em; */
	/* line-height:1.375em; */
	color:#000;
	margin:10px 0 5px 0
}

/* .dl-link h3  a {color:#000} */

.dl-link p {margin-bottom:10px}


/* icon type */
.dl-link-icon {
	position:relative;
	display:inline-block;
	float:left;
	width:60px;
	height:85px;
	margin:16px 0 0 0;
	overflow:hidden;
	background-repeat:no-repeat
}

.dl-link-icon a {
	display:inline-block;
	height:100%;
	width:100%
}

.dl-icon-link-int{background-image:url('img/icon-link-internal.png')}

.dl-icon-link-ext{background-image:url('img/icon-link-external.png')}

.dl-icon-link-doc{background-image:url('img/icon-doc.png')}

.dl-icon-link-pdf{background-image:url('img/icon-pdf.png')}

.dl-icon-link-ppt{background-image:url('img/icon-ppt.png')}

.dl-icon-link-zip{background-image:url('img/icon-zip.png')}

.dl-icon-link-generic{background-image:url('img/icon-generic-page.png')}

.dl-link-icon:hover{background-position:0 -100px}

.dl-link-icon:active{background-position:0 -200px}


/* large size for single document post */
.dl-link-icon-large {
	position:relative;
	display:inline-block;
	float:left;
	width:150px;
	height:214px;
	margin:8px 0 20px 0;
	overflow:hidden;
	background-repeat:no-repeat
}

.dl-link-icon-large a {
	display:inline-block;
	height:100%;
	width:100%
}

.dl-icon-link-int-large {background-image:url('img/icon-link-internal-large.png')}

.dl-icon-link-ext-large {background-image:url('img/icon-link-external-large.png')}

.dl-icon-link-doc-large {background-image:url('img/icon-doc-large.png')}

.dl-icon-link-pdf-large {background-image:url('img/icon-pdf-large.png')}

.dl-icon-link-ppt-large {background-image:url('img/icon-ppt-large.png')}

.dl-icon-link-zip-large {background-image:url('img/icon-zip-large.png')}

.dl-icon-link-generic-large {background-image:url('img/icon-generic-page-large.png')}

.dl-link-icon-large:hover {background-position:0 -240px}

.dl-link-icon-large:active {background-position:0 -480px}


/* link access download/summary/url */
.dl-link-access {
	display:inline-block;
	float:right;
	width:140px;
	margin:20px 0 0 0
}

.dl-link-access a {
	font-weight:bold;
	text-decoration:underline;
	display:inline-block;
	padding-left:42px;
	height:32px;
	overflow:hidden;
	background-repeat:no-repeat;
	line-height:30px
}

.dl-link-access a.dl-icon-download-round{background-image:url('img/icon-round-download.png')}

.dl-link-access a.dl-icon-summary-round{background-image:url('img/icon-round-summary.png')}

.dl-link-access a.dl-icon-link-int-round{background-image:url('img/icon-round-link-internal.png')}

.dl-link-access a.dl-icon-link-ext-round{background-image:url('img/icon-round-link-external.png')}

.dl-link-access a:hover {background-position:0 -40px}

.dl-link-access a:active {background-position:0 -80px}


/* For Search Page Posts */
.dl-link-icon.post-result {
	width:20%;
	margin-right:2%;
	height:auto
} 

.dl-link-icon.post-result img {
	width:100%;
	height:auto
}

.dl-link-content{
	display:inline-block;
	float:left;
	margin-left:40px;
	max-width:65%
}


/* For Search Page */
.dl-link-content.post-result {
	width:78%;
	margin-left:0
}

/* .dl-link-content .read-more a{color:#FB6500} */

.dl-link-content .pub-date{margin-right:5px}

.dl-general-link {
	margin-top:20px;
	padding:10px 0
}


/******************/
/* ZT STORY LINKS */
/******************/
.story-link {text-align:center}

.story-link img {margin-bottom:10px}

.all-stories-link {
	margin-top:20px;
	padding:10px 0
}


/**************************/
/* ZT NEWS AND BLOG LINKS */
/**************************/
.news-blog {	padding:35px 0}

#news-blog-links .grid:first-child {border-top:0 none}

.news-blog a:hover {text-decoration:none}

.news-blog h3 {
	/* font-size:23px; */
	/* line-height:28px; */
	margin-bottom:0
}

/* .news-blog h3 a {color:#FB6500} */

/* .news-blog h3 a:hover,
.news-blog h3 a:focus{text-decoration:underline} */

.news-blog  p.date {
	color:#959595;
	margin-bottom:0;
	font-size:1em
}

.news-blog  p.excerpt {font-size:1em}

.news-blog .nb-img {
	float:left;
	width:52%;
	margin-right:3%
}

.news-blog .nb-img a img {
	max-width:100%;
	height:auto
}

.news-blog .nb-txt {
	float:left;
	width:45%
}

.news-blog span {
	margin-left:5px;
	white-space:nowrap
}

.news-blog.nb-main-news {padding:35px 71px 54px 0}

.news-blog.nb-main-news img{
	margin-bottom:10px;
	max-width:100%;
	height:auto
}


/********************/
/* ZT GENERAL LINKS */
/********************/
.general-link:nth-child(even){clear:left}

.general-link {margin:35px 0}

.general-link a:hover {text-decoration:none}

.general-link  h3 {
	/* font-size:23px; */
	/* line-height:30px; */
	margin-bottom:0
}

/* .general-link  h3 a {color:#FB6500} */

/* .general-link  h3 a:hover,
.general-link  h3 a:focus {text-decoration:underline} */

.general-link  .gl-img {
	float:left;
	width:35%;
	height:auto;
	margin-right:3%
}

.general-link  img {
	width:100%;
	height:auto
}

.general-link .gl-txt {
	float:left;
	width:62%
}


/******************************/
/* ZT CONNECTING THE DOTS CTD */
/******************************/
/* 
grey bg:#e6e6e6
purple:#990066
.yellow-bg {background-color:#febb22;} - exists already
*/

/* this to become generic  */
button,
.button {
	text-align:center;
	padding-top:18px;
	padding-right:12px;
	padding-bottom:18px;
	padding-left:12px;
	display:inline-block;
	text-transform:uppercase;
	font-size:21px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
	border:0 none;
	color:#fff !important
}

.purpleButton {
	background:#970254;
	color:#fff;
	-webkit-box-shadow:0px 4px 0px rgba(100,31,69,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow:0px 4px 0px rgba(100,31,69,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow:0px 4px 0px rgba(100,31,69,1), 0px 4px 25px rgba(0,0,0,.0)
}

.purpleButton:hover, .purpleButton:focus {
	background:#752064;
	color:#fff;
	-webkit-box-shadow:0px 4px 0px rgba(100,31,69,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow:0px 4px 0px rgba(100,31,69,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow:0px 4px 0px rgba(100,31,69,1), 0px 4px 25px rgba(0,0,0,.0);
	text-decoration:none
}

.purpleButton:active {
	background:#003F72;
	color:#fff;
	-webkit-box-shadow:0px 4px 0px rgba(0,0,0,1), 0px 4px 25px rgba(0,0,0,.0);
    -moz-box-shadow:0px 4px 0px rgba(0,0,0,1), 0px 4px 25px rgba(0,0,0,.0);
    box-shadow:0px 4px 0px rgba(0,0,0,1), 0px 4px 25px rgba(0,0,0,.0);
	text-decoration:none
}

button:disabled {display:none}

.centered{
	display:block;
	margin:0 auto;
	float:none
}

.ctd-explanation {margin:0 0 20px}

.grey-bg {background-color:#e6e6e6}

.last-row {margin-bottom:30px}

.cta-heading{
	background-color:#970254;
	color:#fff;
	padding:20px 35px;
	margin:0;
	font-size:30px
}

.section {padding:30px 0}/* was block */

.section.no-pad {padding:0}

p.centerButton {
	text-align:center; 
	margin:0
}
/* ^ this to become generic ^ */


#ctd-people .section {padding:0 0 30px 0}

#ctd-people .section.no-pad {padding:0}

.bottom-margin {margin-bottom:30px}

.outer.overflow{overflow:visible}

.circular-down-arrow {
	display:block;
	margin:0 auto;
	width:70px;
	height:70px;
	background:url(img/icon-round-down-arrow.png) no-repeat;
}
.circular-down-arrow:hover{background-position:0 -100px}

.circular-down-arrow:active{background-position:0 -200px}

#ctd-home h1 {
	font-size:30px;
	line-height:30px;
	text-decoration:center;
	margin:0
}

.ctd-cta .contents{
	padding:35px;
	display:inline-block
}

.ctd-cta p {font-size:22px}

.ctd-table {
	display:table;
	padding:35px
}

#ctd-people .ctd-table {padding:20px}

.ctd-cell {
	display:table-cell;
	vertical-align:middle
}

.ctd-cell.quote-icon,
.ctd-cell.info-icon  {width:80px}

.ctd-cell.cell-text p {
	font-size:30px;
	line-height:35px;
	padding-left:20px;
	margin:0 !important
}

.connection {
	position:relative;	
	display:inline-block;
	float:left;
	width:200px;
	height:166px;
	overflow:hidden;
	padding:0	
}

.connection:before {
	position:absolute;
    content:url('img/connection-overlay-200.png');
    width:200px;
    height:166px;
    pointer-events:none;
	z-index:2
}

.connection a {
	margin:0;
	padding:0;
	display:inline-block
}

.connection img {
	width:100%;
	height:auto;
	-webkit-transform:scale(1);
	transform:scale(1);
	-webkit-filter:grayscale(100%);
	filter:grayscale(100%);
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}

.connection:hover img {
	-webkit-filter:grayscale(0);
	filter:grayscale(0);
	-webkit-transform:scale(1.1);
	transform:scale(1.1)
}

.connection .mask {
	opacity:0;
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#970254;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}

.connection.restricted .mask {opacity:0.75}

.connection.unrestricted p {
	opacity:0;
	margin:0;
	padding:5px 10px;
	background-color:#960051;
	color:#fff;
	width:100%;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out
}

.connection.restricted p {
	opacity:0;
	margin:0;
	padding:0;
	color:#fff;
	width:100%;
	text-align:center;
	text-decoration:underline;
	display:block;
	position:absolute;
	left:0;
	bottom:40%;
	-webkit-transition:.3s ease-in-out;
	transition:.3s ease-in-out;
	pointer-events:none
}

.connection.unrestricted:hover p,
.connection.restricted p {opacity:1}

.pp-heading{
	background-color:#960051;
	color:#fff;
	padding:15px 20px;
	margin:0;
	font-size:30px
}

.pp-heading.gap {margin-bottom:30px}

.activities{ margin-bottom:30px}

.activity {
	padding:20px;
	margin-bottom:55px;
	position:relative;
	margin:0 5px 55px 5px;
	width:49.16666666666667%
}

.activity:before{
	content:"";
	position:absolute;
	width:0;
	height:0;
	left:60%;
	bottom:-40px;
	border-top:40px solid #e6e6e6;
	border-left:40px solid transparent
}

.activity .activity-img img {
	display:block;
	width:100%;
	height:auto
}

.activity-caption{
	background-color:#403A60;
	color:#fff;
	padding:5px 10px;
	width:100%;
	display:block
}

.activity-head {margin-bottom:20px}

.activity-head img {
	width:100px;
	height:auto;
	display:inline-block;
	float:left;
	margin:0 10px 0 0;
	padding:0
}

.activity-head p.date {font-size:14px}

.activity-head  p.title {
	font-weight:bold;
	margin:0
}

.activity .activity-image  {position:relative}

.activity .activity-image {
	position:absolute;
	display:block;
	width:100%;
	background-color:#970254;
	color:#fff;
	padding:5px 10px;
	margin:20px 0;
	left:0;
	bottom:0
}

.activity.video iframe {
	width:560px;
	height:400px
}

#ctd-people .activity .ctd-table {padding:0}

#ctd-people .activity .ctd-cell.cell-rich-text {padding-left:20px}

.ctd-people-intro .t-people-slides img{
	width:100%;
	height:auto;
	display:block
}

.ctd-people-intro .profile-name{
	background-color:#e8e8e8;
	padding:20px
}

.ctd-people-intro .profile-name p {
	font-size:30px;
	line-height:35px;
	margin:0
}

.ctd-people-intro .ctd-table {height:420px}

.ctd-bio p {margin-bottom:40px}

.ctd-bio.tablet-pad p {padding-left:20px}

.tablet-story-pad p {padding:0 20px}

.tablet-story-pad p.see-profile {padding:0 20px}

.ctd-about-media iframe,
.ctd-about-media img {
	width:590px;
	height:420px;
	margin-bottom:40px
}

.ctd-share {
	border-left:5px solid #666;
	padding:20px
}

.ctd-share p {
	margin:0;
	font-size:30px;
	line-height:35px;
	color:#666
}

.ctd-share p{
	display:inline-block;
	float:left;
	padding:0 !Important
}

.ctd-share .addtoany_list a{margin:0 0 -5px 20px}

#ctd-story h1 {
	background-color:#960051;
	color:#fff;
	font-size:30px;
	line-height:30px;
	text-align:left;
	padding:20px
}

#ctd-story h2 {
	/* font-size:30px; */
	/* line-height:30px; */
	/* color:black; */
	/* margin-bottom:20px */
}

#ctd-story .rev_slider_wrapper {margin-bottom:20px !important}

#ctd-story .ctd-table {margin:20px 0 20px 0}

.connection,
.activity{
	-webkit-animation:fadein 1s 0s;
	-moz-animation:fadein 1s 0s;
	-ms-animation:fadein 1s 0s;
	-o-animation:fadein 1s 0s;
	animation:fadein 1s 0s;
}

@-webkit-keyframes fadein { /* Safari, Chrome and Opera > 12.1 */
    from {opacity:0}
    to   {opacity:1}
}

@-moz-keyframes fadein { /* Firefox < 16 */
    from {opacity:0}
    to   {opacity:1}
}

@-ms-keyframes fadein { /* Internet Explorer */
    from {opacity:0}
    to   {opacity:1}
}

@-o-keyframes fadein { /* Opera < 12.1 */
    from {opacity:0}
    to   {opacity:1}
}

@keyframes fadein {
    from {opacity:0}
    to   {opacity:1}
}

.t-home-alt iframe{
	display:block;
	margin:0 auto;
	width:100%;
	height:540px;
}


/* @ Media max 961*/
@media all and (max-width:961px) {
	
	.connection{
		width:240px;
		height:200px;
		background-size:240px 200px
	}
	
	.connection:before {
		content:url('img/connection-overlay-240.png');
		width:240px;
		height:200px
	}
	
	.connection:nth-of-type(4n+1){clear:left}
	
	.ctd-people-intro .ctd-table {height:325px}
	
	.ctd-bio p {padding:0 20px}
	
	.m-center {text-align:center}
	
	.ctd-about-media iframe,
	.ctd-about-media img{
		width:470px;
		height:375px
	}
	
	#ctd-people .ctd-table {padding:30px}
	
	.ctd-cell.cell-text p {
		font-size:24px;
		line-height:28px
	}
	
	.activity {width:49%}
	
	.activity.video iframe {
		width:420px;
		height:300px
	}
	
	#ctd-story p,
	#ctd-story h2,
	#ctd-story h3,
	#ctd-story h4 {padding:0 20px}
	
	#ctd-story h3.pp-heading {padding:15px 20px}
	
	#ctd-story .ctd-cta p {padding:0}
	
	.t-all {width:100%;padding:0}
/********** Connect the dots CTD END **********/


/* @Media max 1199px */
@media all and (max-width:1199px) {
	.signup .left {text-align:center}
	
	.signup .left label {
		margin-right:0px;
		float:none
	}
	
	.signup .left label small {padding-bottom:8px}
}

/* @Media max 321px */
@media all and (max-width:321px) {
	
	/* Content top pad */
	#content-container {padding-top:3px!important}
	
	/******************/
	/* ZT MOBILE GRID */
	/******************/	
	.m-all {
		width:100%;
		padding-left:0;
		padding-right:0
	}
	
	
	.m-center {text-align:center}
	
	
	/* Hero image */
	.hero-holder{height:140px}
	
	#news-archives .hero-holder{height:278px}
	
	.hero-headline h1 {
		margin-left:1.5%;
		top:50px
	}
	
	#news-archives .hero-headline h1{
		padding:0.5em 0;
		width:100%;
		margin-left:1.5%
	}
	
	#news-archives .hero-headline h2 {
		width:100%;
		margin-left:1.5%;
		margin-bottom:0.5em;
		font-size:20px
	}
	
	#news-archives .hero-headline p {display:none}
	
	#news-archives .hero-headline a {margin:0 0 0 1.5%}
	
	#news-archives .hero-headline .button {
		margin-top:10px;
		padding:9px 12px !important
	}
		
	/* General links */
	.general-link .gl-img,
	.general-link .gl-txt {
		width:100%;
		margin:0
	}
	
	
	/* News and blogs */
	.news-blog .nb-img {
		width:100%;
		margin-right:0
	}

	.news-blog .nb-txt {width:100%}

	.news-blog.nb-main-news {padding:0px 0px 0px 0px}
	
	
	/* Stories */
	.oh .col25:nth-of-type(1), .oh .col25:nth-of-type(3) {clear:left}
	
	
	/* Search link */
	.dl-search.m-all {width:100%;margin:10px 0 10px 0}
	
	
	/* Story link*/
	.story-link.grid.m-all { margin:10px 0 10px 0}
	
	
	/* Download links*/
	.dl-link-access {
		float:left;
		width:100%;
		margin:20px 0 0 0;
		clear:left
	}
	
	.dl-link-icon {
		width:100%;
		background-position:center top
	}

	.dl-link-icon:hover {background-position:center -100px}
	
	.dl-link-access p {text-align:center; margin-bottom:20px}
	
	.dl-link-access p .dl-icon {margin:0}

	.dl-link-access a.dl-icon-download-round{background-image:url('img/icon-round-download-mobile.png')}
	
	.dl-link-access a.dl-icon-link-ext-round{background-image:url('img/icon-round-link-external-mobile.png')}
	
	.dl-link-access a.dl-icon-link-int-round{background-image:url('img/icon-round-link-internal-mobile.png')}
	
	.dl-link-access a.dl-icon-summary-round{background-image:url('img/icon-round-summary-mobile.png')}
		
	.dl-link-access a {
		padding:30px 0 0 0;
		background-position:center -78px;
		overflow:hidden;
		font-size:0.9em;
		width:100%
	}

	.dl-link-access a:hover {background-position:center top}
	
	.dl-link-content{
		float:left;
		margin-left:5%;
		max-width:95%
	}
	
	.m-dl-meta{
		display:inline-block;
		float:left;
		width:25%
	}
	
	.m-dl-content{
		display:inline-block;
		float:left;
		width:75%
	}
	
	
	/* Policy and Practice tab */
	#ssTabs .nav li {width:100%}
	
	
	/* Tabs as accordions */
	.hero-holder.with-accordion {border-bottom:0 none}
	
	.block.outer.accordion-holder{
		margin:0;
		padding-top:0;
		width:100%
	}
	
	#ssTabs .tab-holder {display:none}
	
	ul.resp-tabs-list {display:none}

	h2.resp-accordion {
		display:block; 
		background-color:#FEBB22; 
		border-bottom:1px solid #fff; 
		font-size:24px; 
		color:#000
	}
	
	h2.resp-accordion a:hover{text-decoration:none}
	
	h2.resp-accordion.resp-tab-active {background-color:#FEDD90}
	
	.resp-tab-content-active .tab-panel {
		width:90%;
		margin:20px auto;
		display:block
	}

	.resp-accordion-closed {display:none !important}
	
	
	/* Gap map */
	#gapmap .keys .key {
		margin-left:0;
		clear:both
	}
	
	#gapmap .gapmap-content .wrapper {overflow:scroll}
	
	#gapmap .gapmap-content .wrapper table {width:auto}
	
	
	/* Gap map supporitng page */
	.pub-details {wyidth:100%}
	
	
	/* Searches */
	.general-search .dl-link-content {max-width:70%}
	
	.search-filters {float:left}
	
	.search-filters h3.accordion-toggle,
	#fullnews .right h4	{
		background-color:#FEBB22;
		padding:20px 0 20px 10px;
		margin:0;
		border-bottom:1px solid #fff
	}
	
	.search-filters h3.accordion-toggle:nth-of-type(1),
	#fullnews .right h4:nth-of-type(1){margin-top:20px}
	
	.accordion-content,
	#fullnews .right .accordion-content{margin:10px 10px 0 10px}
	
	.search-filters h3.accordion-toggle.open,
	.#fullnews .right h4.accordion-toggle.open{background-color:#FEDD90}
	
	.search-filters h3.accordion-toggle::after,
	#fullnews .right h4.accordion-toggle::after{
		display:inline-block;
		content:url('img/expand.png');
		width:20px;
		height:20px;
		float:right;
		margin:0 20px 0 0
	}
	
	.search-filters h3.accordion-toggle.open::after,
	#fullnews .right h4.accordion-toggle.open::after {
		content:url('img/contract.png');
		-webkit-transform:rotate(180deg);
		-moz-transform:rotate(180deg);
		-o-transform:rotate(180deg);
		-ms-transform:rotate(180deg);
		transform:rotate(180deg)
	}

	/* search panels */
	.dl-search-panel {max-width:90%}
	
	.dl-search-text a {
		background-position:10px center;
		padding:20px 0 20px 50px
	}
	
	
	/* Document library document */
	.dl-main {margin-top:20px}
	
	#document-library .m-all  .dl-download,
	#document-library .m-all .dl-link-icon-large	{
		margin-left:auto;
		margin-right:auto
	}
	 
	
	/****************/
	/* ORIGINAL CSS */
	/****************/	
	.alignleft,
	.alignright {
		float:none;
		width:100%;
		height:auto;
		margin-left:0px;
		margin-right:0px
	}
	
	#fullnews iframe {
		width:100%;
		height:160px
	}
	
	.relatedthumb {
		width:49%;
		padding-left:0%;
		padding-right:0%;
		text-align:center
	}
	
	.relatedthumb.item2, .relatedthumb.item4{padding-left:2%}
	
	#fullnews .news.smaller img {
		width:100%;
		height:auto;
		float:none
	}
	
	#fullnews .left img {
		max-width:100%;
		width:94%;
		height:auto
	}
	
	.signup .left label {
	width:100%;
	text-align:
	center;
	display:block;
	clear:both
	}
	
	.mmdonateWrapper {
		height:370px;
		padding:0px
	}

	
	/*********************************/
	/* ZT GAPMAP PUBLICATION DETAILS */
	/*********************************/
	.pub-details {
		float:left;
		width:100% !important
	}
	
	
	/*********************************************/
	/* ZT Document Library & DOCUMENT/SEARCH LINKS */
	/******************************************/

	/* Footer */
	#footer {
		height:auto;
		padding-top:0 !important;
		padding-bottom:0
	}
	
	#footer #video {
		display:none;
		visibility:hidden
	}
	
	#footer .lhide{
		display:none;
		visibility:hidden
	}
	
	#footer ul li:first-child a,
	#footer ul li a {font-size:16px}
	
	
	/* hide 3 way donate*/
	.full-width-donate-pic {display:none}
	
	#single-header-container{height:80px;}
	
	#single-header-container img {
		max-width:50%;
		margin-left:10px
	}

	.page-template-page-story-standalone #content-container{padding-top:23px !important;}
	
	.standalone#disclaimer{height:80px}
	
	.standalone#disclaimer p span {
		float:left;
		margin-top:10px
	}
	
	.standalone#disclaimer a {display:inline-block}		
	
	.connection{
		width:160px;
		height:133px;
		background-size:160px 133px
	}
	
	.connection:before {
		content:url('img/connection-overlay-160.png');
		width:160px;
		height:133px
	}
	
	.connection:nth-of-type(odd){clear:left}
	
	.ctd-about-media iframe,
	.ctd-about-media img{
		width:320px;
		height:228px
	}
	
	.ctd-bio {padding-bottom:0}
	
	.ctd-bio p { padding:0 20px}
	
	.ctd-people-intro .ctd-table {
		height:auto;
		margin:10px 0
	}
	
	.ctd-cell.quote-icon img,
	.ctd-cell.info-icon img {
		width:44px;
		height:auto
	}
	
	.ctd-cell.cell-text {width:85%}
	
	.pp-heading,
	.ctd-cell.cell-text p,
	.ctd-people-intro .profile-name p,
	.ctd-cta p	{
		font-size:21px;
		line-height:24px
	}
	
	.ctd-share .addtoany_list {
		float:left;
		margin-top:10px
	}
	
	.ctd-share .addtoany_list a{margin-left:10px}
	.ctd-share .addtoany_list a:first-of-type {margin-left:0}
	
	.activity{
		width:100%;
		padding:20px 10px
	}
	
	.activity-head img {display:none}
	
	.activity-head p.date {margin-bottom:10px}
	
	.activity.video iframe {
		width:290px;
		height:207px
	}
	
	.ctd-cta .contents {padding:20px}
	
	button,
	.button {
		font-size:16px;
		padding:14px 12px
	}
	
	#ctd-story p,
	#ctd-story h2,
	#ctd-story h3,
	#ctd-story h4 {padding:0 20px}
	
	#ctd-story .section{padding:0}
	
	#ctd-story .ctd-share {margin:20px 0}
	
	#ctd-story .ctd-cta {margin-bottom:20px}
	
	.ctd-table {	padding:20px}

}
/* END:max-width:321px */